@charset "shift_jis";

* {
margin:0;
padding:0;
}

body {
margin:0px;
padding:0px;
background:#FFFFFF url(../img/bg.gif); left top repeat;
color:#666666;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:75%;
font-style:normal;
text-align:center;
}

ul,dl {
list-style-type: none;
}

img {
border:none;
}

input {
background:#f5f5f5;
}

strong {
font-weight:normal;
}


/* フロートクリア
------------------------------------------------------------------*/
.clearfix:after {
content:".";
display:block;
height:0.1px;
visibility:hidden;
font-size:0.1em;
line-height:0;
clear:both;
}
.clearfix {
display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */


/* リンクなど
------------------------------------------------------------------*/
a {
color:#0000ff;
text-decoration:none;
}
a:hover {
color:#a4bffd;
text-decoration:none;
}

#copyright a,
#copyright a:hover {
color:#666666;
text-decoration:none;
}

a img {
border:none;
text-decoration:none;
}


/* レイアウト
------------------------------------------------------------------*/
#container {
width:812px;
margin:0px auto 20px;
text-align:left;
}

/* メイン、サブの両ブロックの外側 */
#contents {
background:url(../img/contents_bg.gif) repeat-y center;
padding:30px 0 50px;
}

/* 右側ブロック */
/* IE6用ハック */
* html #main {
float:right;
width:496px;
margin-right:17px;
}
#main {
float:right;
width:496px;
margin-right:35px;
}

/* 左側ブロック */
/* IE6用ハック */
* html #sub {
float: left;
width: 226px;
margin-left:17px;
}
#sub {
float: left;
width: 226px;
margin-left: 35px;
}

/* 会員ログイン後 フロート未使用カラム */
#wrap {
padding:0 40px;
}

/* フッター */
#footer {
clear:both;
margin:0;
padding:20px 0;
background:url(../img/footer_bg.gif) no-repeat center top;
text-align:center;
}


/* メイン画像（画像の両サイドの影を設定しています）
------------------------------------------------------------------*/
#main-img {
padding:0 6px;
background: url(../img/main_img_bg.gif) repeat-y center;
}
#main-img h1 {
margin:0;
padding:0;
}


/* メインメニュー（リストタグを横並びに設定）
------------------------------------------------------------------*/
#menu {
margin:0;
padding:0;
height:59px;
}
#menu li {
display:inline;
float:left;
margin:0;
padding:0;
}


/* メインコンテンツ
------------------------------------------------------------------*/
#main h2 {
height:33px;
padding-left:40px;
background: url(../img/midashi_base.gif) left top no-repeat;
color:#333333;
font-size:12px;
line-height:33px;
}

/* 汎用テキストボックス */
#main .content_box,
#wrap .content_box {
margin-bottom:20px;
padding:10px 20px 0;
}
.content_box p {
font-size:12px;
line-height:150%;
}

/* TOP-information */
#main #information {
margin-bottom:20px;
padding:10px 20px 0;
}
#information p {
font-size:12px;
line-height:130%;
}
#information dt {
margin-bottom:5px;
color:#333333;
font-size:14px;
font-weight:bold;
}
#information dd {
margin:0 0 12px 16px;
font-size:12px;
}

/* TOP-newsite */
#main .newsite {
padding:10px 20px;
}
.newsite li {
margin-bottom:5px;
padding:4px 0 3px;
border-bottom:1px dotted #cccccc;
}

/* SUB-all */
#site_list {
margin-bottom:20px;
padding:10px 20px 0;
}
#site_list dl {
margin-top:10px;
padding:10px 0;
border-top:1px solid #999999;
}
#site_list dt {
margin-bottom:5px;
color:#333333;
font-size:14px;
font-weight:bold;
}
#site_list dd {
margin:0 0 6px;
padding:0 12px 6px;
border-bottom:1px solid #cccccc;
font-size:12px;
}

#button {
text-align:center;
}

/* SUB-faq */
#faq_box {
margin-bottom:20px;
padding:10px 20px 0;
}
#faq_box dt {
margin-bottom:5px;
color:#444444;
font-size:14px;
font-weight:bold;
}
#faq_box dd {
margin:0 0 20px;
font-size:12px;
line-height:130%;
}

/* SUB-rule */
#rule_box {
margin-bottom:20px;
padding:10px 20px 0;
}
/*
#rule_box li {
margin-bottom:8px;
font-size:12px;
line-height:120%;
}
#rule_box li.red {
color:#ff0000;
}
*/
#rule_box p {
margin-bottom:10px;
}

