﻿@charset "utf-8";
/* ----------TOP SUB共通のスタイル---------- */
/* ----------全体---------- */
body {
	background-color: #FFFFFF;
	padding:0px;
	margin:0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial,Helvetica, sans-serif ;
}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { 
   margin:0;
   padding:0;
}
ul{ 
	margin:0;
   padding:0;
   }
li{ 
	margin:0;
   padding:0;
   }
   
p{
	font-size:80%;
	padding:0px;
	margin:0px;
	line-height:1.4;
}
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}


/* !important */


/* ==========★共通★========== */
#page{
	width:900px;
	margin:0 auto;
	text-align:center; 
	padding:0; 
	}
/* ----------リンク----------
a:link {
	color: #0000CC;
}
a:visited {
	color: #800080;
}
a:hover {
	color: #800080;
	text-decoration:none;
}
 */
a:active {
	color: #009900;
}
a img{
	border:none;
}
/* ----------▼共通　ヘッダ▼---------- */
#page #head{
	width:900px;
	height:67px;
	text-align:left;
	padding:0;
	}
#page #head #head_snippet{
	position: absolute;
	}
#page #head #head_snippet p{
	font-size:12px;
	font-weight:normal;
	text-align:left;
	top:8px;
	position:absolute;
	z-index:2;
	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{
	font-size:80%;
	float:left;
	list-style-type:none;
	background: url(../images/ico_arrow_circle.gif) no-repeat 0px 0px;
	width:80px;
	padding:0px 5px 0 15px;
	}
#page #head ul li.toi{
	width:60px;
	}
#page #head ul li a{
	color:#333333;
	text-decoration:none;
	}
#page #head ul li a:hover{
	color:#333333;
	text-decoration:underline;
	}
/* ----------▼共通　コンテンツ▼---------- */
#main_contents{
	width:900px;
	background: url(../images/common_bg.jpg) repeat-y #FFFFFF;
	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{
	margin-top:3px;
	margin-bottom:10px;
	background: url(../images/common_yellonavi_bottom.gif) bottom left no-repeat #FFCC33;
	padding-bottom:3px;
	width:210px;
	}
#common_left_navi_yellowbg ul#common_left_navi_yellowbg_btn{
	background: url(../images/common_yellonavi_bg.gif) repeat-y #FFCC33;
	padding:6px 0;
	list-style-type:none;
	}
#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;
	}

/* ----------SUB 左ナビゲーション　小さくなるボタン（見学～アクセスマップ）---------- */
.common_left_navi_peti_topborder{
	width:203px;
	padding: 0 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{
	list-style-type:none;
	width:98px;
	float:left;
	}
#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{
	border:1px solid #CCCCCC;
	padding:6px;
	margin-top:5px;
	width:196px;
	}
#common_left_navi dl dt{
	border-bottom:1px dotted #999;
	}
#common_left_navi dl dd{
	font-size:70%;
	line-height:1.2;
	padding:5px 0 0 5px;
	}
#common_left_navi dl dd a{
text-decoration:none;
	}

#common_left_navi_movie{
	border:1px solid #CCCCCC;
	margin:5px 0;
	width:208px;
}
#common_left_navi_movie p{
	padding:7px 0 5px 8px;
}

/* ----------共通　左ナビ 外部バナーリンク---------- */
#common_left_navi #common_left_navi_linkbnr_area{
	border:1px solid #CCCCCC;
	margin:5px 0;
	padding:7px 0 0 8px;
	width:198px;
	}
#common_left_navi #common_left_navi_linkbnr_area a img{
	padding-bottom:7px;
	}
#common_left_navi #common_left_navi_linkbnr_area a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

#common_left_navi_linkbnr_area p{
	clear:both;
}
/* ----------共通　左ナビ 下部電話番号画像---------- */
#common_left_navi #common_left_navi_tel{
	margin:5px 0 0px 0;
	}
/* ----------▼▼共通　右ページコンテンツエリア▼▼---------- */
#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{
	clear:both;
	/*background-color:#FFB700; */
	background: url(../images/common_bg_foot.gif) bottom no-repeat  !important;
	padding:0px 13px 6px 8px;
	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-style:normal;
	font-size:65%;
	font-family:  "ＭＳ ゴシック", "Osaka－等幅",sans-serif ;
	margin-bottom:5px;
	padding:12px 0 3px 50px;
	}
#foot address a{
	color:#333333;
	}
#foot p{
	font-size:10px;
	}
#foot #foot_navi{
	position:absolute;
	text-align:right;
	}
#foot #foot_navi ul{
	position:absolute;
	left: 475px;
	top: -20px;
	width: 361px;
	}
#foot #foot_navi ul li{
	display: inline;
	list-style-type:none;
	font-size:65%;
	}
#foot #foot_navi ul li a{
	color:#333333;
	margin:0px 3px;
	}
#foot #foot_navi ul li a:hover{
	text-decoration:none;
	}
#foot #foot_navi ul li.foot_link_home{
	background:url(../images/ico_home.gif) center left no-repeat;
	padding-left:10px;
	}
/* ----------▼共通　下部コピーライト▼---------- */
#copylight{
	background:url(../images/common_bg_bottom.jpg) top no-repeat;
	text-align:center;
	padding:16px 0 10px 0;
	font-size:70%;
	font-family:Arial, Helvetica, sans-serif;
	}
	
/* ==========★その他★========== */
.float_l{float:left;}
.float_r{float:right;}
.clear_all{clear:both;}
.mag_r_13{margin-right:13px;}
.mag_r_10{margin-right:10px;}
.mag_r_8{margin-right:8px;}
.pd_b_10{padding-bottom:10px;}
.bg_color_gray{ background-color:#EEEEEE;}
dd.list_ico_circle_arrow a{
	background: url(../images/ico_arrow_circle.gif) no-repeat center left;
	color:#333333 !important;
	text-decoration:underline !important;
	padding:3px 0 3px 15px;
	}
dd.list_ico_circle_arrow a:hover{
text-decoration:none !important;
}
.center{/*SAGレポートとか*/
	text-align:center;
	margin-bottom:20px;
}

