@charset "utf-8";

/*=====================================
サイドバー修正用
=====================================*/
.Category {
background : url('/images/more.jpg') no-repeat 0 0;
text-align : left;
padding-left : 20px;
}
.widget_category{
border-right:1px solid #A4B9D1;
border-left:1px solid #A4B9D1;
border-bottom:1px solid #A4B9D1;
padding:0 10px 10px 10px;
line-height : 1.5;
}
/*=====================================
Layout Reset
=====================================*/
html {
overflow-y: scroll;
}
body {
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,th {
text-align: left;
}
q:before,q:after {
content: '';
}
object,
embed {
vertical-align: top;
}
hr,legend {
display: none;
}
h1,h2,h3,h4,h5,h6,dt {
font-size: 110%;
}
img,abbr,acronym,fieldset {
border: 0;
}
li {
list-style-type: none;
}
dt,dd {
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: pre-wrap;      /* CSS3 */
word-wrap: break-word;      /* IE 5.5+ */
}

/*=====================================
DefaultLayout & GeneralLayout
=====================================*/

/* DefaultLayout
-------------------------------------- */
body {
background:url('/images/bg.jpg') repeat-x 0 0;
font-size: 90%;
font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height: 1.6;
}
* html body {/* for IE6 */
font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/* Link
-------------------------------------- */
a:link,
#main .item .item_list a:link {
color:#000;
text-decoration: none;
outline: none;
}
a:visited,
#main .item .item_list a:visited {
color:#4F1386;
text-decoration: none;
outline: none;
}
a:hover,
#main .item .item_list a:hover {
color:#133B86;
text-decoration: underline;
outline: none;
}
a:active,
#main .item .item_list a:active {
color:#4B76C8;
text-decoration: underline;
outline: none;
}
a:link.line,
#comments a:link,
.comment-content a:link,
#main .item a:link {
color:#000;
text-decoration: underline;
outline: none;
}
a:visited.line,
#comments a:visited ,
.comment-content a:visited ,
#main .item a:visited {
color:#4F1386;
text-decoration: underline;
outline: none;
}
a:hover.line,
#comments a:hover,
.comment-content a:hover,
#main .item a:hover {
color:#133B86;
text-decoration: underline;
outline: none;
}
a:active.line,
#comments a:active,
.comment-content a:active ,
#main .item a:active {
color:#4B76C8;
text-decoration: underline;
outline: none;
}

/* GeneralLayout
-------------------------------------- */
.clearfix:after {
content: ".";
clear: both;
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
.clearfix {
zoom: 1;
}
.clear {
clear:both;
}
.more,
.rss {
clear: both;
text-align: right;
}
.more a {
padding:0 0 5px 20px;
background: url('/images/more.jpg') no-repeat 0 0;
padding-bottom: 5px;
zoom: 1;
}
.rss a {
padding:0 0 5px 20px;
background: url('/images/rss.jpg') no-repeat 0 0;
zoom: 1;
}
.fr {
float: right;
margin: 3px 0 10px 10px;
}
.fl {
float: left;
margin: 3px 10px 10px 0;
}
.fl_s {
float: left;
margin:0;
padding:0;
}
.dot_b{
border-bottom:1px dotted #A4B9D1;
padding-bottom:5px;
}
/* skipnav */
#skipnav {
position: absolute;
top: 0;
left: 0;
display: block;
height: 15px;
}
#skipnav a img {
margin: 0;
display: none;
}
#skipnav a:focus img {
display: block;
}
/* categorypath */
#categorypath {   
 padding: 0 0 10px 0;  
}   
#categorypath li {   
 display:inline;
 line-height:100%;
}   
#categorypath li a {   
 padding-right:10px;   
 background:url('/images/topicpath.gif') no-repeat right center;
}
#categorypath li.current {
font-weight: bold;
}

/*=========================================
MajorLayout & ContentsLayout
=========================================*/

