@charset "UTF-8";



/*============================================================

	Kobetsu Top Style

============================================================*/



div.point2Block dl { width: 330px; }

div.point2Block dl dt { margin-bottom: 20px; }

div.point2Block dl dd.p2image { float: left; width: 145px; }

div.point2Block dl dd.p2text { float: right; width: 170px; }

div.switchText { float: right; width: 520px; }

div.orderMadeBlock p { width: 320px; }

div.qualityBlock { background: transparent url(/class/app/webroot/img/kobetsu/images/image_top_03.jpg) no-repeat right bottom; }

div.qualityBlock div.qualityBlockLeft { background: #fdeec7 url(/class/app/webroot/img/kobetsu/images/bg_top_02.gif) no-repeat left top; width: 472px; }

div.qualityBlock div.qualityBlockLeftInner { background: transparent url(/class/app/webroot/img/kobetsu/images/bg_top_03.gif) no-repeat left bottom; margin-bottom: 20px; padding: 10px; }

div.talkBlock { background: transparent url(/class/app/webroot/img/kobetsu/images/bg_top_04.gif) no-repeat 3px top;  }

div.talkBlock div.talkBlockInner { background: transparent url(/class/app/webroot/img/kobetsu/images/bg_top_05.gif) no-repeat 3px bottom; padding-bottom: 15px; }

div.talkBlock .talkBlockChild { position: relative; width: 220px; margin-right: 6px; }

div.talkBlock .talkBlockChildLeft { float: left; }

div.talkBlock .talkBlockChildLeft h3 { position: absolute; left: 0; top: 10px; } 

div#str_cts div.talkBlock .talkBlockChildLeft p.talkImg { padding: 47px 0 0 15px; margin-bottom: 5px; } 

div#str_cts div.talkBlock .talkBlockChildLeft p.talkTxt { padding: 0 0 0 15px; font-size: 0.6em; color: #663300; width: 70px; } 

div.talkBlock .talkBlockChildRight { float: right; width: 118px; margin-right: 7px; }

div.talkBlock .talkBlockChildRight h3 { color: #FF6600; font-weight: bold; font-size: 0.8em; padding-top: 10px; line-height: 1.4em; margin-bottom: 10px; }

div#str_cts div.talkBlock .talkBlockChildRight p { font-size: 0.6em; }

div.talkBlock .talkBlockChildRight p a { display: block; padding-top: 5px; text-align: right; }


/*130111 add*/
.pointArea .pointBlock{ background:url(../img/kobetsu/images/bg_002.gif) left bottom no-repeat; padding-bottom:20px; font-size: 75%; line-height: 1.5;}
.pointArea .pointBlock .orageBlock { border-bottom:1px solid #FF8000; border-left:1px solid #FF8000; border-right:1px solid #FF8000; background:url(../img/kobetsu/images/bg_001.gif) left top repeat; padding:15px 10px;}
.pointArea .pointBlock .blueBlock { border-bottom:1px solid #0085B2; border-left:1px solid #0085B2; border-right:1px solid #0085B2; background:url(../img/kobetsu/images/bg_001.gif) left top repeat; padding:15px 10px;}
.pointArea .pointBlock .greenBlock { border-bottom:1px solid #B2B200; border-left:1px solid #B2B200; border-right:1px solid #B2B200; background:url(../img/kobetsu/images/bg_001.gif) left top repeat; padding:15px 10px;}

.pointArea .pointBlock .bgCloss{ background:url(../img/kobetsu/images/bg_003.png) 337px center no-repeat;}
.pointArea .pointBlock dl{ width:326px; padding:0; }
.pointArea .pointBlock dl.right{ width:280px; padding:0;}
.pointArea .pointBlock dl dt{ margin-bottom:10px;}
.pointArea .pointBlock dl dd.txt{ width:145px; float:left;} 

.pointArea .pointBlock .blueBlock p.img{ width:127px; float:right; margin-bottom:0 !important;}
.pointArea .pointBlock .blueBlock dl{width:512px; float:left;}




/* side */

#str_cts_Right .linkListSection p { margin: 0; }

#str_cts_Right .linkListSection ul { padding: 12px 10px 0; border: solid 1px #CCC; margin: 0 0 15px; }

#str_cts_Right .linkListSection li { margin-bottom: 10px; font-size: 75%; }

#str_cts_Right .linkListSection li a { margin-bottom: 10px; color:#006f93; background: url(/shared/img/common/bg_link_arrow.gif) no-repeat scroll 0 0.4em transparent; padding-left: 10px; }

#str_cts_Right #bnr_area_m15 ul li { margin: 0 0 15px; }



div#str_cts .point3Block {

	background: transparent url(/class/app/webroot/img/kobetsu/upsystem/pcs/bg_pcs_06.gif) no-repeat left bottom;

	padding-bottom: 10px;

}

div#str_cts .point3Block .point3BlockInner {

	font-size: 10px;

	width: 219px;

	float: left;

	margin-right: 8px;

}

div#str_cts .point3Block .point3BlockInner p,

div#str_cts .point3Block .point3BlockInner ul {

	margin-left: 11px;

	margin-right: 11px;

	font-size: 10px;

}

div#str_cts .point3Block #point01.point3BlockInner .imgRight {

	float: right;

	display: block;

}

div#str_cts .point3Block #point01.point3BlockInner .dotLine {

	background: transparent url(/class/app/webroot/img/kobetsu/upsystem/pcs/bg_pcs_07.gif) repeat-x left bottom;

	padding-bottom: 10px;

}

