@charset "shift_jis";

/* マンガバナー ---------------------------------------------------------- */

#main-contents {
    position: relative;
    width: 712px;
}

#main-contents .manga {
    position: absolute;
    right: 0;
    top: -6px;
}


/* 学習スタイル ---------------------------------------------------------- */
#main-contents .index-style{
	background: url(../common/images/box-pic-712bg.gif) repeat-y left top;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 15px;
	margin: 0 0 20px;
}
.index-style .col-l{
	float:left;
	width: 335px;
	background: url(../images/style-pic-bg01.gif) no-repeat left bottom;
	margin: 0 0 0 15px;
	display: inline;
}
.index-style .col-l h3{
	background-image: url(../images/style-pic-ttl-bg01.gif);
}
.index-style .col-r{
	float:right;
	width: 335px;
	background: url(../images/style-pic-bg02.gif) no-repeat left bottom;
	margin: 0 15px 0 0;
	display: inline;
	height: 300px;
}
.index-style .col-r h3{
	background-image: url(../images/style-pic-ttl-bg02.gif);
}

.index-style .wrapper{
	margin: 0 10px;
	width: 317px;
	padding: 0 0 10px;
}

#main-contents .index-style h3{
	color:#FFFFFF;
	text-align:center;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 7px 0 14px;
	line-height: 100%;
	margin: 0;
}
.index-style p{
	margin: 0 10px;
	padding: 0 0 5px;
}
.index-style .style-img{
	margin: 0 0 10px;
	padding: 0;
}
.index-style .style-img img{


}

.index-style .bottom{
	margin: 0;
	padding: 0;
}
.index-style .bottom img{
	vertical-align: bottom;

}

.index-style p.caution{
	color:#FF3300;
}

/* Web + ---------------------------------------------------------- */
.web-service{
	background-color: #EEE;
	border: solid 3px #CCCCCC;
	margin: 0 0 20px;
}
.web-service dt{
	float: left;
	width: 78px;
}
.web-service dt img{
	margin: 10px 0 10px 25px;
}
.web-service dd{
	float: right;
	width: 622px;
	margin: 24px 0 0;
}


/* 一覧 ---------------------------------------------------------- */
#main-contents .index-list{
	clear: both;
}
.index-list .col-l{
	float:left;
	width: 350px;
	background: url(../common/images/box-pic-350bg.gif) repeat-y left top;
	border-bottom: 1px solid #CCCCCC;
}
.index-list .col-r{
	float:right;
	width: 350px;
	background: url(../common/images/box-pic-350bg.gif) repeat-y left top;
	border-bottom: 1px solid #CCCCCC;
}

.index-list .list01{
	height:330px;
	margin-bottom: 20px;
}
.index-list .list03{
	height:205px;
}
.index-list .txt{
	float:right;
	width: 180px;
}

