/* Sai-Fi css Last update 090529 */

/* Setting Reset
/* h1,h2,h3,h4,h5,h6,pre,code,address,caption,em,strong,th,div,p,a,img,table,ul,dl,ol,li*/
* {
margin:0px;
padding:0px;}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,em,strong,p,th{
text-decoration:none;
font-size:100%;
font-weight:normal;}

ul,ol{
list-style:none;}

img{
border:none;}

/* Global*/
body{
background-color:#333333;
background:url('images/bg_all_sf.png');
color:#0d0d0d;
line-height:150%;
font-size:0.95em;
font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;}

a:link{color : #336666; text-decoration:none;}
a:visited{color : #333366;}
a:hover{text-decoration:underline;}


/* ヘッダー周りと基本枠組み*/
div#wrapper{
width:900px;
height:100%;
margin-left:auto;
margin-right:auto;
margin-top:10px;
border:3px solid #6db3d4;
text-align:left;
background-color:#ffffff;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

div#header{
margin:10px 15px;}

div#main_navi{
background-color:#6db3d4;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:#333333;
font-weight:bold;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
padding:8px 8px;
margin:5px 15px 8px;}

div#main_navi a:link{color : #003399; text-decoration:none; padding:2px;}
div#main_navi a:visited{color : #484088; padding:2px;}
div#main_navi a:hover{background-color:#ccffff; padding:2px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

div#latest{
text-align:center;
margin:auto;}

div#main_content{
padding:10px 15px;}

div#honbun_area{
width:620px;
padding-right:20px;
border-right:1px dashed #6db3d4;
float:left;}

h2{
height:50px;
background:url('images/mark_dice.png') left top no-repeat;
padding:5px 50px 0px;
margin-bottom:10px;
line-height:100%;
font-size:2em;
color:#333333;
border-bottom:2px dotted #6db3d4;}

h4.news{
background-color:#3e7792;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
text-align:center;
color:#ffffff;
font-size:1.1em;
font-weight:bold;
padding:3px;
margin-bottom:10px;}


div#flashnews{
padding:5px;
margin:5px;
background-color:yellow;
text-align:center;}

/*回り込み解除*/
div.clear{
height:2px;
visibility:hidden;
clear:both;}

/*フッター表記*/
div#footer{
border-top:1px dashed #6db3d4;
padding-top:10px;
color: #333333;
text-align:center;
line-height:90%;
font-size :0.75em;}

p.jump{
text-align:right;
margin:10px 5px;}

/*ニュース表示*/
div.news{
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
background-color:#dedede;
padding:10px;
margin-bottom:10px;
}

div.news h3{
font-size:1.2em;
font-weight:bold;
color:#333333;
padding:5px 30px 5px;
margin-bottom:10px;
background:url('images/mark_new.png') 5px 5px no-repeat;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background-color:#fff;
border-top:2px solid #999999;
border-left:2px solid #999999;}

span.news{
font-size:0.8em;
color:#4989a7;}

div.news p.catch{
font-weight:bold;
color:#4989a7;
padding-bottom:10px;
border-bottom:1px solid #999999;
margin:15px 0px;}


div.news p.catch_less{
font-weight:bold;
color:#4989a7;
padding-bottom:0px;
border-bottom:1px solid #999999;
margin:10px 0px;}

img.cover{
margin-right:10px;-moz-box-shadow:1px 1px 2px #333333;
-webkit-box-shadow:1px 1px 2px #333333;
box-shadow:1px 1px 2px #333333;
float:left;}

img.thum{
border:1px solid #333;}

/*作品へのリンク*/
div#honbun_area table{
width:620px;
margin-bottom:10px;}

div#honbun_area table td{
padding:5px
vertical-align:top;
margin:auto;
width:25%}

div#honbun_area table td img{
margin-bottom:5px;}

div#honbun_area a:link{color : #003399; text-decoration:underline; padding:2px; font-weight:bold; line-height:120%;}
div#honbun_area a:visited{color : #484088; padding:2px;}
div#honbun_area a:hover{background-color:#ccffff;}

/*既刊紹介*/
.sf_list{
border-bottom:1px solid #6db3d4;
padding:5px;
margin-bottom:5px;}

.sf_list img{
margin-right:13px;
-moz-box-shadow:1px 1px 2px #333333;
-webkit-box-shadow:1px 1px 2px #333333;
box-shadow:1px 1px 2px #333333;
float:left;}

