@charset "UTF-8";
/* cssリセット */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;list-style-position:outside;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
img{vertical-align:bottom;}
html{height:100%;}
em{font-weight:bold;}
/*IE6/7/8用　html5リセット*/
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
/*********************************************
汎用系
**********************************************/
/* リンク */
a:link{text-decoration:none;color:#0044CC;}
a:visited{text-decoration:none; color:#0044CC;}
a:active{text-decoration:underline;color:#0044CC;}
a:hover{text-decoration:underline;color:#0044CC;}
#side a:hover img, #project a:hover img, #logo a:hover img, header a:hover img, #page_top img:hover, .alpha a:hover img,.alpha input[type="image"]:hover,.alpha input[type="submit"]:hover{opacity:0.8;filter:alpha(opacity=100);-ms-filter:"alpha( opacity=100 )";}
.alpha input[type="submit"]:hover{cursor:pointer;}

/* 回り込み */
.float_l{float:left;}
.float_r{float:right;}
.clear_both{clear:both;}
.clearfix, #container, article, section, header, header ul{overflow:hidden;*zoom:1;}
.clearfix:after, #container:after, article:before, article:after, section:after, header:after, header ul:after{clear:both;display:block;content:" ";}

/* マージン、パディング */
.mt0{margin-top:0px!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt35{margin-top:35px!important;}
.mt50{margin-top:50px!important;}
.mt75{margin-top:75px!important;}
.ml0{margin-left:0px!important;}
.ml10{margin-left:10px!important;}
.ml16{margin-left:16px!important;}
.ml20{margin-left:20px!important;}
.mr0{margin-right:0px!important;}
.mr15{margin-right:15px!important;}
.pt20{padding-top:20px!important;}
.pt25{padding-top:25px!important;}
.pt42{padding-top:42px!important;}


/* 文字位置 */
.align_c{text-align:center !important;}

/* 色 */
.color_red{color:#cc0000 !important;}

/* position */
.position_r{position:relative;}



/*********************************************
特定系
**********************************************/
/* ボディ */
body{font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; ;font-size:14px;}

/* IE7以下注意 */
#caution{padding:7px 6px 5px 6px;color:#cc0000;border:2px solid #cc0000;width:964px;margin:0 auto 25px auto;font-size:0.9em;}

/* [[[ヘッダー]]] */
/*header{width:100%; height:150px; top:0; position:fixed; background:#fff; z-index:999;}*/
header>div{width:971px;margin:auto;overflow:hidden; }
#h_tel{float:right;}
#sitecaption{float:left;font-size:12px;margin:15px 0 10px 0;letter-spacing:0.6px;font-weight:bold;}
#logo{float:left;}
header nav{clear:both;background:#000;}
header nav ul{width:971px;margin:auto;overflow:hidden;border-left:1px solid #ffffff;}
header nav li{float:left;border-right:1px solid #ffffff;}
header nav li a{display:block;}
header nav li a:hover{background:#ef1b39;}
header nav li a:hover img{opacity:1.0;filter:alpha(opacity=100);-ms-filter:"alpha( opacity=100 )";}
#menu ul.sub {background-color: #F9F9F9; border: 2px solid #EF1B39; margin: 0px; padding: 0px; display: none; position: absolute; width:129px; z-index:2;}
#menu ul.sub li { display: inline-block; width:124px; border-bottom: 1px dotted #000000; line-height: 18px; margin-left:3px; padding: 15px 0px 15px 0px;}
#menu ul.sub li:first-child {padding-top: 0px}
#menu ul.sub li:last-child {border-bottom:none;}
#menu ul.sub li a {width: 124px; line-height: 18px; text-align: left; text-indent: 2px; font-size:13px; font-weight:bold; color: #422100;}
#menu ul.sub li a:hover { background:none; color: #CD0E2B;}


/* [[[コンテンツ部分]]] */
#wrapper{background:url(../img/common/container_bg.gif); /*margin-top:150px;*/}
#container{background:#fff;width:971px;margin:auto;}
#main_contents{width:775px;float:right;}

/* [[[サイドナビ]]] */
#side{width:187px;float:left;}
#side>div{margin-bottom:14px;}
#side_contact{background:url(../img/common/side_contact_box.gif) no-repeat;position:relative;width:185px;height:185px;}
#side_contact a{position:absolute;left:50%;margin-left:-84px;bottom:7px;}
#side_company,#side_staff{border:3px double #3a3b3b;width:180px;}
#side_company h3{background:#083D27;}
#side_company address,#side_company p{padding:7px;font-size:12px;line-height:1.5em;}
#side_company p+p{text-align:right;}
#side_company a{text-decoration:underline;}
#side_company a:hover{text-decoration:none; color:#17359e;}
#side_company a:before{content:url(../img/common/company_link.gif);vertical-align:middle; top:1px; position:relative; margin-right:5px;}
#side_staff ul{padding:0 8px;}
#side_staff li{border-top:1px dotted #a4a4a4;overflow:hidden;padding:7px 0;font-size:12px;}
#side_staff li:first-child{border:none;}
#side_staff li img{float:left;margin-right:7px;}
#side_staff p{line-height:1.6em;font-weight:bold;}
#side_staff li img+p{font-weight:normal;}
/* [[[フッター]]] */
footer{font-weight:bold;}
#footer_menu{background:#000;text-align:center;padding:14px 0;}
#footer_menu li{display:inline-block;padding:0 12px;border-left:1px solid #fff;height:12px;}
#footer_menu li a{color:#fff;font-size:12px;}
#footer_menu li:first-child{border:none;}
#footer_menu li a{color:#fff;}
#copyright{background:#dbcf9e;text-align:center;font-size:12px;padding:14px 0;}

/* [[[上スクロールボタン]]] */
.top_btn a { width: 600px; height: 82px; margin: 0 auto; /*text-indent: -9999px; background: url(../img/top_btn_off.jpg) left top no-repeat;*/ display: block; }
.top_btn a:hover { /*background: url(../img/top_btn_on.jpg) left top no-repeat;*/ }


/* スクロール2 */

/*------------スクロールナビ------------*/
#page-top{clear:both; position:fixed; bottom:10px; right:10px; font-size:77%; display:none;}
#page-top:hover{cursor:pointer;opacity:0.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=100 )";}