@charset "shift_jis";
/* CSS Document */

/*===================ƒŠƒZƒbƒg=========================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
	font-weight:normal;
	/*vertical-align: baseline;*/
	/*background: transparent;*/
}
body { line-height: 100%; font-family: "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic","ƒqƒ‰ƒMƒmŠpƒS Pro W3", "ƒqƒ‰ƒMƒmŠpƒS3", "Hiragino Kaku Gothic Pro", sans-serif;}
p,li,dt,dd { line-height:160%; color:#FFF;}

ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus { outline: 0;}
 
/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a { color:#FFF;}

.cl { clear:both;}

a:hover img.over {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}

/*===================ƒOƒ[ƒoƒ‹=========================*/
#ct_bg { padding:0; background:#000;}
#bg_all { background:url(../img/bg_main.jpg) right top no-repeat; background-attachment:fixed;}
#bs_m_cont { width:980px; padding-bottom:30px;}
.block { background:url(../img/bg_block.gif) left top repeat-x; height:24px;}
.left { float:left;}
.right { float:right;}
#ct_bg a:link,#ct_bg a:visited { color:#FFF;}
#ct_bg a:hover { color:#FC0;}
.nowrap { white-space:nowrap !important;}

/*===================header=========================*/
#bs_header { position:relative; height:249px;}
.logo_area { position:absolute; z-index:10; width:980px;}
.logo_area h2 { float:left;}
.bnr_header { float:right; margin-top:16px;}
/*ƒiƒr*/
#navi { width:964px; height:85px; background:url(../img/bg_navi.png) left top no-repeat; clear:both; margin-left:8px; position:absolute; z-index:10; top:164px;}
#navi ul { padding:20px 0 0 22px;}
#navi ul li { float:left; margin-right:4px; position:relative; top:0; left:0;}
#navi ul li .new { position:absolute; top:-15px; left:-10px;}
#navi ul li .icon_bd { position:absolute; top:-26px; right:-15px;}

/*===================ƒtƒbƒ^[=========================*/
#bs_footer { background:url(../img/bg_footer.gif) left top; clear:both;}
#bs_footer ul { padding-top:20px; width:980px;}
#bs_footer ul li { float:left; margin-left:20px; padding-bottom:20px; line-height:100%; font-size:0; _display:inline;}
#bs_footer ul li a { background:#FFF; display:block;}
#bs_footer ul li.h120 { height:120px; width:220px;}
#bs_footer ul li.h120 a {  height:120px;}
/*===================cont_sec=========================*/
#cont_sec { clear:both;}

/*====================‹€’Κ‚ΕŽg‚€ƒNƒ‰ƒX============================*/
/*text*/
.sttl_text { font-size:16px; line-height:170%;}
/*box*/
.box_layout01 { padding-left:23px;}
.box_layout01 .inr_box { float:left; width:310px;}

.box_blue310 .middle { background:url(../../common/img/box310_blue_middle.png) left top repeat-y;}
.box_red310 .middle { background:url(../../common/img/box310_red_middle.png) left top repeat-y;}
.box_green310 .middle { background:url(../../common/img/box310_green_middle.png) left top repeat-y;}
.box_blue310 .middle,.box_red310 .middle,.box_green310 .middle { padding:0 17px 17px 17px;}
.box_white310 .middle { padding:0 16px 16px 16px; background:url(../img/box310_white_middle.png) left top repeat-y;}


.box_white_934 { margin-left:23px; width:934px;}
.box_white_934 .middle { background:url(../img/box934_white_middle.png) left top repeat-y; padding:0 17px;}

/*pageTop*/
.btn_top { padding-right:33px; text-align:right;}
/*===================margin•padding&font=========================*/
.pd_4 { padding:4px !important;}
.pd_20 { padding:20px !important;}
.pd_t10 { padding-top:10px !important;}
.pd_t20 { padding-top:20px !important;}
.pd_b30 { padding-bottom:30px !important;}
.pd_r60 { padding-right:60px !important;}
.pd_l20 { padding-left:20px !important;}
.pd_l40 { padding-left:40px !important;}
.pd_lr20 { padding-left:20px !important; padding-right:20px !important;}
.mg_t5 { margin-top:5px !important;}
.mg_t10 { margin-top:10px !important;}
.mg_t15 { margin-top:15px !important;}
.mg_t20 { margin-top:20px !important;}
.mg_t30 { margin-top:30px !important;}
.mg_t40 { margin-top:40px !important;}
.mg_b5 { margin-bottom:5px !important;}
.mg_b10 { margin-bottom:10px !important;}
.mg_b20 { margin-bottom:20px !important;}
.mg_b50 { margin-bottom:50px !important;}
.mg_l10 { margin-left:10px !important;}
.mg_l17 { margin-left:17px !important;}
.mg_l20 { margin-left:20px !important;}
.mg_l30 { margin-left:30px !important;}
.mg_r16 { margin-right:16px !important;}
.mg_r20 { margin-right:20px !important;}
.mg_r30 { margin-right:30px !important;}
.f10 { font-size:10px !important;}
.f12 { font-size:12px !important;}
.f14 { font-size:14px !important;}
.f18 { font-size:18px !important;}
.f23 { font-size:23px !important;}
.f28 { font-size:28px !important;}
.font_bold{ font-weight:bold !important;}
.color_red{ color:#D80000 !important;}


/*===================clearfix=========================*/

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7?O_uEU*/

.clearfix{display:inline-block;} /*IE7MacIE5*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6?O*/