@charset "UTF-8";

/*************** foundation ***************/


*{
font-size:100%;
font-family:verdana,"ＭＳ Ｐゴシック",palatino,georgia,"ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
margin:0;
padding:0;
border-style:solid;
border-color:#000;
border-width:0;
}

h1,h2,h3,h4,h5,h6,em,address{
font-weight:normal;
font-style:normal;
text-decoration:none;
}

q,blockquote{
font-weight:normal;
font-style:italic;
text-decoration:none;
margin:3px;
}

strong{
font-weight:bold;
font-style:normal;
text-decoration:none;
}

img{
vertical-align:middle;
border-width:0;
}

a{
color:#448;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

body{
color:#333;
background-color:#fff;
background-image:url("./img/grand_bg.jpg");
background-position:60% -10px;
background-repeat:no-repeat;
/* background-attachment:fixed; */
}

/*************** header & footer ***************/

div#header{
width:780px;
margin:50px auto 125px auto;
}

h1{
margin:10px 0;
}

#header p{
color:#aaa;
font-size:80%;
width:370px;
margin:10px;
}


/*
#headmenu input.formfield{
color:#fff;
background-color:transparent;
font-size:90%;
width:150px;
padding:2px 3px;
border-style:dashed;
border-color:#ccd;
border-width:1px;
}

#headmenu input.formbutton{
color:#fff;
background-color:transparent;
font-size:80%;
border-style:solid;
border-color:#ccd;
border-width:1px;
}
*/


/*************** main ***************/

div#wrapper{
clear:both;
width:780px;
margin:10px auto;
}

/***** content *****/

div#content{
width:67%;
clear:both;
float:left;
padding:0.4em 1% 1em 1%;
}

#index p.index_to_intro{
font-size:80%;
}

#content h2{
display:none;
}

#content.category_list_title h2{
display:block;
font-size:80%;
border-color:#bbb;
border-width:0 0 2px 0;
}


#content.category_list_title h2 em{
display:block;
color:#666;
font-size:200%;
font-weight:bold;
}

#archivelist #content h2{
display:block;
color:#444;
font-size:150%;
margin-bottom:5px;
padding:2px 5px;
border-color:#444;
border-width:0 0 3px 0;
}


#archive #content h2{
display:block;
color:#444;
font-size:200%;
margin:0 0 30px 0;
border-style:solid;
border-color:#003;
border-width:0 0 3px 0;
}


#content.episode_list h2{
display:block;
font-size:140%;
}

#content h3{
color:#555;
font-size:120%;
font-weight:bold;
/*
font-size:150%;
font-weight:normal;
*/

letter-spacing:1px;
margin:30px 0 0 0;
padding:0 3px;
}

#content h3 a{
color:#555;
font-family:"ＭＳ Ｐゴシック",palatino,georgia,"ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
}


#content.episode_list h3{
font-size:110%;
margin:30px 10px 10px 10px;
border-color:#000;
border-width:0 0 1px 0;
}


#content h4.hidden{
display:none;
}

#content ul.status{
color:#666;
background-image:url("./img/entry_chapterbar2.gif");
background-position:left top;
background-repeat:no-repeat;
font-size:13px;
list-style-type:none;
margin:0 2px 0.8em 2px;
padding:3px 30px 0 10px;
}

#content ul.status li{
padding:2px 0;
}

#content .status li.categories{
width:70%;
float:left;
}

#content .status li.date{
text-align:right;
}

#content div.contentbody{
font-size:90%;
line-height:1.4;
clear:left;
margin:0 10px;
}

.contentbody blockquote{
color:#030;
font-size:90%;
font-style:normal;
letter-spacing:3px;
margin:0.5em 10px;
padding:0 0 0 5px;
border-style:solid;
border-color:#343;
border-width:0 0 0 5px;
}

.contentbody p{
margin:1.1em 10px;
}

.contentbody dl{
margin:1.2em 10px;
}

.contentbody dt{
font-weight:bold;
margin:0.7em 0 0.3em 0;
}

.contentbody h4{
color:#333;
font-size:110%;
clear:left;
margin:1.2em 10px 0.5em 10px;
padding:0;
border-style:solid;
border-color:#999;
border-width:0 0 1px 0;
}

.contentbody h5{
color:#777;
font-size:100%;
font-weight:bold;
line-height:1;
clear:left;
margin:0.8em 0 0.3em 0;
}



/* customize*/

.contentbody h4.story_credit{
clear:left;
width:300px;
margin:1.2em auto 0.5em auto;
}

.contentbody dl.story_credit{
line-height:1.8;
margin:0.3em 0 0.3em 60px;
}

.contentbody .story_credit dt{
text-align:right;
width:180px;
clear:left;
float:left;
margin:0;
padding-right:20px;
}

.contentbody .story_credit dd{
margin:0 0 0 200px;
}

div.podcast{
background-color:#f3ffdd;
text-align:center;
width:260px;
margin:10px auto 50px auto;
padding:15px 5px;
}




.contentbody h4.intro{
color:#333;
font-size:130%;
clear:left;
margin:1.2em 10px 0.5em 0;
padding:0;
border-style:solid;
border-color:#999;
border-width:0 0 1px 0;
}

