@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:#ff0}
a:visited{color:#ff0}
a:hover{text-decoration:none;color:#00C800}
a:active{color:#00C800}
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;}
.light_green { color: #cdff00;}

/* 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;}

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

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


/* layout
-------------------------------------------------------------------------------*/
body { width:100%; background:url(../images/bg_body.jpg) no-repeat fixed 50% 0; line-height:2em; color:#fff;}
#wrapper { position:relative; width: 940px; margin: 0 auto; padding-bottom:30px;}

.container {background:#096310; margin-bottom:15px;}

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

.section { width:550px; margin:0 auto 34px;}
.section_l { width:700px; margin:0 auto 34px;}
.section p {display:tale; width:430px; margin:0 auto 34px;}

.section p .talk{display:table-cell;width:368px;}
.section p .name {display:table-cell;width:62px;}
.caption { display:block;padding-top:4px; font-size:80%; line-height:1.6em;}

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

#header { border-radius:0 0 12px 12px; -webkit-border-radius:0 0 12px 12px; -moz-border-radius:0 0 12px 12px; margin-bottom:30px; padding:20px 20px 50px;}
#header .btn_prof { position:absolute; bottom:18px; right:30px; width:78px; height:44px; z-index:50;}

#header #lead_area {position:relative; width:840px;margin:0 auto;}
#header #lead_area .lead { position:relative;margin-top:30px;z-index:10;}
#header #lead_area .btn_official {position:absolute; bottom:0; right:0;z-index:50;}
#header #lead_area a.maping { display:block; position:absolute; text-indent:-9999px;}
#header #lead_area a.maping:hover {background:#096310;opacity:0.4;-moz-opacity:0.4;-ms-filter:"alpha(opacity=40)";filter:alpha(opacity=40)}
	.lead_link01 { top:109px; left:0px; width:382px; height:20px;z-index:50;}
	.lead_link02 { top:26px; left:595px; width:150px; height:20px;z-index:50;}


#header #youtube { width:840px; margin:36px auto;}
#header #youtube .title { float:left;}
#header #youtube .movie { float:left;}

#header #article_list { width:604px; margin:0 auto;}
#header #article_list .title { text-align:center; margin-bottom:26px;}
#header #article_list ul {background: url(../images/artcle_line.gif) no-repeat 0 bottom;}
#header #article_list ul li { background: url(../images/artcle_line.gif) no-repeat 0 0; padding:22px 25px 18px 36px; line-height:1em; color:#A6A6A6; font-weight:bold;}
#header #article_list ul li a, { color:#fff;}
#header #article_list ul li .open { color:#fff;}
#header #article_list ul li a:hover {color:#00C800; text-decoration:none;}
#header #article_list ul li .update { display:inline-block; width:10em; float:right;font-size:12px;font-weight:normal;}


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


/* date
-------------------------------------------------------------------------------*/
.date { text-align:center;color:#A6A6A6;font-size:12px;}


/* pagenavi
-------------------------------------------------------------------------------*/
#pagenavi { width:940px;border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; margin-bottom:30px; padding:55px 0;}
#pagenavi ul {display:table;table-layout:fixed; width:550px; margin:0 auto;}
#pagenavi ul li {display:table-cell;height:21px;}
#pagenavi ul li img{vertical-align:middle;}
#pagenavi ul li a { display:block;}

/* introduction
-------------------------------------------------------------------------------*/
#introduction { display:table; width:810px; margin: 0 auto 30px; padding:50px 65px;border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; }
#introduction .poster { display:table-cell; padding-right:40px;} 
#introduction .description { display:table-cell; vertical-align:middle;} 
#introduction .description .title { font-size:18px;margin-bottom:60px;} 
#introduction .description .detail { display:table;} 
#introduction .description .item { display:table-cell; width:5.5em;}
#introduction .description .txt { display:table-cell; }

/* footer
-------------------------------------------------------------------------------*/
#footer { width:810px;margin: 0 auto; padding:35px 65px;border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; }
#footer ul {width:795px; margin-bottom:50px;}
#footer li {display:inline; float:left; margin-right:105px;}
#footer ul li:last-child { float:right; margin-right:0;}
#footer li a {display:block;}
#footer address { text-align: center;}


/* popup
-------------------------------------------------------------------------------*/
body.popup {background:none;}
body.popup #wrapper { width:500px;margin:0 auto; padding:50px 60px; color:#000;}
body.popup .popBox { padding:30px; margin-bottom:60px;}
body.popup h1 { font-size:120%; margin-bottom:15px; font-weight:bold;}
body.popup p.text { font-size:96%; line-height:2em;}
body.popup a {color: #096310;}
body.popup a:hover {color: #00C800; text-decoration:none;}