@charset "UTF-8";
*{
	padding:0px;
	margin:0px;
}
body {
	font-family: "ＭＳ Ｐゴシック",Osaka,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS PGothic", sans-serif;
	font-size: 14px;
	color: #FFF;
	/*background:url(../images/background.jpg) no-repeat top center;*/
	background-color: #000;
}


a{
	text-decoration:none;
	color:#FFF;
}

img {
		border:none;
}

li{
	list-style:none;
}


p{
	font-size:11px;
	line-height:1.6em;
	color:#fff;
	width:auto;
}




.floatleft {
	float:left;
}

/************************************************

HEADER

*************************************************/
#header{
	width:950px;
	margin:15px auto 0px auto;
}

#header h1{
}


#links {
	background-color:#17171b;
	width:388px;
}


/************************************************

MENU

*************************************************/
#menu{
	padding:15px 0px 0px 0px;
	height:30px;
	width:950px;
}
#menu li{
	width:158px;
	height:30px;
	float:left;
	padding:0px;
	margin:0px;
}

#menu li a{
	display:block;
	width:158px;
	height:30px;
	float:left;
	text-indent:-8000px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}

#menu #menu01 a{ background-image:url(../images/menu_home.jpg); }
#menu #menu02 a{ background-image:url(../images/menu_news.jpg); }
#menu #menu03 a{ background-image:url(../images/menu_campaign.jpg); }
#menu #menu04 a{ background-image:url(../images/menu_specialcontents.jpg); }
#menu #menu05 a{ background-image:url(../images/menu_product.jpg); }
#menu #menu06 a{ background-image:url(../images/menu_brandstory.jpg); }

#menu a:hover, #menu .current{
	background-position:0px -30px;
}


.grid01{
	float:left;
}
.grid02 {
	float:right;
}

.clearboth{
	clear:both;
}


/************************************************

FLASH AREA

*************************************************/
#flash_area {
	text-align:center;
	border-bottom:1px solid #999999;
}

/************************************************

CONTENTS

*************************************************/
#container_in{
	clear:both;
	background-color:#111112;
}
#contents{
	clear:both;
	width:950px;
	height:100%;
	margin:0px auto;
	padding:22px 0px 20px 0px;
	background-color:#111112;
}
#contents .grid01{
	width:730px;
}


#contents h2{
	margin:0px 0px 10px 0px;
}

#contents .pickup p{
	font-size:11px;
	margin:7px 0px 0px 0px;
}

#contents .pickup{
	clear:both;
}

#contents .pickup div{
	width:224px;
	float:left;
	margin:0px 29px 0px 0px;
	padding:0px 0px 29px 0px;
}

#contents .pickup div.lastChild{
	margin:0px 0px 0px 0px;
}
#contents #pickup .cleaboth p{
	width:230xp;
}

#contents .pickup div.doublewidth{
	width:477px;
}
#contents .pickup div.doublewidth p{
	width:477px;
}

#contents .pickup a{
	text-decoration:underline;
}

#contents .pickup p a:hover{
	text-decoration:underline;
	background-color:#f41c6a;
}


/************************************************

NEWS TOPPAGE

*************************************************/
#news_top{
	background-color:#1d1d1d;
	margin-bottom:20px;
}

#news_top ul{
	width:710px;
	margin:0px auto;
	padding:10px 0px;
}

#news_top ul li .floatleft{
	width:100px;
	float:left;
}
#news_top ul li .right{
	width:610px;
	float:right;

}
#news_top ul li{
	font-size:11px;
	background-image:url(../images/bar_news.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:5px 0px;
	clear:both;
}


/************************************************

grid02 右のブロック

*************************************************/
#contents .grid02{
	width:200px;
}

#contents .grid02 ul{
	margin:0px;
}
#contents .grid02 a{
	display:block;
}
#contents .grid02 img{
	display:block;
	}
#contents .grid02 li{
	padding-bottom:5px;
}
/************************************************

rightblock_howto

*************************************************/
.rightblock_howto{
background-color:#f41c6a;
}
.rightblock_howto a{
	display:block;
}
.rightblock_howto img{
	margin:0px !important;
	padding:0px !important;
}

/*newsblock*/
#newsblock{
	width:200px;
	background-color:#faf2e8;
	text-align:center;
	padding:10px 0px 10px 0px;
	margin-bottom:6px;
	color:#333;
}

#newsblock ul{
	margin:10px auto;
}

#newsblock li{
	text-align:left;
	font-size:10px;
	padding:3px 10px;
	background:url(../images/news_bar.gif) no-repeat bottom center;
}
#newsblock img{
	margin:0px auto;
}

#newsblock a{
	color:#17171b;
}



/************************************************

PAGE TOP

*************************************************/
#btn_pagetop {
	clear:both;
	text-align:right;
	padding:12px 0px;
	margin:0px 0px 0px 0px;
	border-top:1px solid #231717;
}
#btn_pagetop div {
	width:950px;
	margin:0px auto;
}

#contact_bar{
	background-color:#231717;
	text-align:center;
	padding:20px 0px;
}



/************************************************

FOOTER

*************************************************/
#footer {
	width:950px;
	margin:0px auto;
	padding:27px 0px 0px 0px;
	clear:both;
}
 #footer h3{
	 margin:0px 0px 10px 0px !important;
 }
 
 #footer  ul{
	margin-bottom:20px;
}
 
#footer a{
	font-size:10px;
	text-decoration:underline;
}
#footer a:hover{
	background-color:#f41c6a;
}


#footer .footerblock{
	float:left;
	width:236px;
	margin-right:2px;
}

#footer .footerblock.lastChild{
	margin:0px;
}

#borderblock{
	border-bottom:1px solid #231717;
	padding-top:30px;
}

/************************************************

COPYRIGHT

*************************************************/
#copyright {
	clear:both;
	width:950px;
	margin:0px auto;
	padding:20px 0px;
	text-align:right;
}




/************************************************

PANKUZU

*************************************************/
#pankuzu {
	margin:0px 0px 20px 0px;
	font-size:11px;
}


/************************************************

リンク

*************************************************/
#pages a,#pankuzu  a{
	text-decoration:underline;
}
#pages a:hover,#pankuzu  a:hover{
	background-color:#f41c6a;
}

.link_banner:hover{
	background-color:#111111 !important;
}

/*** 中央ボタン ***/
.btn_center {
	text-align:center !important;
	display:block;
	margin:20px 0px 0px 0px;
}
.btn_center:hover{
	background:none !important;
}

/************************************************

half

*************************************************/
.half .left{
	float:left;
	margin-right:20px;
}
.half .right {
	float:left;
}


.block01 {
	margin:20px 0px 0px 0px;
}

.block02 {
	margin:60px 0px 0px 0px;
}