@charset "utf-8";
/*
Theme Name: MES EnglishSchool
Theme URI: http://www.kameleon.jp/
Description: 株式会社カメレオン
Author: 株式会社カメレオン
Version: 1.0
Author: 株式会社カメレオン
Author URI: http://www.kameleon.jp/

*/

/*-------------------------
	全体共通項目
-------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif, Osaka;
	background: #f0f8ff url(images/common/bg.jpg) repeat-x;
	color: #434343;
}

a {
	color: #1395c1;
}

img {
	border: none;
}

.cboth {
	clear: both;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.alignnone {
	float: none;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}


.text-rihgt {
	text-align: right;
}

#wrapper {
	width: 826px;
	margin: 0 auto;
	text-align: left;
}

p.more {
	background:url(images/common/arrow.gif) right 9px no-repeat;
	padding-right: 15px;
	float: right;
	margin-bottom: 20px;
}

* html #contents p.more {
	margin-bottom: 0;
}

*+html #contents p.more {
	margin-bottom: 0;
}

.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}

/*-------------------------
	ヘッダー
-------------------------*/

#header {
	width: 800px;
	height: 67px;
	padding: 8px 12px 0 14px;
	background: url(images/common/header_bg.jpg) no-repeat;
}

#header #description {
	width: auto;
	margin-left: 5px;
}

#header h1 {
	width: 372px;
	height: 40px;
	float: left;
	margin-top: 6px;
}

#header h1 a {
	display: block;
	width: 372px;
	height: 40px;
	text-indent: -9999px;
	background: url(images/common/title.jpg) no-repeat;
}

#header p#time-tel {
	width: 187px;
	height: 43px;
	float: right;
	text-indent: -9999px;
	background: url(images/common/time-tel.jpg) no-repeat;
}

/*-------------------------
	グローバルナビ
-------------------------*/
#global-navi {
	background: url(images/common/global-navi_bg.jpg) no-repeat;
	padding: 0 8px;
	width: 810px;
	height: 45px;
	clear: both;
}

#global-navi ul {
	width: 810px;
	height: 5px;
	list-style-type: none;
}


#global-navi ul li {
	width: 135px;
	height: 45px;
	float: left;
}

#global-navi ul li a {
	display: block;
	width: 135px;
	height: 45px;
  text-indent: -9999px;
	background-repeat: no-repeat;	
}


#global-navi ul li a:hover {
	background-position: 0 -45px;
}


#global-navi ul li.gmenu01 a {
	background-image: url(images/common/gmenu01.jpg);
}

#global-navi ul li.gmenu02 a {
	background-image: url(images/common/gmenu02.jpg);
}

#global-navi ul li.gmenu03 a {
	background-image: url(images/common/gmenu03.jpg);
}

#global-navi ul li.gmenu04 a {
	background-image: url(images/common/gmenu04.jpg);
}

#global-navi ul li.gmenu05 a {
	background-image: url(images/common/gmenu05.jpg);
}

#global-navi ul li.gmenu06 a {
	background-image: url(images/common/gmenu06.jpg);
}
/*-------------------------
	メイン
-------------------------*/

#main {
	width: 800px;
	padding: 15px 13px 0;
	background: url(images/common/main_bg.jpg) repeat-y; 
}


/*-------------------------
	コンテンツ
-------------------------*/

#contents {
	width: 585px;
	float: left;
	padding: 0 0 20px 0;
}

/*-------------------------
	サイドバー
-------------------------*/

#sidebar {
	width: 200px;
	float: right;
	background-color:#f8fdfc;
}

#sidebar .text-box {
	padding-left: 10px;
	width: auto;
	margin-bottom: 20px;
}

#sidebar .text-box p {
	line-height: 1.5;
	margin-bottom: 5px;
}

#sidebar h2 {
	width: 200px;
	height: 40px;
	margin-bottom: 15px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}


#sidebar h2#appli-consul-h {
	background-image: url(images/common/sidebar/appli-consul_h2.jpg);
}

#sidebar p#tel {
	width: 176px;
	height: 19px;
	margin: 10px 0 10px;
	text-indent: -9999px;
	background: url(images/common/sidebar/side-tel.gif) no-repeat;
}

#sidebar p#appli-consul-btn {
	width: 180px;
	height: 30px;
	margin-top: 13px; 
}


#sidebar p#appli-consul-btn a {
	width: 180px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(images/common/sidebar/appli-consul_btn.gif) no-repeat;
}


#sidebar p#appli-consul-btn a:hover {
	background-position: 0 -30px;
}