.contentbody h5.intro{
color:#777;
font-size:110%;
font-weight:bold;
line-height:1;
clear:left;
margin:0.8em 0 0.3em 0;
padding:1px 0 0 2px;
border-style:solid;
border-color:#999;
border-width:0 0 0 5px;
}

.contentbody dl.intro_staff{
line-height:1.8;
margin:0.3em 0px;
}

.contentbody .intro_staff dt{
text-align:right;
width:130px;
clear:left;
float:left;
margin:0;
padding-right:10px;
}

.contentbody .intro_staff dd{
margin:0 20px 0 140px;
}

/* custmize */





#item #content h3{
}


.contentbody p.readmore{
font-size:110%;
font-weight:bold;
padding:10px 5px;
}

.contentbody p.readmore a{
text-decoration:underline;
}

ul.track_record{
font-size:90%;
list-style-type:square;
margin:10px 10px 25px 10px;
padding-left:20px;
}


/***** comments *****/

ul.contentmenu{
font-size:80%;
list-style-type:circle;
margin:1.2em 0 2em 0;
padding-left:25px;
}

.contentmenu li{
margin:0.3em 0;
padding-left:5px;
}


div.comments{
margin:30px 30px;
padding:10px;
border-style:dotted;
border-color:#bbb;
border-width:3px;
}


h4#cfield{
font-size:140%;
margin:0 0 10px 0;
padding:0 2px;
border-style:dotted;
border-color:#ccc;
border-width:0 0 3px 0;
}

.comments h5{
font-weight:bold;
margin:35px 5px 5px 10px;
padding:0 5px;
}

h5.commenthead{
font-size:80%;
font-weight:bold;
margin:20px 5px 0 10px;
border-style:solid;
border-color:#666;
border-width:0 0 0 5px;
}

h5.commenthead a{
font-size:125%;
}

.comments p{
font-size:90%;
margin:0 30px;
}
form#commentsForm{
margin:15px 20px;
padding:10px;
border-style:solid;
border-color:#666;
border-width:1px;
}

/*
.commentform label{
display:block;
font-size:90%;
text-align:right;
width:80px;
float:left;
padding-top:3px;
}

.commentform p.checkarea label{
display:inline;
font-size:90%;
width:auto;
float:none;
}
*/

#commentsForm dl{
font-size:80%;
}

#commentsForm dt{
font-weight:bold;
padding-top:5px;
}

#commentsForm dd{
}

#commentsForm dd.robot_check{
color:#666;
margin:5px 7px;
}

#commentsForm input{
width:250px;
padding:2px;
border-style:solid;
border-color:#999;
border-width:1px;
}

#commentsForm dd.robot_check input, #commentsForm input#nucleus_cf_remember{
width:auto;
margin-right:5px;
}

#commentsForm textarea{
width:330px;
height:5em;
vertical-align:top;
padding:2px;
border-style:solid;
border-color:#999;
border-width:1px;
}

input.formbutton{
background-color:#eee;
border-color:#666;
border-width:1px;
}

#commentsForm label span{
color:#999;
}

#commentsForm div.action{
margin:10px;
}

#commentsForm input#comment-post{
width:100px;
}



div.tb div.head{
font-size:140%;
margin:0 0 10px 0;
padding:0 2px;
border-style:dotted;
border-color:#ccc;
border-width:0 0 3px 0;
margin:40px 0 10px 0;
}

div.tb div.item{
font-size:80%;
margin:10px;
border-style:solid;
border-color:#ccc;
border-width:1px 0;
}

div.tb div.name{
color:#666;
text-decoration:underline;
margin:3px 5px;
}

div.tb div.body{
color:#333;
margin:3px 10px;
}

div.tb div.body a{font-weight:bold;}

div.tb div.date{
color:#666;
text-align:right;
margin:3px 5px;
}

div.tb div.empty{
font-size:80%;
margin:10px 20px;
}

div.tb div.info{
color:#666;
font-size:90%;
margin:20px 20px 10px 20px;
}


h5.trackback{
font-weight:bold;
margin:20px 5px 0 10px;
border-style:solid;
border-color:#666;
border-width:0 0 0 5px;
}



ul.trackback{
font-size:90%;
list-style-type:square;
margin:15px 0 15px 30px;
}

.trackback li{
margin:0.3em 0;
}







/*************** エントリータイトル一覧 ***************/


/* アーカイブリスト */

ul.archive_list{
list-style-type:none;
margin:20px 10px;
}

.archive_list li{
text-indent:-141px;
margin:5px 0;
padding:5px 0px 5px 146px;
border-style:dashed;
border-color:#bbb;
border-width:0 0 1px 0;
}

.archive_list li span.date{
color:#666;
font-size:80%;
font-weight:bold;
padding-right:10px;
}


/* show blogs */

div.pageswitch{
color:#77a;
font-size:90%;
text-align:center;
margin:17px 5px 5px 0;
padding:5px;
border-style:solid;
border-color:#ddd;
border-width:1px;
}

