/* CSS Document */

* {
margin:0;
padding:0;
}
a:link { color: #00FFFF; }
a:visited { color: #FFFF00; }
a:hover { color: #00FF00; }
a:active { color: #FF6600; }

body{
font-family: "メイリオ", "Meiryo", "Lucida Grande", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
font-size:12px;
background:#000000 url(../img/wall_circuit2.gif);
color:#CCCCCC;
}
h1 {
font-size:14px;
}
address{
background-color:#333333;
padding:5px;
text-align:right;
}

#container{
width:900px;
margin:0 auto;
background:#000000;
border-left: 1px solid #E2E2E2;
border-right: 1px solid #BBBBBB;
}
.cl{
clear:both;
}


/* container
---------------------------------------------------- */

#header {
}

#content {
background:#000000 url(../img/bgmain.jpg) repeat-y;
}
/* background:#000000 url(../img/wall_circuit2.gif) repeat-y; */
#left  ,
#right {
float:left;
width:200px;
margin:0 auto;
font-size:12px;
background-color: transparent;
}

#main {
float:left;
width:500px;
margin:0 auto;
line-height:1.5em;
background-color: transparent;
}


#menu {
float:left;
width:240px;
margin:0 auto;
font-size:12px;
}

#footer {
clear:both;
}

/* header
---------------------------------------------------- */
#header #logo{
font-size:24px;
font-style:italic;
}
#header #notice {
font-size:12px;
padding:5px;
}

#header #headermenu{
background:url(../img/bgheadermenu.jpg) repeat-x;
height:60px;
}
#header #headermenu ul{
list-style:none;
}
#header #headermenu li{
float:left;
}
#header #headermenu li a{
display:block;
width:140px;
height:20px;
padding:20px 5px;
text-align:center;
font-weight:bold;
}
#header li a:link { color: #000099; text-decoration : none ; }
#header li a:visited { color: #000099; text-decoration : none ; }
#header li a:hover { color: #000099; text-decoration : underline ; }
#header li a:active { color: #000099; text-decoration : none ; }

#header #guide,
#replaycontent #guide {
font-size:10px;
background-color:#333333;
text-align:right;
padding:3px;
}


/* main
---------------------------------------------------- */
#main h2{
font-size:18px;
font-weight:bold;
background:#585858;
margin:0 5px;
padding:5px;
}

#main h3 {
font-size:14px;
font-weight:bold;
border-left:#72C0E2 5px solid;
width:500px;
margin-left:15px;
padding:5px;
}

#main ul{
list-style:none;
margin:10px auto;
}

#main ol{
margin-left:25px;
}

#main li{
margin:3px auto;
}


/* index
-------------------------------- */

/* カウンター */
#counter {
background:#333333;
width:466px;
color:#FFFF00;
text-align:center;
margin:15px auto;
padding:5px;
}

#counter .comment {
font-size:10px;
}

#counter #aisatsu {
}

/* 更新履歴 */
.infomation {
background:#330066;
width:466px;
margin:15px auto;
padding:5px;
line-height:1.5em;
}

.infomation .illusttxt {
float:left;
width:340px;
}

.infomation .illustimg {
float:right;
width:178px;
}

.infomation .illustimg img{
width:175px;
border:1px solid;
}


/* 日記ここから */
#main .diary {
width:466px;
margin:15px auto;
background:#003300;
padding:5px;
font-size:14px;
}

#main .diary .diatitle {
font-size:18px;
font-weight:bold;
}

#main .diary hr{
margin:10px auto;
}

.diary .diaimg{
width:210px;
margin:3px;
float:left;
}
/*
.diary img {
width:200px;
border:2px solid;
}
*/

.diary .hakusyu {
width:80%;
}

.amazon {
float:right;
}

.gasyou {
font-size: 36px;
color: #FF0000;
}

.redword {
color:#FF0000;
}

/* メールフォームここから */
.formline{
margin:10px;
}
.formname{
font-weight:bold;
}
.formname .red{
color:#FF0000;
}

.formcontent{
}
/* メールフォームここまで */


/* nova_replay 新テンプレート
-------------------------------- */
#boxtemp{
}