.index-list p{
	margin:10px;
}
.index-list .list-img{
	float:left;
	width: 160px;
	margin: 0 10px 5px 0;
	display: inline;
}
.index-list p.caution{
	color:#FF0000;
	background-color: #FFF6D5;
	padding: 5px 15px;
	margin-left: 17px;
	margin-right: 17px;
}
.index-list p.catch{
	color: #FF8E16;
	font-size: 12px;
	margin-bottom: 0px;
}
/* 体験コーナー */
.index-list .taiken{
	background-image: url(../common/images/box-pic-712bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 20px;
}
.index-list .taiken .col-l{
	background: none;
	border: none;

}

.index-list .taiken .col-r{
	border: none;
	background-image: url(none);
	background-color: #FFF6D5;
	width: 330px;
	margin: 6px 17px 15px 0;
	display: inline;
}
.index-list .taiken .col-r p{
	margin:0;
	font-size: 80%;
}
.index-list .taiken .col-r .txt{
	float:left;
	margin: 0 10px;
	display: inline;
	width: 195px;
}
.index-list .taiken .col-r .txt p{
	margin:0 0 15px;
}

.index-list .taiken .col-r .img{
   float:right;
   width:110px;
   text-align:center;
}
.index-list .taiken .col-r .img span{
   text-align:center;
   display:block;
   margin:5px 0;
}


/* 中二 ---------------------------------------------------------- */

.index-list .txt_long{
	float:none;
}

.index-list .list-img-b{
	float:none;
	margin: 0 0 5px 0;
	text-align:center;
}

.leftImg{
	float:left;
	display:inline;
	margin-bottom:10px;
	}
	
.rightTxt{
	float:left;
	display:inline;
	width:350px;
	}
	
.supp{
	font-size:10px;
	line-height:14px;
	}		


/*=============================================
	2010年10月号用追加　クローズ時削除OK
=============================================*/

.tab-box {
	clear: both;
	background-color: #ffffff;
	width: 646px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	font-size: 112%;
	padding-top: 15px;
	padding-right: 21px;
	padding-bottom: 15px;
	padding-left: 21px;
}

.tab1-inner-left {
	float: left;
	width: 251px;
}

.tab1-inner-right {
	float: right;
	width: 373px;
}

.tab2-inner-left {
	float: left;
	width: 251px;
}

.tab2-inner-right {
	float: right;
	width: 373px;
}

.tab3-inner-left {
	float: left;
	width: 251px;
}

.tab3-inner-right {
	float: right;
	width: 373px;
}


#tab-wrap3 dl {
}

#tab-wrap3 dl dt {
	float:left;
	width:250px;
	background-image: none;
	padding: 0px;
}

#tab-wrap3 dl dd {
	float:right;
	width:230px;
	font-size: 12px;
}

.ml-25 {
	margin-left: 25px;
}

.mb-10 {
	margin-bottom: 10px;
}

.txt15 {
	font-size: 15px;	
}
.txt12 {
	font-size: 12px;
}
.orange {
	color: #ff3300;		
}
.gray {
	color: #666666;		
}
.btn_right{
	text-align: right;
}


/*=============================================
	2011年03月設定 マンガ告知欄追加
=============================================*/

#manga-box {
	background-image: url(../images/index/manga-foot.gif);
	background-position: bottom;
	width: 692px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.manga-left {
	float: left;
}

.manga-text-left {
	float: left;
	width: 520px;
	margin-top: 5px;
	margin-left: 10px;
	line-height: 1.6em;
}

#cmn_contents #cmn_contents_left #main-contents #manga-box .manga-text-left .orange {
	color: #e25500;
	margin-top: 5px;
	margin-bottom: 5px;
}

.tab2-0401 {
	float: left;
	border: 1px solid #999;
	padding: 3px;
	margin-bottom: 20px;
	font-size: 10px;
	color: #666;
}
.tab2-inner-right2 {
	float: right;
	width: 231px;
}
.tab3-inner-left2 {
	float: left;
	width: 134px;
	margin-left: 15px;
}

/* ２日早期告知------------------------------------*/

#otodoke-table {
	width: 500px;
	background-color: #cccccc;
	border-collapse: separate;
	border-spacing: 1px;
}

.c1 {
	background-color: #dbe5f1;
	text-align: center;
	font-weight: bold;
	font-size: 115%;
	vertical-align: middle;
	padding: 5px;
}

.c2 {
	background-color: #ffffff;
	text-align: center;
	font-weight: bold;
	font-size: 115%;
	vertical-align: middle;
	padding: 5px;
}

.c3 {
	background-color: #ffffff;
	text-align: center;
	font-weight: bold;
	font-size: 115%;
	vertical-align: middle;
	padding: 5px;
	color: #cc0000;
}

.aligncenter {
	text-align: center;
}


/*=============================================
	2012年4月号用
=============================================*/

.tab-box1204 {
	clear: both;
	background-color: #ffffff;
	width: 668px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	font-size: 112%;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}

.tab-box1204 .tab1-inner-left_1204 {
	float: left;
	width: 332px;
}

.tab-box1204 .tab1-inner-right_1204 {
	float: left;
	width: 287px;
}

.tab-box1204 .tab2-inner-left_1204 {
	float: left;
	width: 249px;
}

.tab-box1204 .tab2-inner-right_1204 {
	float: right;
	width: 371px;
}

