@charset "utf-8";

/* Reset

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

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

html{color:#000;background:#373C41;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,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,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

/* Font
-------------------------------------------------------------------------------*/

body{font:14px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.9em;letter-spacing:.05em}

/* basic
-------------------------------------------------------------------------------*/

a{text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:link{color:#ff0}
a:visited{color:#ff0}
a:hover{text-decoration:none;color:#00C800}
a:active{color:#00C800}
a:focus{outline:0}
a img{vertical-align:bottom}

.sprite{position:relative;display:block;overflow:hidden}
.sprite:hover{/zoom:1}
.sprite img{position:absolute}
.normal{font-weight:normal!important}
.bold{font-weight:bold}
.fltL{float:left!important}
.fltR{float:right!important}
.clrml{margin-left:0!important}
.clrmr{margin-right:0!important}
.clrmb{margin-bottom:0!important}
.clrmt{margin-top:0!important}
.clrbt{clear:both!important}
.clrL{clear:left!important}
.clrR{clear:right!important}
.clrbd{border:none!important}
.block{display:block}
.whitespace{white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word}
.clrfx:before,.clrfx:after{content:"";display:table}
.clrfx:after{clear:both}
.clrfx{zoom:1}

/* common layout
-------------------------------------------------------------------------------*/
/* text align */
.alignL { text-align:left;}
.alignC { text-align:center;}
.alignR { text-align:right;}

/* font size */
.small { font-size:12px!important;}


/* font color */
.red { color: #B90A28;}
.green { color: #096310;}

/* text indent */
.indent1 { margin-left: 1em; text-indent: -1em;}
.indent3 { margin-left: 3em; text-indent: -3em;}

/* margin */
.mgnB0 { margin-bottom:0px!important;}
.mgnB10 { margin-bottom:10px!important;}
.mgnB20 { margin-bottom:20px!important;}
.mgnB40 { margin-bottom:40px!important;}
.mgnB60 { margin-bottom:60px!important;}
.mgnB130 { margin-bottom:130px!important;}
.mgnB170 { margin-bottom:170px!important;}

/* padding */
.pdgT10 { padding-top:10px;}

/*position*/
.relative { position:relative;}
.bottom { position:absolute; bottom:0;}


/* layout
-------------------------------------------------------------------------------*/
body { width:100%; background:#373C41; line-height:2em; color:#373C41;}
#wrapper { position:relative; width: 1000px; margin: 0 auto;}

h1 { position:relative; z-index:10;}
h2 { margin:0 auto 56px; text-align:center;}

#main_container {width: 1000px; background:#b4b4b5; margin-bottom:3px; padding-bottom:110px;}

/* header
-------------------------------------------------------------------------------*/

#header { position:fixed; top:0; z-index:1000; width:inherit; background:#FFF; padding:15px 0 10px;}
#header h1 { float:left; margin-left:100px;}

#header ul { float:right; margin:38px 102px 0 0;}
#header ul li { display:inline-block; float:left; margin-left:20px;}
#header ul li a {display:block; line-height:0;}
#header ul li a:hover {opacity:0.6;-moz-opacity:0.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60)}


/* slider
-------------------------------------------------------------------------------*/
#slide_area { position:relative; width:1000px; height:451px; margin-top:80px;margin-bottom:55px;}
#slide_area .flexslider {position:relative;}
#slide_area .slides  { width:1000px; height:451px; overflow:hidden;}
#slide_area .slides li { position:relative;width:1000px;}
#slide_area .slides li img { z-index:500;}
#slide_area .btn_movie { display:block; position:absolute; bottom:28px; right:23px; width:190px; height:40px; background:url(../images/btn_movie.png) no-repeat 0 0; text-indent:-9999px; cursor:pointer; z-index:600;}
#slide_area .btn_movie:hover { background:url(../images/btn_movie-over.png) no-repeat 0 0;}

#slide_area .flex-wrap { position:absolute; right:100px; top: 442px; width:210px;}

#slide_area .flexslider ol { position:relative; width:210px; background:url(../images/trailers.png) no-repeat 0 0; padding-top:60px; z-index:700;}
#slide_area .flexslider ol li { display:inline-block; width:210px; background:url(../images/bg_thumb.gif) repeat-y 0 0; border-bottom:2px solid #DBDCDC;  height:114px; vertical-align:middle;}
#slide_area .flexslider ol li .thumb {position: relative;display:block;padding:0 0 0 45px;width:165px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);cursor:pointer;}
#slide_area .flexslider ol li .thumb:hover {opacity:0.6;-moz-opacity:0.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60)}
#slide_area .flexslider ol li .flex-active { background:url(../images/slide_active.gif) no-repeat 6px 0;}

#slide_area .flexslider .thumb_cs { display:table-cell; background:url(../images/bg_thumb.gif) repeat-y 0 0; height:114px; vertical-align:middle;}
#slide_area .flexslider .thumb_cs { padding:0 0 0 45px; width:165px;top: 50%;}
#slide_area .flexslider .thumb_cs { border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px;}

#slide_area .flexslider2 { display:none; position: absolute;top:0; left:0;}
#slide_area .flexslider2 .flex-prev, #slide_area .flexslider2 .flex-next { position:absolute; top:416px; width:60px; height:25px;}
#slide_area .flexslider2 .flex-prev { left:30px; }
#slide_area .flexslider2 .flex-next { right:30px; }
#slide_area .flexslider2 a.flex-prev , #slide_area .flexslider2 a.flex-next  { display:block;width:60px; height:25px;}
#slide_area .flexslider2 a.flex-prev span, #slide_area .flexslider2 a.flex-next span { display:none;}


#top_lead {margin:0 0 112px 98px;}

/* product_area
-------------------------------------------------------------------------------*/
#product_area { width:840px; margin:0 auto;}
#product_area h2 { margin-bottom:25px;}

#product_area #lead_box { margin-bottom:65px; padding:0 20px;}
#product_area #lead_box .lead { float:left; margin-right:216px;}
#product_area #lead_box ul { float:left;}
#product_area #lead_box ul li {padding-bottom:14px;}
#product_area #lead_box ul li:last-child {padding:0 0 0 20px !important;}
#product_area #lead_box ul li a {display:block; line-height:0;}

#product_area #item_box ul { width:790px; margin:0 auto;}
#product_area #item_box ul li { width:340px; text-align:center; }
#product_area #item_box ul li span { display:block; min-height:7em;padding:14px 0; line-height:1.9em;}
#product_area #item_box ul li a,
#product_area #item_box ul li a:link,
#product_area #item_box ul li a:visited { display:block; color:#373C41; text-decoration:none; font-size:11px;}
	#product_area #item_box ul li a.item01 { width:321px; background:url(../images/pro_item01.jpg) no-repeat 0 0;padding-top:394px;}
	#product_area #item_box ul li a.item02 { width:321px; background:url(../images/pro_item02.jpg) no-repeat 0 0;padding-top:394px;}
	#product_area #item_box ul li a.item03 { width:340px; background:url(../images/pro_item03.jpg) no-repeat 0 0;padding-top:407px;}
	#product_area #item_box ul li a.item04 { width:340px; background:url(../images/pro_item04.jpg) no-repeat 0 0;padding-top:407px;}
#product_area #item_box ul li a:hover { text-decoration:none; background-position:right 0;}

/* contents
-------------------------------------------------------------------------------*/
#contents {border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; margin-bottom:30px; padding:55px 0;}


/* info_container
-------------------------------------------------------------------------------*/
#info_container {width: 1000px; background:#b4b4b5; padding:56px 0 100px;}
#info_container p {margin-left:102px;}


/* footer
-------------------------------------------------------------------------------*/
#footer { width:1000px; background:#fff;  padding:25px 0 45px; }
#footer ul {width:795px; margin: 0 auto 58px;}
#footer li {display:inline; float:left; margin-right:140px;}
#footer ul li.adjust { margin-right:0;}
#footer ul li:last-child { float:right; margin-right:0;}
#footer li a {display:block;}
#footer li a:hover {opacity:0.6;-moz-opacity:0.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60)}
#footer address { text-align: center;}
