@charset "utf-8";
/* *****************************************************
 *	Copyright(c)2011,CLOVER web design. All rights reserved.
 *  1.Reset
 *  2.layout parts
 *  3.header parts
 *  4.gnavi parts
 *  5.footer parts
 *  6.keyimage/breadcrumb parts
 *  7.etc
 *  8.price parts
 *  9.recruit parts
 * 10.maga parts
 * *****************************************************/
 
/* *****************************************************
 *	1.Reset
 * *****************************************************/

* {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

th, td, form, fieldset{
	margin:0;
	padding:0;
}

ul {
	list-style:none;
	}

img{
	border:0;
	}
strong{
	font-weight:bold;
	}
/* *****************************************************
 *	2.layout parts
 * *****************************************************/

body{
	background-color:#fff;
	color:#606060;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	text-align:center; 
	}

#container{
	width:768px;
	background:url(../common/container_bg.jpg) #fff repeat-y;
	padding-left:9px;
	text-align:left;
	margin:0 auto;
	}
#header{
	position:relative;
	width:750px;
	height:60px;
	background:url(../common/head_bg.gif) no-repeat;
	}
#wrap{
	width:721px;
	margin-top:15px;
	margin-left:15px;
	}
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
		
#footer{
	clear:both;
	width:768px;
	background:url(../common/footer_bg.gif) no-repeat;
	padding-top:35px;
	margin:0 auto;
	padding-left:9px;
	color:#536772;
	}
	
/* *****************************************************
 *	3.header parts
 * *****************************************************/ 

h1,#header h2{
 	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}

.logo a{
	position:absolute;
	top:5px;
	left:17px;
	display:block;
	width:120px;
	height:50px;
	text-indent:-9999px;
	}	

/* *****************************************************
 *	4.gnavi parts
 * *****************************************************/  
 
ul#gnavi{
 	position:absolute;
	top:0px;
	left:241px;
	width:510px;
	background:url(../common/gnavi_bg_anchor.gif) no-repeat top left;
	}
ul#gnavi li{
	float:left;
	margin-right:1px;
	}
ul#gnavi li a{
	display:block;
	width:84px;
	height:60px;
	text-indent:-9999px;
	}

ul#gnavi li a:hover,ul#gnavi li a.default{
	background:url(../common/gnavi_bg_default.gif) no-repeat top left;
	}

ul#gnavi li#m02 a:hover,ul#gnavi li#m02 a.default{background-position:-85px 0px;}
ul#gnavi li#m03 a:hover,ul#gnavi li#m03 a.default{background-position:-170px 0px;}
ul#gnavi li#m04 a:hover,ul#gnavi li#m04 a.default{background-position:-255px 0px;}
ul#gnavi li#m05 a:hover,ul#gnavi li#m05 a.default{background-position:-340px 0px;}
ul#gnavi li#m06 a:hover,ul#gnavi li#m06 a.default{background-position:-425px 0px;}  

	 
 /* *****************************************************
 *	5.footer parts
 * *****************************************************/ 
	
ul.back{
	margin-top:6px;
	padding-right :45px; 
	list-style-type : none;
	text-align:right;
	clear:both;
	}

ul.footerlist li{
	display:inline;
	font-size: 70%;
	}
ul.footerlist li.border {
	border-right: 1px solid #536772;
	padding-left:4px;
	padding-right:2px;
	letter-spacing:1px;
	margin:0px 2px 2px 0px;
	}		
ul.footerlist li span{margin-left:5px;}

/* for FF/NN/Opera/IE7 */	
ul.footerlist>li.border {
	border-right: 1px solid #536772;
	padding-left:0px;
	padding-right:7px;
	letter-spacing:1px;
	}	
ul.footerlist>li span{margin-left:0px;}

#footer p{
	font-size:70%;
	margin-top:20px;
	} 

#footer a{color:#536772;}
#footer a:hover{color:#536772;text-decoration:underline;}

 /* *****************************************************
 *	6.keyimage/breadcrumb parts
 * *****************************************************/  

#priceimg,#profileimg,#scheduleimg,#magaimg,#recruitimg,#linksimg{
	width:721px;
	height:145px;
	margin-top:8px;
	margin-left:15px;
	}
#priceimg{background:url(../price/img/image_01.jpg) no-repeat;}
#profileimg{background:url(../profile/img/image_01.jpg) no-repeat;}
#scheduleimg{background:url(../schedule/img/image_01.jpg) no-repeat;}
#magaimg{background:url(../maga/img/image_01.jpg) no-repeat;}
#recruitimg{background:url(../recruit/img/image_01.jpg) no-repeat;}
#linksimg{background:url(../links/img/image_01.jpg) no-repeat;}

	 
#bread{
	width:690px;
	color:#536772;
	font-size:70%;
	margin-top:8px;
	margin-left:33px;
	}
#bread p.mail{float:right;}
#bread a{color:#536772;text-decoration:underline;}
#bread a:hover{color:#536772;text-decoration:none;}
 /* *****************************************************
 *	7.etc parts
 * *****************************************************/  
 
 .none{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}
	
.clear{
	clear:both;
	}	
	
 /* *****************************************************
 *	8.price parts
 * *****************************************************/  

#pricecol01,#pricecol02,#pricedetail{
	font-size:75%;
	line-height:140%;
	}
	
 	
.pricetable{
	width:278px;
	height:440px;
	background:url(../price/img/course01_bg.png) no-repeat;
	float:left;
	}
.pricetable caption{
	display:none;
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}	

