@charset "utf-8";

/* PC,スマホ共通 layout */
@import url("base_common.css");

/* ----------TOP SUB共通のスタイル---------- */
/* ----------全体---------- */
body {
/*	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial,Helvetica, sans-serif ;*/
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

ul{ 
	margin:0;
   padding:0;
   }
li{ 
	margin:0;
   padding:0;
   }
   
p{
	font-size:90%;
}


/* !important */


/* ==========★共通★========== */
#page{
	width:900px;
	text-align:center; 
	}
/* ----------▼共通　ヘッダ▼---------- */
#page #head{
	width:900px;
	height:67px;
	}
#page #head #head_snippet{
	position: absolute;
	}
#page #head #head_snippet p{
	font-size:16px;
	text-align:left;
	width: 513px;
	left: 75px;
	}
/* ----------共通　ヘッダナビ---------- */
#page #head #head_navi{
	position: relative;
	} 
#page #head ul{
	position: absolute;
	width: 300px;
	left: 633px;
	top: -56px;
	}
#page #head ul li{
	float:left;
	background: url(../images/ico_arrow_circle.gif) no-repeat 0px 0px;
	width:80px;
	}
#page #head ul li.toi{
	width:60px;
	}
/* ----------▼共通　コンテンツ▼---------- */
#main_contents{
	width:900px;
/*	background: url(../images/common_bg.jpg) repeat-y #FFFFFF;*/
background:#FFF;
border:solid 1px #CCC;
border-radius: 8px;

	padding-bottom:8px;
	}
#main_contents_inbox{
	margin:0px auto;
	width:860px;
	}
/* ----------▼▼共通　左ナビ▼▼---------- */
#main_contents #common_left_navi{
	width:230px;
	float:right;
	background:url(../images/common_yellonavi_top.gif) no-repeat top left #FFFFFF; 
	}
/* ----------共通　左ナビ 黄色部分　資料請求・無料体験---------- */
#common_left_navi #common_left_navi_yellowbg{
	background: url(../images/common_yellonavi_bottom.gif) bottom left no-repeat #FFCC33;
	width:210px;
	}
#common_left_navi_yellowbg ul#common_left_navi_yellowbg_btn{
	background: url(../images/common_yellonavi_bg.gif) repeat-y #FFCC33;
	}
#common_left_navi_yellowbg ul#common_left_navi_yellowbg_btn li#common_left_navi_yellowbg_btn01 a{
	background:url(../images/common_yellonavi_btn_1.jpg) no-repeat 5px 0;
	height:67px;
	text-indent:-10000px;
	display:block;
	}
#common_left_navi_yellowbg ul#common_left_navi_yellowbg_btn li#common_left_navi_yellowbg_btn01 a:hover{
	background:url(../images/common_yellonavi_btn_1.jpg) no-repeat 5px -67px;
	}
#common_left_navi_yellowbg ul#common_left_navi_yellowbg_btn li#common_left_navi_yellowbg_btn02 a{
	background:url(../images/common_yellonavi_btn_2.jpg) no-repeat 5px 0;
	list-style-type:none;
	height:67px;
	text-indent:-10000px;
	display:block;
	}
#common_left_navi_yellowbg ul#common_left_navi_yellowbg_btn li#common_left_navi_yellowbg_btn02 a:hover{
	background:url(../images/common_yellonavi_btn_2.jpg) no-repeat 5px -67px;
	}
#common_left_navi_yellowbg ul#common_left_navi_yellowbg_btn li#common_left_navi_yellowbg_btn03 a{
	background:url(../images/common_yellonavi_btn_3.jpg) no-repeat 5px 0;
	list-style-type:none;
	height:67px;
	text-indent:-10000px;
	display:block;
	}
#common_left_navi_yellowbg ul#common_left_navi_yellowbg_btn li#common_left_navi_yellowbg_btn03 a:hover{
	background:url(../images/common_yellonavi_btn_3.jpg) no-repeat 5px -67px;
	}