#sidebar h2#blog-bnr {
	background-image: url(images/common/sidebar/blog_bnr.jpg);
	width: 200px;
	height: 159px;
}

#sidebar h2#blog-bnr a {
	width: 200px;
	height: 159px;
	display: block;
}


#sidebar h2#mail-advice-h {
	background-image: url(images/common/sidebar/mail-advice_h2.jpg);
}

#sidebar .text-box .backnumber {
	text-align: center;
	margin: 5px 0;
}


#sidebar input#text-input {
	width: 178px;
	height: 18px;
	border: #d5d5d5 solid 1px;
	margin: 5px 0 10px;
}


#sidebar input#send-btn {
	display: block;
	width: 52px;
	height: 20px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url(images/common/sidebar/send_btn.gif) no-repeat;
	border:none;
	cursor: pointer;
}

#sidebar ul#link-banner {
	width: 200px;
	margin-bottom: 20px;
	list-style-type: none
}


#sidebar ul#link-banner li {
	width: 200px;
	height: 30px;
	margin-bottom: 5px;
}

#sidebar ul#link-banner li a {
	display: block;
	width: 200px;
	height: 30px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}


#sidebar ul#link-banner li a:hover {
	background-position: 0 -30px;
}

#sidebar ul#link-banner li.link01 a {
	background-image: url(images/common/sidebar/link-banner01.gif);
}
#sidebar ul#link-banner li.link02 a {
	background-image: url(images/common/sidebar/link-banner02.gif);
}
#sidebar ul#link-banner li.link03 a {
	background-image: url(images/common/sidebar/link-banner03.gif);
}

#sidebar h2#request-doc-h {
	background-image: url(images/common/sidebar/request-doc_h2.jpg)
}

#sidebar #request-doc-box {
	line-height: 1.5em;
}

#sidebar #request-doc-box img {
	padding: 0 5px 0 2px;
}

#sidebar p#request-doc-btn {
	width: 180px;
	height: 30px;
}


#sidebar p#request-doc-btn a {
	width: 180px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background: url(images/common/sidebar/request-doc_btn.gif) no-repeat;
}


#sidebar p#request-doc-btn a:hover {
	background-position: 0 -30px;
}

#sidebar h2#publishing-info-h {
	background-image: url(images/common/sidebar/publishing-info_h2.jpg);
	height: 35px;
}

#sidebar div#publishing-info-box {
	line-height: 1.5em;
	width: auto;
}

#sidebar div#publishing-info-box img {
	padding: 0 5px 0 2px;
}


#sidebar ul.marker-list {
	width: auto;
	list-style-type: none;
	margin-bottom: 15px;
}


#sidebar ul.marker-list li {
	background: url(images/common/sidebar/marker.gif) no-repeat left ;
	padding: 3px 0 3px 13px;
}

#sidebar h2#mobile-h {
	background-image: url(images/common/sidebar/mobile_h2.jpg);
	height: 30px;
}

#sidebar .qr {
	text-align: center;
}
#sidebar .fb_box{
	margin: 10px 0;
	text-align: center;
}
#sidebar .fb_box iframe{
	background: #fff;
}
/*-------------------------
	フッター
-------------------------*/

#footer {
	width: 812px;
	height: 35px;
	line-height: 35px;
	color: #FFFFFF;
	text-align: center;
	padding: 0 7px;
	background: url(images/common/footer_bg.jpg) repeat-y;
}

/*-------------------------
	下層ページ共通
-------------------------*/
#contents h2 {
	background-repeat: no-repeat;
	width: 585px;
	height: 40px;
	margin-bottom: 20px;
	text-indent: -9999px;
}

#contents .text-box {
	padding: 0 10px;
	width: auto;
	line-height: 1.5;
}


#contents .text-box p {
	margin-bottom: 1em;
}

#contents h3 {
	background: url(images/common/h3_bg.gif) no-repeat left center;
	padding: 3px 0 8px 20px;
	height: 14px;
	color: #00737b;
	font-size: 14px;
}

#contents h4 {
	background: url(images/common/h4_bg.gif) no-repeat left center;
	padding: 6px 0 8px 20px;
	height: 14px;
	margin: 10px 0 5px 0;
}

#contents ul  {
	margin: 10px 0 10px 20px;
}

#contents ul li {
	background: url(images/common/list_bg.gif) no-repeat left top;
	padding: 0px 0 0px 20px;
	list-style-type: none;
	color: #547a00;
	font-weight: bold;
}

strong {
	color: #b01717;
}

/*-------------------------
	プロフィールページ
-------------------------*/
#contents h2#profile-h {
	background-image:url(images/profile/profile_h2.jpg);
}

