/* Satasupe css Last update 090127 */

/* 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.gif') center repeat-y;
color:#0d0d0d;
line-height:150%;
font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;}

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

/* ヘッダー周りと基本枠組み*/
div#wrapper{
width:860px;
/*height:100%;*/
margin-left:auto;
margin-right:auto;
margin-top:0px;
text-align:center;
}

div#header_home{
width:100%; 
height:400px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

div#header_home h1{
visibility:hidden;
}

div#header_common{
width:100%;
height:100px;
text-align:center;
margin-left:auto;
margin-right:auto;
background:url('images/bg_top_common.jpg') center no-repeat;
}

div#header_common h1{
visibility:hidden;
}

div#navi_main{
height:42px;
width:682px;
margin-left:auto;
margin-right:auto;
padding-left:170px;
padding-top:3px;
background:url('images/bg_navi_all.gif') left top no-repeat;
text-align:center;
}

#navi_main li{
display: inline;}

#navi_main li a{
float: left; 
width:110px; 
height: 0;
margin-left:3px;
padding-top: 38px; 
overflow: hidden;
}

/* ナビボタン */
#navi_main li#bt_top a{background:url('images/bt_top01.gif') left top no-repeat;}
#navi_main li#bt_news a{background:url('images/bt_news01.gif') left top no-repeat;}
#navi_main li#bt_product a{background:url('images/bt_product01.gif') left top no-repeat;}
#navi_main li#bt_event a{background:url('images/bt_event01.gif') left top no-repeat;}
#navi_main li#bt_support a{background:url('images/bt_support01.gif') left top no-repeat;}
#navi_main li#bt_download a{background:url('images/bt_download01.gif') left top no-repeat;}

#navi_main li#bt_top a:hover{background:url('images/bt_top02.gif') left top no-repeat;}
#navi_main li#bt_news  a:hover{background:url('images/bt_news02.gif') left top no-repeat;}
#navi_main li#bt_product  a:hover{background:url('images/bt_product02.gif') left top no-repeat;}
#navi_main li#bt_event  a:hover{background:url('images/bt_event02.gif') left top no-repeat;}
#navi_main li#bt_support  a:hover{background:url('images/bt_support02.gif') left top no-repeat;}
#navi_main li#bt_download  a:hover{background:url('images/bt_download02.gif') left top no-repeat;}


/*本文＋フッター周りを含むエリア*/
div#main{
width:850px;
background:url('images/bg_main01.gif') left top no-repeat;
margin-right:auto;
margin-left:auto;
text-align:left;
min-height:400px;
}

div#content_area{
width:780px;
margin-right:auto;
margin-left:auto;
}

div#content_area h2{
padding:15px 0px 0px 0px;
margin-bottom:20px;
}

div#content_area h3.stsp_komidashi{
background:url('images/bg_h3.gif') left top no-repeat;
padding-top:10px;
padding-left:50px;
height:44px;
font-weight:bold;
font-size:1.2em;
}

div#content_area h3.stsp_komidashi_l{
background:url('images/bg_h3_l.gif') left top no-repeat;
padding-top:10px;
padding-left:50px;
height:44px;
font-weight:bold;
font-size:1.2em;
}

div#content_area p.caution{
color:#666666;
font-size:small;
line-height:120%;
}

div#content_area p.alert{
font-weight:bold;
color:#ff0000;
}

/*フッター周りのスタイル*/
div#main div.credit{
margin-top:20px;
min-height:150px;
background:url('images/bg_credit_koma01.jpg') center top no-repeat;
color: #666666;
padding-top:120px;
font-size : small;}

/*ホームページ専用*/
div.data_whatsnew{
text-align:center;
margin-left:auto;
margin-right:auto;}
div.data_whatsnew table{border-collapse: collapse;}
div.data_whatsnew *{padding:3px;}
div.data_whatsnew tr.normal{border-bottom:1px solid #333333;}
div.data_whatsnew *.normal_line{border-right:1px solid #333333;}

div.data_whatsnew td.table_top{border-bottom:1px solid #333333;}
div.data_whatsnew td.table_side_lt{border-right:1px solid #333333; border-bottom:1px solid #333333; height:3px;}
div.data_whatsnew td.table_side_rt{border-left:1px solid #333333; border-bottom:1px solid #333333;}

div.data_whatsnew td.table_bottom{border-top:1px solid #333333;}
div.data_whatsnew td.table_side_lb{border-right:1px solid #333333; border-top:1px solid #333333; height:3px;}
div.data_whatsnew td.table_side_rb{border-left:1px solid #333333; border-top:1px solid #333333;}

div.data_whatsnew table dl{
background-color:#bcdeec;
text-align:left;
font-size:0.95em;
line-height:120%;
}

div.data_whatsnew table dt{
font-weight:bold;}

div.data_whatsnew table dd{
margin-left:15px;
margin-bottom:5px;
border-bottom:1px dashed #333333;}

/*本誌風の表作成用スタイル*/
div.data{
width:95%;
margin-left:auto;
margin-right:auto;}
div.data table{border-collapse: collapse;}
div.data *{padding:3px;}
div.data tr.normal{border-bottom:1px solid #333333;}
div.data *.normal_line{border-right:1px solid #333333;}
div.data h3{background-color:#3366cc; color:#ffffff; font-weight:bold;}
div.data th{background-color:#99ccff;}

div.data td.table_top{border-bottom:1px solid #333333;}
div.data td.table_side_lt{border-right:1px solid #333333; border-bottom:1px solid #333333; height:3px;}
div.data td.table_side_rt{border-left:1px solid #333333; border-bottom:1px solid #333333;}

div.data td.table_bottom{border-top:1px solid #333333;}
div.data td.table_side_lb{border-right:1px solid #333333; border-top:1px solid #333333; height:3px;}
div.data td.table_side_rb{border-left:1px solid #333333; border-top:1px solid #333333;}

div.data span.name{
font-weight:bold;
color:#6666ff;}

/*サポートページFAQ用スタイル*/
div#box_faq  span.faq_question{
color:#006633;
}

div#box_faq  dt{
font-weight:bold;
color:#ff3366;
}

div#box_faq  dd{
margin-bottom:15px;
padding-bottom:8px;
border-bottom:1px dashed #333333;
}

/*ダウンロードページ用スタイル*/
div#box_download table img{
border:1px solid #666666;}

div#box_download h3{
background-color:#3366cc; color:#ffffff; font-weight:bold;}

/*ニュースページ用スタイル*/
div.box_news{
width:95%;
border:1px dashed #333399;
padding:3px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:15px;
}

div.box_news table td{
padding:5px;
}

div.box_news p.home{
background-color:#ffcc99;
padding:5px;
color:#660000;
text-align:center;}

p.updated{
color:#990000;}

div.column{
border:1px solid #666;
padding:10px;
margin:15px;}

p.sign{
    text-align: right;}