#boxtemp .role,
#boxtemp .backstage,
#boxtemp .divineworks,
#boxtemp .selfintro{
width:750px;
margin-bottom:3px;
padding:1px 0 1px 5px;
line-height:1.5em;
float:left;
border-left:#333333 dotted 1px ;
}
#boxtemp .trailer{
text-align:center;
}

#boxtemp .tips{
font-size:12px;
width:70px;
margin-bottom:3px;
padding:1px 5px;
font-weight:bold;
float:left;
}
#boxtemp .role{
background:#1E1E1E;
}
.illustration{
float:right;
}
.illustration img{
width:150px;
}
.illustrationtxt{
float:left;
width:490px;
}
#boxtemp .backstage{
background:#3D3D3D;
}
#boxtemp .selfintro{
background:#002406;
}
#boxtemp .selfintro .castname{
font-size:18px;
font-weight:bold;
}
#boxtemp .selfintro .style{
font-size:16px;
font-weight:bold;
}
#boxtemp .selfintro .line{
font-style:italic;
font-weight:bold;
}
#boxtemp .trailer{
text-align:center;
}
.trailer .acttitle{
font-size:18px;
font-weight:bold;
}
#boxtemp .divineworks{
background:#000033;
}
#boxtemp .divineworks .name{
font-size:18px;
font-weight:bold;
font-style:italic;
}
#boxtemp .judge{
color:#00CCFF;
font-weight:bold;
}
#boxtemp .archecker {
 background:#0B0066;
 clear:both;
 width:770px;
 margin:0 auto 1px auto;
 padding:1px 5px;
 font-weight:bold;
 font-size:12px;
 text-align:right;
}
#boxtemp .seizetheinitiative{
 background:#003910;
 clear:both;
 width:770px;
 margin:0 auto 1px auto;
 padding:1px 5px;
 font-weight:bold;
}
#boxtemp .damageno{
 background:#830101;
 clear:both;
 width:770px;
 margin:0 auto 1px auto;
 padding:1px;
 font-weight:bold;
 font-style:italic;
 text-align:center;
}
#boxtemp .trailer{
 clear:both;
 width:630px;
 margin:0 auto 1px auto;
 padding:50px;
 font-style:italic;
 text-align:center;
}
#boxtemp .trailer h2{
 margin:50px auto;
}
#boxtemp .blankspace{
margin:20px auto;
width:20px;
height:20px;
background:#7C7C7C;
border:1px solid #F0F0F0;
clear:both;
}

#boxtemp .sceneinfo{
margin:10px;
padding:10px;
border-left:10px solid #249F00;
border-bottom:2px solid #249F00;
font-weight:bold;
}

/* nova_replay
-------------------------------- */
#main #replaymenu {
margin-top:15px;
}

#main #replaymenu ul {
list-style:none;
}

#main #replaymenu li {
float:left;
margin:0 2px 0 0;
}

#main #replaymenu .cell {
background:#333333;
width:120px;
text-align:center;
}

#main #replaymenu .now{
color:#00CCFF;
background:#000066;
width:120px;
text-align:center;
}

#main #midasi{
margin:0 0 15px 0;
padding:5px;
color:#00CCFF;
background:#000066;
}


#main .box {
font-size:10px;
background:#333333;
width:90%;
margin:6px auto;
padding:0px 0px 0px 0px;
}

.box .acttitle {
color:#00FFFF;
background:#000099;
font-size:14px;
font-weight:bold;
width:auto;
margin:0 0 3px 0;
padding:5px;
}

.box .date{
text-align:right;
}

/* リプレイ文中
--------------- */
#replaycontent{
font-size:14px;
padding:0 10px;
line-height:1.3em;
}

#replaycontent hr {
margin:10px auto;
}

#invultitle {
font-size:10px;
}

#replaytitle {
font-size:36px;
font-style: italic;
line-height:2em;
}

#titlecom {
font-style:italic;
}


#actor {
margin-left: 100px;
margin-right: 100px;
}

.castname {
font-size:14px;
}

#mokuzi {
margin-left: 100px;
margin-right: 100px;
}

.phase {
font-style: italic;
}

.sceneno {
margin-left: 50px;
}

.comingsoon{
color:#333333;
}


