@charset "utf-8";

/**
 *  Yahho Sticky Footer ( for YUI Grids.css )
 *  @see       http://0-oo.net/sbox/javascript/yahho-sticky-footer
 *  @version   0.1.0a
 *  @copyright 2008 dgbadmin@gmail.com
 *  @license   http://0-oo.net/pryn/MIT_license.txt (The MIT license)
 */

/* exclude MacIE5 \*/
html, body{height: 100%;}
/* end MacIE5 */

/*------------------------------------------------------------------*/

/*---色関係---*/
html{
	scrollbar-face-color:#fefefe; /* 表面の色 */
	scrollbar-highlight-color:#fefefe; /* ハイライトの色 */
	scrollbar-shadow-color:#fefefe; /* 影の色 */
	scrollbar-3dlight-color:#aaaaaa; /* 左端と上端の色 */
	scrollbar-darkshadow-color:#aaaaaa; /* 右端と下端の色 */
	scrollbar-arrow-color:#aaaaaa; /* 矢印の色 */
	scrollbar-track-color:#ededed; /* ベースの色 */
}

body{
	marign:0;
	padding:0;
	background:#ffffff url("/cmn/bg.jpg") repeat-x;
}

/*汎用部品*/

a.btn,a.btn:link,a.btn:visited,a.btn:active{
	display:block;
	background:#e1e1e1 url("/cmn/bt-sumt_off.gif") repeat-x left top;
	border:1px solid #999999;
	font-size:13px;
	height:19px;
	color:#5d5d5d;
	text-decoration:none;
	text-align:center;
	width:320px;
	margin:0 auto;
}
a.btn:hover{
	background:#d3e3f8 url("/cmn/bt-sumt_on.gif") repeat-x left top;
	border:1px solid #6ba0e6;
	color:#226ac8;
}

div.fright a.btn,div.fright a.btn:link,div.fright a.btn:visited,div.fright a.btn:active{margin:0;}

/*---レイアウト---*/

div.out{
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
	position: relative;
/* exclude MacIE5 \*/
	min-height: 100%;
/* end MacIE5 */
	_height: 100%;	/* for IE6 */

}

div.center{
	width:881px;
	margin:0 auto;
	background:url("/cmn/headbg.jpg") no-repeat center top;
	padding-bottom: 60px;	/* フッターの高さより大きくする */
}

div.head{
	text-align:left;
	height:85px;
	overflow:hidden;
}

div.in{/*実寸871px*/
	margin:17px 5px 0;
	text-align:left;
}
div.lclm{
	float:left;
	width:186px;
	overflow:hidden;
}
div.lclm *{margin-right:15px;}
div.lclm * *{margin-right:0;}

div.main{
	width:685px;
	float:right;
}


#footer{
	background:url("/cmn/bg-footer.gif") repeat-x center bottom;
	color:#ffffff;
	font-size:12px;

/* exclude MacIE5 \*/
	position: absolute;
	bottom: 0;
	left:0;
/* end MacIE5 */
	width: 100%;
	height: 25px;
}


/*---パーツhead---*/