.tab-box1204 .tab3-inner-left_1204 {
	float: left;
	width: 310px;
}

.tab-box1204 .tab3-inner-right_1204 {
	float: left;
	width: 330px;
}

.tab-box1204 .tab3-inner-left_b {
	float: left;
	width: 330px;
}

.tab-box1204 .tab3-inner-right_b {
	float: right;
	width: 300px;
	margin-top: 15px;
}
*:first-child+html .tab-box1204 .tab3-inner-right_b  {
	float: left;
		} 

/*=============================================
	2012年5月号用
=============================================*/

.tab-box1205 {
	clear: both;
	background-color: #ffffff;
	width: 646px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	font-size: 112%;
	padding-top: 15px;
	padding-right: 21px;
	padding-bottom: 15px;
	padding-left: 21px;
}

.tab-box1205 .tab1-inner-left {
	float: left;
	width: 251px;
}

.tab-box1205 .tab1-inner-right {
	float: right;
	width: 373px;
}

.tab-box1205 .tab2-inner-left {
	float: left;
	width: 258px;
}

.tab-box1205 .tab2-inner-right {
	float: right;
	width: 366px;
}

.tab-box1205 .tab3-inner-left {
	float: left;
	width: 251px;
}

.tab-box1205 .tab3-inner-right {
	float: right;
	width: 373px;
}


.tab-box1205 dl {
}

.tab-box1205 dl dt {
	background-image: none;
	padding-bottom: 3px;
}

.tab-box1205 dl dd {
	margin-left: 20px;
	font-size: 12px;
	padding-bottom: 10px;
}

.lh2 {
	line-height: 2em;
	}

/*=============================================
	2012年6月号用
=============================================*/

.tab-box1206 {
	clear: both;
	background-color: #ffffff;
	width: 668px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	font-size: 112%;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}

.tab-box1206 .tab1-inner-left {
	float: left;
	width: 366px;
}

.tab-box1206 .tab1-inner-right {
	float: right;
	width: 300px;
}

.tab-box1206 .tab2-inner-left {
	float: left;
	width: 258px;
}

.tab-box1206 .tab2-inner-right {
	float: right;
	width: 366px;
}

.tab-box1206 .tab3-inner-left {
	float: left;
	width: 295px;
}

.tab-box1206 .tab3-inner-right {
	float: right;
	width: 373px;
}

/*=============================================
	2012年7月号用
=============================================*/

.tab-box1207 {
	clear: both;
	background-color: #ffffff;
	width: 668px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	font-size: 112%;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}

.tab-box1207 .tab1-inner-left {
	float: left;
	width: 366px;
}

.tab-box1207 .tab1-inner-right {
	float: right;
	width: 300px;
}

.tab-box1207 .tab2-inner-left {
	float: left;
	width: 258px;
}

.tab-box1207 .tab2-inner-right {
	float: right;
	width: 366px;
}

.tab-box1207 .tab3-inner-left {
	float: left;
	width: 295px;
}

.tab-box1207 .tab3-inner-right {
	float: right;
	width: 373px;
}

/* 2013/01/25追加 */
#tablet {
	text-align: center;
	margin: 15px 0px;
}

#more {
	text-align: center;
}

.cont-box .box-inner-left {
	float: left;
	width: 288px;
}

.cont-box .box-inner-right {
	float: right;
	width: 344px;
}

#jukohi_area {
	padding-top: 15px;
}
#jukohi_area .box-inner-left {
	float: left;
	width: 315px;
}

#jukohi_area .box-inner-right {
	float: right;
	width: 340px;
}

#jukohi_area ul {
	clear: both;
	padding-top: 10px;
}

/*=============================================
	2013年5月7日リリース用
=============================================*/
.japan {
    margin-top: -113px;
    position: relative;
    z-index: 1;
}
.txtJisseki {
    position: relative;
    z-index: 2;
}
.mapJapan {
    width: 260px;
    margin: 0 auto;
}
.mapJapan a img:hover{
    opacity: .75;
    filter: alpha(opacity=75);
}