/*リプレイ本文*/

#replaycontent #scenetitle {
margin-top:30px;
font-style:italic;
}

#replaycontent #scenetitle font{
font-size:18px;
}

#replaycontent #guide{
margin-bottom:30px;
}

/*次のシーンへのリンク*/
#replaycontent #next {
background-color:#003300;
margin-bottom:30px;
width:270px;
float:right;
font-weight:bold;
line-height: 1.5em;
padding:10px;
text-align:right;
}

#next strong {
font-size:75%;
}

#replaycontent #hakusyu{
text-align:center;
float:left;
width:270px;
margin-bottom:30px;
}


/*判定青*/
.judge {
color:#00CCFF;
}

/*ダメージチャート*/
.damage {
margin-left: 50px;
margin-right:50px;
margin-bottom:25px;
margin-top:25px;
padding:10px;
color:#666666;
font-style:italic;
font-size:120%;
}

/*強調赤*/
.redword {
color:#FF0000;
}

/*大*/
.big {
font-size:150%;
line-height:1.2em;
}

/*大ボケ*/
.redwordbig {
color:#FF0000;
font-size:150%;
line-height:1.2em;
}

/*黄色文字*/
.yellow {
color:#FFFF00;
}

/*黄色文字 大*/
.yellowbig {

color:#FFFF00;
font-size:150%;
line-height:1.2em;
}

/*青色文字*/
.blue {
color:#0000FF;
}

/*水色文字*/
.mizuiro {
color:#46FFFF;
}

/*隠し灰*/
.grayword {
color:#333333;
}

/*隠し灰裏用*/
.graywod-ura {
color:#666666;
}

/*自己紹介*/
.selfintroduction {
margin-top:20px;
margin-bottom:20px;
margin-left: 50px;
margin-right:50px;
padding:10px;
background-color:#000033;
}

/*自己紹介名前*/
.selfintroduction h1 {
margin-top:3px;
padding:3px;
font-size:18px;
font-weight:bold;
}

/*自己紹介スタイル*/
.selfintroduction h2 {
margin:5px 15px;
font-size:120%;
}

/*自己紹介台詞*/
.selfintroduction h3 {
margin:10px;
font-style:italic;
font-size:100%;
}

#acttrailer {
font-style:italic;
font-size:120%;
margin:30px;
padding:20px;
}

/*トレーラーアクトタイトル*/
#acttrailer h1 {
font-style:italic;
font-size:120%;
line-height:1.5em;
text-align:center;
}

/*かくて運命の～*/
#dooropen {
font-style:italic;
margin-left: 50px;
margin-right:50px;
}

/*エンドタイトルとXYZ*/
#endcredit {
font-style:italic;
margin-left: 50px;
margin-right:50px;
}

/*神業*/
.divinework {
font-style:italic;
background-color:#000033;
margin: 25px;
padding:10px;
}

/*神業名*/
.divineworkname{
font-weight:bold;
font-size:130%;
}

/*効果音*/
.soundeffect {
font-style:italic;
margin-left: 50px;
margin-right:50px;
margin-bottom:20px;
margin-top:20px;
}

/*舞台裏会話*/
.behindthescenes {
margin: 50px;
padding:5px;
background:#333333;
}

/*カット進行AR順番ちぇっく*/
.archeck {
background-color:#333333;
text-align:right;
margin-top:20px;
margin-left: 25px;
margin-right:25px;
font-size:12px;
}

/*カット時イニシアチブ・フェイズ宣言*/
.initiative {
font-size:120%;
margin-bottom:20px;
}
/**/

.illusttxt {
float:left;
width:470px;
}

.illustimg {
float:right;
}

.illustimg img{
width:300px;
border:1px solid;
}



/*広告*/
.bgm {
margin:0px 100px;
text-align:right;
font-size:80%;
}

#replaycontent .valuecommerce{
}

/* left  right
---------------------------------------------------- */
#left  h2 ,
#right h2 {
background:url(../img/bgsiteh2.jpg) repeat-y;
font-size:16px;
margin:0 0 5px 0;
padding:3px 3px 3px 18px;
}
#left h2  a,
#right h2 a{
color : #6ED2ED ;
text-decoration : none ;
}