.stitle{/*サイトタイトル*/
	float:left;
	font-size:13px;
	font-weight:normal;
	text-align:left;
	margin:0;
	padding-top:11px;/*marginにするとFFでずれ*/
	color:#2279e9;
	line-height:1.0;
}
.stitle a,.stitle a:link,.stitle a:visited,.stitle a:active{
	display:block;
	margin-left:18px;
	padding-left:4px;
	text-decoration:none;
	height:63px;
	width:470px;
}
div.head .hinq{
	float:right;
/*	width:320px;*/
	padding:6px 5px 0 0;
	text-align:right;
	font-size:12px;
}
div.head .hinq *{text-align:right;}
div.head .hinq p{
	color:#868686;
	font-weight:bold;
}
	div.head .hinq p.soudan {
		color:#1494ee;
		font-size:13px;
		line-height:15px;
	}
		div.head .hinq p .free { color:#ff0101;}

	div.head .hinq p.soudan a img  {
		vertical-align:bottom;
	}

div.head .hinq p.tel {
	font-size:13px;
}
	div.head .hinq p.tel .no {
		font-size:17px;
		line-height:17px;
		font-weight:bold;
		color:#373737;
	}
	div.head .hinq p.tel .no2 {
		font-size:29px;
		line-height:1;
		font-weight:bold;
		color:#ff0209;
	}

		div.head .hinq p.tel a {
			color:#868686;
			text-decoration:none;
		}
		div.head .hinq p.tel a {
			color:#ce0731;
			text-decoration:none;
		}
			div.head .hinq p.tel a:hover { text-decoration:underline; }


div.head .hinq p.caption {
	font-size:12px;
	line-height:1.5;
	color:#3480c1;
}

div.head .hinq img{

}
/*---パーツleft---*/
div.lclm div.parts{margin-bottom:10px;}

div.lclm ul.caption li{
	text-align:left;font-size:11px;
}

div.lclm .bgg{
	background:url("/cmn/bg-lclm-parts.gif") repeat-y;
	border:1px solid #aaaaaa;
	margin:5px 0 0 0;
	padding:2px 4px;
}
div.lclm ul.bgg{
	list-style-type:none;
	padding:0;
}

div.lclm ul.bgg li{
	margin:2px;
	padding:0;
	background-image:none;
	font-size:13px;
}

div.lclm ul.bgg li a,div.lclm ul.bgg li a:link,div.lclm ul.bgg li a:visited,div.lclm ul.bgg li a:active{
	display:block;
	height:23px;
	background:url("/cmn/bg-lclm-list_off.gif") no-repeat left top;
	text-decoration:none;
	padding-left:12px;
	line-height:20px;
	color:#595757;
}
div.lclm ul.bgg li.end a,div.lclm ul.bgg li.end a:link,div.lclm ul.bgg li.end a:visited,div.lclm ul.bgg li.end a:active{height:21px;}

div.lclm ul.bgg li a:hover{background:url("/cmn/bg-lclm-list_on.gif") no-repeat left top;color:#4369c4;}

div.lclm .bgg form{margin:10px;}
div.lclm .bgg form select{width:132px;height:22px;}
div.lclm .bgg form option{line-height:1.5;}
div.lclm .bgg form input.inputfield{width:132px;}
div.lclm .bgg form input.btn{border-width:0;background:none;padding:0;}

div.lclm ul.bgg.wid li a,div.lclm ul.bgg.wid li a:link,div.lclm ul.bgg.wid li a:visited,div.lclm ul.bgg.wid li a:active{
	display:table-cell;
	vertical-align: middle;
	width:153px;
	height:39px;
	line-height:16px;
	background:url("/cmn/bg-lclm-listw_off.gif") no-repeat left top;
}
div.lclm ul.bgg.wid li.end a,div.lclm ul.bgg.wid li.end a:link,div.lclm ul.bgg.wid li.end a:visited,div.lclm ul.bgg.wid li.end a:active{height:36px;}
div.lclm ul.bgg.wid li a:hover{background:url("/cmn/bg-lclm-listw_on.gif") no-repeat left top;}

/*---パーツmenu---*/
ul.menu{
	list-style-type:none;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	margin:0 auto;
	width:680px;
	height:28px;
	overflow:hidden;
}
ul.menu li{
	float:left;
	margin:0;
	padding:0;
	background-image:none;
}
ul.menu li a,ul.menu li a:link,ul.menu li a:visited,ul.menu li a:active{
	display:block;
	float:inherit;
	margin:3px 5px 3px 0;
	padding:0 10px 0 21px;
	background:url("/cmn/bg-menu_off.jpg") no-repeat left top;
	color:#ffffff;
	font-size:14px;
	text-decoration:none;
}
ul.menu li a:hover{
	background:url("/cmn/bg-menu_on.jpg") no-repeat left top;

}

/*---パーツcmn---*/

.blist{/*ぱんくず*/
	font-size:77%;
	margin-bottom:9px;
}
.blist,.blist a,.blist a:link,.blist a:visited,.blist a:active{
	color:#666464;
	letter-spacing:2px;
	line-height:1.0;
	text-decoration:none;
}
.blist a:hover{color:#009dff;text-decoration:underline;}

h1{
	display:inline;
	font-size:100%;
	font-weight:normal;
}

div.layout{/*main685px*/
	margin:0 13px 12px 15px;
}
div.layout .hf-l{/*2列*/
	float:left;
	width:320px;
}
div.layout .hf-r{/*2列*/
	float:right;
	width:320px;
}

div.layout.roundiv{/*カド丸div 幅657px*/
	background:url("/cmn/bg-roundiv.gif") no-repeat right bottom;
	padding:0 0 16px;
}
div.layout.roundiv .inr{/*カド丸div 内寸623px*/
	margin:0;
	padding:0 16px;
	border:1px solid #d6d6d6;
	border-width:0 1px;
}
.roundiv img{display:block;vertical-align:top;}
.roundiv .inr img{display:inline;vertical-align:middle;}

div.layout .hf-l.roundiv,.hf-r.roundiv{/*カド丸div 2列*/
	background:url("/cmn/bg-roundiv-hf.gif") no-repeat left bottom;
	padding:0 0 16px;
}
div.layout .hf-l.roundiv .inr,.hf-r.roundiv .inr{/*カド丸div 2列*/
	margin:0;
	padding:0 16px;
	border:1px solid #d6d6d6;
	border-width:0 1px;
}

h2{
	border:1px solid #81afe7;
	border-bottom:5px solid #005cda;
	font-size:15px;
	line-height:1.0;
	color:#005cda;
	padding:4px 6px 4px;
	margin:0 0 15px 0;
	background:url("/cmn/bg-h2.gif") repeat-x left top;
}
h3{
	color:#ff4f74;
	font-size:114%;
	line-height:1.4;
}
.roundiv h3{
	margin-top:0;
}


h4{
	background:url("/cmn/bg-h4.gif") repeat-x left bottom;
	color:#1052b1;
	padding:0 8px;
	font-size:114%;
}

.p-anc{
	border-top:1px solid #e0e0e0;
	padding:5px 0 0 0;
	margin-bottom:5px;
}
.p-anc .inr{
	float:right;
	margin-right:-5px;
}
.p-anc a,.p-anc a:link,.p-anc a:visited,.p-anc a:active{
	display:block;
	float:left;
	margin-right:5px;
	padding:3px 4px 3px 2px;
	line-height:1.0;
	border:1px solid #b3b3b3;
	color:#b3b3b3;
	text-decoration:none;
	font-size:77%;
}
.p-anc a:hover{
	border:1px solid #0474ff;
	color:#0474ff;
	background:#d0edff;
}


/*---topのみ---*/

body#index{
	background:#ffffff url("/images/bg.jpg") repeat-x;
}

#index div.center{
	background:url("/images/headbg.jpg") no-repeat center top;
	padding-bottom: 60px;	/* フッターの高さより大きくする */
}

#index div.head{
height:291px;
}

