@charset "UTF-8";

/* base
-------------------------------------------------------------*/

body {
	line-height: 160%;
	color: #000;
	font-family: Arial, Verdana, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	background-color: #ffffff;
	/* background-image: url(../img/common/chanel_bg01.jpg); 2009/08/05 田中大士 */
	background-repeat: repeat;
	background-position: left top;
}

div#wrap{
	width:840px;
	background-color:#ffffff;
	margin:0 auto;
	background-image: url(../img/common/chanel_bg03.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	}


div#container{
	width:800px;
	background-color:#ffffff;
	margin:0 20px;
}
/* header
-------------------------------------------------------------*/
div#hBox{
	width:800px;
	height:70px;
	background-image: url(../img/common/chanel_bg02.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

div#hBox h1{
	width:281px;
	height:70px;
	float:left;
}

div#hBox p#logo{
	width:281px;
	height:70px;
	float:left;
}

div#hBox p{
	width:290px;
	height:70px;
	float:right;
}

ul#topNavi{
	width:800px;
}

ul#topNavi li{
	width:100px;
	display:inline;
	float:left;
}

ul#topNavi li a{
	width:100px;
	display:inline;
	float:left;
}

#topNavi li a{
	width:100px;
	height:30px;
 	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}

li#topNavi01 a{
	background-image: url(../img/common/chanel_navi_ov_01.jpg);
}

li#topNavi02 a{
	background-image: url(../img/common/chanel_navi_ov_02.jpg);
}

li#topNavi03 a{
	background-image: url(../img/common/chanel_navi_ov_03.jpg);
}

li#topNavi04 a{
	background-image: url(../img/common/chanel_navi_ov_04.jpg);
}

li#topNavi05 a{
	background-image: url(../img/common/chanel_navi_ov_05.jpg);
}

li#topNavi06 a{
	background-image: url(../img/common/chanel_navi_ov_06.jpg);
}

li#topNavi07 a{
	background-image: url(../img/common/chanel_navi_ov_07.jpg);
}

li#topNavi08 a{
	background-image: url(../img/common/chanel_navi_ov_08.jpg);
}

#topNavi li a:hover
,#topNavi li a:focus
,#topNavi li a:active{
	text-indent:-9999em;
	background-position: left bottom;
}

div#contents{
	width:800px;
	background-image: url(../img/common/chanel_bg04.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #000000;
}

div#contents2{
	width:800px;
	background-image: url(../img/common/chanel_bg05.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #000000;
}

/* side
-------------------------------------------------------------*/

div#side{
	width:220px;
	float:left;
}

div#side div#sArea1{
	width:182px;
	border: 1px solid #b4b4b4;
	padding:8px;
	background-color: #000000;
	margin:14px 0 0 10px;
}

div#side div#sArea1 h3{
	margin:0 0 4px 0;
}


div#side div#sArea1 p{
	color:#ffffff;
	font-size:11px;
	line-height:14px;
	width:70px;
	display:inline;
	float:left;
	margin:0 0 0 10px;
}

div#side div#sArea1 div#qr{
	width:100px;
	display:inline;
	float:left;
}

div#side div#sArea2{
	width:182px;
	border: 1px solid #968228;
	padding:8px;
	background-color: #222222;
	margin:14px 0 0 10px;
}

div#side div#sArea2 h3{
	margin:0 0 15px 0;
}


div#side div#sArea2 dt{
	color:#ffffff;
	font-size:11px;
	line-height:14px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #cc0000;
	padding:2px 0 2px 10px
}

div#side div#sArea2 dd{
	color:#ffffff;
	font-size:11px;
	line-height:14px;
	margin:3px 0 15px 0;
}

div#side div#sArea3
,div#side div#sArea4{
	width:200px;
	margin:14px 0 0 10px;
}

/* main
-------------------------------------------------------------*/
div#main{
	width:580px;
	float:right;
}


/* footer
-------------------------------------------------------------*/
div#footer{
	width:800px;
	background-color:#000000;
	padding:25px 0 0 0;
}

div#footerTop p{
	color:#ffffff;
	font-size:12px;
	float:left;
	display:inline;
	margin:0 0 0 180px;
}

div#footerTop p a:link
,div#footerTop p a:visited
,div#footerTop p a:focus 
,div#footerTop p a:hover
,div#footerTop p a:active{
	color:#ffffff;
	text-decoration:none;
}


div#footerTop p.pageTop{
	float:right;
	display:inline;
	margin:5px 17px 0 0;
}

address{
	color:#ffffff;
	font-size:10px;
	width:800px;
	text-align:center;
	padding:5px 0;
	background-color: #320000;
	margin:-1px 0 0 0;
}





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

.clearfix {
	display: inline-block;
	min-height: 1%;
}

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