/* share_style
-------------------------------------- */
.inner {
padding:10px;
}
#header_inner {
position: relative;
width: 950px;
margin: 0 auto;
}
#main_inner {
padding-right:10px;
}
#sub_r_inner {
padding:0;
}
#sub_l_inner {
padding-right:10px;
}
/* #page
-------------------------------------- */
#page {
margin: 0 auto;
}
/* #header
-------------------------------------- */
#header {
height: 190px;
background: url('/images/header_bg.jpg') no-repeat center 0;
}
#header h1,
#header #logo{
width:375px;
float:left;
padding-right:10px;
}
#header p{
padding:25px 0 0 0;
font-size:13px;
line-height:1.3;
}
/* #fontsize */
#header  div#fontsize {
position:absolute;
top:100px;
left:452px;
}
#header  #fontsize img{
margin-right:5px;
}
#header img.small,
#header img.normal,
#header img.big{
cursor:pointer;
}
/* #unav */
#header ul#unav{
position:absolute;
top:104px;
right:0;
}
#header ul#unav li{
float:left;
display:inline;
width:100px;
padding-left:1px;
}
/* #container
-------------------------------------- */
#container {
width: 950px;
margin: 0 auto;
overflow: hidden;
}
#container .pagetop{
clear: both;
padding-top: 10px;
text-align: right;
}
#container .pagetop a img{
vertical-align:bottom;
padding-right:5px;
}
/* #contents topのみ
-------------------------------------- */
#contents {
width:740px;
float:right;
}
/* #main
-------------------------------------- */
/* #main_top */
#main_top {
float:left;
width:540px;
}
#main_top .item{
clear:both;
width:530px;
background: url(/images/item_top_bg.gif) repeat-y 0 0;
margin-bottom:10px;
}
#main_top .item_cont{
border-right:1px solid #A4B9D1;
border-left:1px solid #A4B9D1;
border-bottom:1px solid #A4B9D1;
padding:0 10px 5px 10px;
}
#main_top .item_cont p{
padding-left:10px;
}
#main_top .item_cont h3{
border-left:3px solid #4B87CC;
padding-left:5px;
margin-top:10px;
background:url(../images/h3_bg.gif) no-repeat 0 bottom;
}
#main_top .item_cont h4{
border-left:3px solid #4B87CC;
padding-left:5px;
}
/* #tabnav */
#tabnav_container{
width:530px;
background: url(/images/tabnav_bg.gif) repeat-y 0 0;
padding-bottom:10px;
border-bottom:1px solid #DDD;
margin-bottom:10px;
}
/* variation  -----　*/
#tabnav{
float:left;
width:530px;
height:42px;
background:url(/images/tabnav.jpg) no-repeat 0 0;
overflow: hidden;
margin-bottom:5px;
}
#tabnav li{
float:left;
}
#tabnav li a{
display:block;
width:104px;
height:42px;
text-align:center;
padding:10px 1px 5px 1px;
line-height:normal;
font-size:12px;
}    
#tabnav li a:hover,
#tabnav li a:active,
#tabnav li a span{
background:url(/images/tabnav_on.jpg) no-repeat 0 0;
outline: none;
}
#serviceList{
clear:both;
width:510px;
height:210px;
overflow:auto;
background:#FFF;  
scrollbar-base-color:#C5DDFA;
scrollbar-face-color: #C5DDFA;
scrollbar-shadow-color: #CCC;
scrollbar-highlight-color: #FFF;
scrollbar-3dlight-color: #EEE;
scrollbar-darkshadow-color: #EEE;
scrollbar-track-color: #EEE;
scrollbar-arrow-color: #04296F;
margin:0 10px;
}
#serviceList h2{
clear:both;
}
#serviceList p{
margin:0 10px 5px 0;
padding:0 5px;
background:#EEE;
}
#serviceList dl {
width:480px;
margin-bottom:2px;
clear:both;
border-top:1px dotted #DDD;
}
#serviceList dt {
float:left;
width:140px;
padding:0 5px;
margin:5px 0;
background:#04296E;
font-size:90%;
color:#FFF;
text-align:center;
}
#serviceList dd{
margin:3px 0 0 152px;
padding:0 10px;
}
/* #main */
#main {
float:left;
width:750px;
}
#main h1,
#main p{
margin-bottom:5px;
}
#main h2{
background: url(/images/main_h2.jpg) no-repeat 0 0;
height:43px;
padding:20px 10px 0 20px;
font-size:130%;
margin-bottom:5px;
border-top:1px solid #CCC;
border-right:1px solid #CCC;
border-left:1px solid #CCC;
}
#main .item{
clear:both;
width:738px;
margin-bottom:10px;
border:1px solid #CCC;
}
#main .item h2{
background: url(/images/main_h2.jpg) no-repeat 0 0;
height:43px;
padding:20px 10px 0 20px;
font-size:130%;
margin-bottom:10px;
border-top:none;
border-right:none;
border-left:none;
}
#main .item div,
#main .item p,
#main .item ul,
#main .item ol,
#main .item dl{
padding:5px 15px;
}
#main .item h3{
clear:both;
background:url(/images/cont_bg.gif) repeat 0 0;
padding:5px 10px;
margin:1px;
font-size:130%;
}
#main .item h4{
clear:both;
border-top:1px solid #E7E1DE;
border-right:1px solid #D8D1CE;
border-bottom:1px solid #D8D1CE;
border-left:1px solid #E7E1DE;
background:#EFECEB;
margin:10px 10px 0 10px;
padding:5px;
}
#main .item h5{
clear:both;
border-bottom:2px groove #D8D1CE;
margin:10px 10px 0 10px;
padding:5px;
}
#main .item h6{
clear:both;
margin:10px 10px 0 10px;
padding:5px;
}
#main .item ul.item_list li{
border-bottom:1px dotted #CCC;
padding-bottom:3px;
margin-bottom:3px;
}
#main .item ul.item_list li span{
background:url(/images/cont_bg.gif) repeat 0 0;
padding:2px 10px;
margin-right:5px;
font-weight:bold;
}
#main .item div.date{
margin:0 5px 0 5px;
padding:0;
text-align:right;
float:right;
}
#main .item div.date a{
padding-right:10px;
}
#main .item table{
margin:5px 15px;
}
#main .item table td,
#main .item table th{
padding:5px;
}
#main .item table.line{
margin:5px 15px;
border:1px solid #333;
}
#main .item div.item_footer{
border-top:1px dotted #CCC;
height: 28px;
margin:5px 5px 0 5px;
padding-bottom :0;
}
#main .item div.bookmark{
margin:0px 10px 0 0px;
padding:2px;
float: left;
}
.item table.line td,
.item table.line th{
padding:5px;
border:1px solid #333;
}
.item ul.list li,
.comment-content ul li,
#comments ul li{
list-style-type:disc;
margin:5px 15px;
}
.item ol.list li,
.comment-content ol li,
#comments ol li{
list-style-type:decimal;
margin:5px 15px 5px 20px;
}
#main ul#page_arrow{
margin-bottom:10px;
text-align:center;
}
#main ul#page_arrow li{
width:240px;
float:left;
display:inline;
}
#main ul#page_arrow li a img{
padding-right:2px;
}
#main img.entryimg{
padding-right:10px;
}
#comments strong,
.comment-content strong{
font-weight: bold;
}
#comments em,
.comment-content em{
font-style: italic;
}
.webpage h3{
background-color: #ffffb0;
margin:0 1px 5px 1px;
padding:5px 10px 5px 10px;
}
.webpage h4{
border-bottom: 1px solid #e0e8ff;
}
/* #sub_r
-------------------------------------- */
#sub_r {
float:left;
width:200px;
}
/* #sub_l
-------------------------------------- */
#sub_l {
float:left;
width:210px;
}
#randombnr img,
.bnr {
margin-bottom:8px;
}
/* widget
-------------------------------------- */
.widget {
clear:both;
width:200px;
background: url(/images/widget_bg.jpg) repeat-y 0 0;
margin-bottom:10px;
line-height:1.3;
}
.widget_cont {
border-right:1px solid #A4B9D1;
border-left:1px solid #A4B9D1;
border-bottom:1px solid #A4B9D1;
padding:0 10px 10px 10px;
}
.widget h2.text_title{
border-top:1px solid #A4B9D1;
border-bottom:1px dotted #A4B9D1;
padding:5px 10px;
margin-bottom:5px;
}
.widget_cont .widget_item{
clear:both;
overflow:hidden;
zoom: 1;
margin-bottom:5px;
}
.widget_cont p.img{
float:left;
padding:0 10px 0 0;
}
.widget_cont .text{
overflow:hidden;
zoom: 1;
}
.widget .date{
color:#04296F;
}
.widget h3{
background:#DADADA;
padding:0 5px;
font-size:90%;
}
.widget h4{
padding:2px 0 0 0;
font-size:90%;
}
.widget dl dt{
font-weight:bold;
border-left:3px solid #4B87CC;
padding-left:5px;
}
.widget dl dd{
padding:0 10px 10px 10px;
}
/* #sitesearch
----------------------------------------------------------- */
#sitesearch #search-word{
padding:0 2px;
width: 134px;
vertical-align: middle;
}
#sitesearch #search-submit{
margin-left: 2px;
vertical-align: middle;
}
/* #footer
---------------------------------- */
#footer {
clear: both;
background:#A7CBF6 url('../images/footer_bg_f.jpg') repeat-x 0 0;
}
#footer_inner {
width: 950px;
min-height:330px;
margin: 0 auto;
padding-top: 10px;
background: url('/images/footer_bg_map.jpg') no-repeat 0 0;
}
#footer h2 {
clear: both;
padding-left:10px;
}
#footer p {
padding-left:10px;
}
#footer p a{
color:#000;
}
#footer #copyright {
clear: both;
padding-left:10px;
font-size: 85%;
}
#footer #sitemaparea {
float:left;
width:940px;
padding:10px 0 10px 10px;
}
#footer #sitemaparea .sitemapbox {
float:left;
width:178px;
margin-right:10px;
}
#footer #sitemaparea .sitemapbox p{
font-weight:bold;
background: url('/images/footer_line.gif') repeat-x left bottom;
padding-bottom:2px;
margin-bottom:5px;
}
#footer #sitemaparea .sitemapbox ul li{
margin-bottom:2px;
}
#footer #sitemaparea .sitemapbox ul li a {
color:#000;
display:block;
padding-left: 10px;
background: url('/images/arrow.gif') no-repeat 0 6px;
zoom: 1;
}
div#photo img {
margin-left: -2px;
}
ul#album {
padding-left: 0;
}
ul#album li {
list-style-type: none;
height: 200px;
}
#pagerank_viewer img{
clear: both;
}
.widget-calendar .widget-content table {
font-size: 10px;
border-collapse: collapse;
width: 100%;
}
.widget-calendar .widget-content th,
.widget-calendar .widget-content td {
text-align: center;
width: 14%;
padding: 2px 0;
}
ul#gnav{
position:absolute;
top:138px;
left:0;
float:left;
width:950px;
padding-left:0;
background:url(/images/gnav_on.jpg) no-repeat 0 0;
}
ul#gnav li{
float:left;
margin-right:0;
position:relative;
z-index: 10;
}
ul#gnav ul {
margin:0;
padding:0;
list-style-type:none;
width: 190px;
position: absolute;
z-index: 10;
top: 35px;
left: 0px;
display: none;
}
ul#gnav ul li{
position:relative;
z-index: 10;
}
ul#gnav ul li a{
width: 158px;
height: 22px;
display: block;
background: #BFC0C0 url(/images/icon.gif) no-repeat;
padding: 7px 5px 1px 27px;
border-bottom: 1px dotted #909090;
color: #000;
text-decoration: none;
}
ul#gnav ul li a:hover{
background: #000 url(/images/icon_on.gif) no-repeat;
color: #FFF;
}
ul#gnav ul li.first a{
background: #BFC0C0 url(/images/bg_navi.gif) no-repeat;
padding: 16px 5px 0px 27px;
}
ul#gnav ul li.first a:hover{
background: #000 url(/images/bg_navi_on.gif) no-repeat;
}
ul#gnav ul li ul {
top: 0px;
left: 190px;
}
ul#gnav ul ul{
display:none;
}
ul#gnav li a{
display: block;
width:190px;
height:35px;
}
ul#gnav a:hover,
ul#gnav a:active{
background:none;
}
ul#gnav a:hover img,
ul#gnav a:active img{
width:0;
height:0;
}
/* ほぷしぃ移行
----------------------------------------------------------- */
.frame {
border-right: #AAA 3px solid;
border-top: #CCC 1px solid;
border-left: #CCC 1px solid;
border-bottom: #AAA 3px solid;
padding:5px;
margin:10px;
background-color: #FFF;
}
.indent {
margin-left: 12px;
}
.center {
text-align: center;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.f_left {
float: left;
}
.c_left {
clear: left;
}
.b {
font-weight: bold;
}
.u {
text-decoration: underline;
}
.i {
font-style: italic;
}
.m {
font-size: medium;
}
.s {
font-size: small;
}
.xs {
font-size: x-small;
}
.red {
color: #f00;
}
.blue {
color: #00f;
}
.green {
color: #0F0;
}
.darkgreen {
color: #090;
}
.purple {
color: #F0F;
}
.orange {
color: #F60;
}
.white {
color: #FFF;
}
.darkred {
color: #C03;
}