div#str_cts .point3Block #point01.point3BlockInner .pcsGrayText {

	clear: both;

}

div#str_cts .point3Block #point01.point3BlockInner span {

	color: #F00;

}

div#str_cts .point3Block #point02.point3BlockInner {

	margin-right: 0;

}

div#str_cts .point3Block #point02.point3BlockInner ul li {

	font-weight: bold;

	background: transparent url(/class/app/webroot/img/kobetsu/upsystem/pcs/bg_pcs_02.gif) no-repeat left 3px;

	padding-left: 13px;

	margin-bottom: 5px;

}

div#str_cts .point3Block #point03.point3BlockInner {

	margin-right: 0;

	float: right;

}







div.wrap_index{

background:url(/images/bg_index_wrap.gif) repeat-x 0% 0% #fff !important;

border-bottom:none !important;

padding-bottom:0 !important;

}



div#str_main_left{

width:237px;

float:left;

position:relative;

top:10px;

left:15px;

}



div#str_main_left p{

margin:0;

text-align:center;

padding:8px 0;

}



div#str_main_left ul{

margin-left:9px;

padding-bottom:5px;

}



div#str_main_right{

width:718px;

float:right;

padding-top:2px;

}



h1.hdg-l1-idx-01{

font-size:87.5%;

text-align:center;

margin-bottom:10px;

}



h2.hdg_l2_search_school{

padding:8px 5px;

font-size:1px;

line-height:1;

margin-bottom:8px;

}



h3.hdg-l3-idx-01{

color:#fe5400;

font-size:87.5%;

margin-bottom:15px;

}



div.str_container_index{

width:100%;

}



div.str_left_index{

width:701px;

float:left;

}



div.str_right_index{

width:230px;

float:right;

}



div.str_movie_txt div{

background:#f4f4f4;

padding:9px 5px 8px 15px;

}



div.str_movie_txt div ul{

padding-bottom:3px;

}



div.str_movie_txt div ul li{

display:inline;

font-size:75%;

}



div.str_movie_txt div ul li span{

margin:0 0 0 2px;

}





/*============================================================

	H1 Style

============================================================*/



div.hdg_l1_common img.icon{

position:absolute;

top:22px;

left:20px;

}





h1.hdg_l1_index01_mStyle{

margin:0 10px 15px !important;

}





h1.hdg_l1_imgSet{

font-size:100%;

display:inline;

padding-left:80px;

}







/*============================================================

	H2 Style

============================================================*/



.hdg_l2_txt01 span{ display:block; }







div#course_wrap{

height:191px;

position:relative;

z-index:0;

background:url(/class/img/kobetsu/primary/bg_flash_visual.gif) repeat-x 0% 0%;

}



p#visual{

width:407px;

position:absolute;

}



div#vFlash{

width:266px;

position:absolute;

left:407px;

}



h2.hdg_l2_txt01 span{

padding:0 6em 0 5px;

}



/*============================================================

	Contents Navi Style

============================================================*/



