@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:#FFF;}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:#FF5000}
a:visited{color:#FF5000}
a:hover{text-decoration:underline;}
a:active{text-decoration:underline;}
a:focus{outline:0}
a img{vertical-align:top}

.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 color */
.red { color: #B90A28;}
.green { color: #096310;}

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

/* margin */
.mgnB40 { margin-bottom:40px!important;}
.mgnB60 { margin-bottom:60px!important;}
.mgnR85 { margin-right:85px!important;}

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

/*position*/
.relative { position:relative;}


/* layout
-------------------------------------------------------------------------------*/
body { width:100%; background:#CCCCCC; line-height:2em; color:#333333;}
#wrapper { position:relative; width: 900px; margin: 0 auto; padding-bottom:40px;}

.section { width:900px; background:#E6E6E6; margin:0 auto 15px;	-webkit-box-shadow: 0 1px 12px #929292;
	-moz-box-shadow: 0 1px 12px #929292;
	box-shadow: 0 1px 12px #929292;
	behavior: url(PIE.htc);}


.linebox_s { background:url(../images/line_short.gif) no-repeat 50% 0; padding-top:10px;}
.linebox_s .inner { width:280px; border-right:1px solid #333;border-left:1px solid #333; margin-bottom:10px;padding:0 10px;}
.linebox_s .bottom { width:280px; height:1px; margin:0 auto; background:url(../images/line_short.gif) no-repeat 50% bottom; }

.linebox_l { width:800px; background:url(../images/line_long.gif) no-repeat 50% 0; margin:0 auto; padding-top:10px;}
.linebox_l .inner { width:780px; border-right:1px solid #333;border-left:1px solid #333; margin-bottom:10px;padding:0 10px;}
.linebox_l .bottom { width:780px; height:1px; margin:0 auto; background:url(../images/line_long.gif) no-repeat 50% bottom; }

.caption { display:block;padding-top:10px; font-size:85%; line-height:1.6em;}



/* main
-------------------------------------------------------------------------------*/

#main { padding-bottom:50px;}

#main h1 {padding:16px 0 16px 50px;}
#main h2 {padding:14px 0 20px; margin:0 auto; text-align:center;}
#main h3.about { padding:16px 0 40px; text-align:center;}
#main h3.title { padding:30px 0 10px 48px;}

#main #main_img { margin-bottom:40px;}

#main #intro_box {margin:0 50px 52px;}
#main #intro_box .lead { float:left;}
#main #intro_box .right_box { float:right; width:301px;}
#main #intro_box .article li { width:280px; margin-bottom:35px; text-align:center;line-height:0;}
#main #intro_box .article li:first-child { margin-bottom:40px; padding-top:10px;}
#main #intro_box .article li:last-child { margin-bottom:0; padding-bottom:18px;}

#main .btn_prof { text-align:center;}

#main .talk_box {margin:50px auto 44px;}
#main .talk_box p {display:tale; width:430px; margin:0 auto 32px;}
#main .talk_box p:last-child {margin-bottom:0;}
#main .talk_box p .talk{display:table-cell;width:314px;}
#main .talk_box p .name {display:table-cell;width:68px;}

#main .img_box { width:550px; margin:0 auto;}
#main .vertical_img_box { width:420px; margin:0 auto;}
#main .bottom_img_box { background:#000000; margin-bottom:30px; padding:10px 0;}

#main .cine_box { width:660px; margin:0 auto; }
#main .cine_box .left { width: 350px;}
#main .about_txt { padding-bottom:35px; border-bottom:1px solid #333; font-size:13px;}
#main .cine_txt { font-size:11px;}
#main .cine_txt .left { padding:8px 0 22px;}



/* date
-------------------------------------------------------------------------------*/
.date { margin:50px 0 60px; text-align:center;color:#595959;font-size:11px;}


/* date_archive
-------------------------------------------------------------------------------*/
.date_archive { margin:50px 0 0px; text-align:center;color:#595959;font-size:11px;}


/* pagenavi
-------------------------------------------------------------------------------*/
#pagenavi { width:900px;padding:32px 0;}
#pagenavi ul {display:table;table-layout:fixed; width:660px; margin:0 auto;}
#pagenavi ul li {display:table-cell;}
#pagenavi ul li img {vertical-align:middle;}
#pagenavi ul li a { display:block;}


/* footer
-------------------------------------------------------------------------------*/
#footer { width:900px;margin: 0 auto; padding:32px 0;}
#footer ul {width:660px; margin:0 auto 55px;}
#footer li {display:inline; float:left; margin-right:82px;}
#footer ul li.last { float:right; margin-right:0;}
#footer li a {display:block;}
#footer address { text-align: center;}


/* popup
-------------------------------------------------------------------------------*/
body.popup {background:none;}
body.popup #wrapper { width:466px;margin:0 auto; padding:50px 70px; color:#000;}
body.popup .popBox { padding:30px; margin-bottom:60px;}
body.popup h1 { margin-bottom:40px;}
body.popup p.text { font-size:13px; line-height:1.8em;}
body.popup p.poster { margin-top:35px;}