/*--------
@charset "UTF-8";

/*
 * ============================================
 * COPYRIGHT(C)2004-2007 CYBRiDGE CORPORATION.
 * URL:http://www.cybridge.jp/
 * ============================================
 */
body{
	font:13px/1.231 Verdana,Arial,sans-serif;	
	}
.clear{
	clear:both;	
	}
.note {
    margin-left:1em;
    text-indent:-1em;
	}
.leftbox{
	float:left;
	}
.rightbox{
	float:right;
	}
.f10{
	font-size:10px;	
	}
#main p{
	margin-bottom:10px;
	}
#flowT{
	margin-bottom:10px;
	}
table.flowS{
	width:100%;
	margin-bottom:10px;
	}
table.flowS th,
table.flowS td{
	padding:10px;
	background:url("/img/common/line_dot.gif") repeat-x 0% 100%;
	}
table.flowS th{
	width:30px;
	}
.care{
	border:3px double #CCC;
	padding:10px;
	}
#p-guide #main #guidH #manner h2 a{
	background-position:0 -46px;
	}
#p-guide #main #guidH #resume h2 a{
	background-position:0 -92px;
	}
#p-guide #main #guidH #market h2 a{
	background-position:0 -138px;
	}
#p-guide #main #guidH #lank h2 a{
	background-position:0 -184px;
	}
#p-guide #main #guidH #call h2 a{
	background-position:0 -230px;
	}
#p-guide #main #guidH #year h2 a{
	background-position:0 -276px;
	}
#p-guide #main #guidH #question h2 a{
	background-position:0 -322px;
	}

#p-guide #main #guidH #diffrence h2 a:hover{
	background-position:0 -23px;	
	}
#p-guide #main #guidH #manner h2 a:hover{
	background-position:0 -69px;
	}
#p-guide #main #guidH #resume h2 a:hover{
	background-position:0 -115px;
	}
#p-guide #main #guidH #market h2 a:hover{
	background-position:0 -161px;
	}	
#p-guide #main #guidH #lank h2 a:hover{
	background-position:0 -207px;
	}	
#p-guide #main #guidH #call h2 a:hover{
	background-position:0 -253px;
	}
#p-guide #main #guidH #year h2 a:hover{
	background-position:0 -299px;
	}	
#p-guide #main #guidH #question h2 a:hover{
	background-position:0 -345px;
	}	
		
#p-manner #main,#p-call #main{
	width:930px;	
	}
#p-manner #keyv{
	background:url("/img/guide/keyv_bg.jpg") no-repeat scroll 0 0;
	}
#p-call #keyv{
	background:url("/img/guide/call_keyv.jpg") no-repeat scroll 0 0;
	height:138px;
	}
.box{
	background:url("/img/guide/manner_sec1_bg.gif") no-repeat scroll 99% 52%;
	width:325px;
	float:left;
}

#p-manner .headline1{
	margin-bottom:10px;	
}

#p-manner th,#p-call th{
	width:157px;
}
#p-manner td,#p-call td{
	padding: 0 11px 0 0;
}


	
/* MannerPage keyv Styles (ƥڡ)
-----------------------------------------------------------------------------  */
#p-manner #main #keyv {
    background:url("/img/guide/manner_keyv_bg.jpg") no-repeat 0 0 ;
    height:132px;
    margin-bottom:22px;
    padding-left:32px;
    padding-top:18px;
    width:917px;
}
#p-manner #main #keyv p{
	margin:15px 0 0 490px;
	width:400px;
	}
#p-manner #keyvH3{
	background:url("/img/guide/manner_2_bg.gif") no-repeat scroll 0 0;
    height:0;
    margin:0 0 5px 321px;
    overflow:hidden;
    padding-top:58px;
    width:612px;
}


/* Section Styles (ƥڡ)
-----------------------------------------------------------------------------  */
#main h2{
	margin-bottom:20px;
	}
#main h3{ 
	margin-bottom:10px;
	}
#main h4{ 
	margin-bottom:20px;
	}
#section1{
	margin-bottom:20px;
	}
#section2 {
	margin-bottom:30px;
	}
#section3{
	margin-bottom:20px;	
	}
	

