﻿@charset "UTF-8";

@import "boss.css";



body {font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";background-position: center;background-color: #FFFFFF;color: #444444;text-align: center;margin: 0px;padding: 0px;}

img {border: 1px solid #CCCCCC;}

.field {width: 780px;text-align: left;margin:0 auto;padding: 0px;}

.f_r {float: right;}
.f_l {float: left;}
.fclear {clear: both;}

.url input {font-size: 12px;color: #757575;width: 350px;margin: 0px 0px 0px 15px;border-width: 1px;border-style: solid;border-color: #CCCCCC #E0E0DB #E0E0DB #CCCCCC;}



/*-----header-----*/
.header {background-image: url(../img/header.gif);background-repeat: no-repeat;width: 780px;height: 100px;margin: 0px;padding: 0px;}
.header img {float: left;margin: 0px 0px 10px;padding: 0px;border: none;top: 0px;left: 0px;}
.header p{font-size: 11px;line-height: 150%;color: #FFFFFF;float: left;width: 300px;margin: 10px 0px 0px 20px;padding: 0px;}
.header h1{background-image: url(/img/icon_h1.gif);background-repeat: no-repeat;font-size: 14px;font-weight: bold;color: #FFFFFF;line-height: 18px;float: left;width: 550px;height: 18px;margin: 0px 0px 0px 7px;padding: 0px 0px 0px 25px;}

.pan_navi {font-size: 11px;line-height: 15px;height: 15px;margin: 10px 0px 15px;padding: 0px;clear: both;}
.pan_navi a:link {color: #666666;text-decoration: none;}
.pan_navi a:visited {color: #666666;text-decoration: none;}
.pan_navi a:hover {color:#E94B14;text-decoration: underline;}
.pan_navi span {display: none;}



/*-----gb navi-----*/
.gb_navi {margin: -10px 0px 0px 10px;padding: 0px;}
.gb_navi ul {margin: 0px;padding: 0px;}
.gb_navi li {float: left;margin: 0px;padding: 0px;}
.gb_navi span {display: none;}

.gb01 a:link {background-image: url(../img/gb_navi01a.gif);background-repeat: no-repeat;display: block;width: 63px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb01 a:visited {background-image: url(../img/gb_navi01a.gif);background-repeat: no-repeat;display: block;width: 63px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb01 a:hover {background-image: url(../img/gb_navi01b.gif);background-repeat: no-repeat;display: block;width: 63px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb01c a:link {background-image: url(../img/gb_navi01b.gif);background-repeat: no-repeat;display: block;width: 63px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb01c a:visited {background-image: url(../img/gb_navi01b.gif);background-repeat: no-repeat;display: block;width: 63px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb01c a:hover {background-image: url(../img/gb_navi01b.gif);background-repeat: no-repeat;display: block;width: 63px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}

.gb02 a:link {background-image: url(../img/gb_navi02a.gif);background-repeat: no-repeat;display: block;width: 143px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb02 a:visited {background-image: url(../img/gb_navi02a.gif);background-repeat: no-repeat;display: block;width: 143px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb02 a:hover {background-image: url(../img/gb_navi02b.gif);background-repeat: no-repeat;display: block;width: 143px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb02c a:link {background-image: url(../img/gb_navi02b.gif);background-repeat: no-repeat;display: block;width: 143px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb02c a:visited {background-image: url(../img/gb_navi02b.gif);background-repeat: no-repeat;display: block;width: 143px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb02c a:hover {background-image: url(../img/gb_navi02b.gif);background-repeat: no-repeat;display: block;width: 143px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}

.gb03 a:link {background-image: url(../img/gb_navi03a.gif);background-repeat: no-repeat;display: block;width: 128px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb03 a:visited {background-image: url(../img/gb_navi03a.gif);background-repeat: no-repeat;display: block;width: 128px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb03 a:hover {background-image: url(../img/gb_navi03b.gif);background-repeat: no-repeat;display: block;width: 128px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb03c a:link {background-image: url(../img/gb_navi03b.gif);background-repeat: no-repeat;display: block;width: 128px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb03c a:visited {background-image: url(../img/gb_navi03b.gif);background-repeat: no-repeat;display: block;width: 128px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb03c a:hover {background-image: url(../img/gb_navi03b.gif);background-repeat: no-repeat;display: block;width: 128px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}

.gb04 a:link {background-image: url(../img/gb_navi04a.gif);background-repeat: no-repeat;display: block;width: 63px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb04 a:visited {background-image: url(../img/gb_navi04a.gif);background-repeat: no-repeat;display: block;width: 63px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb04 a:hover {background-image: url(../img/gb_navi04b.gif);background-repeat: no-repeat;display: block;width: 63px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb04c a:link {background-image: url(../img/gb_navi04b.gif);background-repeat: no-repeat;display: block;width: 63px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb04c a:visited {background-image: url(../img/gb_navi04b.gif);background-repeat: no-repeat;display: block;width: 63px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}
.gb04c a:hover {background-image: url(../img/gb_navi04b.gif);background-repeat: no-repeat;display: block;width: 63px;margin: 0px 5px 0px 0px;padding: 0px;height: 30px;}

.gb05 a:link {background-image: url(../img/gb_navi05a.gif);background-repeat: no-repeat;display: block;width: 63px;margin: 0px;padding: 0px;height: 30px;}
.gb05 a:visited {background-image: url(../img/gb_navi05a.gif);background-repeat: no-repeat;display: block;width: 63px;margin: 0px;padding: 0px;height: 30px;}
.gb05 a:hover {background-image: url(../img/gb_navi05b.gif);background-repeat: no-repeat;display: block;width: 63px;margin: 0px;padding: 0px;height: 30px;}
.gb05c a:link {background-image: url(../img/gb_navi05b.gif);background-repeat: no-repeat;display: block;width: 63px;margin: 0px;padding: 0px;height: 30px;}
.gb05c a:visited {background-image: url(../img/gb_navi05b.gif);background-repeat: no-repeat;display: block;width: 63px;margin: 0px;padding: 0px;height: 30px;}
.gb05c a:hover {background-image: url(../img/gb_navi05b.gif);background-repeat: no-repeat;display: block;width: 63px;margin: 0px;padding: 0px;height: 30px;}



/*-----local style-----*/
.local {float: right;width: 230px;background-image: url(../img/taisho.gif);background-repeat: no-repeat;background-position: 0px 0px;margin: 0px;padding: 190px 0px 0px;}
.local h2 {background-image: url(../img/icon_heart.gif);background-repeat: no-repeat;font-size: 12px;line-height: 20px;color: #666666;text-indent: 18px;margin: 0px 0px 10px;padding: 0px 0px 5px;list-style-type: none;border-bottom: 1px dashed #B2B2B2;}
.local ul {list-style-type: none;margin: 0px 0px 30px;padding: 0px;}
.local li {font-size: 12px;padding: 0px;margin: 0px 0px 10px;line-height: 20px;}
.local a:link {color: #006666;text-decoration: none;}
.local a:visited {color: #006666;text-decoration: none;}
.local a:hover {text-decoration: underline;color:#E94B14;}
.local img {border: none;}

.contents li {background-image: url(../img/local_list.gif);background-repeat: no-repeat;text-indent: 20px;}

.d_link li {background-image: url(../img/d_link.gif);background-repeat: no-repeat;padding: 0px 0px 5px 20px;line-height: 15px;}

.mini li {font-size: 10px;line-height: 15px;margin: 0px 0px 15px;}

.more_link {font-size: 10px;color: #006666;list-style-type: none;display: block;text-align: right;margin: -15px 0px 20px;}

.bookmark {background-image: url(../img/bookmark.gif);background-repeat: no-repeat;font-size: 12px;text-indent: 30px;line-height: 24px;display: block;margin: 0px 0px 20px;}

.reeder ul {width: 230px;margin: 0px;padding: 0px;}
.reeder li {background-image: url(../img/icon_rss.gif);background-repeat: no-repeat;text-indent: 20px;line-height: 15px;margin: 0px 0px 15px;list-style-type: none;font-size: 12px;text-align: left;}

.quick {margin: 0px 0px 30px;padding: 5px;border: 1px solid #000;}
.quick h2 {background-image: none;text-indent: 0px;text-align: center;color: #FF9900;}
.quick_bottom {font-size: 11px;margin: 0px;padding: 0px;text-align: right;}
.list_bottom {background-image: url(../img/list_bottom.gif);background-repeat: no-repeat;line-height: 12px;margin: 0px;padding: 0px 0px 0px 17px;}

.wakaba {background-image: url(../img/wakaba.gif);background-repeat: no-repeat;background-position: 10px 6px;text-indent: 28px;display: block;}
.sites_open {background-image: url(../img/quick_site.gif);background-repeat: no-repeat;font-size: 11px;line-height: 27px;text-align: right;display: block;margin: 0px;padding: 0px 27px 3px 0px;}

.uses a:link {color: #0099FF;text-decoration: underline;}
.uses a:visited {color: #0099FF;text-decoration: underline;}
.uses a:hover {color:#E94B14;text-decoration: none;}
.uses ul {width: 220px;margin: 0px 0px 10px;padding: 0px;text-align: left;}
.uses li {font-weight: bold;background-image: url(../img/favorite.gif);background-repeat: no-repeat;background-position: 0px 12px;line-height: 32px;text-indent: 25px;margin: 0px;padding: 5px 0px;list-style-type: none;font-size: 15px;}

.uses dl {width: 220px;margin: 0px 0px 10px;padding: 0px;text-align: left;}
.uses dt {font-weight: bold;background-image: url(../img/favorite.gif);background-repeat: no-repeat;background-position: 0px 12px;font-size: 15px;line-height: 32px;text-indent: 25px;margin: 0px;padding: 5px 0px;list-style-type: none;}
.uses dd {font-size: 11px;line-height: 13px;margin: 0px;padding: 0px 0px 5px;}

.ex_page {width:230;font-size: 12px;text-align: left;}
.ex_page ul {list-style-type: none;margin: 0px 0px 30px;padding: 0px;}
.ex_page li {background-image: url(../img/icon_ranking.gif);background-repeat: no-repeat;background-position: 0px 3px;font-size: 10px;line-height: 15px;margin: 0px 0px 15px;text-indent: 15px;}
.ex_page a:link {text-decoration: none;color: #006666;}
.ex_page a:visited {text-decoration: none;color: #006666;}
.ex_page a:hover {text-decoration: underline;color:#E94B14;}

iframe {margin: 0px 0px 30px;}

.reedme {height: 15px;display: block;width: 61px;margin: -15px 0px 15px;padding: 0px;}

.prf{background-image: url(../img/profile.jpg);background-repeat: no-repeat;margin-top: 5px;margin-right: 0px;margin-bottom: 5px;margin-left: 14px;padding-top: 120px;display: none;}
.prof_photo {margin-left: 14px;margin-bottom: 7px;}
.mail {background-image: url(../img/boss_mail.gif);background-repeat: no-repeat;display: block;text-indent: 20px;line-height: 12px;height: 12px;margin: 0px;}



/*-----clock style-----*/
.clock {background-image: url(../img/clock.gif);background-repeat: no-repeat;	font-size: 12px;color: #999999;width: 230px;height: 18px;margin: 0px 0px 15px;padding: 0px;}
.time {font-size: 12px;color: #999999;line-height: 12px;width: 130px;height: 12px;margin: 3px 0px 0px 22px;padding: 0px;border: none;}



/*-----main style-----*/
.main {float: left;width: 515px;font-size: 12px;margin: 0px;padding: 0px;}
.main h2 {font-size: 15px;line-height: 20px;}
.main h3 {font-size: 12px;line-height: 20px;}
.main h4 {font-size: 12px;line-height: 20px;}
.main h5 {font-size: 12px;line-height: 20px;margin: 0px;padding: 0px;}

.main ul {margin: 10px 0px;padding: 0px;list-style-type: none;}
.main li {line-height: 28px;margin: 0px;padding: 0px;}

.topic {background-image: url(../img/topic.gif);background-repeat: no-repeat;font-size: 15px;color: #FFFFFF;text-indent: 5px;clear: both;width: 475px;padding: 2px 0px;margin: 0px 0px 20px;}

.txt_bass {background-image: url(../img/tb_midlle.gif);background-repeat: repeat-y;margin: 0px 0px -21px;padding: 20px; zoom: 1;}
.top {background-image: url(../img/tb_top.gif);background-repeat: no-repeat;font-size: 15px;color: #006666;line-height: 20px;margin: 0px;padding: 15px 20px 10px;clear: both;}
.top a:link {color: #006666;text-decoration: none;}
.top a:visited {color: #006666;text-decoration: none;}
.top a:hover {color: #006666;text-decoration: underline;}
.bottom {background-image: url(../img/tb_bottom.gif);background-repeat: no-repeat;font-size: 11px;line-height: 100%;text-align: right;margin: 0px 0px 15px;padding: 15px 20px 19px 0px;}
.mid {background-image: url(../img/tb_midlle02.gif);background-repeat: no-repeat;font-size: 11px;line-height: 100%;text-align: right;margin: 0px;padding: 15px 20px 19px 0px;}

.txt_bass02 {padding: 0px;margin: 0px;width: 515px;}

.image {float: left;display: block;margin: 0px 15px 0px 0px;padding: 0px;border: 1px solid #CCCCCC;}

.home {font-size: 12px;text-align: center;display: block;margin: 30px 0px;padding: 0px;clear: both;}
.home a:link {color: #333333;}
.home a:visited {color: #333333;}
.home a:hover {text-decoration: none;color: #E94B14;}

.click {font-weight: bold;background-image: url(../img/favorite.gif);background-repeat: no-repeat;line-height: 32px;padding: 0 0 0 25px;}
.page {background-image: url(../img/icon_page.gif);background-repeat: no-repeat;line-height: 20px;padding: 5px 0px 4px 22px;}
.in {background-image: url(../img/icon_in.gif);background-repeat: no-repeat;line-height: 13px;padding: 0px 0px 0px 20px;}

.d_footer {font-size: 12px;line-height: 16px;color: #000000;text-align: right;display: block;margin: 50px 0px 15px 10px;clear: both;}

.next {font-size: 11px;text-align: right;display: block;margin: 0px;padding: 0px;clear: both;}

.model {margin: 0px 0px 30px;padding: 0px;}
.model dt {background-image: url(../img/icon_model.gif);background-repeat: no-repeat;text-indent: 22px;line-height: 16px;margin: 0px 0px 5px;}
.model dd {color: #5887D6;margin: 0px 0px 15px;padding: 7px;border: 1px dotted #BCCFEF;}

.advice {background-color: #FFFFCC;clear: both;margin: 5px 0px 20px;padding: 10px;border: 1px solid #99CC00;color: #996600;}
.advice h4 {font-size: 14px;line-height: 14px;color: #008C00;margin: 0px 0px 15px;padding: 0px;}

.ranking9pix {font-size: 9px;line-height: 160%;}

.mail_box {height: 20px;font-size: 11px;padding-left: 3px;}

.s_link {font-size: 11px;background-image: url(../img/icon_squeare.gif);background-repeat: no-repeat;height: 20px;padding-left: 25px;}

.mini_topic {font-size: 11px;margin: 0px;line-height: 150%;padding-right: 7px;padding-left: 0px;padding-top: 7px;padding-bottom: 0px;}

.posting {width: 80px;margin: 20px 0px 20px 180px;border: none;}

.relation {padding: 0px;margin-top: 20px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}
.relation h3 {background-image: none;padding: 0px 0px 3px;margin: 0px;border: none;}

.site_img {margin: 0px 0px 35px;padding: 0px;}
.site_img img {padding: 0px;float: left;margin: 5px 10px 0px 0px;}

.sp_box {border: 1px solid #999999;padding: 5px;margin: 0px;}

.index {font-size: 12px;clear: both;margin: 10px 0px 20px;}
.index img {float: left;margin: 0px 15px 20px 0px;}
.index dl {margin: 0px;}
.index dt {font-size: 12px;line-height: 15px;margin: 0px;clear: both;}
.index dd {margin-top: 5px;margin-bottom: 5px;}

.menu {margin: 20px 0px;padding: 0px;clear: both;}
.menu dt {background-image: url(../img/icon_page.gif);background-repeat: no-repeat;font-size: 12px;line-height: 20px;text-indent: 20pt;margin: 0px 0px 5px;}
.menu dd {margin: 0px;padding: 0px 0px 10px;}



/*-----excellent style-----*/
.function {font-size: 12px;margin: 0px 0px 20px;padding: 0px;clear: both;}
.function dt {line-height: 30px;margin: 15px 0px 0px 15px;}
.function dd {line-height: 30px;text-indent: 30px;margin: 0px;}

.review {font-size: 12px;margin: 0px 0px 20px;padding: 0px;clear: both;}
.review dt {line-height: 12px;margin: 0px 0px 10px;}
.review dd {line-height: 12px;margin: 0px 0px 10px;padding: 0px;}

.fine {background-image: url(../img/wakaba.gif);background-repeat: no-repeat;background-position: 30px 5px;padding: 0px 0px 0px 20px;font-weight: bold;color: #66CC00;}



/*-----area style-----*/
.area_index {margin: 0px;padding: 0px 0px 5px;clear: both;}
.area_index dt {background-image: url(../img/ch.gif);background-repeat: no-repeat;font-size: 11px;line-height: 13px;color: #999900;text-indent: 13pt;margin: 0px 0px 3px 10px;padding: 0px;}
.area_index dd {font-size: 12px;color: #999999;line-height: 20px;float: left;margin: 0px;padding: 0px 0px 0px 15px;}

.area {margin: 0px;}
.area h3 {margin: 10px 0px 0px;padding: 0px;border: none;line-height: 14px;height: 15px;color: #339900;font-size: 12px;text-indent: 2pt;}
.area img {margin: 0px 20px 20px 0px;padding: 0px;float: left;}
.area li {margin: 0px 10px 5px 0px;padding: 0px;display: inline;line-height: 20px;font-size: 12px;}

.site_index {font-size: 12px;clear: both;margin: 0px;}
.site_index img {float: left;margin: 0px 10px 30px 0px;}
.site_index dl {margin: 0px;}
.site_index dt {line-height: 18px;margin: 0px;clear: both;}
.site_index dd {margin: 3px 0px;}
.site_index dt a:link {font-weight: bold;}
.site_index dt a:visited {font-weight: bold;}

.green_box {background-color: #F7FEF4;display: block;margin: 0px 0px 20px;padding: 0px 10px;clear: both;border: 1px solid #98DD77;}
.green_box dt {font-weight: bold;color: #009900;line-height: 30px;margin: 0px 0px 7px;padding: 0px;}
.green_box dd {margin: 0px 0px 10px;padding: 0px;line-height: 150%;}



/*-----navigation style-----*/
.linear {list-style-type: none;color: #CCCCCC;margin: 0px;padding: 0px;clear: both;height: 25px;}
.linear a:link {color: #333333;}
.linear a:visited {color: #333333;}
.linear a:hover {text-decoration: none;color: #E94B14;}
.linear li {margin: 0px;line-height: 20px;}
.linear_r {float: right;}
.linear_l {float: left;width: 200px;}
.linear_index {float: left;}

.recommend {display: block;margin: 0px 0px 20px;padding: 0px 10px;clear: both;border: 1px solid #DDD8D6;background-color: #FAF9F9;}
.recommend dt {font-weight: bold;color: #FF6600;margin: 0px 0px 10px;padding: 0px;line-height: 30px;}
.recommend dd {line-height: 20px;margin: 0px 0px 10px;padding: 0px;background-image: url(../img/icon_page.gif);background-repeat: no-repeat;text-indent: 25px;line-height: 20px;margin: 0px 0px 10px;padding: 0px;}

.url {clear: both;}

.more_site {font-size: 10px;color: #006666;list-style-type: none;display: block;text-align: right;margin: 0px 0px 20px;}

/*-----matrix style-----*/
.matrix {margin: 0px;padding: 0px 0px 20px;}
.matrix img {float: left;margin: 0px 7px 0px 0px;clear: both;height: 48px;width: 56px;}
.matrix dl {margin: 15px 0px 0px;}
.matrix dt {font-size: 12px;margin: 0px 0px 7px;line-height: 120%;}
.matrix dd {font-size: 11px;line-height: 20px;margin: 0px 0px 20px;height: 20px;}




/*-----diary style-----*/
.prev_diary {margin: 0px;padding: 5px;clear: both;}
.prev_diary dt {color: #FF6600;font-weight: bold;margin: 20px 0px 15px;padding: 0px;}
.prev_diary dd {background-image: url(../img/icon_page.gif);background-repeat: no-repeat;line-height: 18px;float: left;margin: 0px 15px 30px 0px;padding: 0px 0px 0px 20px;}

.post {clear: both;margin: 0px 0px 30px;padding: 10px;border: 1px dotted #CCCCCC;}
.post h3 {background-image: url(../img/icon_post.gif);background-repeat: no-repeat;line-height: 24px;font-size: 15px;text-indent: 30px;margin: 0px 0px 10px;padding: 0px;}
.post dl {margin: 0px 0px 20px;padding: 5px;background-color: #FEF7B6;}
.post dt {margin: 0px 0px 5px;padding: 0px;}
.post dd {margin: 0px 0px 5px;padding: 0px;}

.massenger {color: #5887D6;margin: 0px 0px 15px;padding: 7px;border: 1px dotted #BCCFEF;}
.massenger_lady {color: #FF6699;margin: 0px 0px 15px;padding: 7px;border: 1px dotted #FFC4C4;}



/*-----link page style-----*/
.link_page {margin: 10px 0px;padding: 0px;}
.link_page dd {margin: 0px 0px 20px;padding: 0px;}

.ranking_site {margin: 10px 0px;padding: 0px;}
.ranking_site li {background-image: url(../img/osusume.gif);background-repeat: no-repeat;text-indent: 70px;line-height: 23px;margin: 0px 0px 15px;padding: 0px;}

.link_tug {border: 1px dotted #999999;background-color: #FFFFFF;padding: 7px;margin: 10px 0px 20px;font-size: 12px;line-height: 12px;}