div#navi_cts_course,

div#navi_cts_3up,

div#navi_cts_riyuu,

div#navi_cts_ietsushin{

margin-bottom:5px;

}



div#navi_cts_course ul,

div#navi_cts_3up ul,

div#navi_cts_riyuu ul,

div#navi_cts_ietsushin ul{

font-size:1px;

line-height:1;

float:right;

}



div#navi_cts_course ul{

width:471px;

position:relative;

z-index:1;

}



div#navi_cts_3up ul{

width:448px;

}



div#navi_cts_riyuu ul{

width:415px;

}



div#navi_cts_ietsushin ul{

width:;

}



div#navi_cts_course ul li,

div#navi_cts_3up ul li,

div#navi_cts_riyuu ul li,

div#navi_cts_ietsushin ul li{

float:left;

margin-right:3px;

text-align:center;

}



div#navi_cts_course ul li img,

div#navi_cts_3up ul li img,

div#navi_cts_riyuu ul li img,

div#navi_cts_ietsushin ul li img{

position:relative;

top:7px;

}



div#navi_cts_course ul li a,

div#navi_cts_course ul li strong,

div#navi_cts_3up ul li a,

div#navi_cts_3up ul li strong,

div#navi_cts_riyuu ul li a,

div#navi_cts_riyuu ul li strong,

div#navi_cts_ietsushin ul li a,

div#navi_cts_ietsushin ul li strong{

display:block;

height:25px;

}



div#navi_cts_course ul li#lnc1 a,

div#navi_cts_course ul li#lnc1 strong{

width:139px;

}



div#navi_cts_course ul li#lnc2 a,

div#navi_cts_course ul li#lnc2 strong{

width:139px;

}



div#navi_cts_course ul li#lnc3 a,

div#navi_cts_course ul li#lnc3 strong{

width:180px;

}



div#navi_cts_3up ul li#lnc1 a,

div#navi_cts_3up ul li#lnc1 strong{

width:149px;

}



div#navi_cts_3up ul li#lnc2 a,

div#navi_cts_3up ul li#lnc2 strong{

width:137px;

}



div#navi_cts_3up ul li#lnc3 a,

div#navi_cts_3up ul li#lnc3 strong{

width:149px;

}



div#navi_cts_riyuu ul li#lnc1 a,

div#navi_cts_riyuu ul li#lnc1 strong{

width:114px;

}



div#navi_cts_riyuu ul li#lnc2 a,

div#navi_cts_riyuu ul li#lnc2 strong{

width:162px;

}



div#navi_cts_riyuu ul li#lnc3 a,

div#navi_cts_riyuu ul li#lnc3 strong{

width:126px;

}



div#navi_cts_ietsushin ul li#lnc1 a,

div#navi_cts_ietsushin ul li#lnc1 strong{

width:66px;

}



div#navi_cts_ietsushin ul li#lnc2 a,

div#navi_cts_ietsushin ul li#lnc2 strong{

width:115px;

}





div#navi_cts_course ul li a:hover,

div#navi_cts_course ul li  a.in,

div#navi_cts_3up ul li a:hover,

div#navi_cts_3up ul li  a.in,

div#navi_cts_riyuu ul li a:hover,

div#navi_cts_riyuu ul li  a.in,

div#navi_cts_ietsushin ul li a:hover,

div#navi_cts_ietsushin ul li a.in{

background-position:0% 100% !important;

}



div#navi_cts_course ul li strong.in{

background-position:0% 0% !important;

}







/*============================================================

	Contents Bottom Navigation Style

============================================================*/



/*----- 3up Style -----*/



div.navi_3up_btm{

background:#e2e2e2;

padding:10px 0;

}



div.navi_3up_btm ul{

font-size:75%;

padding-left:10px;

}



div.navi_3up_btm ul li{

width:211px;

float:left;

margin-right:10px;

background:#fff;

text-align:center;

padding:3px 0;

font-weight:bold;

}



div.navi_3up_btm ul li strong{

color:#9f9f9f;

}



div.navi_3up_btm ul li img{

margin-right:10px;

}



/*----- Primary,Junior,High Style -----*/



ul.navi_course_btm{

font-size:75%;

margin-bottom:10px;

}



ul.navi_course_btm li{

display:inline;

}