#pricedetail{
	width:421px;
	float:right;
	}
#pricedetail dt.detail01,#pricedetail dt.detail02,#pricedetail dt.detail03,#pricedetail dt.detail04,#pricedetail dt.detail05{
	display:block;
	float:left;
	clear:left;
	width:104px;
	margin:0px 10px 10px 0px;
	padding:0px;
	}
#pricedetail dt.detail01{
	height:55px;
	background:url(../price/img/detail01_bg.gif) no-repeat;
	}
#pricedetail dt.detail02{
	height:41px;
	background:url(../price/img/detail02_bg.gif) no-repeat;
	}
#pricedetail dt.detail03{
	height:45px;
	background:url(../price/img/detail03_bg.gif) no-repeat 0px 3px;
	}
#pricedetail dt.detail04{
	height:99px;
	background:url(../price/img/detail04_bg.gif) no-repeat;
	padding-top:0px;
	}
#pricedetail dt.detail05{
	height:68px;
	background:url(../price/img/detail05_bg.gif) no-repeat;
	}
#pricedetail dd{margin:0px 0px 10px 0px;padding-top:2px;}
#pricedetail dd strong{font-size:110%;}	
#pricedetail dd strong.price{font-size:140%;line-height:250%;}

#pricedetail dd dl.option{
	background:url(../price/img/option_bg.gif) no-repeat;
	width:210px;
	height:134px;
	padding-left:93px;
	margin:0px 0px 0px 112px;
	}
#pricedetail dd dl dd.option{
	font-size:12px;
	line-height:120%;
	margin-bottom:12px;
	}
#pricedetail dd dl dd.pad9{padding-top:9px;}

#attention{
	clear:both;
	margin-top:23px;
	}
#wrap>#attention{padding-top:30px;}
#pricecol01{
	float:left;
	width:397px;
	}
#pricecol01 h3{
	width:397px;
	height:23px;
	background:url(../price/img/tit_01.gif) no-repeat;
	}
#pricecol01 p,#pricecol02 p,#pricecol01 ul{margin-top:12px;}

ul.list01 li{
	background:url(../common/icon_01.gif) 0px 3px no-repeat;
	padding-left:14px;
	margin-bottom:3px;
	}		

#pricecol02{
	float:right;
	width:274px;
	}
#pricecol02 h3{
	width:274px;
	height:23px;
	background:url(../price/img/tit_02.gif) no-repeat;
	}
.box01{
	text-align:center;
	border:1px solid #afafaf;
	padding:5px;
	background-color:#f9f9f9;
	}
.pickup01{color:#b35f5f;}
.icon01{
	background:url(../common/icon_01.gif) 0px 3px no-repeat;
	text-indent:12px;
	}
.icon02{
	background:url(../common/icon_01.gif) 0px 3px no-repeat;
	text-indent:12px;
	font-size:80%;
	padding:0px 0px 10px 0px;
	margin-left:250px;
	}
	
 /* *****************************************************
 *	9.recruit parts
 * *****************************************************/ 
dl#rec{
 width:610px;
	margin:10px 0px 10px 100px;
}
dl#rec dt,dl#rec dd{
 font-size:80%;
	letter-spacing:0.1em;
	line-height:1.6em;
}

dl#rec dt{
 background:#F2F2EA;
	width:100px;
	border:1px solid #B7B7B7;
	color:#5B6670;
	text-align:center;
	float:left;
	clear:left;
	margin-bottom:8px;
	margin-right:10px;
}

dl#rec dd{
	margin-bottom:8px;
	height:1%;
	line-height:1.7em;
}
dl#rec dd a{
 color:#5B6670;
	text-decoration:underline;
}
dl#rec dd a:hover{
 color:#5B6670;
	text-decoration:none;
}

.rectel{
 background:url(../recruit/img/tel.gif) no-repeat;
	width:515px;
	height:75px;
	margin-left:120px;
	text-indent:-9999px;
	position:relative;
	margin-bottom:10px;
}

.rectel span{
 position:absolute;
	right:1px;
	top:1px;
	display:block;
	text-indent:0px;
}


 /* *****************************************************
 *	10.maga parts
 * *****************************************************/ 

.mgatxt{
 font-size:80%;
	line-height:160%;
	letter-spacing:0.1em;
	padding:10px 120px 10px 120px;
}

#inmagabox{
 background:#E2EBEF;
 width:530px;
	height:100px;
	overflow:hidden;
	margin:5px 0px 30px 120px;
	text-align:center;
}
#inmagabox p{
 font-size:90%;
	letter-spacing:0.1em;
	line-height:180%;
	padding:5px 0px 0px 0px;
}

#inmagabox input{
 border:1px solid #CCCCCC;
	background:#FFFFFF;
	padding:2px;
	color:#333333;
}

.ttl{
 background:url(../common/titlebg.gif) no-repeat;
	width:530px;
	height:25px;
	font-size:90%;
	color:#5B6670;
	font-weight:bold;
	line-height:160%;
	text-indent:25px;
	letter-spacing:0.1em;
	margin:0px 0px 10px 120px;
}

.privtxt{
 font-size:70%;
	letter-spacing:0.1em;
	line-height:150%;
	padding:0px 120px 10px 120px;
	color:#666666;
}

ul#pporicy{
 width:530px;
	margin:0px 0px 10px 120px;
}
ul#pporicy li{
 font-size:70%;
	letter-spacing:0.1em;
	line-height:140%;
	margin-bottom:7px;
}