/*-------------------------
	講座紹介ページ
-------------------------*/
#contents h2#course-h {
	background-image:url(images/course/course_h2.jpg);
}

#contents table#course-table {
	width: 565px;
	margin: 0px 0 20px;
}

#contents table#course-table th {
	background-color: #0090CB;
	text-align: center;
	padding: 3px 0;
	color: #FFFFFF;
}

#contents table#course-table td {
	background-color: #FAFAFA;
	padding: 0 3px;
	text-align: center;
	font-size: 10px;
	width: 80px;
}

#contents table#course-table td strong {
	color: #A67700;
}

#contents table#course-table td.sca {
	background-color: #F3F3F3;
}


#contents table#course-table td.sun {
	background-color: #EBF4FF;
}


/*-------------------------
	スクール紹介ページ
-------------------------*/
#contents h2#school-h {
	background-image:url(images/school/school_h2.jpg);
}

table.profile {
	border-left: 3px solid #ffeabd;
	margin: 3px 0;
	padding: 0;
}

table.profile th {
	padding-right: 20px;
	padding-top: 7px;
	text-align: right;
	vertical-align: top;
	width: 80px;
}

table.profile td {
	border-bottom: 1px dotted #E0DBD1;
	padding-bottom: 8px;
	padding-top: 8px;
	text-align: justify;
	vertical-align: top;
}
	
/*-------------------------
	生徒の声ページ
-------------------------*/
#contents h2#voice-h {
	background-image:url(images/voice/voice_h2.jpg);
}

h3.voice-title {
	margin-bottom: 15px;
}

.voice-list {
	list-style-type: none;
	margin-bottom: 20px;
}


.voice-list li {
	width: auto;
	border: solid 1px #CCCCCC;
	margin-bottom: 15px;
	padding: 3px 5px
}

/*-------------------------
	お申込み･ご相談ページ
-------------------------*/
#contents h2#contact-h {
	background-image:url(images/contact/contact_h2.jpg);
}

#contents #flow h4 {
	display: block;
	text-indent: -9999px;
	width: 565px;
	height: 32px;
	margin: 5px 0px;
	padding: 0px;
}
#contents #flow h4.step1-title {
	background: url(images/contact/step1.gif) no-repeat;
}

#contents #flow h4.step2-title {
	background: url(images/contact/step2.gif) no-repeat;
}

#contents #flow h4.step3-title {
	background: url(images/contact/step3.gif) no-repeat;
}

#contents #flow h4.step4-title {
	background: url(images/contact/step4.gif) no-repeat;
}



/*-------------------------
	アクセスページ
-------------------------*/
#contents h2#access-h {
	background-image:url(images/access/access_h2.jpg);
}

/*-------------------------
	プライバシーポリシーページ
-------------------------*/
#contents h2#privacy-h {
	background-image:url(images/privacy/privacy_h2.jpg);
}

/*-------------------------
	サイトマップページ
-------------------------*/
#contents h2#sitemap-h {
	background-image:url(images/sitemap/sitemap_h2.jpg);
}


/*-------------------------
	カテゴリーページ
-------------------------*/

h2#category-title {
	background: url(images/common/h2-def_bg.jpg) no-repeat;
	width: 565px;
	height: 32px;
	padding: 14px 0 0 20px;
	margin-bottom: 20px;
	text-indent: 0;
	font-size: 14px;
}

dl.category-list {
	width: auto;
	padding: 0 10px;
	margin-bottom: 30px;
}

dl.category-list dt {
	border-bottom: dotted 1px #CCCCCC;
	margin-bottom: 15px;
	padding-bottom: 10px;
	margin-top: 20px;
}

dl.category-list dt span {
	margin-right: 10px;
}

dl.category-list dd {	
	line-height: 1.5;
	margin-bottom: 40px;
	border-bottom: solid 1px;
}

dl.category-list dd .meta-box {
	padding: 5px 0;
	width: 545px;
}

dl.category-list dd p {
	margin-bottom: 10px;
}


/*-------------------------
	詳細ページ
-------------------------*/
h2#detail-title {
	background: url(images/common/h2-def_bg.jpg) no-repeat;
	width: 565px;
	height: 32px;
	padding: 12px 0 0 20px;
	margin-bottom: 20px;
	overflow: hidden;
	text-indent: 0;
	font-size: 14px;
}

div.detail-box {
	width: auto;
	padding: 0 10px;
	margin-bottom: 20px;
}

/*	コメント関連	*/
#respond {
	width: auto;
	padding: 10px;
	margin-bottom: 20px;
	border-top: dotted 1px;
	clear: both;
}