ul.navi_course_btm li span{

margin:0 10px 0 8px;

}



ul.navi_course_btm li strong{

font-weight:normal;

color:#9e9e9e;

}







/*============================================================

	List Style

============================================================*/



/*----- Index Style -----*/



ul.list_3column{

margin-left:20px;

}



ul.list_3column li{

margin-right:55px;

width:260px;

float:left;

}



ul.list_3column li img{

margin-bottom:10px;

}



ul.list_3column li p{

margin-bottom:0 !important;

}



ul.list_2column{

margin:0 20px;

}



ul.list_2column li{

line-height:1;

width:450px;

float:left;

background:url(/shared/img/common/bg_dot_bdr_y.gif) repeat-y 100% 0%;

padding-bottom:30px;

}



ul.list_2column li div{

background:url(/shared/img/common/bg_tbl_bdr.gif) repeat-x 0% 0%;

padding:10px 0 0;

width:100%;

}



ul.list_2column li div img{

float:left;

}



ul.list_2column li div h2{

width:260px;

margin-left:150px;

}



ul.list_2column li div p{

width:270px;

margin-left:150px !important;

}



ul.list_2column li div p{

margin-bottom:0 !important;

}



ul.list_2column li.right{

background:none;

}



ul.list_2column li.right div img{

position:relative;

left:30px;

display:block;

}



ul.list_2column li.right div h2,

ul.list_2column li.right div p{

margin-left:180px !important;

}



/*----- Rinen Style -----*/



ul.list_rinen_01 li{

margin-bottom:15px;

width:100%;

}



ul.list_rinen_01 li h4{

width:144px;

float:left;

}



ul.list_rinen_01 li div div{

width:493px;

float:right;

}



ul.list_rinen_01 li div p{

margin:0 !important;

}



ul.list_rinen_01 li div ul li{

margin:0;

}



/*----- Price Style -----*/



ul.list_price{

margin:0 10px;

}



ul.list_price li{

width:653px;

clear:both;

}



ul.list_price li h3{

width:240px;

float:left;

}



ul.list_price li p{

width:393px;

float:right;

/*margin:-0px 0 0 260px !important;

display:inline;*/

}



p.fs14{

font-size:87.5% !important;

}



/*----- 3up Style -----*/



ul.list_3up_01{

text-align:center;

margin-bottom:30px;

}



ul.list_3up_01 li{

display:inline;

text-align:center;

}



ul.list_movie01 li{

width:330px;

}



ul.list_movie01 li div{

padding:10px;

margin-bottom:5px;

}



ul.list_movie01 li span{

display:block;

padding:5px 0 10px;

}





ul.list_movie01 li p{

margin:0 !important;

}



/*----- Course Style -----*/



div.primary_order_made{

margin:0 0 5px 0px;

background:url(/class/img/kobetsu/primary/bg_order_made.jpg) no-repeat 0% 0%;



}

div.junior_order_made{

margin:0 0 5px 0px;

background:url(/class/img/kobetsu/junior/bg_order_made.jpg) no-repeat 0% 0%;

}



div.high_order_made{

margin:0 0 5px 0px;

background:url(/class/img/kobetsu/high/bg_order_made.jpg) no-repeat 0% 0%;

}



div.primary_order_made div,

div.junior_order_made div,

div.high_order_made div{

width:430px;

padding-right:20px;

background:#fff0c9;

}



div.primary_order_made ul,

div.junior_order_made ul,

div.high_order_made ul{

list-style:disc !important;

font-size:75%;

padding:10px 0;

width:370px;

}



div.primary_order_made ul li,

div.junior_order_made ul li,

div.high_order_made ul li{

margin-top:3px;

width:100%;

margin-left:35px;

}



ul.list_course{

margin:0 10px;

}



ul.list_course li{

margin-bottom:25px;

}



ul.list_course li div{

padding-bottom:8px;

margin-bottom:5px;

background:url(/shared/img/common/bg_tbl_bdr.gif) repeat-x 0% 100%;

}



ul.list_course li div h2{

display:inline;

font-size:100%;

}



ul.list_course li div h2 img{

margin:0 6px 0 10px;

}



ul.list_course li div ul,

ul.list_course li div ul li{

display:inline;

font-size:1px;

line-height:1;

}