#rule_box dl.rule {
margin:0 0 30px;
}
#rule_box dl.rule dt {
margin:0 0 10px;
padding:3px 0 0 10px;
border-left:5px solid #333;
color:#333;
font-size:16px;
font-weight:bold;
}
#rule_box dl.rule dd {
}
#rule_box dl.rule dd p {
margin:0 0 5px;
padding:0 5px;
line-height:1.3;
}
#rule_box dl.rule dd ol {
padding:0 0 0 20px;
}
#rule_box dl.rule dd ol li {
list-style:decimal outside;
margin:0 0 0.5em;
font-size:12px;
line-height:1.3;
}

/* SUB-site */
#wrap h2 {
height:33px;
padding-left:40px;
background: url(../img/midashi_base.gif) left top no-repeat;
color:#333333;
font-size:12px;
line-height:33px;
}

.ownersite {
margin-bottom:20px;
padding:10px 10px 0;
}
.ownersite table {
width:100%;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
}
.ownersite th {
padding:5px 0;
background:#9f9f9f;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
color:#ffffff;
text-align:center;
}
.ownersite td {
padding:5px;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
font-size:12px;
line-height:120%;
text-align:left;
}
.ownersite td span.red {
color: #FF0000;
}
.ownersite td span.blue {
color: #0000FF;
}

.add_box {
margin-bottom:20px;
padding:10px 10px 0;
}
.add_box table {
width:100%;
}
.add_box th {
width:30%;
padding:5px 12px;
background:#eeeeee;
border-bottom:2px solid #ffffff;
font-size:12px;
font-weight:normal;
white-space:nowrap;
text-align:right;
}
.add_box td {
width:70%;
padding:5px;
border-bottom:2px solid #ffffff;
font-size:12px;
text-align:left;
}
.sample_text {
padding:5px 0 0;
}

/* SUB-FTP設定 */
#ftp_faq {
margin-bottom:20px;
padding:10px 10px 0;
}
#ftp_faq .sectiontitle {
margin-bottom:10px;
color:#333333;
font-size:14px;
font-weight:bold;
}
#ftp_faq p {
margin-bottom:20px;
padding-left:10px;
line-height:150%;
}
#ftp_faq p span {
color:#098180;
font-weight:bold;
}


/* SUB-toranomaki */
#hint_box {
margin-bottom:20px;
padding:10px 20px 0;
}
#hint_box .sectiontitle {
margin-bottom:10px;
color:#333333;
font-size:14px;
font-weight:bold;
}
#hint_box p {
margin-bottom:20px;
padding-left:10px;
line-height:150%;
}





/* サイドコンテンツ
------------------------------------------------------------------*/
#sub p {
padding-top: 0.5em;
padding-bottom: 0.5em;
}

/* サイドコンテンツ内、会員登録・ログイン
------------------------------------------------------------------*/
.joinbox {
padding:5px 0;
text-align:center;
}
.submenu_text {
padding:0 5px 5px;
font-size:12px;
line-height:120%;
}
.login_text {
padding:4px 0 3px;
font-size:10px;
}

/* サイドコンテンツ内、サブメニュー
------------------------------------------------------------------*/
#sub .submenu {
margin-bottom: 20px;
padding:0 10px 10px;
border-bottom: 5px solid #1540ef;
border-right: 1px solid #1540ef;
border-left: 1px solid #1540ef;
}

.submenu li {
list-style:url(../img/news_icon.gif) inside;
margin-bottom:5px;
padding:4px 0 2px;
border-bottom:1px dotted #cccccc;
line-height:120%;
font-size:11px;
}


/* サイドコンテンツ内、サブメニュー下のTOPICSコーナー
------------------------------------------------------------------*/
#sub .menubottom {
width: 214px;
margin-bottom:20px;
padding:0 5px;
border-right: 1px solid #1540ef;
border-bottom: 5px solid #1540ef;
border-left: 1px solid #1540ef;
}
.category_link {
padding:5px;
line-height:140%;
}

/* フッター
------------------------------------------------------------------*/
#footer p {
margin-bottom:20px;
}

/* テキスト操作など
------------------------------------------------------------------*/
.color_y {
color:#FFB303;
}
.color_r {
color:#FF0000;
font-size:10px;
}
.error {
color:#FF0000;
}