#respond h3 {
	font-size: 14px;
	margin-bottom: 10px;
}

#respond form#commentform p {
	margin: 10px 0;
}

#respond form#commentform textarea {
	width: 500px;
	height: 200px;
}

p.comment-num {
	float: left;
}

h3#comments {
	font-size: 14px;
	margin-bottom: 10px;
}

.commentlist {
	clear: both;
}

.commentlist li {	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:15px 0 10px;
	padding:5px 5px 10px 10px;
	line-height: 1.5;
}

.commentlist li .avatar {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #EEEEEE;
	float:right;
	padding:2px;
}
.commentlist li .comment-body {
	padding: 10px 10px 20px;
	border: solid 1px #CCCCCC;
}

.commentlist li .comment-body .comment-meta {
	margin-bottom: 5px;
}

.navigation .alignleft,
.navigation .alignright {
	margin-bottom: 10px;
}

/*-------------------------
	ブログ記事用
	タグ設定
-------------------------*/
#contents .blog-entry {
	line-height: 1.5;
}

#contents .blog-entry h1 {
	font-size: 200%;
	margin-bottom: 1em;
}

#contents .blog-entry h2 {
	text-indent: 0;
	font-size: 150%;
	margin-bottom: 1em;
	width: auto;
	height: auto;
}

#contents .blog-entry h3 {
	font-size: 117%;
	margin-bottom: 1em;
}

#contents .blog-entry h4 {
	font-size: 100%;
	margin-bottom: 1em;
}

#contents .blog-entry h5 {
	font-size: 83%;
	margin-bottom: 1em;
}

#contents .blog-entry h6 {
	font-size: 67%;
	margin-bottom: 1em;
}

#contents .blog-entry ul,
#contents .blog-entry ol,
#contents .blog-entry dl{
	padding: 0 0 1em 2em;
}

#contents .blog-entry li {
	margin-bottom: 1em;
}

#contents .blog-entry p {
	margin-bottom: 1em;
}

#contents .blog-entry blockquote {
	margin: 1em 2.5em;
}

#contents .blog-entry img {
	padding: 5px;
}
.sns_btn{
	float: left;
	width: 93px;
	height: 25px;
	margin: 0 0 10px 10px;
}

/* 合格者の声 */
#contents .success{
	margin-top: 5px;
}
#contents .success h5{
	background: url(http://www.mesfukuyama.com/wp-content/uploads/2012/08/goukaku_back.png) no-repeat;
	font-size: 12px;
	color: #000;
	padding-left: 10px;
	width: 550px;
	height: 21px;
	padding-top: 4px;
	margin-bottom: 10px;
}
#contents .success span.suc_con{
	margin-left: 10px;
}
#contents .success ul{
	padding: 0 0 1em 0;
	margin: 0 0 0 25px;
}
#contents .success ul li{
	background: none;
	color: #434343;
	font-weight: normal;
	list-style-type: disc;
	padding: 0 0 0 0;
}
#contents .success li{
	margin-bottom: 0.7em;
}
.voice-list li.suc_con {
	width: auto;
	border: none;
	margin-bottom: 0;
	padding: 0;
}

/* 【追加】講座紹介 */
.cont_title{
	font-size: 16px;
}
.red_box{
	border: 1px solid #e38296;
	background: #fdf3f4;
	padding: 10px 10px 0;
	margin-bottom: 1em;
}
.red_box p{
	color: #d93859;
}
.list_title{
	font-size: 14px;
}
.list_title strong{
	color:#d93859;
}
.fs14{
	font-size: 14px;
}
#contents ul.option li{
background: none;
    color: #434343;
    font-weight: normal;
    padding: 0;
	margin-bottom: 1.5em;
}
#contents .blog-entry ul.option, #contents .blog-entry ul.option dl{
	padding: 0;
	margin: 0;
}
#contents .blog-entry ul.option dl{
	margin-top: 0.5em;
}
ul.option dl dt{
	width: 8%;
	float: left;
	margin-bottom: 0.5em;
}
ul.option dl dd{
	width: 92%;
	float: left;
	margin-bottom: 0.5em;
}
ul.option dl:after {
  content: ""; 
  display: block;
  clear: both;
}
#contents table#course-table.time2014 tr td{
	padding: 0.5em 0.3em;
}
ul.option table{
	margin-top: 0.5em;
}
ul.option table th{
	width: 10%;
	vertical-align: top;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
ul.option table td{
	width: 90%;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#contents table#course-table.table2014{
	margin: 0 0 0;
}
.under{
	color:#D93859;
	text-decoration: underline;
}
.serihu{
	color: #3366ff;
}