/* MannerPage dt Styles  (ƥڡ)
-----------------------------------------------------------------------------  */
#p-manner #section1{clear:both;}
#p-manner #section1 dt{background:url("/img/guide/icon_number.gif") no-repeat 0px 10px;}
#p-manner #section1 .number1{10px 6px:;}
#p-manner #section1 .number2{background-position:0px -21px;}
#p-manner #section1 .number3{background-position:0px -53px;}
#p-manner #section1 .number4{background-position:0px -85px;}
#p-manner #section1 .number5{background-position:0px -117px;}
#p-manner #section1 .number6{background-position:0px -148px;}

#section3 dt{background:url("/img/guide/section3_head.gif") no-repeat 0 0;}
#section3 #section3H2{background-position:0 -78px;}
#section3 #section3H3{background-position:0 -155px;}
#p-manner #section3 dt{ 
	padding:24px 0 0 41px !important;  
	font-weight:bold;
	height:37px;  
	}


/* MannerPage dd Styles (ƥڡ)
-----------------------------------------------------------------------------  */
#p-manner #section1 dd{background:url("/img/guide/section1_img.jpg") no-repeat 10px 11px;}
#p-manner #section1 .icon1{background-position:97% 0;}
#p-manner #section1 .icon2{background-position:97% -98px;}
#p-manner #section1 .icon3{background-position:97% -196px;}
#p-manner #section1 .icon4{background-position:97% -294px;}
#p-manner #section1 .icon5{background-position:97% -394px;}
#p-manner #section1 .icon6{background-position:97% -494px;}
#p-manner #section1{background:url("/img/guide/manner_sec1_bg.gif") no-repeat 0 242%;}
#p-manner #section3 dd{  
	padding:5px 5px 5px 3px !important;  
	}
#p-manner #section1 dl{
	background:#F5F5F5;
	width:300px; 
	float:left;
	height:123px;
	}
#p-manner #section1 .lastDl{
	background:#F5F5F5;
	width:290px; 
	float:left;
	margin-right:0px !important;
	margin-bottom:10px;
	}
#p-manner #main dt{  
	padding:10px 0 0 37px;  
	font-weight:bold;  
	}  
#p-manner #section1 dd{  
	padding:5px 5px 5px 10px; 
	height:70px;
	} 
#p-manner #section1 dd p{
	width:200px;	
	}
#p-manner #section2 dl,
#p-call #section2 dl{
	width:460px; 
	float:left;
	margin-right:20px;
	}
#p-manner #section2 dt{background:url("/img/guide/section1_img.jpg") no-repeat 97% -494px;}
#section2 .lastDl{
	width:460px; 
	float:left;
	margin-right:0px !important;
	}
#p-manner #section2 h3{	
	background:url("/img/guide/h4.gif") no-repeat scroll 0 0;
    display:block;
    font-weight:bold;
    height:0;
    overflow:hidden;
    padding:30px 0 0 10px;
	}
#p-manner #section2 .leftbox{
	width:465px;
	margin-right:20px;
	}
#p-manner #section2 .section2H2{background-position:0 -40px;}
#section3Dl2{
	margin-bottom: 20px;	
	}
#section3Dl2 dl{
	background:url("/img/guide/section3Dl2_bg.gif") repeat 0 0;	
	border:1px solid #C2DAF5;
	width:445px !important;
	float:left;
	margin:0 12px 10px 0;
	height:159px;
	padding:10px 0px 0px 10px;
	}
#section3Dl2 dt{
	background:url("/img/guide/section3Dl2_h.gif") no-repeat scroll 0 1px;
    display:block;
    height:0;
    overflow:hidden;
    padding-top:25px;
	}
#p-manner #section3Dl2 #section3Dt2{background-position:0 -32px;}
#section3Dl2 dd{
	background:url("/img/guide/img_photo1.jpg") no-repeat 97% 0;
	height:124px;
	}
#section3Dl2 #section3Dd2{background:url("/img/guide/img_photo2.jpg") no-repeat 97% 0;}

#section3Dl2 dd p{width:270px;}
#section3Dl2 dd ul{
	margin-left:8px;	
	}
#section3Dl2 dd ul li{
	background:url("/img/guide/li.gif") no-repeat 0 50%;
	padding-left:10px;
	}