ul.list_course li div ul li img{

margin-right:3px;

}



ul.list_course li p{

margin-bottom:0px !important;

}



/*

ul.list_junior_course li{

background:url(/shared/img/common/bg_tbl_bdr.gif) repeat-x 0% 100%;

padding-bottom:4px;

margin-top:5px;

line-height:1.4;

}



ul.list_junior_course li.last_child{

background:none;

}



ul.list_junior_course li div{

width:673px;

}



ul.list_junior_course li div h4{

width:270px;

float:left;

font-size:100%;

}



ul.list_junior_course li div h4 img{

margin-right:10px;

}



ul.list_junior_course li div h4.no_icon{

padding-left:65px;

width:165px;

}



ul.list_junior_course li div p{

margin:0 !important;

padding-top:5px;

width:398px;

float:right;

}

*/



/*----- Riyuu Style -----*/



ul.ast{

font-size:62.5%;

margin:0 10px 15px;

}





ul.ast li{

margin-bottom:5px;

color:#767676;

}



ul.list_child_type{

list-style:disc;

font-size:75%;

margin:0 20px 0 30px;

padding:10px 0 5px;

line-height:1.2;

}



ul.list_child_type li{

margin-bottom:5px;

}







/*----- Support Style -----*/



div.support_double_check{

margin:0 0 5px 20px;

background:url(/class/img/kobetsu/support/bg_double_check.jpg) no-repeat 536px 0%;

}



div.support_double_check div{

width:480px;

padding-right:30px;

min-height:81px;

_height:81px;

background:#ffe6b6;

}



div.support_double_check ul{

list-style:disc !important;

font-size:75%;

padding:10px 0;

width:370px;

}



div.support_double_check ul li{

margin-top:3px;

width:100%;

margin-left:35px;

}



div.column_03 ul{

font-size:1px;

line-height:1;



}



div.column_03 ul li{

display:inline;

}



div.column_03 ul li img{

margin-right:4px;

}





div.column_03_inr ul{

text-align:center;

}



div.column_03_inr ul li{

display:inline;

}



div.column_03_inr ul li img{

margin-bottom:10px;

}





/*============================================================

	Box Style

============================================================*/

/*

div.box_3column{

padding-bottom:30px;

background:url(/shared/img/common/bg_tbl_bdr.gif) repeat-x 0% 100%;

}

*/



/*----- Rinen Style -----*/





div.box_rinen_book ul{

margin-top:-93px;

}



div.box_rinen_book ul li{

margin-bottom:5px;

text-align:right;

width:658px;

}



/*----- Koushi Style -----*/



div.box_koushi_cmt_01,

div.box_koushi_cmt_02,

div.box_koushi_cmt_03{

background:url(/class/img/kobetsu/images/bg_koushi_cmt_01.jpg) no-repeat 0% 0%;

padding:7px 0 0;

margin-bottom:15px;

}



div.box_koushi_cmt_02{

background:url(/class/img/kobetsu/images/bg_koushi_cmt_02.jpg) no-repeat 0% 0%;

}



div.box_koushi_cmt_03{

background:url(/class/img/kobetsu/images/bg_koushi_cmt_03.jpg) no-repeat 0% 0%;

}



div.box_koushi_cmt_01 div.cmt_inr,

div.box_koushi_cmt_02 div.cmt_inr,

div.box_koushi_cmt_03 div.cmt_inr{

width:512px;

background:url(/class/img/kobetsu/images/bg_koushi_cmt_btm.gif) no-repeat 0% 100%;

}



div.box_koushi_cmt_01 div.cmt_inr div,

div.box_koushi_cmt_02 div.cmt_inr div,

div.box_koushi_cmt_03 div.cmt_inr div{

background:url(/class/img/kobetsu/images/bg_koushi_cmt_top.gif) no-repeat 0% 0%;

padding:8px;

}



div.box_koushi_cmt_01 p,

div.box_koushi_cmt_02 p,

div.box_koushi_cmt_03 p{

padding:0 10px;

}



body div#str_cts div.moviearea{

margin:5px 0;

text-align:center;

padding:0;

}

body div#str_cts div.mc-flash-loader{

padding:0;

}





/*----- Kobetsu Style -----*/



.px_97{

background-position:97px 100% !important;

}