#index .topview{/*実寸854px*/
/*clear:both;*/
padding-top:7px;
padding-left:14px;
padding-right:13px;
}
#index .topview *{clear:none;}
#index .topview .fla{
	float:left;
/*	background:#ffffff;*/
	width:651px;
	height:210px;
	overflow:hidden;
}

/* slideshow css*/
#slideshow { width:651px; height:210px; position:relative; }
#slideshow div { position:absolute; top:0; left:0;
	z-index:8; opacity:0.0; background-color: #fff; }
#slideshow div.active { z-index:10; opacity:1.0; }
#slideshow div.last-active { z-index:9; }
#slideshow div a { display: block; }
#slideshow div img { display: block; border: 0; }

#index .topview .fla object,#index .topview .fla embed{
width:651px;
overflow:hidden;
margin:0;padding:0;
}

#index .topview .news{
/*	clear:none;*/
	float:right;
	background:url("/images/bg-news.gif") no-repeat right top;
	margin:0;padding:0;
	width:183px;
	overflow:hidden;
}
#index .topview .news ul{height:158px;overflow:auto;padding:0;margin-top:34px;}

#index .topview .news ul{
	scrollbar-face-color:#fefefe; /* 表面の色 */
	scrollbar-highlight-color:#fefefe; /* ハイライトの色 */
	scrollbar-shadow-color:#fefefe; /* 影の色 */
	scrollbar-3dlight-color:#8ac7ff; /* 左端と上端の色 */
	scrollbar-darkshadow-color:#8ac7ff; /* 右端と下端の色 */
	scrollbar-arrow-color:#8ac7ff; /* 矢印の色 */
	scrollbar-track-color:transparent; /* ベースの色 */
}

