@charset "Shift_JIS";

/* サイト共通 */
* html {font-size:small;}
body {
font:13px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
line-height:1.5em;
color:#555555;
background-color:#000000;
padding:0px; margin:0px;
}

background-image: url(../img/back.gif);

img { border:0px}

a:link {color: #0000ff;}
a:visited {color: #0000ff;}
a:hover,a:active {color: #44c8ff;}

/* テキスト */
h1 { font-size:93%; margin:5px; width:470px;}
h2 { font-size:110%; background: url(../img/h2.gif) no-repeat; height:120%; color:#0000FF; padding:9px 5px 12px 25px; margin:0;}
h3 { font-size:110%; background: url(../img/h2.gif) no-repeat 10px 0px; height:100%; color:#ff6600; padding-left:35px; margin:0 0 10px}
h4 { font-size:110%; background: url(../img/ico_o.gif) no-repeat 10px 0px; height:100%; color:#ff6600; padding-left:35px; margin:0 0 10px}
h5 { font-size:110%; background: url(../img/ico_o.gif) no-repeat 10px 0px; height:100%; color:#ff6600; padding-left:35px; margin:0 0 10px}


strong { text-decoration:underline; color:#dd5500;}
a strong {color: #0000ff;}
em { font-style:normal; color:#ff6600; font-weight:bold;}
a em {color: #0000ff;}

p { margin:0 auto;}
* html p {height: 1%;}

.bt { text-align:center; margin-top:20px;}
.bt input { padding:10px 15px;}

.tx_s { font-size:77%;}
.tx_m { font-size:93%;}
.tx_l { font-size:108%;}
.tx_xl {font-size:123.1%;}
.tx_mark  { background-color:#ffffcc}
.tx_mark2 { font-style:normal; color:#0000FF; font-weight:bold; background-color:#DDFFFF}
.tx_mark3 { color:#ff6600; font-weight:bold; font-size:14px;}
.tx_mark4 { padding:0px 15px 0px 15px; font-weight:bold; font-size:16px;}
.tx_mark5 { color:#666666;font-weight:bold; font-size:16px;}
.tx_mark6 { color:#ff6600;font-weight:bold; font-size:10px;}
.tx_mark7 { color:#339900; font-weight:bold; font-size:14px;}

.bold { font-weight:bold}

.col_r { color:#d31111}
.col_o { color:#ff6600}
.col_g { color:#339900}
.col_p { color:#6633cc}
.col_b { color:#0000FF}

.style4 {color: #666666}
.style7 {color: #FF0000; font-weight: bold; }
.style9 {color: #009933; font-weight: bold; }
.style5 {color: #FF0000}

/* レイアウト */
.center { text-align:center}
.left { text-align:left}
.right { text-align:right}

.fl_r { float:right}
.fl_l { float:left}
.fl_cl { clear:both; line-height:0%}

.m_1{
width:1000px;
margin:0 auto;
background:#ffffff;
}

#mainimg { text-align:center; margin-bottom:20px;}
.box { width:960px; margin:0 auto;}

.tx_box { margin:auto 5px 25px; font-size:108%;}
.tx_box_y { font-size:108%; background:#fffeeb; border:1px solid #fff5cb; margin:auto 25px 25px; padding:10px 20px;}
.tx_box_o { 
margin:25px 0px 25px 0px;
font-size:108%;
border-top   :solid #999999 1px;
border-bottom:solid #999999 1px;
border-left  :solid #999999 1px;
border-right :solid #999999 1px;
}

/* ヘッダ */
#head { background:url(../img/head_bg.gif) repeat-x; margin:0px; padding-bottom:10px;}
#reference { width:447px; height:10px; padding:10px 13px 10px;text-align:right}
#reference img { margin:0px 8px; }
#head_line { background:url(../img/head_bg2.gif) repeat-x; height:15px;}
/* ナビ */
#navi { background-color:#e9e9e9; height:25px; margin-bottom:20px;}
#navi img { vertical-align:middle; margin-right:5px;}
/* 右メニュー */
#menu_box { width:240px; float:left;}
.menu { padding:10px;  border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; margin-bottom:5px;}
#menu_seo { background:url(../img/menu.gif) no-repeat; height:20px; padding:18px 5px 12px 15px; margin:0; font-size:12px;}
#menu_seo a { color:#FFFFFF}
#menu_seo_c { background:url(../img/menu_seo_c.gif) no-repeat; height:20px; padding:25px 5px 5px 60px; margin:0; font-size:12px;}
#menu_seo_c a { color:#FFFFFF}
#menu_dir { background:url(../img/menu_dir.gif) no-repeat; height:20px; padding:25px 5px 5px 60px; margin:0; font-size:12px;}
#menu_dir a { color:#FFFFFF}
#menu_site { background:url(../img/menu_site.gif) no-repeat; height:20px; padding:25px 5px 5px 60px; margin:0; font-size:12px;}
#menu_site a { color:#FFFFFF}
#menu_cord { background:url(../img/menu_cord.gif) no-repeat; height:20px; padding:25px 5px 5px 60px; margin:0; font-size:12px;}
#menu_cord a { color:#FFFFFF}
#menu_tool { background:url(../img/menu_tool.gif) no-repeat; height:20px; padding:25px 5px 5px 60px; margin:0; font-size:12px;}
#menu_tool a { color:#FFFFFF}
#menu_words { background:url(../img/menu_words.gif) no-repeat; height:20px; padding:25px 5px 5px 60px; margin:0; font-size:12px;}
#menu_words a { color:#FFFFFF}
#menu_ip { background:url(../img/menu_ip.gif) no-repeat; height:20px; padding:25px 5px 5px 60px; margin:0; font-size:12px;}
#menu_ip a { color:#FFFFFF}

/* 用語辞典 */
#words_indx { background-color:#ecf5f5; padding:5px 10px;}
#words_indx a { color:#555555; font-weight:bold; margin:3px; display:block; float:left}
#words_box { border-right:1px solid #e3e3e3; border-left:1px solid #e3e3e3; background:url(../img/menu_words_l.gif) top no-repeat;}
.words_head { padding:5px 10px; font-weight:bold; background:url(../img/menu_words_l.gif) top no-repeat #f0f0f0;}
.words_list { list-style:url(../img/ico_list_b.gif); line-height:1.5em; margin:0 0 0 1em; padding:10px}

/* コンテンツ */
#contents_box { width:685px; float:right; margin-top: 5px;background-color:#FFFFFF;}

/* フッタ */

#foot_gotop { width:960px; margin:15px auto 0;}
#foot_gotop a{font-size:93%; color:#FFFFFF; display:block; background:url(../img/navi_gotop.gif) no-repeat; width:143px; height:93%; padding:4px 8px 3px; text-align:right; float:right;}

#foot_menu { padding:10px 0px 10px; border-top:1px solid #e3e3e3; clear:both;}
#foot_menu a{ color: #d31111; text-decoration:none; background:url(../img/ico_list_r.gif) no-repeat 0px 50%; padding-left:12px; margin:0px 10px; display:block;  float:left;}

#foot_company { background:url(../img/bg_foot.gif) repeat-x; padding:10px; color:#FFFFFF; text-align:left;}
#foot_company a { color:#FFFFFF; text-decoration:none; margin:0px 10px}


/* リスト */
.list_r { list-style:url(../img/ico_list_r.gif); line-height:1.5em;}
.list_b { list-style:url(../img/ico_list_b.gif); line-height:1.5em;}

/* QA */

.qanda { margin:10px 0;}
.qanda dt { font-size:123.1%; font-weight:bold; background: url(../img/ico_q.gif) no-repeat 10px 10px; height:100%; color:#009900; padding:10px 10px 10px 55px; margin:10px}
.qanda dd {  background: 10px 10px #E8FFE1; height:100%; margin:auto 25px 25px; padding:10px 10px 10px 55px; margin:0px 10px}

/* ランキング表 */
#seo_rank{ width:100%; border-collapse:collapse;}
#seo_rank td {border:1px solid #cccccc; text-align:center}
#seo_rank td div { border:1px solid #FFFFFF; padding:3px 5px; }
.seo_gray { background-color:#efefef;}
.seo_red { background-color:#faeeee;}
.seo_rank_tit { border:1px solid #cccccc; background:url(../img/bg_list_g.gif) repeat-x;}
.seo_rank_tit div { border:1px solid #FFFFFF; padding:10px;}
.seo_rank_tit_r { border:1px solid #cccccc; background:url(../img/bg_list_r.gif) repeat-x;}
.seo_rank_tit_r div { border:1px solid #FFFFFF; padding:10px; }

/* 料金表 */
.fee_list { width:100%; border-collapse:collapse;}
.fee_list td {border:1px solid #cccccc; text-align:center; padding:3px 5px; }
.fee_tit { border:1px solid #cccccc; background:url(../img/bg_list_g.gif) repeat-x; padding:3px 5px; }
.fee_tit_r { border:1px solid #cccccc; background:url(../img/bg_list_r.gif) repeat-x; padding:3px 5px; }

/* 比較表 */
.table1 {width:685px; height:1000px; background-color:#FFFFFF; overflow:auto; font-size:10px;}