/* TWX トップページ用　css Last update 101014 */

/* ヘッダー周りと基本枠組み*/
div#wrapper{
width:920px;
height:100%;
background:url('images/bg_main920.jpg');
background-position:center top;
background-repeat:no-repeat;
margin-left:auto;
margin-right:auto;
margin-top:0px;
text-align:center;}

#navi_main li{
display: inline;}

table.header_logo{
width:880px;
padding:10px 0px;
margin-right:auto;
text-align:left;
margin-left:auto;}

td.header_logo_1{width:750px;}

/*本文エリア全体*/
div#main_content{
width:920px;
margin-right:auto;
margin-left:auto;
text-align:left;
margin-top:10px;
clear:both;}

div#main_content_u{
width:920px;
height:38px;
margin:0px;
background:url('images/bg_content_top.png');}

div#main_content_m{
width:920px;
margin:0px;
background:url('images/bg_content_middle.png');}

div#main_content_b2{
width:920px;
height:165px;
margin:0px;
background:url('images/bg_content_bottom165.png');}

/*左列*/
div#left_column{
float:left;
width:120px;
margin-right:20px;
margin-left:45px;
margin-top:10px;
padding-top:60px;
background:url('images/bg_sidemenu.jpg');
min-height:400px;
text-align:center;}

/*右列*/
div#right_column{
float:right;
width:670px;
margin-right:50px;
margin-top:10px;}


/*本文内見出し等詳細指定*/
h2.details{
margin-left:35px;
}

