* { margin:0px; padding:0px; }
img { border:0px; }
li { list-style-type:none; }
li img { vertical-align:bottom; }
td { vertical-align:top; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-table; min-height:1%; }
* html .clearfix { height:1%; }
.clearfix { display:block; }
.clear { clear:both; }
a { color: #00abd0; }
a:hover { text-decoration:none; }
.red { color:#FF0000; }

body { background-color:#000000; font-family:'MS PGOTHIC', san-serif; color:#515151; font-size:12px; line-height:20px; letter-spacing:1px; }

/* 共通ヘッダー */
#common_header { width:100%; text-align:center; height:47px; background:url(Images/common_header_bg.gif) repeat-x; }
#common_header .inner { width:1000px; margin:0 auto; }
#common_header .inner h1 { float:left; padding:14px 0 0 7px; }
#common_header .inner .read { float:right; padding:17px 0 0 7px; }

/* 共通フッター */
#common_footer { width:100%; background:url(Images/footer_bg.gif) repeat-x top #000000; font-size:10px; line-height:100%; text-align:center; }
#common_footer a { color:#ffffff; }
#common_footer ul { padding:12px 0 30px; width:1000px; margin:0 auto; }
#common_footer li { display:inline; }
#common_footer li.bd { margin-left:10px; padding-left:10px; border-left:1px solid #ffffff; }

/* 共通ナビ */
#common_navi { width:460px; background-color:#ffffff; padding:6px 0; }
#common_navi li { float:left; }

/* コピーライト */
#copyright { width:460px; color:#969696; text-align:right; }
#copyright .text { padding:10px 8px; font-size:10px; line-height:100%; }
#copyright .ic { color: #ff6b00;  text-decoration:none; }

/* コンテンツボックス */
#content_box { width:100%; text-align:center; background-color:#ffffff; }
#content { width:1000px; text-align:left; margin:0 auto; font-family:'MS PGOTHIC', san-serif; color:#515151; font-size:12px; line-height:20px; letter-spacing:1px; }
#content .content_inner { width:540px; }

/* トップページ */
#top_page { width:522px; margin-left:6px; }
#top_page h2 { padding:9px 0 0 142px; }
#top_page .towel_list { padding-top:14px; }
#top_page .towel_list li { float:left; padding:8px 2px 0; }
#top_page .news { border:1px solid #000000; margin-top:10px; }
#top_page .news dl { padding:6px; }
#top_page .news .image { float:left; width:108px; }
#top_page .news .date { float:right; width:400px; }
#top_page .news .title { float:right; width:400px; color:#000000; }
#top_page .news .comment { float:right; width:400px; }
#top_page .news .more { float:right; width:400px; text-align:right; line-height:100%; padding-top:6px; color:#00ABD0; }

/* ブログページ */
#blog_page { width:530px; margin-left:6px; }
#blog_page h2 { margin-top:9px; }
#blog_page .main { width:358px; float:left; padding-bottom:30px; }
#blog_page .main .entry_box { border:2px solid #000000; margin-top:20px; }
#blog_page .main .entry_box .category { padding:3px; background-color:#000000; text-align:right; font-size:10px; line-height:100%; color:#ffffff; }
#blog_page .main .entry_box .inner { padding:8px; }
#blog_page .main .entry_box .inner .detail .date { width:61px; height:61px; background:url(Images/blog_entrydate_bg.gif) no-repeat; color:#ffffff; text-align:center; vertical-align:middle; font-weight:bold; }
#blog_page .main .entry_box .inner .detail .date .month { color:#ffffff; font-size:10px; line-height:100%; }
#blog_page .main .entry_box .inner .detail .date .day { color:#ffffff; font-size:34px; line-height:100%; }
#blog_page .main .entry_box .inner .detail .title { width:276px; vertical-align:middle; }
#blog_page .main .entry_box .inner .detail .title h3 { font-size:14px; line-height:20px; padding-left:10px; }
#blog_page .main .entry_box .inner .detail .title a { color:#000000; text-decoration:none;}
#blog_page .main .entry_box .inner .comment { margin-top:8px; padding-top:16px; background:url(Images/common_dot_h.gif) repeat-x top; line-height:20px; }
#blog_page .main .entry_box .inner .comment .image { text-align:center; padding-bottom:15px; }
#blog_page .main .entry_box .inner .comment p { padding-bottom:15px; }
#blog_page .main .entry_box .inner .info { color:#28A8D7; font-size:10px; line-height:100%; font-weight:bold; padding-top:15px; }
#blog_page .main .entrylist_box { padding-top:5px; }
#blog_page .main .entrylist_box li { display:block; float:left; width:113px; border:1px solid #9E9E9E; margin:5px 1px 0 2px; }
#blog_page .main .entrylist_box .inner { padding:6px 8px; font-size:10px; line-height:14px; }
#blog_page .main .entrylist_box .comment { padding-top:5px; font-weight:bold; }
#blog_page .main .entrylist_box table { width:96px; margin-top:8px; font-size:10px; line-height:14px; }
#blog_page .main .entrylist_box .date { color:#A2A2A2; vertical-align:middle; text-align:left; }
#blog_page .main .entrylist_box .icon { vertical-align:middle; text-align:right; }
#blog_page .main .commentlist_box { border:2px solid #000000; margin-top:18px; }
#blog_page .main .commentlist_box h3 { padding:6px; background-color:#000000; font-size:12px; line-height:100%; color:#ffffff; }
#blog_page .main .commentlist_box .inner { padding:0 15px 15px; }
#blog_page .main .commentlist_box .inner .comment { padding:12px 0 15px; background:url(Images/blog_icon_dot_h.gif) repeat-x bottom; }
#blog_page .main .commentlist_box .inner .comment .text { line-height:20px; }
#blog_page .main .commentlist_box .inner .comment .detail { font-size:10px; line-height:100%; padding-top:20px; }
#blog_page .main .commentpost_box { border:2px solid #000000; margin-top:18px; }
#blog_page .main .commentpost_box h3 { padding:6px; background-color:#000000; font-size:12px; line-height:100%; color:#ffffff; }
#blog_page .main .commentpost_box .inner { padding:10px 15px 15px; font-size:10px; line-height:100%; }
#blog_page .main .commentpost_box .inner label { padding-top:5px; display:block; }
#blog_page .main .commentpost_box .inner label input { width:320px; border:1px solid #8E7D82; }
#blog_page .main .commentpost_box .inner label.password input { width:135px; border:1px solid #8E7D82; }
#blog_page .main .commentpost_box .inner label textarea { width:320px; height:100px; border:1px solid #8E7D82; font-size:12px; }
#blog_page .main .commentpost_box .inner .submit { margin:20px auto 0; }
#blog_page .main .commentpost_box .inner .submit td { padding:0 5px; }
#blog_page .main .commentpost_box .inner .note { padding-top:5px; letter-spacing:0px; }
#blog_page .main .trackback_box { border:2px solid #000000; margin-top:18px; }
#blog_page .main .trackback_box h3 { padding:6px; background-color:#000000; font-size:12px; line-height:100%; color:#ffffff; }
#blog_page .main .trackback_box .inner { padding:15px; font-size:10px; }
#blog_page .main .trackback_box .inner .trackback { padding:12px 0 15px; background:url(Images/blog_icon_dot_h.gif) repeat-x bottom; }
#blog_page .main .trackback_box .inner .trackback .text { line-height:20px; }
#blog_page .main .trackback_box .inner .trackback .detail { line-height:20px; }
#blog_page .main .pagetop { text-align:right; padding-top:6px; }
#blog_page .navi { width:165px; float:left; margin-left:6px; margin-top:20px; }
#blog_page .navi dl { padding-bottom:10px; }
#blog_page .navi dt { display:block; color:#ffffff; font-weight:bold; font-size:10px; line-height:100%; padding:8px 6px; background:url(Images/blog_navi_bg.gif) no-repeat; }
#blog_page .navi dd { font-size:10px; line-height:17px; margin:4px 0; padding:0 6px 0 15px; background:url(Images/common_icon_tri01.gif) no-repeat 6px 7px; }
#blog_page .navi .tlink { color:#515151; text-decoration:none; }

/* ブログ AJAXカレンダー */
#calendar { padding-bottom:10px; text-align:center; }
#calendar .calendarhead { color:#ffffff; font-weight:bold; font-size:10px; line-height:100%; padding:8px 6px; background:url(Images/blog_navi_bg.gif) no-repeat; text-align:center; }
#calendar .calendarhead table { font-size:10px; margin:0 auto; line-height:100%; width:100%; letter-spacing:2px; }
#calendar .calendarhead td { text-align:center; }
#calendar .calendarhead .datebefore { width:33%; text-align:left; }
#calendar .calendarhead .datenext { width:33%; text-align:right; }
#calendar .calendarhead .datetitle { width:34%; text-align:center; }
#calendar .calendarbody table { font-size:10px; margin:5px auto 0; line-height:100%; }
#calendar .calendarbody td { padding:3px; text-align:center; }
#calendar .calendarbody th.sunday { color:#AA0000; }
#calendar .calendarbody th.saturday { color:#0953A6; }
#calendar .calendarbody a { font-weight:bold; }
#calendar .calendarbody td.today { background-color:#E3E3E3; color:#FB7C00; font-weight:bold; }
#calendar a { text-decoration:none; }

/* ウェブページ */
#web_page { width:530px; margin-left:6px; margin-top:0px; }
#web_page .contact { color:#515151; padding-bottom:10px; }
#web_page .contact .text { padding:10px; line-height:20px; }
#web_page .contact h3 { padding-top:10px; }
#web_page .contact table { color:#515151; font-size:12px; line-height:100%; }
#web_page .contact td { vertical-align:middle; }
#web_page .contact .form_table { width:530px; }
#web_page .contact .form_table input { border:1px solid #B9B9B9; height:20px; }
#web_page .contact .form_table textarea { border:1px solid #B9B9B9; }
#web_page .contact .form_table select { border:1px solid #B9B9B9; }
#web_page .contact .form_table .cell01l { width:290px; background:url(/Images/common_dot_dadada_h.gif) repeat-x bottom; padding:10px; vertical-align:top; }
#web_page .contact .form_table .cell01r { width:340px; background:url(/Images/common_dot_dadada_h.gif) repeat-x bottom; padding:10px; vertical-align:top; }
#web_page .contact .form_table .cell02l { width:290px; background:url(/Images/common_dot_c4c4c4_h.gif) repeat-x bottom; padding:10px; vertical-align:top; }
#web_page .contact .form_table .cell02r { width:340px; background:url(/Images/common_dot_c4c4c4_h.gif) repeat-x bottom; padding:10px; vertical-align:top; }
#web_page .contact .form_table span.pd { padding:0 10px; }
#web_page .contact .form_table .pd3 { padding:3px; }
#web_page .contact .btn_send { text-align:center; padding-top:30px; }
#web_page .contact .btn_send table { margin:0 auto; }
#web_page .contact .btn_send td { padding:0 20px; }
#web_page .contact .pagetop { text-align:right; padding:24px 10px 0 0; }
#web_page .contact .mt5 { margin-top:5px; }
#web_page .contact .contact03btnSend a { margin:0 auto; display:block; width:162px; height:50px; background:url(/Images/contact03_send.gif) no-repeat; overflow:hidden; text-indent:-9999px; }
#web_page .contact .contact03btnSend a:hover { background-position:0 -50px; }
#web_page .contact .contact03btnBack a { margin:0 auto; display:block; width:105px; height:50px; background:url(/Images/contact03_back.gif) no-repeat; overflow:hidden; text-indent:-9999px; }
#web_page .contact .contact03btnBack a:hover { background-position:0 -50px; }


/* ウェブページ 使い方講座  */
#web_page .cap { padding:5px; font-size:10px; line-height:14px; }

/* ウェブページ 運営会社  */
#web_page .company .text { line-height:20px; padding:0px}
#web_page .company .pagetop { text-align:right; padding:24px 10px 0 0; }
#web_page .company .dot { width:380px; background:url(/Images/common_dot_dadada_h.gif) repeat-x ; margin:10px 0 9px 140px; height:1px; } 

a.link_or:link { color: #ff6b00;  text-decoration:none; }
a.link_or:visited { color: #ff6b00;  text-decoration:none; }
a.link_or:hover { color: #999999;  text-decoration:none; border-bottom:1px #cccccc dotted; }
a.link_or:active { color: #ff6b00;  text-decoration:none; }

