/* 「風の仕業」　インデックスページ用ＣＳＳ */


body {
	color: #ffffff;
	font-size: 12px;
	font-family: Osaka,"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.6;
	text-align: center;
	background-color: #000000;
}

/* ヘッダー */
#i_hd {	width: 920px; margin: 0 auto 30px auto; text-align: left;	position: relative;}

h1#h1_top {float:left; margin:20px 20px 0 50px; font-size:10px;
font-weight: normal;color: #ffffff;position: absolute;top:10px;left: 300px;}

h1#h1_top02 {float:left; margin:20px 20px 0 20px; font-size:10px;
font-weight: normal;color: #ffffff;position: absolute;top:10px;left: 100px;}

#hd_image {clear: both;	margin: 0 0 20px 0;}

ul#hd_navi {clear: both;width:920px;height:37px; background: url(../img/h_navi_bg.jpg) no-repeat 0px top;}


#hd_navi ul { margin:0px; padding:0px;list-style: none;}

#hd_navi li {float:left;}




#contents {	clear: both; width:880px; margin: 0 auto;padding:20px;text-align: left;}

.top_img { margin:10px auto;}
.photo { float:right;}
.concept {
	float:left;
	width:600px;
	margin:30px 0px 0px 0px;
	padding:0px;
}
.topics { margin:30px 0px; padding:0px;}

.concept table { width:550px;}
.concept td { padding:0px 10px 10px 0px;}


.brand {
	float:right;
	width:210px;
	margin:0px 0px 20px 0px;
}
.brand ul{margin:0px; padding:0px;}
.brand li { background: url(../img/a_listmark03.jpg) no-repeat left 5px;
			padding:0px 0px 0px 10px; margin:0px;  list-style:none;}
.brand p {	font-size:11px;
	line-height: 15px;}
	
.menu { border:solid 1px #ffffff; padding:20px; width:820px; margin:20px 0px;}

.menu_01 {float:left; width:380px; margin:0px 0px;}
.menu_02 {float:right; width:380px; margin:0px 0px;}
.menu_03 {float:left; width:250px; margin:20px 20px 20px 0px;}
.menu_04 {float:left; width:250px; margin:20px 0px;}

.menu_cat {border-bottom:solid 1px #dcad44; margin:0px 10px 0px 15px; font-size:14px; font-weight:bold;}

.menu_01 table,.menu_02 table { width:370px;}
.menu_01 td,.menu_02 td { padding:0px 20px 0px 0px; margin:0px;  vertical-align:top;}
.menu_01 th,.menu_02 th { padding:15px 0px 0px 0px; margin:0px; width:120px;  vertical-align:top;}


.data { border:solid 1px #920000; padding:20px 20px 0px; margin:0px; width:820px; }

.data table {width:490px;}
.data tr td {border-bottom:dotted 1px #ffffff; padding:5px 0px; margin:0px;}
.data tr th {border-bottom:dotted 1px #ffffff; padding:5px 0px; width:100px;  }

dl {margin:10px 0px 10px 20px;}
dt {font-size:14px;	font-weight:bold;background-image: url(../img/a_listmark04.jpg);
	background-repeat: no-repeat;background-position: left center;padding:2px 0px 2px 20px;}
dd { font-size:12px; margin-left:20px;}

.ec_title {border-bottom:solid 1px #ffffff; padding:0px 0px 10px; margin:10px;}


a:link { color: #ffffff; text-decoration: none;} 
a:visited { color: #ffffff;	text-decoration: none;} 
a:hover { color: #a80b04; text-decoration: underline;} 
a:active { color: #fffffff; text-decoration: none;}

.bread {margin:10px 0px;}

.mr20 {margin-right:20px;}
.mb20 {margin-bottom:20px;}
.mb40 {margin-bottom:40px;}
.fr {float:right;}
.fl {float:left;}
.line {	margin:30px 0px;border-bottom-width: 1px;border-top-style: none;border-right-style: none;
	border-bottom-style: solid;	border-left-style: none;border-bottom-color: #FFFFFF;}
.t14 {font-size:14px;}
.b {font-weight:bold;}

/*--  clearfix --*/
.clearfix:after {content: "."; display: block; clear: both;height: 0;visibility: hidden;}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/* フッター */

#ft {clear: both;width: 920px;margin: 10px auto 0 auto;}

#ft_navi {padding: 0px 20px 10px 10px;text-align: right;font-size: 10px;}

#ft_navi a:link { color: #ffffff; text-decoration: underline;} 
#ft_navi a:visited { color: #ffffff;	text-decoration: underline;} 
#ft_navi a:hover { color: #a80b04; text-decoration: underline;} 
#ft_navi a:active { color: #fffffff; text-decoration: none;}

#copyright {height: 30px;padding: 10px 0 0 0;background: url(../img/f_copyright_bg_01.jpg) no-repeat center top;
	text-align: center;	color: #ffffff;}