#p-manner #section3 .dlTop{
	width:300px; 
	float:left;
	margin-right:20px;
	}
#p-manner #section3 .lastDl{
	width:300px; 
	float:left;
	margin-right:0px !important;
	margin-bottom:10px;
	}
	

/* CallPage Styles (ƥڡ)
-----------------------------------------------------------------------------  */
#p-call #main #keyv {
    padding-left:55px;
    padding-top:42px;
	}
#p-call #main #keyv p{
	margin-left:260px;
	width:612px;
	}
#p-call #keyvH3{
	background:url("/img/guide/call_2_bg.gif") no-repeat scroll 0 0;
    height:0;
    margin:0 0 5px 258px;
    overflow:hidden;
    padding:45px 0 0;
    width:612px;
	}
#p-call #section1 li{
	background:url("/img/guide/call_sec1_li.gif") no-repeat 0 0;
	padding:11px 11px 11px 38px;
	}
	
	
/* CallPage li Styles (ƥڡ)
-----------------------------------------------------------------------------  */
#p-call #section1 #number2{background-position:0 -42px;}
#p-call #section1 #number3{background-position:0 -84px;}
#p-call #section1 #number4{background-position:0 -126px;}


#p-call .example{
	background:url("/img/guide/example.gif") no-repeat 0 2px;
	height:23px;
	font-size:small;
	color:#333;
	padding-left:22px;
	}
#sec2H{
	background:url("/img/guide/call_sec2_h.gif") no-repeat scroll 0 0;
    display:block;
    height:0;
    margin-bottom:10px;
    overflow:hidden;
    padding-top:27px;
	}
#p-call #section3 .lastDl{ margin-left:10px;}
#p-call #section3 h3{
	background:url("/img/guide/call_sec3_h5.gif") no-repeat 0 0;	
	padding-top:45px;
	display:block;
	overflow:hidden;
	height:0;
	margin-bottom:10px;
	}


/* CallPage box (ƥڡ)
-----------------------------------------------------------------------------  */
#p-call #section3 #point2{background-position:0 -65px;}
#p-call #section3 #point3{background-position:0 -130px;}
#p-call #section3 #point4{background-position:0 -195px;}
#section4 #img2{background:url("/img/guide/call_sec4_img2.jpg") no-repeat 0 0 ;}
#section4 #img3{background:url("/img/guide/call_sec4_img3.jpg") no-repeat 0 0 ;}
#section4 #img4{background:url("/img/guide/call_sec4_img4.jpg") no-repeat 0 0 ;}


#p-call #section3 dd{
	background:url("/img/guide/call_sec3_img1.jpg") no-repeat 98% 0;
	height:106px;
	}
#section4 {
	margin-bottom:30px;
	}
#section4 dl{
	background:url("/img/guide/call_sec4_bg.gif") repeat 0 0 ;
	width:208px;
	padding:10px;
	float:left;
	border:1px solid #DFDFDF;
	height:365px;
	margin-right:9px;
	}
#section4 h3{
    background:url("/img/guide/call_sec4_h.gif") no-repeat 0 0;
    display:block;
    height:0;
    margin-bottom:10px;
    overflow:hidden;
    padding-top:41px;
	}
#section4 #deal2 {background-position:0 -60px;}
#section4 #deal3 {background-position:0 -120px;}
#section4 #deal4 {background-position:0 -180px;}
#section4 #lastDl{margin:0 !important;}
#section4 dd{
	background:url("/img/guide/call_sec4_img1.jpg") no-repeat 0 0;
	padding-top:110px;
	}
#p-call #section3 .box{
	float:left;
	border:1px solid #FF9F0F;
	margin:0px 10px 10px 0px;
	padding:10px;
	width:433px;
	height:189px;
	background:url("/img/guide/call_sec3_bg.gif") repeat 0 0;
	}
#p-call #section3 .boxLast{
	float:left;
	border:1px solid #FF9F0F;
	padding:10px;
	width:433px;
	height:189px;
	background:url("/img/guide/call_sec3_bg.gif") repeat 0 0;
	}
#p-call #section3 p{
	width:285px;	
	}
