@charset "utf-8";


/*reset*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
margin:0; padding:0;
}
table{
border-collapse:collapse; border-spacing:0;
}
fieldset, img{
border:0;
}
address, caption, cite, code, dfn, em, strong, th, var{
font-style:normal; font-weight:normal;
}
ol, ul{
list-style:none;
}
caption, th{
text-align:left;
}
h1, h2, h3, h4, h5, h6{
font-size:100%; font-weight:normal;
}


.clear{ clear:both}


/*cmn*/
a:link {color:#fff100;text-decoration:none;}
a:hover {color:#fff100;text-decoration:underline;}
a:visited {color:#fff100;text-decoration:underline;}


body{background:#000000;line-height:1.25em;
font-family:"Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック","MS PGothic",sans-serif ; color:#FFFFFF}



#container{ background:url(../img/cmn/bg.png) repeat-y top center;}

#copyright{ text-align:center; font-size:10px; padding-top:3px}


/*header_cmn*/
#header{ height:67px; background:url(../img/cmn/bg_header.png) repeat-x top center;}
#header_inner{width:1050px; margin:0 auto}
ul#news {float:left; display:inline; padding-top:23px; width:555px; font-size:13px}
ul#news li{ padding-left:15px;float:left;display:inline;}

#main{background:url(../img/cmn/bg_clash.png)  center top repeat-y;}
#main_inner{background:url(../img/cmn/bg_campaign.gif) no-repeat bottom center;}

#contents{ width:1000px; padding: 10px 0 20px; margin:0 auto}

h1{float:left; display:inline; padding-top:10px}

#sns{ padding-top:20px;float:left;display:inline }

.fb_iframe_widget{vertical-align:top;margin-top:-1px;}


/* footer */
#footer{padding:30px 0 50px 0;  font-size:11px; text-align:center; background:#000000 url(../img/cmn/footer_linebg.gif) repeat-x top; color:#FFFFFF; }
#footer p,{ margin:0; font-size:10px; }
#footer .notice, #index-footer .notice{ text-align:center; line-height:1.5em; margin:32px auto 0 auto; padding:0; }
#footer .notice td, #index-footer .notice td{ vertical-align:middle; }



/*index*/
#top #flasharea{ height:653px;background:url(../img/index/bg_flash.jpg) no-repeat top center;}
#top #skip{margin:10px 0 20px 0; text-align:center}
#top .bnr{ padding-bottom:20px; text-align:center; margin-top:-20px}


/*campaign*/
#campaign .bnr{ text-align:center; padding-bottom:10px}
#campaign #main_inner{background:url(../img/cmn/bg_grunge.gif)  center top repeat-y;}
#campaign h3{ text-align:center; padding:50px 0 30px}
#campaign #products ul{ width:942px; margin:0 auto;padding-right:18px;}
#campaign #products ul li{float:left;margin-top:-40px;}



/*products*/
#baki #item{height:909px;background:url(../img/baki/bg_item.png) no-repeat bottom center; margin-bottom:60px}
#baki #item_info{width:850px; margin:0 auto; font-size:13px}
#baki #item_info ul{display:block; width:215px; float:left}
#baki #item_info h3{float:left; padding-left:20px;border-left:4px solid #b2002f;}
#baki h2 {margin-top:-140px}


#oriba #item{height:909px;background:url(../img/oriba/bg_item.png) no-repeat bottom center; margin-bottom:60px}
#oriba #item_info{width:850px; margin:0 auto; font-size:13px}
#oriba #item_info ul{display:block; width:215px; float:left}
#oriba #item_info h3{float:left; padding-left:20px;border-left:4px solid #b2002f;}
#oriba h2 {margin-top:-172px}

#hanayama #item{height:909px;background:url(../img/hanayama/bg_item.png) no-repeat bottom center; margin-bottom:60px}
#hanayama #item_info{width:850px; margin:0 auto; font-size:13px}
#hanayama #item_info ul{display:block; width:215px; float:left}
#hanayama #item_info h3{float:left; padding-left:20px;border-left:4px solid #b2002f;}
#hanayama h2 {margin-top:-232px}

#yujiro #item{height:909px;background:url(../img/yujiro/bg_item.png) no-repeat bottom center; margin-bottom:60px}
#yujiro #item_info{width:850px; margin:0 auto; font-size:13px}
#yujiro #item_info ul{display:block; width:215px; float:left}
#yujiro #item_info h3{float:left; padding-left:20px;border-left:4px solid #b2002f;}
#yujiro h2 {margin-top:-187px}

#doppo #item{height:909px;background:url(../img/doppo/bg_item.png) no-repeat bottom center; margin-bottom:60px}
#doppo #item_info{width:850px; margin:0 auto; font-size:13px}
#doppo #item_info ul{display:block; width:215px; float:left}
#doppo #item_info h3{float:left; padding-left:20px;border-left:4px solid #b2002f;}
#doppo h2 {margin-top:-140px}



ul#sns_bottom{ width:336px; margin:0 auto;}
ul#sns_bottom li{float:left; padding-bottom:25px}
ul#sns_bottom li#twitter{margin:0 0 0 4px;}


#campaign #productsonly ul#sns_bottom{ width:1040px; margin:0px auto;}

/*#campaign #productsonly {background: url("../img/campaign/bg_clash_bottom.png") no-repeat scroll center top transparent;}*/




/*interview*/


body#interview #main_inner{background:url(../img/cmn/bg_grunge.gif)  center top repeat-y;font-size: 13px; line-height:1.4}

#interview h3{ padding:35px 0 20px; clear:both}

#interview .caption{ color:#ffea00; padding-bottom:10px}

#interview span.speaker{ color:#ee0000; font-weight:bold}


#interview .photo li{ padding-bottom:5px; font-size:12px}

#interview .box_left{ float:left; width:361px;}
#interview .box_right{ float:right; width:455px;}


#interview p{padding-bottom:8px}

#interview .detail{ padding-top:10px}

#interview #staff{ padding:20px 0; text-align:right; font-size:11px}
#interview #profile{ border-top: solid 3px #b2002f; padding-top:20px}

#interview #itagakisensei{ float:left; padding-right:20px}

#interview #profile span{ font-size:18px;}
#interview #profile #name{padding-bottom:10px}

#interview #lastquestion{ padding-top:15px}

#interview #totop{background:url(../img/cmn/bgbottom_grunge.png)  center bottom no-repeat; height:100px; text-align:center; padding:10px 0 10px; margin:-70px 0 20px}






/* clearfix */
div:after , .clearfix:after {
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
overflow:hidden;
font-size:0;
}
/* exlude IE6 \*/
* html .clearfix{
height: 1%;
}
.clearfix {
display:block;
}
/* end IE6 */

/* for IE7 */
.clearfix, .article_area {
zoom:1;
}
/* end IE7 */

*{
margin:0;
padding:0;
}

img{
border:none;
}
/* end clearfix */













/* clearfix */
div:after , .clearfix:after {
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
overflow:hidden;
font-size:0;
}
/* exlude IE6 \*/
* html .clearfix{
height: 1%;
}
.clearfix {
display:block;
}
/* end IE6 */

/* for IE7 */
.clearfix, .article_area {
zoom:1;
}
/* end IE7 */

*{
margin:0;
padding:0;
}

img{
border:none;
}
/* end clearfix */