@charset "utf-8";
/*border: 1px solid red;*/

/* トップページ */
@import url("../common/css/common.css");

/* header */
header h1 {
	width: 284px;
	height: 33px;
	margin: 25px 0 2px 0px;
	background: url(../common/img/hd_logo.gif) no-repeat left top;
	float: left;
}

/* slideshow */
#slideshow {
	position: relative;
	width: 1027px;
	height: 407px;
	margin: 0 auto;
	background: url(../img/index_slide_bg.jpg) no-repeat left top;
}
#mvPanel li {
	position: absolute;
	top: 0;
	left: 257px;
	display: none;
}
#mvPanel li.active {display: block;}
#mvPanel li img {
	width: 768px;
	height: 407px;
}
#mvThumbnail {
	position: absolute;
	top: 0;
	left: 0;
	width: 252px;
	padding-top: 3px;
}
#mvThumbnail li {padding: 0 0 0px 2px;border:}
#mvThumbnail li a {
	width: 252px;
	height: 57px;
	display: block;
	cursor: pointer;
}
#mvThumbnail li#slide1 a {background: url(../img/index_slide_btn01_off.jpg) no-repeat left top;}
#mvThumbnail li#slide1 a:hover,
#mvThumbnail li#slide1.active a {background: url(../img/index_slide_btn01_on.jpg) no-repeat left top;}
#mvThumbnail li#slide2 a {background: url(../img/index_slide_btn02_off.jpg) no-repeat left top;}
#mvThumbnail li#slide2 a:hover,
#mvThumbnail li#slide2.active a {background: url(../img/index_slide_btn02_on.jpg) no-repeat left top;}
#mvThumbnail li#slide3 a {background: url(../img/index_slide_btn03_off.jpg) no-repeat left top;}
#mvThumbnail li#slide3 a:hover,
#mvThumbnail li#slide3.active a {background: url(../img/index_slide_btn03_on.jpg) no-repeat left top;}
#mvThumbnail li#slide4 a {background: url(../img/index_slide_btn04_off.jpg) no-repeat left top;}
#mvThumbnail li#slide4 a:hover,
#mvThumbnail li#slide4.active a {background: url(../img/index_slide_btn04_on.jpg) no-repeat left top;}
#mvThumbnail li#slide5 a {background: url(../img/index_slide_btn05_off.jpg) no-repeat left top;}
#mvThumbnail li#slide5 a:hover,
#mvThumbnail li#slide5.active a {background: url(../img/index_slide_btn05_on.jpg) no-repeat left top;}
#mvThumbnail li#slide6 a {background: url(../img/index_slide_btn06_off.jpg) no-repeat left top;}
#mvThumbnail li#slide6 a:hover,
#mvThumbnail li#slide6.active a {background: url(../img/index_slide_btn06_on.jpg) no-repeat left top;}
#mvThumbnail li#slide7 a {background: url(../img/index_slide_btn07_off.jpg) no-repeat left top;}
#mvThumbnail li#slide7 a:hover,
#mvThumbnail li#slide7.active a {background: url(../img/index_slide_btn07_on.jpg) no-repeat left top;}

/* contents */
#wrapperT {
	width: 1027px;
	margin: 20px auto;
	padding: 0 0 25px 0;
	text-align: left;
}
/*#banner2 {
	width: 349px;
	padding: 15px 0 5px 0;
	border: 1px solid #ccc394;
	margin-bottom: 10px;
	background: #fffff1;
}
#banner2 ul {
	width: 349px;
	padding: 15px 0 5px 0;
	border: 1px solid #ccc394;
	margin-bottom: 10px;
	background: #fffff1;
	float: left;
}
#banner2 ul li {
	padding-left: 10px;
}*/
#campaign {
	width: 655px;
	float:right;
}
#netshop_banner {
	margin-bottom: 10px;
}
#banner {
	padding-bottom: 20px;
/*	border: 1px solid red;*/
}
#banner p.wakuL{
	float:left;
}
#banner p.wakuR{
	float:right;
}
#banner p.wakuL,
#banner p.wakuR {
	border: 1px solid #ccc394;
	background-color: #fff;
}
#contentsL {
	width: 507px;
	float: left;
	padding-bottom: 20px;
}
#contentsR {
	width: 504px;
	float: right;
	padding-left: 3px;
	background: #e9eaed;
}
#topics {
	background-color: #FFF;
	border: 1px solid #ccc394;
}
#topics h2 {
	height: 49px;
}
#topics .johotitle {
	border-bottom: 4px solid #dddddb;
}
#topics .johotitle p.johotitleL {
	padding: 8px 0 0 15px;
	font-size: 1.00em;
	float: left;
	font-weight: bold;
}
#topics .johotitle p.johotitleL .orange {
	color: #e67a19;
}
#topics .johotitle p.johotitleL .green {
	color: #6ca138;
}
#topics .johotitle p.johotitleR {
	padding: 7px 10px 0 0;
	float: right;
}
#topics ul.logbox {
	height: 120px;
	padding: 8px;
	overflow: auto;
	border-bottom: 1px solid #dddddb;
}
* html #topics ul.logbox {height: 136px;}
/*\*//*/
article#topics ul.logbox {height: 120px;}
/**/
#topics ul li {
	padding: 5px 10px;
	border-bottom: 2px dotted #ccc;
	font-size: 0.81em;
	line-height: 1.38em;
}
#topics ul.logbox li span {
	font-weight: bold;
	width: 115px;
	float: left;
}
#topics ul.logbox li p {
	width: 325px;
	float: right;
}
#topics ul.logbox li p a.green {
	color: #6ca138;
}

#contentsB {
	margin-top: 20px;
	background-color: #fffff1;
	border: 1px solid #ccc394;
	clear:both;
}
#contentsB ul li {
	padding: 10px 0 2px 15px;
	float: left;
}
#contentsB ul li#ssl {
	padding-top:50px;
	width: 220px;
	font-size: 0.75em;
	line-height: 1.38em;
}


/* fit images on text tags */
#mvThumbnail {text-indent: -9999px;}
#mvThumbnail,
#topics h2 {
	font-size: 0;
	line-height: 0;
}

/* clearfix */
header:after,
#slideshowr:after,
#banner2:after,
#banner:after,
#topics .johotitle:after,
#contentsL:after,
#contentsR:after,
#contentsB:after,
#topics h2:after,
#topics ul li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#banner2,
#banner,
#topics .johotitle,
#contentsL,
#contentsR,
#contentsB,
#topics h2,
#topics ul li {zoom:100%;}