#p-call #section4 .box2{
	background:url("/img/guide/call_sec4_bg.gif") repeat 0 0;
    border:1px solid #DFDFDF;
    float:left;
    height:369px;
    margin-right:9px;
    padding:10px;
    width:200px;
	}
#p-call #section4 .box2Last{
	background:url("/img/guide/call_sec4_bg.gif") repeat 0 0;
    border:1px solid #DFDFDF;
    float:left;
    height:369px;
    padding:10px;
    width:200px;
	}
#p-call #section4 .box2 img,
#p-call #section4 .box2Last img{
	vertical-align:middle;
	}
	

/* p-resume Styles
-----------------------------------------------------------------------------  */
#p-guide #main #guidH{
	margin-bottom:10px;
	width:100%;
	background:#F8F8F8;
	}
#p-guide #main #guidH td{
	padding:7px;
	}
#p-guide #main #guidH h2 a{
	background:url("/img/guide/guide_h2.gif") no-repeat 0 0;
	display: block;
    height: 23px;
    text-decoration: none;
    text-indent: -5000px;
	}

#p-guide #main #guidH td a:hover{
	opacity:0.6;	
}
	

/* p-resume Styles
-----------------------------------------------------------------------------  */
#p-manner #main p{
	margin:0 5px;
	}
	
#p-manner .dotline {
    background:url("/img/common/line_dot.gif") repeat-x 0 100% #FFFFFF;
    padding-bottom:4px;
	margin-bottom:10px;
	color:#CC0000;
	font-size:118%;
	font-weight:bold;
}

#p-manner li{
	list-style-type:none;
}


/* p-resume Styles
-----------------------------------------------------------------------------  */
#p-resume #main #r-01 h2{
	background-position:0 0;
	}
#p-resume #main #r-02 h2{
	background-position:0 -24px;
	}
#p-resume #main #r-03 h2{
	background-position:0 -48px;
	}
#p-resume #main #r-04 h2{
	background-position:0 -72px;
	}
#p-resume #main #r-05 h2{
	background-position:0 -96px;
	}
#p-resume #main .resumeB{
	margin-bottom:10px;
	}
#p-resume #main .imegeResume{
	float:left;
	width:280px;
	}
#p-resume #main dl {
	float:right;
	width:385px;
	}
#p-resume #main dl dt{
	margin-bottom:5px;
	border-bottom:2px solid #DDD;
	padding-bottom:4px;
	}
#p-resume #main dl dd{
	margin-bottom:10px;
	}
	
	
/* p-difference Styles
-----------------------------------------------------------------------------  */
#p-difference #main h2.tline{
	background:url("/img/guide/diffrence_h2.gif") no-repeat 0 0;
	margin-bottom:10px;
	text-indent:-5000px;
	line-height:24px;
	}
#p-difference #main #d-01,
#p-difference #main #d-02{
	margin-bottom:10px;
	}
#p-difference #main #d-01 h2{
	background-position:0 0;
	}
#p-difference #main #d-02 h2{
	background-position:0 -24px;
	}
#p-difference #main th,
#p-difference #main td{
	padding:10px;
	background:url("/img/common/line_dot.gif") repeat-x 0% 100%;
	}
#p-difference #main th{
	vertical-align:middle;
	line-height:normal;
	font-size:8px;
	}
#p-difference #main .imegedifference{
	float:left;
	width:170px;
	margin:10px;
	}
#p-difference #main .detailB{
	float:right;
	width:500px;
	}
	
	
/* p-lank Styles
-----------------------------------------------------------------------------  */
#p-rank #main h2{
	background:url("/img/guide/lank_h2.png") no-repeat 0 0;
	margin-bottom:10px;
	height:24px;
	padding:6px 30px;
	font-size:20px;
	font-weight:bold;
	}
#p-rank #main #no2 h2{
	background-position:0 -36px;
	}
#p-rank #main #no3 h2{
	background-position:0 -72px;
	}
#p-rank #main #no4 h2{
	background-position:0 -108px;
	}
#p-rank #main #no5 h2{
	background-position:0 -144px;
	}

#p-rank #main .schoolList .schoolTittle{
	background:#FFF url("/img/search/tittle_school.gif") repeat-x 0 0;
	color:#FFF;
	position:relative;
	height:35px;
	}
#p-rank #main .schoolList .schoolTittle a{
	color:#FFF;
	text-decoration:underline;
	}