.pt10{

padding-top:10px;

}



/*----- Course Math01 Style -----*/



div.gradation{

background:url(/shared/img/common/bg_hdg_l1_txt.gif) repeat-x 0% 35px;

}



div.box_gray{

background:#f2f2f2;

margin:10px;

padding:10px 10px 5px;

}



div.box_gray ul{

list-style:disc;

font-size:75%;

}



div.box_gray ul li{

margin:0 0 5px 25px;

line-height:1.2;

}



/*----- Up System Style -----*/



div.arrow{

padding-bottom:40px;

background:url(/class/img/kobetsu/upsystem/bg_arrow.gif) no-repeat 72px 100%;

}



div.box_tips{

position:relative;

width:424px;

margin-left:125px;

}



div.box_tips p#cap{

position:absolute;

left:386px;

}



div.box_tips ul,

div.box_tips02 ul{

font-size:1px;

line-height:1;

text-align:center;

}



div.box_tips ul li,

div.box_tips02 ul li{

display:inline;

}



div.box_tips ul li img{

margin-right:15px;

}



div.box_tips02 ul li img{

margin-left:15px;

}



.ml16{

margin-left:16px;

}







/*----- Riyuu Style -----*/



div.inr{

margin:0 15px;

}







/*----- newguide Style -----*/



div.btn_newguide{

	margin:10px auto 20px;

	text-align:center;

}



dl.newguide-textbox{

	margin-left:10px;

	_margin-left:5px;

}



strong.strong_newguide{

	color:#E60012;

	font-weight:normal;

}



ul.bottombox_newguide{

	border:1px solid #C9CACA;

	height:87px;

}



ul.bottombox_newguide li{

	float:left;

	display:block;

	padding:16px 0 16px 23px;

}



.clearfix-newguide:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

	}

* html .clearfix-newguide             { zoom: 1; } /* IE6 */

*:first-child+html .clearfix-newguide { zoom: 1; } /* IE7 */







/*----- newguide course Style -----*/



div.newguide-couse-categorybox{

	clear:both;

	background:url(/class/img/kobetsu/newguide/image_course_20.gif) left bottom no-repeat;

	margin-bottom:12px;

}



div.newguide-couse-categorybox2{

	clear:both;

	background:url(/class/img/kobetsu/newguide/image_course_21.gif) left bottom no-repeat;

}



div.newguide-couse-categorybox2 p,

div.newguide-couse-categorybox p{

	width:304px !important;

	border-top:1px solid #B2B2B2;

	padding:5px 10px 0px;

	*padding:5px 11px 0px;

	font-size: 75%;

	line-height:1.5;

	margin-right:20px;

}



div.newguide-couse-categorybox2 p.floatl,

div.newguide-couse-categorybox p.floatl{

	float:left;

}



div.newguide-couse-categorybox2 p.floatr,

div.newguide-couse-categorybox p.floatr{

	float:right;

}



div.newguide-couse-categorybox2 p.category-btn{

	width:294px !important;

	_width:324px !important;

	height:165px;

	border:none;

	background:url(/class/img/kobetsu/newguide/btn_coursebg.jpg) right top no-repeat;

	padding-right:20px;

	*padding-right:16px;

	margin-bottom:0px !important;

	position:relative;

}



div.newguide-couse-categorybox2 p.category-btn img{

	position:absolute;

	left:0px;

	bottom:0px;

}



div.newguide-couse-categorybox2 img{

	display:block;

}



h2.clrboth{

	padding-top:20px;

	clear:both;

}







/*============================================================

	Table Style

============================================================*/



table.tbl_2color{

width:653px;

margin:0 10px 20px;

}



table.tbl_2color th,

table.tbl_2color td{

width:50%;

padding:10px 0;

font-size:75%;

}



table.tbl_2color th{

text-align:center;

font-size:87.5%;

color:#fff;

}



table.tbl_2color th.left{

background:#676767;

vertical-align:top;

}



table.tbl_2color th.right{

background:#ff7803;

vertical-align:top;

}



table.tbl_2color td.left01,

table.tbl_2color td.left02{

padding-left:30px;

padding-right:8px;

border-bottom:solid 10px #fff;

vertical-align:top;

}