div.pageswitch strong{
color:#000;

font-weight:normal;
}

div.pageswitch a{
font-weight:bold;
}

#content.category_list_title div.pageswitch{
margin:10px 30px 10px 30px;
}





/* archivelist */

.searchoption li{
list-style-type:none;
margin:5px 15px;
}

dl.archiveslist{
margin:20px 0;
}

.archiveslist dt{
font-size:150%;
padding:1px 5px;
border-bottom-width:3px;
}

.archiveslist dd{
line-height:2em;
margin-left:20px;
}



/***** side menu *****/

div#sidemenu{
margin-left:70%;
}

#sidemenu h2{
display:none;
}


#sidemenu h3{
color:#ba9;
background-image:url("./img/menu_chapter.gif");
background-position:left bottom;
background-repeat:no-repeat;
font-size:100%;
font-weight:bold;
letter-spacing:1px;
margin:10px 0 0 0;
padding:5px 0 5px 21px;
}


#sidemenu ul{
color:#555;
font-size:80%;
list-style-type:none;
margin:0px 10px 20px 0;
padding-left:10px;
}

#sidemenu ul li{
margin:0.2em 0;
padding:0 0 0.2em 10px;
border-style:solid;
border-color:#e2e2d6;
border-width:0 0 1px 0;
}

#sidemenu ul#mainmenu{
margin:0;
}

#sidemenu ul#mainmenu li{
margin:5px 0;
padding:0;
border-width:0;
}

#sidemenu ul#podcastmenu{
font-size:70%;
margin:0;
}

#sidemenu ul#podcastmenu li{
text-align:center;
margin:5px 0;
padding:0;
border-width:0;
}

#sidemenu ul.podcast_links{
text-align:center;
margin:0;
padding:0;
}

#sidemenu ul.podcast_links li{
margin:0.2em 0;
padding:0 0 0.2em 10px;
border-width:00;
}

#sidemenu ul.podcast_links h4{
text-align:left;
margin:10px 0 0 10px;
}


/***** footer *****/

#footer{
color:#999;
font-size:90%;
text-align:right;
clear:both;
width:740px;
margin:20px auto;
padding:0px 20px;
border-style:dashed;
border-color:#ccc;
border-width:1px 0 0 0;
}

#footer p#footer_navi{
width:200px;
float:right;
padding:5px 10px;
}

#footer p#copyrights{
text-align:left;
padding:5px 10px;
}




/***** スペシャルスキンパーツ *****/

#content.episode_list h2{
color:#666;
font-size:150%;
padding:0 3px;
border-style:double;
border-color:#bbb;
border-width:0 0 3px 0;
}

#content.episode_list ul{
margin:10px;
padding-left:30px;
}

#content.episode_list ul li{
margin:0.4em 0;
}

#content.episode_list ul span.date{
font-size:90%;
margin:0 5px;
}




/***** メンバー詳細ページ *****/

dl.blog_member{

}


dl.blog_member dt{
margin:5px;
border-style:solid;
border-color:#999;
border-width:0 0 1px 0;
}

dl.blog_member dd{
margin:5px 10px 20px 10px;
}



/*************** 個別コンテンツ ***************/

dl.introduction{
line-height:1.4;
margin:20px 50px 40px 50px;
}

.introduction dt{
color:#888;
font-size:110%;
padding:0 3px;
border-style:solid;
border-color:#9bb;
border-width:0 0 1px 0;
}

.introduction dt a{
color:#577;
font-size:120%;
}

.introduction dd{
color:#233;
margin:0 10px 15px 10px;
}

.introduction dd ul{
color:#999;
line-height:1.5;
list-style-type:circle;
margin:0 0 0 10px;
}


.charactor_introduction div{
background-repeat:no-repeat;
font-size:90%;
height:280px;
margin:10px 0;
border-style:solid;
border-color:#ddd;
border-width:0 0 1px 0;
}

.charactor_introduction div.chara_left{
background-position:left center;
padding:20px 0 0 100px;
}

.charactor_introduction div.chara_right{
background-position:right center;
padding:20px 100px 0 0;
}

.charactor_introduction div#toru{
background-image:url("./img/chara_toru.jpg");
}

.charactor_introduction div#toshiki{
background-image:url("./img/chara_toshiki.jpg");
}

.charactor_introduction div#shiori{
background-image:url("./img/chara_shiori.jpg");
}

.charactor_introduction div#pochi{
background-image:url("./img/chara_pochi.jpg");
padding-right:120px;
}

.charactor_introduction div#kennichi{
background-image:url("./img/chara_kennichi.jpg");

}

.charactor_introduction div#kazuma{
background-image:url("./img/chara_kazuma.jpg");
padding-right:160px;
}

.charactor_introduction div#mina{
background-image:url("./img/chara_mina.jpg");

}


.charactor_introduction h5{
color:#333;
font-weight:bold;
margin:0 0 1.2em 0;
}

.charactor_introduction h6{
color:#554;
font-weight:bold;
margin:0.8em 10px 0.5em 10px;
}

.charactor_introduction p{
color:#222;
line-height:1.6;
margin:0.5em 10px;
}