@charset "UTF-8";
/*
=================================================
    HUNEL FLAT-30 SITE DESIGN CSS
=================================================

----INDEX---------------------------------------

	1:basic

	2:Campain Page	===campain.html===

------------------------------------------------*/

/*===============================================
	1:basic
================================================*/

.black {color:#222;}
.orange {color:#FF3300;}
.blue {color:#2165C7;}

body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,p,form,input,table,tr,th,td,hr,strong,img,em {margin:0;padding:0;}
a {text-decoration:none;}
a:link,a:visited {color:#222;}
a:hover,a:focus {color:#0088FF;}
img {border:none;vertical-align:top;}
hr {display:none;height:0;}
ul {list-style-type:disc;}
table {border-collapse:collapse;border:none;}

body{
	color:#222;
	text-align:center;
	background:#FFF;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size:12px;
}

/*--ASSISTANCE SETTING--------------------------*/
.none {display:none;}
.clear {clear:both;}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hidea from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

strong {color:#0088FF;}
em {font-style:normal;}
address {font-style:normal;}

/*===============================================
	2:Campain Page
================================================*/

.wrap {
	width:800px;
	text-align:left;
	margin:0 auto;
}

/* header */
#header {
	height:109px;
	background:url(../img/campaign/headerBack.gif) repeat-x 0 bottom;
}

h1 {float:left;margin:25px 0 0 0;}
h1 a {display:block;width:370px;height:60px;}

#header .favorite a {float:right;display:block;width:155px;height:50px;margin:25px 10px 0 0;text-indent:-10000px;background:url(../img/campaign/favorite.gif) no-repeat;}
#header .favorite a:link,#header .favorite a:visited {background-position:0 0;}
#header .favorite a:hover,#header .favorite a:focus {background-position:0 -50px;}

/* content */
#cont {background:#FFF;padding-bottom:30px;overflow: auto;}

#bred {width:760px;padding:10px 0 10px 30px;}
#bred a {text-decoration:underline;}

/* @campain including img  */
h2 img {margin:0 0 20px 30px;}
/* @index list header */
#index h2 {font-size:18px;line-height:32px;text-indent:62px;background:url(../img/campaign/h2index.gif) no-repeat 30px 0;}

/* @index campain list */
#list {width:760px;min-height:60px;padding-left:30px;margin:20px auto;}
#list ul {list-style:none;}
#list li {height:120px;margin:0 0 20px 5px;border-bottom:1px solid #CCC;}
#list li p {margin-top:10px;color:#999;}
#list a {display:block;position:relative;height:80px;}
#list li img {position:absolute;left:0;top:0;width:285px;}
#list span {position:absolute;left:300px;top:0;line-height:18px;}
#list a:hover span {text-decoration:underline;}


/* information row */
#info {width:760px;padding:10px 10px 0 30px;}

/* information row2 */
.info {width:760px;padding:10px 10px 0 30px;}

/* detail side */
#detail {
	float:left;
	width:465px;
	line-height:18px;
	
}
#detail strong {display:block;width:435px;height:30px;font-size:16px;line-height:30px;
padding:0 0 15px 30px;background:url(../img/campaign/detailTitle.gif) no-repeat 0 0;}
h3 {font-size:12px;font-weight:normal;}
#detail em,#detail p,#detail dl,#detail ul {margin:0 41px 15px 11px;}
#detail dl {width:410px;background:#FFF9EE;border:1px solid #CCC;}
#detail dl em {color:#FF3300;text-decoration:underline;margin:0;}
#detail dt,#detail dd {float:left;display:block;padding:5px 10px 5px 5px;border-bottom:1px solid #FFF;}
#detail dt {width:60px;font-weight:bold;margin:5px 0 0 5px;}
#detail dd {width:305px;margin:5px 5px 0 0;}
#detail ul {padding-left:15px;margin-bottom:20px;}
#detail li {padding-top:5px;}
#detail li.dt {list-style:none;margin-left:-15px;}
#detail li em {color:#6D0042;text-decoration:underline;margin:0;}

/* detail side2 */
.detail {
	float:left;
	width:465px;
	line-height:18px;
}
.detail strong {display:block;width:435px;height:30px;font-size:16px;line-height:30px;
padding:0 0 15px 30px;background:url(../img/campaign/detailTitle.gif) no-repeat 0 0;}
h3 {font-size:12px;font-weight:normal;}
.detail em,.detail p,.detail dl,.detail ul {margin:0 41px 15px 11px;}
.detail dl {width:410px;background:#FFF9EE;border:1px solid #CCC;}
.detail dl em {color:#FF3300;text-decoration:underline;margin:0;}
.detail dt,.detail dd {float:left;display:block;padding:5px 10px 5px 5px;border-bottom:1px solid #FFF;}
.detail dt {width:60px;font-weight:bold;margin:5px 0 0 5px;}
.detail dd {width:305px;margin:5px 5px 0 0;}
.detail ul {padding-left:15px;margin-bottom:20px;}
.detail li {padding-top:5px;}
.detail li.dt {list-style:none;margin-left:-15px;}
.detail li em {color:#6D0042;text-decoration:underline;margin:0;}


/* right side information */
#info .right {
	width:280px;
	color:#666;	
	margin:0 0 20px 475px;
	background:url(../img/campaign/rightBack.gif) repeat-y 0 0;
}

/* right side information */
.info .right {
	width:280px;
	color:#666;	
	float:right;
	margin-right:5px;
	background:url(../img/campaign/rightBack.gif) repeat-y 0 0;
}

/* other campain link navigation */
#other strong,#inquiry strong {display:block;width:250px;height:30px;font-size:16px;text-align:left;line-height:30px;
padding-left:30px;background:url(../img/campaign/rightTitle.gif) no-repeat 0 0;}
#other .bottom,#inquiry .bottom {width:280px;height:15px;border:0;
background:url(../img/campaign/rightBottom.gif) no-repeat 0 0;}
#other ul {padding-left:35px;}
#other li {margin-bottom:5px;}
#other a {text-decoration:underline;}

/* inquiry navigation */
#inquiry {
	font-size:10px;
	text-align:center;
}

#inquiry p {padding:0 15px;}
address a {display:block;width:200px;height:31px;font-size:16px;line-height:30px;
margin:10px auto;background:url(../img/campaign/inquiryBtn.gif) no-repeat;}
address a:link,address a:visited {color:#333;background-position:0 0;}
address a:hover,address a:focus {color:#0088FF;}
p.dial {margin-top:15px;}

/* FS Icons */
#FS strong {display:block;width:280px;line-height:32px;text-indent:30px;padding-bottom:10px;background:#FFF url(../img/campaign/FSheader.gif) no-repeat 0 0;}
.FSicon {margin:0;}
.FSicon a {display:block;width:285px;height:65px;text-indent:-10000px;}
#FSicon1 a {background:url(../img/FSicon1.gif) no-repeat 0 0;}
#FSicon2 a {background:url(../img/FSicon2_new.gif) no-repeat 0 0;}
#FSicon3 a {background:url(../img/FSicon3_new.gif) no-repeat 0 0;}
#FSicon1 a:hover,#FSicon1 a:focus,
#FSicon2 a:hover,#FSicon2 a:focus,
#FSicon3 a:hover,#FSicon3 a:focus {background-position:0 -65px;}

/* footer */
#footer {
	clear:both;
	height:80px;
	font-size:10px;
	padding-top:10px;
	background:url(../img/campaign/footerBack.gif) repeat-x 0 top;
}

#footer ul {float:left;width:560px;list-style:none;}
#footer li {display:inline;}
#footer a {padding:0 10px 0 20px;}
#footer a:link,#footer a:visited {color:#222;background:url(../img/campaign/arrow1.gif) no-repeat 0 60%;}
#footer a:hover,#footer a:focus {color:#0088FF;background:url(../img/campaign/arrow2.gif) no-repeat 0 60%;}
#footer p {color:#222;text-align:right;margin-left:560px;}


/* 0yen campaign */
#btn_buy {padding:0 0 15px 8px;}
#btn_buy a{text-indent:-9999px;display:block;background:url(/img/campaign/link_buy.jpg) no-repeat left top;width:740px;height:120px;}
#btn_buy a:hover{background-position:0 -120px;}

#btn_search {padding:0 0 15px 8px;}
#btn_search a{text-indent:-9999px;display:block;background:url(/img/campaign/link_search.jpg) no-repeat left top;width:740px;height:120px;}
#btn_search a:hover{background-position:0 -120px;}