@charset "utf-8";
/* CSS Document */

/*リセット-----------------------------------*/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; overflow: hidden; font-size: 0; }
* { margin: 0; padding: 0; }
.clear { clear: both;}

#contain { width:800px;	margin: 0 auto;	color:#000000; font-size:12px; background:url(images/bg_all.jpg) repeat-y;}
#sns { margin:10px 0; float:right;}

.hl { margin: 20px 0 10px 0;}
.h2 { margin: 10px 0 0 0;}

img{ border:0;}

/*応募方法-----------------------------------*/
.adress{
	width:700px;
	margin: 20px auto;
	font-size:15px;
	color:#ffa836;
	line-height:22px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
}
/*コンテンツ-----------------------------------*/
#details{
	width:800px;
	margin: 0 auto;
	background-image:url(../../images/pc/back02.jpg);
	background-repeat:repeat-y;
}

#products{
	width:720px;
	margin: 0 auto;
}

#products ul{
	margin:0;
	padding:0;
	list-style:none;
}
#products ul li.left{
	width:230px;
	height:80px;
	float:left;
	margin:10px 15px 10px 0;
}

#products ul li.right{
	width:230px;
	height:80px;
	float:left;
	margin:10px 0 10px 0;
}

#products a:hover img{
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}


/*注意-----------------------------------*/
.cautions{
	width:710px;
	margin: 20px auto;
	font-size:13px;
	color:#ffa836;
	line-height:20px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
}

/*内容-----------------------------------*/
a:link img {opacity: 1;transition: all 0.5s ease-out 0s;}
a:hover img {opacity: 0.5;transition: all 0.2s ease-out 0s;}
.title{ margin-top:20px;}

/*ナビ-----------------------------------*/
#menu{ height:90px; background:url(images/bg_nav.png) no-repeat;}

ul#nav{ display:block; width:725px; margin:0px auto; padding:15px 0 15px 10px;}
ul#nav li { float: left; list-style:none;}

ul#nav li.nav_btn01 { background:url(images/nav01.png) 0 -60px; height: 60px; width: 160px; display: block;}
ul#nav li.nav_btn02 { background:url(images/nav02.png) 0 -60px; height: 60px; width: 180px; display: block;}
ul#nav li.nav_btn03 { background:url(images/nav03.png) 0 -60px; height: 60px; width: 210px; display: block;}
ul#nav li.nav_btn04 { background:url(images/nav04.png) 0 -60px; height: 60px; width: 175px; display: block;}
ul#nav li.nav_btn01 a { background:url(images/nav01.png); height: 60px; width: 160px; display: block;}
ul#nav li.nav_btn02 a { background:url(images/nav02.png); height: 60px; width: 180px; display: block;}
ul#nav li.nav_btn03 a { background:url(images/nav03.png); height: 60px; width: 210px; display: block;}
ul#nav li.nav_btn04 a { background:url(images/nav04.png); height: 60px; width: 175px; display: block;}



/*注力-----------------------------------*/
#display{ background:url(images/bg_box01.png) repeat-y; padding:30px 0px 10px 30px; color:#FFFFFF;}
.boxbottom{ height:19px; background:url(images/bg_box02.png) no-repeat;}
ul.alea01{ list-style:none;}
ul.alea01 li{ float:left; margin-bottom:10px;}
ul.alea01 li.boxleft01{ margin-right:20px;}
ul.alea01 li.boxleft02{ margin-right:8px;}
#display .area03{ width:500px; margin:5px auto 20px auto;}
.copy_display{ padding-top:5px; font-size:10px; color:#C5C5C5;}

/*物販商品情報-----------------------------------*/
#goods{ background:url(images/bg_box03.png) repeat-y; padding:20px 25px;}
#goodsbottom{ height:12px; background:url(images/bg_box04.png) no-repeat;}
.lefttarea{ float:left;}
.rightarea{ width:370px; float:right;}
#goods ul{ list-style:none; padding-top:25px;}
#goods ul li{ float:left; margin-right:10px;}
#goods .copy{ display:block; text-align:right; padding-top:470px;}


/*注釈-----------------------------------*/
#attention{ background:url(images/bg_box01.png) repeat-y; padding:10px 0px 10px 25px;}
#attention .atn_txt{ color:#fff; line-height:2em;}