@charset "UTF-8";
/* CSS Document */

/* initialize
-------------------------------------------------------------------------------*/

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%}


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


/* contents
-------------------------------------------------------------------------------*/
#wrapper.textlive { background:none;}
#header { width:800px; margin:0 auto 65px; padding-bottom:30px; background:url(../images/background.png) repeat 0 0;}
#lead_area { width:688px; margin:0 auto;}
.link_mario {float:left;}
.textlive_lead {float:right;}

.textlive .line {text-align:center; margin:0 auto; padding:25px 0;}

.textlive #tab { display:table; width:730px; margin:0 auto;}
.textlive #tab li { position:relative; display:table-cell; z-index:10;}
.textlive #tab li.active { z-index:100;}

.textlive .main { position:relative; margin:-30px auto 65px; background:url(../images/background.png) repeat 0 0; z-index:50;}
.textlive .category_lead { padding:78px 35px 28px 98px; }

.textlive #post .entry { width:690px; margin:0 48px 0 62px; padding-bottom:15px;}
.textlive #post .subject { float:left; width:240px; min-height:62px; margin-bottom:24px; padding:13px 30px 16px 16px; font-size:14px; font-weight:bold; color:#fff; line-height:1.5em; letter-spacing:0.085em;}
	body#nintendo_01game .subject { background:url(../images/textlive/h3_game.png) no-repeat 0 0;}
	body#nintendo_02study .subject { background:url(../images/textlive/h3_study.png) no-repeat 0 0;}
	body#nintendo_03art .subject { background:url(../images/textlive/h3_art.png) no-repeat 0 0;}


.textlive #post .subject span { display:block; padding-bottom:6px; font-size:10px; font-weight:normal; line-height:1em;}
.textlive #post .entryBody { float:right; width:354px;}
.textlive #post .entryBody p { font-size:14px; line-height:1.8em; letter-spacing:0.07em;}
.textlive #post .photo { float:left; width:310px;}
.textlive #post .photo img { margin-bottom:20px;}

.textlive .pageNav { width:680px; margin:0 auto;}
.textlive .pageNav li { float:left; width:170px; padding-bottom:24px; vertical-align:middle;}
.textlive .pageNav li.to_index { width:340px; text-align:center; }

.textlive #footer_section { background:url(../images/background.png) repeat 0 0; padding:45px 0 0 0;}

.textlive #banner { display:table; width:630px; margin:0 auto;}
.textlive #banner .onmnt_l { display:table-cell; text-align:left; vertical-align:bottom;}
.textlive #banner .btn-q { display:table-cell; text-align:center; padding-bottom: 15px !important;}
.textlive #banner .onmnt_r { display:table-cell; padding-bottom:17px; text-align:right; vertical-align:bottom;}

/* for textlive template*/
body.live .textlive .main { padding-top:78px;}