@charset "euc-jp";

/* #CSS Document				*/
/*								*/
/* @copyright sweet-candy.jp	*/
/*								*/

/* 全ページ共通設定 */
*{ font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }

a{ color:#669900; text-decoration:underline; }
a:hover{ color:#FF3366; text-decoration:none; }

body,td,th { font-size:13px; color:#333; }
body,h1,h2,h3,h4,ul,li,dl,dt,dd,p,hr,big,span,strong,form { margin:0px; padding:0px; line-height:100%; }
strong,th,td,p{ line-height:110%; }
img{ border:none; }
ul,li{ list-style:none; }
textarea,input{ font-size:13px; }

body{ background-color:#FFF; margin:0px; }

.clear{ clear:both; }
.fc_new{ color:#FF3333; }
.fc_attention{ color:#FF3333; }
.fc_error{ color:#FF3333; }
.fc_member{ font-weight:normal; font-size:11px; color:#663399; }
.fc_require{ color:#FF3333; }
.fc_example{ color:#693; }

.fc_using{ font-weight:normal; font-size:11px; color:#FF0033; }
.fc_not_using{ font-weight:normal; font-size:11px; color:#6699CC; }

.bc_frame{ padding:20px; margin-left:auto; margin-right:auto; border-top:1px dotted #CCC; height:100%; overflow:hidden; }
.bread_crumbs{ line-height:140%; padding-left:10px; padding-right:10px; margin-bottom:12px; }

.bxc{ margin-left:auto; margin-right:auto; }

.bx_attention{ border:2px solid #669900; padding:5px; background-color:#FAFAFA; margin-bottom:6px; }
.bx_attention h3{ font-size:11px; margin-bottom:5px; }
.bx_attention ul{  }
.bx_attention li{ line-height:130%; font-size:11px; }
.bx_attention p{ margin-bottom:5px; font-size:11px; line-height:140%; }

/* ヘッダー */
#header { height:22px; padding-top:4px; padding-left:20px; background-image:url(../img/header_bg.gif); background-repeat:repeat-x; margin-bottom:5px; }

#h_notice{ float:left; padding-left:20px; width:250px; line-height:120%; font-size:11px; }
#h_notice span{ font-weight:bold; color:#669900; }
#h_navi{ text-align:right; padding-right:20px; margin-bottom:6px; line-height:120%; }


/* 外枠 */
#outer { padding:5px; margin:0px auto; }


/* トップページ */
#home { width:520px; margin-left:auto; margin-right:auto; padding-top:40px; }

#home #top_menu { width:440px; margin-left:auto; margin-right:auto; }
#home #top_menu dl{ width:200px; margin-bottom:20px; }
#home #top_menu dt{ font-weight:bold; line-height:150%; }
#home #top_menu dt a{ color:#000; }
#home #top_menu dd{ line-height:150%; }
#home #top_menu .tm_left{ float:left; clear:both; margin-right:40px; }
#home #top_menu .tm_right{ float:right; }

#home h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }
#home .bc_frame { width:480px; clear:both; }
#home .bc_frame dt{ font-weight:bold; }
#home .bc_frame dt small{ font-weight:normal; }
#home .bc_frame dd{ line-height:150%; margin-bottom:7px; font-size:12px; }
#home .bc_frame p{ line-height:150%; }

#home .counter { text-align:center; margin-bottom:16px; margin-top:30px; }

/* お問い合わせ */
#contact { width:710px; margin-left:auto; margin-right:auto; }
#contact h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; }
#contact p{ line-height:150%; margin-bottom:10px; }

/* 相互リンク */
#link { width:710px; margin-left:auto; margin-right:auto; }
#link h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }
#link h3{ font-size:13px; line-height:150%; color:#009900; }
#link h3 small{ font-weight:normal; }
#link td{ line-height:130%; font-size:12px; }
#link th a{ margin:0px 8px; white-space:nowrap; }
#link p{ margin-bottom:10px; line-height:150%; }
#link dl{ margin-bottom:10px; }
#link dt{ line-height:150%; }
#link dd{ line-height:150%; margin-bottom:3px; }
#link dd a{ color:#333333; }
#link ul{ margin-bottom:10px; }
#link li{ line-height:150%; }

/* 過去の更新履歴 */
#history { width:710px; margin-left:auto; margin-right:auto; }
#history h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }
#history h3{ font-size:13px; line-height:20px; margin-bottom:6px; border-bottom:1px dashed #CCC; }
#history dt{ font-weight:bold; }
#history dd{ line-height:150%; margin-bottom:7px; font-size:12px; }

/* SEO */
#seo { width:710px; margin-left:auto; margin-right:auto; }
#seo h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }
#seo h2 small{ font-weight:normal; }
#seo h3{ font-size:13px; line-height:20px; border-bottom:1px dashed #CCC; margin-bottom:6px; padding-top:10px; color:#000; }
#seo p{ line-height:150%; margin-bottom:12px; }
#seo .csr_form { border:1px solid #000; margin-bottom:8px; }
#seo .csr_form th{ font-size:12px; }
#seo .results { border:1px solid #000; }
#seo .results th{ font-size:12px; font-weight:normal; }
#seo .fc_example { color:#660099; }
#seo .fc_attention { color:#CC9900; }
#seo li{ line-height:150%; }
#seo dt{ font-weight:bold; }
#seo dd{ line-height:150%; margin-bottom:7px; font-size:12px; }
#seo .check td span{ color:#FF3333; font-weight:bold; }
#seo .check td { font-size:12px; }
#seo .google_ad{ text-align:center; margin:20px; }

/* TOOL */
#pageTool { width:710px; margin-left:auto; margin-right:auto; }
#pageTool h2{ font-size:13px; line-height:20px; border-bottom:1px dashed #CCC; margin-bottom:6px; padding-top:10px; color:#000; }
#pageTool dl.tools dt{ font-size:13px; margin-bottom:3px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }
#pageTool dl.tools dt a{ text-decoration:none; }
#pageTool dl.tools dt a:hover{ text-decoration:underline; }
#pageTool dl.tools dd{ line-height:19px; margin-bottom:13px; }
#pageTool dt{ font-weight:bold; }
#pageTool dd{ line-height:150%; margin-bottom:7px; font-size:12px; }
#pageTool .google_ad{ text-align:center; margin:20px; }

#pageToolIp2Range { width:710px; margin-left:auto; margin-right:auto; }
#pageToolIp2Range h2{ font-size:13px; margin-bottom:3px; border-left:4px solid #CCC; padding-left:5px; line-height:19px; color:#000; }
#pageToolIp2Range h3{ font-size:13px; line-height:20px; border-bottom:1px dashed #CCC; margin-bottom:6px; padding-top:10px; color:#000; }
#pageToolIp2Range h3 small{ font-weight:normal; margin-left:20px; }
#pageToolIp2Range table.input{ margin-bottom:10px; }
#pageToolIp2Range table.result1{ margin-bottom:50px; }
#pageToolIp2Range table.result1 th{ text-align:left; font-size:12px; }
#pageToolIp2Range table.result1 td{ font-size:12px; }
#pageToolIp2Range table.result1 td.error{ line-height:50px; text-align:center; }
#pageToolIp2Range table.result2{ margin-bottom:20px; }
#pageToolIp2Range table.result2 th{ text-align:left; font-size:12px; }
#pageToolIp2Range table.result2 td{ font-size:12px; }
#pageToolIp2Range table.result2 td.error{ line-height:50px; text-align:center; }
#pageToolIp2Range p.guide{ font-size:12px; line-height:18px; color:#369; padding:0px 10px; margin-bottom:3px; }
#pageToolIp2Range p.tip{ font-size:11px; line-height:15px; color:#C33; padding:0px 10px; }
#pageToolIp2Range .google_ad{ text-align:center; margin:50px auto; }


#tool { width:710px; margin-left:auto; margin-right:auto; }
#tool h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }
#tool h3{ font-size:13px; line-height:20px; border-bottom:1px dashed #CCC; margin-bottom:6px; padding-top:10px; color:#000; }
#tool p{ line-height:150%; margin-bottom:6px; }
#tool .results { border:1px solid #000; }
#tool .results th{ font-size:12px; font-weight:normal; }
#tool dt{ font-weight:bold; }
#tool dd{ line-height:150%; margin-bottom:7px; font-size:12px; }
#tool .google_ad{ text-align:center; margin:20px; }

/* SERVICES */
#services { width:710px; margin-left:auto; margin-right:auto; }
#services h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }
#services h2 small{ font-weight:normal; }
#services h3{ font-size:13px; line-height:20px; border-bottom:1px dashed #CCC; margin-bottom:6px; padding-top:10px; color:#000; }
#services p{ line-height:150%; margin-bottom:6px; }
#services .results { border:1px solid #000; }
#services .results th{ font-size:12px; font-weight:normal; }
#services .google_ad{ text-align:center; margin-top:20px; }
#services .pager_navi{ padding-bottom:3px; line-height:100%; color:#CCC; }
#services .mpup_td a{ color:#EEE; }
#services .mpup_head{ border:2px solid #000; }
#services .mpup_head td{ color:#555; font-size:12px; padding:2px 5px; }


/* QR CODE */
#qr_code { width:710px; margin-left:auto; margin-right:auto; }
#qr_code h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }
#qr_code h3{ font-size:13px; line-height:20px; margin-bottom:6px; border-bottom:1px dashed #CCC; color:#000; }
#qr_code h4{ font-size:13px; line-height:20px; margin-bottom:6px; }
#qr_code .results { border:1px solid #000; margin-bottom:6px; }
#qr_code .results th{ font-size:12px; font-weight:normal; }
#qr_code .results p img{ margin-bottom:16px; }
#qr_code p{ line-height:150%; margin-bottom:6px; }
#qr_code .fc_example { color:#660099; }

#qr_code dt{ font-weight:bold; }
#qr_code dd{ line-height:150%; margin-bottom:7px; font-size:12px; }

/* ログイン */
#login { width:710px; margin-left:auto; margin-right:auto; }
#login h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }

/* パスワード再発行 */
#pass { width:710px; margin-left:auto; margin-right:auto; }
#pass h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }
#pass p{ line-height:150%; }

/* 利用規定 */
#pageRule { width:710px; margin-left:auto; margin-right:auto; }
#pageRule h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }
#pageRule ul{ margin-bottom:17px; margin-left:10px; }
#pageRule li{ line-height:19px; font-size:12px; }
#pageRule p{ line-height:19px; margin-bottom:12px; }

/* 新規ユーザー登録 */
#regi { width:710px; margin-left:auto; margin-right:auto; }
#regi h2{ font-size:18px; margin-bottom:12px; text-align:center; }
#regi h3{ font-size:15px; margin-bottom:12px; text-align:center; }
#regi p{ line-height:140%; margin-bottom:12px; }
#regi .bc_table{ border:1px solid #CCC; }

/* カウンター */
#counter { width:710px; margin-left:auto; margin-right:auto; }
#counter h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }
#counter h3{ font-size:13px; line-height:20px; }
#counter h4{ font-size:13px; line-height:20px; }
#counter p{ line-height:150%; margin-bottom:10px; }
#counter td{ line-height:150%; }
#counter ul{ margin:10px 0px; }
#counter li{ line-height:150%; }

/* 逆アクセスリンク */
#ralink { width:710px; margin-left:auto; margin-right:auto; }
#ralink h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }
#ralink h3{ font-size:13px; margin-bottom:10px; line-height:20px; }
#ralink p{ line-height:150%; margin-bottom:10px; }
#ralink ul{ margin:10px 0px; }
#ralink li{ line-height:150%; }
#ralink .fc_small{ font-size:11px; }

/* エラー */
#error { padding-top:100px; margin-bottom:100px; line-height:140%; width:710px; margin-left:auto; margin-right:auto; }

/* フッター */
#footer{ text-align:center; padding-bottom:6px; }
#footer .f_navi { text-align:center; margin-bottom:20px; }
#footer .copyright{}
#footer .fc_power{ color:#333; margin-top:5px; }
#footer .fc_power a{ color:#333; text-decoration:none; }
#footer .fc_power a:hover{ color:#FF3366; }

#footer .pr{ margin-bottom:10px; font-size:11px; line-height:15px; }
#footer .pr a{ color:#666; }


/* ユーザー::管理トップ */
#u_index { width:710px; margin-left:auto; margin-right:auto; }
#u_index ul{ margin-bottom:12px; }
#u_index li{ line-height:140%; }
#u_index h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }

#u_index .bx_att{ border:2px solid #669900; padding:5px; background-color:#FAFAFA; margin-bottom:6px; width:436px; margin-left:auto; margin-right:auto; }
#u_index .bx_att h3{ font-size:11px; margin-bottom:5px; }
#u_index .bx_att ul{  }
#u_index .bx_att li{ line-height:130%; font-size:11px; }
#u_index .bx_att p{ margin-bottom:5px; font-size:11px; line-height:140%; }

/* ユーザー::カウンター */
#u_counter { width:710px; margin-left:auto; margin-right:auto; }
#u_counter h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }
#u_counter p{ line-height:150%; margin-bottom:10px; }

/* ユーザー::日別カウント */
#u_daily { width:710px; margin-left:auto; margin-right:auto; }
#u_daily h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }
#u_daily h2 small{ font-weight:normal; }
#u_daily table{ margin-left:auto; margin-right:auto; border:1px solid #000; margin-bottom:6px; }
#u_daily table th{ font-size:12px; font-weight:normal; }
#u_daily .ud_graph{ background-color:#FF3366; color:#FFF; float:left; font-size:11px; padding:2px; text-align:right; }

/* ユーザー::アクセスログ */
#u_access { width:710px; margin-left:auto; margin-right:auto; }
#u_access h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }
#u_access .ua_tbl{ margin-left:auto; margin-right:auto; border:1px solid #000; margin-bottom:6px; }
#u_access .ua_tbl th{ font-size:12px; font-weight:normal; }
#u_access p{ line-height:150%; margin-bottom:10px; }

/* ユーザー::エージェント */
#u_agent { width:710px; margin-left:auto; margin-right:auto; }
#u_agent h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }
#u_agent .ua_tbl{ margin-left:auto; margin-right:auto; border:1px solid #000; margin-bottom:6px; }
#u_agent .ua_tbl th{ font-size:12px; font-weight:normal; }
#u_agent .ua_tbl td{ font-size:12px; font-weight:normal; line-height:130%; }
#u_agent p{ line-height:150%; margin-bottom:10px; }
#u_agent .ua_graph{ background-color:#FF3366; color:#FFF; float:right; font-size:11px; padding:2px; text-align:right; }

/* ユーザー::ユーザー情報の変更 */
#u_user { width:710px; margin-left:auto; margin-right:auto; }
#u_user h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }

/* ユーザー::ユーザー登録の解除 */
#u_unsubscrible { width:710px; margin-left:auto; margin-right:auto; }
#u_unsubscrible h2{ font-size:13px; margin-bottom:10px; border-left:4px solid #CCC; padding-left:5px; line-height:17px; color:#000; }







/* 未整理 */
/*
#_counter span { margin: 0px 4px 0px 0px; vertical-align: top; color: #666666; }
div.login { margin: 8px; }
*/

#fg_color_sample { width: 40px; border: 1px solid #000000; }
#bg_color_sample { width: 40px; border: 1px solid #000000; }

/* color selection */
.color_sample { width:40px; border:1px solid #000; cursor:pointer; }

#color_table { border-collapse:collapse; position:absolute; text-align:left; border:1px solid #000; background-color:#FFFFFF; display:none; }
#color_header { border-collapse:collapse; margin:2px; }
#color_sample { width:40px; height:16px; border:1px solid #000; }
#color_code { padding: 0px 4px; }
#color_palette { border-collapse: collapse; margin: 2px; cursor: pointer; }
#color_palette td { width:10px; height:10px; border: 1px solid black; }
#color_table_close { text-align: center; margin: 2px; }