#index .topview .news ul li{
	list-style-type:none;
	margin:0 0 7px 0;
	padding:0 0 0 4px;
	background:url("/images/ico-news.gif") no-repeat left 3px;
	text-indent:14px;
	line-height:1.1;
	color:#000000;
}

.news ul li a,.news ul li a:link,.news ul li a:visited,.news ul li a:active{
	color:#006ace;
	text-decoration:none;
}
.news ul li a:hover{color:#2294ff;}


#index div.layout{/*幅685px*/
margin:0 0 12px 0;
}


#index p.copy{
float:left;
width:474px;
background:url("/images/bg-hcopy.gif") no-repeat center top;
padding-top:25px;
color:#000000;
line-height:1.2;
}
#index p.copy strong{
font-weight:normal;
color:#000000;
}
#index div.btinq{
float:right;
}

#index ul.bnr{
margin:0 0 12px -5px;
width:690px;
padding:0;
}
#index ul.bnr li{
background:none;
margin:0;
padding:0;
float:left;
width:230px;
overflow:hidden;
}

#index ul.bnr a,#index ul.bnr a:link,#index ul.bnr a:visited,#index ul.bnr a:active{
margin:0 0 5px 5px;
padding:0;
display:block;
text-align:center;
line-height:1.1;
}
#index ul.bnr img{
display:block;
}

#index .pkp{
background:url("/images/bg-pkp.gif") no-repeat center top;
padding-top:30px;
}
#index .pkp ul.inr{
margin:0 11px 0 -1px;
padding:0;
}
#index .pkp ul.inr li{
float:left;
background:none;
margin:0;
padding:0;
width:135px;
overflow:hidden;
text-align:center;
}

#index .pkp a{/*w122*/
display:block;
margin-left:13px;
}


#index .pkp a img{
border:1px solid #000000;
}
#index .pkp img{
display:block;
}


/*pkpの複製 画像width100pxで最適化*/

#index .pkp2{/*685*/
background:url("/images/bg-pkp1.gif") no-repeat center top;
padding-top:30px;
}
#index .pkp2 ul.inr{
margin:0 11px 0 -4px;
padding:0;
}
#index .pkp2 ul.inr li{/*113*/
float:left;
background:none;
margin:0;
padding:0;
width:113px;
overflow:hidden;
text-align:center;
}

#index .pkp2 a{/*w102*/
display:block;
margin-left:11px;
}


#index .pkp2 a img{
border:1px solid #000000;
}
#index .pkp2 img{
display:block;
}

/*pkp3 講師*/
#index .pkp3{/*685*/
background:url("/images/bg-pkp2.gif") no-repeat center top;
padding-top:30px;
}


#index .pkp3 ul.inr{/*678*/
margin:0 11px 0 -4px;
padding:0;
}
#index .pkp3 ul.inr li{/*339*/
float:left;
background:none;
margin:0;
padding:0 0 0px;
width:339px;
overflow:hidden;
text-align:left;
}
#index .pkp3 a{/*w102*/
display:block;
float:left;
margin-left:11px;
width:102px;
}
#index .pkp3 a img{
display:block;
border:1px solid #000000;
}
#index .pkp3 p{
margin:0;
overflow:hidden;
font-size:75%;
padding-left:6px;
height:13em;

}
#index .pkp3 span.name{
display:block;
font-size:120%;
font-weight:bold;
margin-bottom:3px;
}
#index .pkp3 span.theme{
display:block;
font-size:110%;
font-weight:bold;
margin:4px 0 0;
}


.inqno p.tel {
	font-size:24px;
	color:#373737;
	line-height:1.5;
	font-weight:bold;
	margin:0;
	padding:10px 0 0 0;
}
	.inqno p.tel .no {
	}
	.inqno p.tel .no2 {
		color:#ce0731;
	}
.inqno p.caption {
	font-size:16px;
	color:#373737;
	line-height:1.5;
	font-weight:bold;
	margin:5px 0 20px 0;
}

.bn-nebaarukun:hover {
	opacity: .6;
}