.sf_list p{
border-top:1px dotted #6db3d4;}

.sf_list h3{
margin-bottom:5px;
font-weight:bold;}

/*アバウト*/
div#about{
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
background-color:#dedede;
padding:10px;
margin:20px 0px 10px;}

div#about h3{
font-size:1.5em;
height:30px;
font-weight:bold;
color:#5790aa;
padding:15px 45px 0px;
background:url('images/mark_point.png') 5px 5px no-repeat;
border-bottom:1px solid #6db3d4;}

div#about p{margin-bottom:15px;}

div#about p.sample{text-align:center;}

div#about p.sample img{margin:0px 15px 0px;}

/*右側の各コンテンツへのリンク*/
div#sub_navi{
font-weight:bold;
float:right;}

li#link_makeyou a{
line-height:100%;
display:block; width:210px; height:18px; background:url('images/ba_makeyou_both.png') left top no-repeat; padding-top:55px;}

li#link_makeyou a:hover{
display:block; width:210px; height:18px; background:url('images/ba_makeyou_both.png') right top no-repeat;}


li#link_stsp a{
line-height:0%;
display:block; width:210px; height:18px; background:url('images/ba_stsp_both.png') left top no-repeat; padding-top:55px;}

li#link_stsp a:hover{
display:block; width:210px; height:18px; background:url('images/ba_stsp_both.png') right top no-repeat;}


li#link_itw a{
line-height:0%;
display:block; width:210px; height:18px; background:url('images/ba_itw_both.png') left top no-repeat; padding-top:55px;}

li#link_itw a:hover{
display:block; width:210px; height:18px; background:url('images/ba_itw_both.png') right top no-repeat;}

li#link_2s a{
line-height:0%;
display:block; width:210px; height:18px; background:url('images/ba_2s_both.png') left top no-repeat; padding-top:55px;}

li#link_2s a:hover{
display:block; width:210px; height:18px; background:url('images/ba_2s_both.png') right top no-repeat;}

li#link_ac a{
line-height:0%;
display:block; width:210px; height:18px; background:url('images/ba_ac_both.png') left top no-repeat; padding-top:55px;}

li#link_ac a:hover{
display:block; width:210px; height:18px; background:url('images/ba_ac_both.png') right top no-repeat;}


li#link_gf a{
line-height:0%;
display:block; width:210px; height:18px; background:url('images/ba_gf_both.png') left top no-repeat; padding-top:55px;}

li#link_gf a:hover{
display:block; width:210px; height:18px; background:url('images/ba_gf_both.png') right top no-repeat;}


li#link_dw a{
line-height:0%;
display:block; width:210px; height:18px; background:url('images/ba_dw_both.png') left top no-repeat; padding-top:55px;}

li#link_dw a:hover{
display:block; width:210px; height:18px; background:url('images/ba_dw_both.png') right top no-repeat;}


li#link_mf a{
line-height:0%;
display:block; width:210px; height:18px; background:url('images/ba_mf_both.png') left top no-repeat; padding-top:55px;}

li#link_mf a:hover{
display:block; width:210px; height:18px; background:url('images/ba_mf_both.png') right top no-repeat;}


li#link_twac a{
line-height:0%;
display:block; width:210px; height:18px; background:url('images/ba_twac_both.png') left top no-repeat; padding-top:55px;}

li#link_twac  a:hover{
display:block; width:210px; height:18px; background:url('images/ba_twac_both.png') right top no-repeat;}


li#link_twx a{
line-height:0%;
display:block; width:210px; height:18px; background:url('images/ba_twx_both.png') left top no-repeat; padding-top:55px;}

li#link_twx a:hover{
display:block; width:210px; height:18px; background:url('images/ba_twx_both.png') right top no-repeat;}



div#sub_navi a:link{color : #003399; text-decoration:underline; }
div#sub_navi a:visited{color : #484088;}
div#sub_navi a:hover{text-decoration:underline;}

div#sub_navi li{margin-bottom:5px;}

div#sub_navi h4{
border-bottom:1px dotted #4d4398;
font-weight:bold;
line-height:115%;
font-size:0.9em;
color:#666666;
margin:15px 0px 10px;
padding:0px 0px 5px 25px;}

div#sub_navi h4.trpg{
background:url('images/ic_trpg.png') left top no-repeat;}

div#sub_navi h4.cardgame{
background:url('images/ic_cardgame.png') left top no-repeat;}

div#sub_navi h4.videogame{
background:url('images/ic_videogame.png') left top no-repeat;}

div#sub_navi ul li{font-size:0.85em;)

td.spacer{height:20px;}