table.tbl_2color td.left01{

background:url(/class/img/kobetsu/riyuu/bg_arrow_left01.gif) no-repeat 0% 50% #f2f2f2;

}



table.tbl_2color td.left02{

background:url(/class/img/kobetsu/riyuu/bg_arrow_left02.gif) no-repeat 0% 50% #e5e5e5;

}



table.tbl_2color td.right01,

table.tbl_2color td.right02{

padding-left:8px;

padding-right:30px;

border-bottom:solid 10px #fff;

vertical-align:top;

}



table.tbl_2color td.right01{

background:url(/class/img/kobetsu/riyuu/bg_arrow_right01.gif) no-repeat 100% 50% #ffeede;

}



table.tbl_2color td.right02{

background:url(/class/img/kobetsu/riyuu/bg_arrow_right02.gif) no-repeat 100% 50% #ffe1c7;

}



table.tbl_2color td.bdr_none{

border-bottom:none;

}







/*============================================================

	Support Module Style

============================================================*/



.pt10{

padding-top:10px !important;

}



.pt15{

padding-top:15px !important;

}



.pl10{

padding-left:10px !important;

}



.i1em{

text-indent:1em;

}



.w186{

width:186px;

}



.w200{

width:200px;

}



.w208{

width:208px;

}



.w216{

width:216px;

}



.w240{

width:240px;

}



.w255{

width:255px;

}



.w258{

width:258px;

}



.w315{

width:315px;

}



.w320{

width:320px;

}



.w334{

width:334px;

}



.w400{

width:400px;

}



.w410{

width:410px;

}



.w423{

width:423px;

}



.w425{

width:425px;

}



.w433{

width:433px;

}



.w445{

width:445px;

}



.w463{

width:463px !important;

}





.w470{

width:470px;

}



.red{

color:#cd0000;

}



.fs14{

font-size:87.5% !important;

}



.pt15{

padding-top:15px !important;

}



.pb15{

padding-bottom:15px !important;

}



.pb30{

padding-bottom:30px !important;

}







/*============================================================

	Style for ets.html 2012.03.18 added

============================================================*/

/* module

============================================*/

.ets_em{

color:#E60012;

font-style:normal;

font-weight:bold;

}



/* Catch contents

============================================*/

div#ets_cont_catch dl{

float:left;

width:479px;

}



div#ets_cont_catch p.visual_obj_fr{

float:right;

}



/* Case Study

============================================*/

div#ets_cont_casestudy{

position:relative;

margin-bottom:12px;

}



div#ets_cont_casestudy h3{

position:absolute;

z-index:100;

top:0;

left:0;

}



/* Case Study Common */

div#ets_cont_casestudy .fig_casestudy{

text-align:center;

}



div#ets_cont_casestudy .detail_casestudy{

margin-bottom:0;

}



/* Case Study 1 */

div#bgWrap_ets_cont_casestudy_p1{

float:right;

padding-top:14px;

width:491px;

background:#fff url(/class/img/kobetsu/upsystem/bg_casestudy_p1_top.gif) no-repeat top left;

}



div#ets_cont_casestudy_p1{

padding:0 12px 14px 12px;

background:transparent url(/class/img/kobetsu/upsystem/bg_casestudy_p1_bottom.gif) no-repeat bottom left;

}



div#ets_cont_casestudy_p1 h4{

margin-bottom:14px;

text-align:center;

z-index:100;

}



/* Case Study Main */

div#ets_cont_casestudy_main{

position:relative;

padding:3px 0;

text-align:center;

z-index:50;

}



p#casestudy_mainvisual{

margin:0;

padding:0;

}



p#btn_ets_xpand{

position:absolute;

top:240px;

left:300px;

}



/* Case Study 2_3 common background */

div#bgWrap_ets_cont_casestudy_p2_p3{

padding-top:14px;

background:#fff url(/class/img/kobetsu/upsystem/bg_casestudy_p2_3_top.gif) no-repeat top left;

}



div#bgWrap_ets_cont_casestudy_p2_p3_inr{

padding-bottom:14px;

background:transparent url(/class/img/kobetsu/upsystem/bg_casestudy_p2_3_bottom.gif) no-repeat bottom left;

}



/* Case Study 2 */

div#ets_cont_casestudy_p2{

float:left;