#left  .side_a_menu ul,
#right .side_a_menu ul{
list-style:none;
color : #FFF ;
width:192px;
border-top: 1px solid #818181;
border-left: 1px solid #818181;
border-right: 1px solid #818181;
margin:5px 3px;
padding:0px;
}
#left  .side_a_menu li,
#right .side_a_menu li{
background:url(../img/side_probtn01.gif);
background-position:top left;
background-repeat:no-repeat;
border-bottom: 1px solid #818181;
font-size:12px;
line-height:1.3;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#left  .side_a_menu li a,
#right .side_a_menu li a{
list-style:none;
display:block;
background:url(../img/side_probtn01.gif);
background-position:top left;
background-repeat:no-repeat;
width:180px;
height:38px;
margin:0px;
padding:8px 0 0 12px;
}
#left .side_a_menu li a:link { color : #FFF ; text-decoration : none ;}
#left .side_a_menu li a:visited { color : #FFF ; text-decoration : none ;}
#left .side_a_menu li a:hover { background:url(../img/side_probtn02.gif); color : #FFF ; text-decoration : underline ;}
#left .side_a_menu li a:active { color : #FFF ; text-decoration : none ;}

#right .side_a_menu li a:link { color : #FFF ; text-decoration : none ;}
#right .side_a_menu li a:visited { color : #FFF ; text-decoration : none ;}
#right .side_a_menu li a:hover { background:url(../img/side_probtn02.gif); color : #FFF ; text-decoration : underline ;}
#right .side_a_menu li a:active { color : #FFF ; text-decoration : none ;}

#left .side_b_menu,
#right .side_b_menu,
#menu .side_b_menu{
border: 1px solid #818181;
width:190px;
font-size:12px;
margin:6px auto;
padding:1px;
}

#left  .side_b_menu ul,
#right .side_b_menu ul{
list-style:none;
border: 1px solid #6B6B6B;
width:177px;
padding:0px 3px 0px 5px;
margin:0px;
}

#left  .side_b_menu li,
#right .side_b_menu li{
border-bottom: 1px dotted #6B6B6B;
width:172px;
margin:0px 0px 0px 0px;
padding:8px 0px 8px 0px;
}

#left  .side_b_menu li a,
#right .side_b_menu li a{
background:url(../img/side_icon01.gif);
background-position:top left;
background-repeat:no-repeat;
width:168px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 16px;
}

#left .side_b_menu li a:link { color : #FFF ; text-decoration : none ;}
#left .side_b_menu li a:visited { color : #FFF ; text-decoration : none ;}
#left .side_b_menu li a:hover { color : #FFF ; text-decoration : underline ;}
#left .side_b_menu li a:active { color : #FFF ; text-decoration : none ;}

#right .side_b_menu li a:link { color : #FFF ; text-decoration : none ;}
#right .side_b_menu li a:visited { color : #FFF ; text-decoration : none ;}
#right .side_b_menu li a:hover { color : #FFF ; text-decoration : underline ;}
#right .side_b_menu li a:active { color : #FFF ; text-decoration : none ;}


#left  ul ,
#right ul {
list-style:none;
margin-bottom:10px;
}

#left  .sonota,
#right .sonota{
width:180px;
margin:10px auto;
padding:5px;
}



/* footer
---------------------------------------------------- */
#literaryproperty {
font-size:12px;
background:#333333;
margin:2px;
padding:5px;
}

#aboutlink {
font-size:12px;
background:#003300;
text-align:right;
margin:2px;
padding:5px;
}

#fear {
font-size:12px;
background:#333333;
margin:2px;
padding:5px;
}




#footermenu {
font-size:10px;
}

#footermenu ul {
margin-left:5px;
margin-top:10px;
}

#footermenu li {
list-style-type : none;
float: left;
width: 135px;
height:28px;
margin-right: 5px;
margin-bottom:5px;
padding: 2px;
border: 1px #ffb366 solid;
background-color:#333333;
text-align: center;
line-height:1.5em;
}


#footerlinks{
padding:15px 5px;
font-size:9px;
}

#footerlinks ul{
}

#footerlinks li{
list-style:none;
display:inline;
}