#common_left_navi_yellowbg #common_left_navi_yellowbg_btn04 a{
	background:url(../images/common_yellonavi_btn_4.jpg) no-repeat 5px 0;
	list-style-type:none;
	height:67px;
	text-indent:-10000px;
	display:block;
}
#common_left_navi_yellowbg #common_left_navi_yellowbg_btn04 a:hover{
	background:url(../images/common_yellonavi_btn_4.jpg) no-repeat 5px -67px;
}



/* ----------SUB 左ナビゲーション　小さくなるボタン（見学～アクセスマップ）---------- */
.common_left_navi_peti_topborder{
	width:203px;
	padding: 6px 0 0 7px;
	background: url(../images/common_yellonavi_bg.gif) repeat-y #FFCC33 left;
	}
#common_left_navi ul#common_left_navi_peti{
	width:198px;
	border-top:1px dotted #463800;
	padding: 0 0 5px 0;
	}
#common_left_navi ul#common_left_navi_peti li{
	width:98px;
	}
#common_left_navi ul#common_left_navi_peti li#common_left_snavi_btn_03 a{
	background: url(../images/common_lnavi_petitbtn1.jpg) no-repeat;
	text-indent:-10000px;
	display:block;
	height:46px;
	border-bottom:2px solid #FFCC33;
	margin:5px 0 0 0;
	}
#common_left_navi ul#common_left_navi_peti li#common_left_snavi_btn_04 a{
	background: url(../images/common_lnavi_petitbtn2.jpg) no-repeat;
	text-indent:-10000px;
	display:block;
	height:46px;
	border-bottom:2px solid #FFCC33;
	margin:5px 0 0 0;
	}
#common_left_navi ul#common_left_navi_peti li#common_left_snavi_btn_05 a{
	background: url(../images/common_lnavi_petitbtn3.jpg) no-repeat;
	text-indent:-10000px;
	display:block;
	height:46px;
	}
#common_left_navi ul#common_left_navi_peti li#common_left_snavi_btn_06 a{
	background: url(../images/common_lnavi_petitbtn4.jpg) no-repeat;
	text-indent:-10000px;
	display:block;
	height:46px;
	}
#common_left_navi ul#common_left_navi_peti li#common_left_snavi_btn_03 a:hover,
#common_left_navi ul#common_left_navi_peti li#common_left_snavi_btn_04 a:hover,
#common_left_navi ul#common_left_navi_peti li#common_left_snavi_btn_05 a:hover,
#common_left_navi ul#common_left_navi_peti li#common_left_snavi_btn_06 a:hover{
	background-position:0px -46px;
	}

/* ----------共通　左ナビ カラフル見出し画像+テキスト---------- */
#common_left_navi dl{
	width:196px;
	}
#common_left_navi dl dd{
	font-size:70%;
	}

#common_left_navi_movie{
/*	width:208px;*/
}

/* ----------共通　左ナビ 外部バナーリンク---------- */
#common_left_navi #common_left_navi_linkbnr_area{
/*	width:198px;*/
	}

/* ----------共通　左ナビ 下部電話番号画像---------- */

/* ----------▼▼共通　右ページコンテンツエリア▼▼---------- */
#main_contents #common_right{
	width:630px;
	float:right;
	}
#pages_index #common_right a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	}
#common_right #common_right_topbnr p{
/*	margin-right:20px;*/
/*	float:left;*/
	}
#common_right #common_right_topbnr .float_l{
	margin-right:20px;
}
/* ----------▼共通　フッタ▼---------- */
#main_contents_inbox #foot{
	/*background-color:#FFB700; */
	background: url(../images/common_bg_foot.gif) bottom no-repeat  !important;
	height:77px;
	}
#foot .pagetop{
	position:absolute;
	}
#foot .pagetop img{
	position:absolute;
	left: 745px;
	top:0px;
	}
#foot address{
	background:url(../images/common_foot_logo.jpg) no-repeat bottom left;
	font-size:65%;
	}
#foot #foot_navi{
	position:absolute;
	text-align:right;
	}
#foot #foot_navi ul{
	position:absolute;
	left: 475px;
	top: -20px;
	width: 361px;
	}
/* ----------▼共通　下部コピーライト▼---------- */
#copylight{
/*	background:url(../images/common_bg_bottom.jpg) top no-repeat;*/
	}

/* ==========★その他★========== */