#p-rank #main .schoolList h3{
	background:none;
	height:auto;
	font-weight:bold;
	font-size:16px;
	position:absolute;
	top:9px;
	left:28px;
	margin:0;
	padding:0;
	line-height:normal;
	}
#p-rank #main .schoolList input{
	position:absolute;
	top:8px;
	left:5px;
	margin:0;
	padding:0;
	}
#p-rank #main .schoolList .review{
	position:absolute;
	top:3px;
	right:5px;
	width:125px;
	}
#p-rank #main .schoolList .schoolTittle p{
	position:absolute;
	top:9px;
	right:135px;
	width:300px;
	text-align:right;
	}
#p-rank #main .schoolList ul.schoolTerms{
	background:#FFF url("/img/search/terms_school.gif") repeat-x 0 0;
	height:25px;
	padding:3px 5px 0 5px;
	margin-bottom:5px;
	}
#p-rank #main .schoolList ul.schoolTerms li {
	display:inline;
	font-size:6px;
	padding:0;
	margin-right:3px;
	}
.schoolList ul.schoolTerms li img{
	vertical-align:middle;
	}
.schoolList ul.schoolTerms li image {
	padding:0;
	margin:0;
	}
.schoolList h4 {
	font-size:16px;
	font-weight:bold;
	color:#003366;
	padding-bottom:5px;
	border-bottom:1px solid #DFDFDF;
	margin-bottom:5px;
	}
.leftBox{
	width:336px;
	float:left;
	}
.schoolList .leftBox img{
	margin-bottom:5px;
	}
.rightBox{
	width:345px;
	float:right;
	}
.rightBox ul{
	margin-bottom:6px;
	}
.rightBox li{
	display:inline;
	}
.rightBox li.rightS{
	margin-right:6px;
	}
.rightBox li img{
	border:1px solid #CCC;
	padding:6px;
	}
.rightBox dl.tel{
	background:#FFDECF;
	padding:10px;
	text-align:center;
	margin-bottom:6px;
	}
.rightBox .tel dt{
	font-size:130%;
	color:#CC0000;
	font-weight:bold;
	}
.rightBox .tel dd{
	font-size:80%;
	}
.rightBox .tel dt span{
	font:Arial, Helvetica, sans-serif;
	font-size:135%;
	}
.rightBox .sheet{
	margin:0 0 10px 0;
	}
.rightBox .sheet th{
	vertical-align:top;
	width:65px;
	}
.rightBox .sheet td img{
	margin-right:3px;
	}
.listFoot{
	background:#FFF url("/img/search/list_foot_school.gif") repeat-x 0 0;
	height:38px;
	clear:both;
	margin-bottom:30px;
	position:relative;
	}
.listFoot .btnDetail{
	position:absolute;
	top:5px;
	right:5px;
	widows:162px;
	height:29px;
	}
.listFoot p{
	position:absolute;
	top:10px;
	left:10px;
	}
	
	
/* p-market Styles
-----------------------------------------------------------------------------  */
#p-market #main #d-01{
margin:10px 0 0 0;
	}
	

#p-market #main h4{
	font-size:12px;
	color:#06c;	
	margin-bottom:5px;
	font-weight:bold;
	}
#p-market #main p{
	font-size:12px;
	color:#333;	
	}
	
#p-market #main .imegedifference{
	float:left;
	width:210px;
	margin:10px;
	}
#p-market #main .detailB{
	float:right;
	width:450px;
	}

	
/* p-question Styles
-----------------------------------------------------------------------------  */
#p-question #question{
	width:690px;
	background:#fff;
	border:1px solid #ccc;
	padding:10px 0 20px 0;
	}
#p-question #question .question_contents{
	width:650px;
	margin:5px 0 0 20px;
	border-bottom:1px dashed #ccc;
	}
#p-question #question h3{
	color:#CC0000;
	font-size:110%;
	font-weight:bold;
	}
#p-question #question p{
	font-size:90%;
	}
	
#p-manner #contentsIn {
    background: url("/img/common/bg_container.gif") repeat-y scroll 0 0 transparent;
    padding: 0 10px;
}

#p-manner #headUtil{
	padding: 0 14px;	
}