padding-left:12px;

width:302px;

}



/* Case Study 3 */

div#ets_cont_casestudy_p3{

float:right;

padding-right:12px;

width:302px;

}



/* System Flow

============================================*/

div#ets_cont_freecall_ptn1{

margin-bottom:36px;

}



/* System Flow

============================================*/

div#ets_cont_sysflow{

margin-bottom:36px;

}



div#ets_cont_sysflow ul{

padding-left:1px;

}



div#ets_cont_sysflow li.flowItems{

float:left;

}



div#ets_cont_sysflow li.flowItems_last{

float:left;

}



/* Story of Experience

============================================*/

/* Story of Experience Common */

div#ets_cont_experience{}



div#ets_cont_experience h3{

margin-bottom:8px;

}



/* Story1 daughter & mother */

div#ets_cont_experience div#bgWrap_ets_cont_wrap_story1{

padding-top:14px;

padding-top:20px;

background:#fff url(/class/img/kobetsu/upsystem/bg_experience_top.gif) no-repeat top left;

}



div#ets_cont_experience div#ets_cont_wrap_story1{

background:transparent url(/class/img/kobetsu/upsystem/bg_experience_bottom.gif) no-repeat bottom left;

}



/* Story of daughter */

div#ets_cont_experience div#story_daughter{

float:left;

width:327px;

}



/* Story of mother */

div#ets_cont_experience div#story_mother{

float:right;

width:327px;

}



div#bgWrap_ets_cont_wrap_story1 h3,

div#bgWrap_ets_cont_wrap_story1 p{

padding:0 20px;

}



/* Story of teacher */

div#ets_cont_experience div#ets_cont_wrap_story2{

margin-bottom:30px;

}



div#ets_cont_experience p#ets_cont_story_photo_teacher{

float:left;

}



div#ets_cont_experience div#bgWrap_story_teacher{

float:right;

width:535px;

background:#fff url(/class/img/kobetsu/upsystem/bg_story_teacher_top.gif) no-repeat top left;



}



div#ets_cont_experience div#bgWrap_story_teacher_inr{

padding:20px 0 1px 66px;

background:transparent url(/class/img/kobetsu/upsystem/bg_story_teacher_bottom.gif) no-repeat bottom left;

}



div#ets_cont_experience div#story_teacher{

width:440px;

}



/* For Variable Form Link

   ★他コンテンツからの流用コード対応

   ★class_kobetsu2.cssからのコピー

============================================*/

div#str_cts .point3Block {

	background: transparent url(/class/app/webroot/img/kobetsu/upsystem/pcs/bg_pcs_06.gif) no-repeat left bottom;

	padding-bottom: 10px;

}

div#str_cts .point3Block .point3BlockInner {

	font-size: 10px;

	width: 219px;

	float: left;

	margin-right: 8px;

}

div#str_cts .point3Block .point3BlockInner p,

div#str_cts .point3Block .point3BlockInner ul {

	margin-left: 11px;

	margin-right: 11px;

	font-size: 10px;

}

div#str_cts .point3Block #point01.point3BlockInner .imgRight {

	float: right;

	display: block;

}

div#str_cts .point3Block #point01.point3BlockInner .dotLine {

	background: transparent url(/class/app/webroot/img/kobetsu/upsystem/pcs/bg_pcs_07.gif) repeat-x left bottom;

	padding-bottom: 10px;

	min-height: 10px;

	height: auto !important;

	height: 50px;

}

div#str_cts .point3Block #point01.point3BlockInner em {

	font-style: normal;

	display: block;

	padding-right: 100px; 

}

div#str_cts .point3Block #point01.point3BlockInner .pcsGrayText {

	clear: both;

}

div#str_cts .point3Block #point01.point3BlockInner span {

	color: #F00;

}

div#str_cts .point3Block #point02.point3BlockInner {

	margin-right: 0;

}

div#str_cts .point3Block #point02.point3BlockInner ul li {

	font-weight: bold;

	background: transparent url(/class/app/webroot/img/kobetsu/upsystem/pcs/bg_pcs_02.gif) no-repeat left 3px;

	padding-left: 13px;

	margin-bottom: 5px;

}

div#str_cts .point3Block #point03.point3BlockInner {

	margin-right: 0;

	float: right;

}