h3{
border-left:5px solid #66cc66;
border-bottom:1px dashed #66cc66;
padding-left:15px;
margin-top:10px;
margin-bottom:10px;
font-weight:bold;
font-size:1.1em;
color:#38434e;}


div.kiji{
margin-top:15px;
margin-left:65px;
width:800px;
text-align:left;}

div.kiji2{
margin-top:15px;
margin-left:65px;
width:800px;
text-align:center;}

p.honbun{
clear:both;
margin-bottom:20px;}

img.story_l{float:left; margin-bottom:40px;}
img.story_r{float:right;}

.marker{
color:#ff9933; font-weight:bold;}

ul.link_bt li{
display: inline;
margin-left:10px;}

ul.link_bt img{
border:1px solid #666666;
padding:4px;
margin-bottom:10px;}

ul.choice{
margin-left:20px;
font-weight:bold;
vertical-align:top;
margin-bottom:25px;
}


/*システムページの表*/
tr.sys th{
background-color:#dddddd;
padding:2px 10px;
border-bottom:1px dashed #6633cc;
width:150px;
color:#003365;
font-weight:bold;
text-align:left;}

tr.sys td{
padding-left:10px;
border-bottom:1px dashed #6633cc;
text-align:left;}

div.feature{
background-color:#f0f6d2;
padding:10px;
margin-bottom:20px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;}

div.feature02{margin-left:40px;}

div.feature03{
margin-left:120px;}

/*キャラクター*/
p.ch_story_left{
width:320px;
padding:10px;
text-align:left;
background:url('images/bg_ch_story.png');
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

p.ch_story_left_e{
width:320px;
margin-top:300px;
padding:10px;
text-align:left;
background:url('images/bg_ch_story.png');
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

p.ch_boss_left{
width:620px;
padding:10px;
text-align:center;
margin-top:10px;
background-color:#666666;
border:1px dashed #333333;
}

div.ch_sakurako{
background:url('images/ph_ch_sakurako01.jpg'); background-position:100% 20%; background-repeat:no-repeat; min-height:640px;}

div.ch_pril{
background:url('images/ph_ch_pril01.jpg'); background-position:100% 20%; background-repeat:no-repeat; min-height:640px;}

div.ch_aqua{
background:url('images/ph_ch_aqua01.jpg'); background-position:100% 20%; background-repeat:no-repeat; min-height:640px;}

div.ch_yuki{
background:url('images/ph_ch_yuki01.jpg'); background-position:100% 20%; background-repeat:no-repeat; min-height:640px;}

div.ch_cynfi{
background:url('images/ph_ch_cynfi01.jpg'); background-position:100% 20%; background-repeat:no-repeat; min-height:640px;}

div.ch_rui{
background:url('images/ph_ch_rui01.jpg'); background-position:100% 20%; background-repeat:no-repeat; min-height:640px;}

div.ch_conon{
background:url('images/ph_ch_conon01.jpg'); background-position:100% 20%; background-repeat:no-repeat; min-height:640px;}

div.ch_lyla{
background:url('images/ph_ch_lyla01.jpg'); background-position:100% 20%; background-repeat:no-repeat; min-height:640px;}

div.ch_luca{
background:url('images/ph_ch_luca01.jpg'); background-position:100% 20%; background-repeat:no-repeat; min-height:640px;}

div.ch_chime{
background:url('images/ph_ch_chime01.jpg'); background-position:100% 20%; background-repeat:no-repeat; min-height:640px;}

div.ch_borialis{
background:url('images/ph_ch_borialis01.jpg'); background-position:100% 20%; background-repeat:no-repeat; min-height:640px;}

div.ch_blizzard{
background:url('images/ph_ch_blizzard01.jpg'); background-position:100% 20%; background-repeat:no-repeat; min-height:640px;}

div.ch_lilly{
background:url('images/ph_ch_lilly01.jpg'); background-position:100% 20%; background-repeat:no-repeat; min-height:640px;}

div.ch_malcolm{
background:url('images/ph_ch_malcolm01.jpg'); background-position:100% 20%; background-repeat:no-repeat; min-height:640px;}

div.ch_amalgam{
background:url('images/ph_ch_amalgam01.jpg'); background-position:100% 20%; background-repeat:no-repeat; min-height:640px;}

img.ss{
border:1px solid #666666;
border-bottom:2px solid #333333;
background-color:#ffffff;
padding:4px;
margin:10px;
-moz-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
transform: rotate(-3deg);}

div.chara_file{
border:1px dashed #33cc33;
padding:15px;
background-image:url('images/bg_chara_file.png');
width:90%;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;}

div.chara_file .title{
font-weight:bold;
color:#666666;
border-bottom:1px solid #333333;}

div.chara_file .face{
border:1px solid #333333;
margin-top:5px;
margin-right:15px;}

div.chara_file p{
border-top:1px dashed #333333;
padding-bottom:5px;
padding-top:5px;
margin-top:5px;
margin-bottom:5px;}

div.chara_file table.ch_data {
border:1px solid #3366cc;
padding:2px;
margin-top:10px;
margin-bottom:15px;
width:560px;}

div.chara_file table.ch_data th.large{
font-weight:bold;
color:#ffffff;
padding:2px;
background-color:#3366cc;
width:50%;}

div.chara_file table.ch_data th.small{
padding:2px;
background-color:#99ccff;}

div.chara_file table.ch_data td{
background-color:#ffffff;
color:#cc66cc;}

div.chara_file table.ch_data td.ph{
text-align:center;}

/*デザイナーズコメント*/
img.rough{
border:1px solid #666666;
padding:5px;
margin-top:10px;
margin-bottom:10px;}

/*データをまとめてみせる表*/
table.data{
margin-top:20px;
margin-bottom:40px;
margin-left:20px;
padding:2px;
}

tr.data th{
background-color:#999999;
width:150px;
padding-left:5px;
text-align:center;
color:#003365;
font-weight:bold;
border-bottom:1px dashed #6633cc;}

tr.data td{
padding:2px;
border-bottom:1px dashed #6633cc;}

tr.data th.data02{
font-weight:normal;
background-color:#dddddd;}

img.sampleshot{
margin-left:20px;
margin-top:10px;
border:1px solid #3366cc;
margin-bottom:10px;}

/*スクリーンショット*/
ul.gallery li{
margin-left:20px;
display: inline;}

ul.gallery img{
border:1px solid #666666;
padding:4px;
margin-bottom:10px;
}

div.back{
text-align:right;
font-size:0.85em;
margin-top:10px;}

/*アイテム＆カード*/
p.puchi{color:#b83d00;}
p.peru{color:#564207;}

table.shop{
margin-top:20px;
margin-bottom:40px;
padding:2px;
}

table.shop h4{
font-weight:bold;
color:#333333;
background-color:#ffcc99;
margin-top:10px;
padding-left:120px;
margin-bottom:10px;}

table.shop td{
padding-top:5px;
padding-bottom:5px;
border-bottom:1px dashed #6633cc;}

img.magiccard{
margin-right:10px;
margin-left:10px;
-moz-transform:rotate(10deg);
-webkit-transform:rotate(10deg);
-o-transform:rotate(10deg);
transform:rotate(10deg)}

img.ss_shop{
padding:4px;
background-color:#ffffff;
border:1px solid #333333;}

table.shop2{
margin-bottom:40px;
padding:2px;}

table.shop2 td{
vertical-align:top;}

table.shop2 h4{
font-weight:bold;
color:#333333;
background-color:#ffcc99;
margin-top:10px;
padding-left:120px;
margin-bottom:10px;}

/*スペシャル関連*/
table.special{
margin-left:50px;
margin-top:10px;}

table.special td{
text-align:center;
padding:5px;}

table.special td img{
border:2px solid #99ccff;}

/*フッター周りのスタイル*/
div#footer{
text-align:center;}

div#main_content div.credit{
color: #333333;
text-align:center;
font-size :0.75em;
line-height:130%;
margin-bottom:10px;
}

img.footer_logo{
margin:0px 5px;}

p.caution{
font-size:0.8em;
color:#666666;}


/*新着情報（過去用）*/
dl.whatsnew{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
padding:5px;

background-color:#eeeeee;}

dl.whatsnew dt{
display: block;
padding-left:20px;
min-height:20px;
font-size:0.85em;
background:url('images/mark_whatsnew.png');
background-repeat:no-repeat;
}

dl.whatsnew dd{
line-height:130%;
display: block;
margin-bottom:15px;
margin-left:30px;}


/*サイドナビゲーション（必要に応じて使用）*/
li.sidenavi{
width:100px;
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
padding:2px;
background-color:#ffffff;
overflow:hidden;
border:2px solid #66cc33;}

a.side:link{color : #3366cc; text-decoration:none; font-weight:bold;}
a.side:visited{color : #666699; text-decoration:none; font-weight:bold;}
a.side:hover{color : #6699ff; font-weight:bold;}

/*グローバルナビゲーション（共通）*/
div#navi_main ul{
margin-left:100px;
margin-right:35px;
width:782px;
height:32px;
opacity:0.9;
padding-top:10px;
background:url('images/bg_navi.png');
}