body{
background:url(../img/common/bg.gif) repeat-y center #fff;
color:#474747;
font:13px/1.4em "ＭＳ Ｐゴシック", "Osaka" ,"Hiragino Kaku Gothic Pro", arial, helvetica, verdana ,sans-serif;
text-align:center;
}
a{
color:#1F4C69;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
.img-c{
vertical-align:middle;
}
.mt20{
margin-top:20px;
}
.mt5{
margin-top:5px;
}
#wrapper{
width:860px;
margin:0 auto;
text-align:left;
}

/* header -------------------------------------------------------- */

#header{
width:860px;
height:70px;
margin-top:20px;
position:relative;
background:url(../img/common/header-bottom.gif) no-repeat bottom;
}
#header h1 img{
width:210px;
height:52px;
position:absolute;
top:0;
left:0;
}
#header p{
float:right;
text-align:left;
line-height:1.2em;
padding-top:10px;
}
ul#g-nav{
width:860px;
height:35px;
background:url(../img/common/nav-bg.gif) no-repeat;
}
ul#g-nav li{
float:left;
line-height:1em;
margin:8px 0 0 8px;
padding-right:8px;
background:url(../img/common/nav-line.gif) repeat-y right;
}
ul#g-nav li a{
color:#1F4C69;
text-decoration:none;
}

/* { pull ] -------------------------------------------------------- */

ul#pulldown-menu{ /* IE6 対策 */
behavior: url("../css/csshover.htc");
width:860px;
height:35px;
margin-bottom:10px;
background:url(../img/common/nav-bg.gif) no-repeat;
}


ul#pulldown-menu a{
color:#1F4C69;
text-decoration:none;
}
ul#pulldown-list a:link,
ul#pulldown-list a:visited{
background:url(../img/common/pull-bg.gif) no-repeat;
}
ul#pulldown-list a:hover,
ul#pulldown-list a:active{
background:url(../img/common/pullon-bg.gif) no-repeat;
}

ul#pulldown-menu li{
float:left;
position:relative;
width:150px;
height:26px;
line-height:2em;
}
ul#pulldown-menu li a{
display:block;
width:150px;
height:26px;
line-height:2em;
text-align:center;
}

/* 下層のメニューを不可視に */
ul#pulldown-menu li ul{
display:none;
}

/* 疑似要素 :hover で下層のメニューを可視に */
ul#pulldown-menu li:hover ul{
display:block;
position:absolute;
z-index:100;
}

ul#pulldown-menu li ul li{
float:none;
margin:0;
font-weight:normal;
font-size:0.8em;
}
ul#pulldown-menu li ul li a{
padding-top:1px;
}

.menu-right a{
background:url(../img/common/nav-line.gif) no-repeat right top;
line-height:1.1em;
}
ul#pulldown-list li a{
background:none;
}

/* left -------------------------------------------------------- */
#left{
width:180px;
float:left;
text-align:left;
padding-top:10px;
padding-bottom:20px;
}

ul#contents{
width:180px;
margin-bottom:10px;
}
ul#contents li.title{
margin-bottom:1px;
}
ul#contents li{
margin-bottom:px;
}

#left h3{
padding:0 0 3px 10px;
margin:20px 0 10px 0;
font-size:12px;
line-height:1em;
font-weight:bold;
border-left:3px solid #3686B9;
border-bottom:1px solid #ccc;
}

/* main -------------------------------------------------------- */

#main{
width:480px;
float:left;
text-align:left;
margin-top:10px;
margin-left:10px;
margin-bottom:20px;
}

/* right -------------------------------------------------------- */

#right{
width:180px;
float:right;
text-align:left;
margin-top:10px;
margin-left:10px;
}
ul#sponsor-bnr{
width:160px;
margin:10px auto 20px auto;
}
ul#sponsor-bnr li{
margin-bottom:3px;
}
.sponsor-line{
width:176px;
margin-top:1px;
border:2px solid #CECFCF;
}
.ads{
text-align:center;
margin-top:10px;
padding:0;
}

/* footer -------------------------------------------------------- */

#footer{
width:860px;
height:80px;
margin-top:20px;
background:url(../img/common/footer-bg.gif) repeat-y top;
clear:both;
}
#wrapper-f{
width:100%;
padding:1px;
}
ul#f-nav{
width:580px;
margin:30px auto 0 auto;
font-size:11px;
line-height:1.1em;
}
ul#f-nav li{
float:left;
margin-left:9px;
}
ul#f-nav li.line{
float:left;
margin-left:9px;
padding-right:9px;
background:url(../img/common/fnav-line.gif) repeat-y right;
}
#copyright{
clear:both;
font:10px/1.1em Arial, Helvetica, sans-serif;
padding:10px 0;
text-align:center;
}

/* BLOG -------------------------------------------------------- */

#calendar table{
width:180px;
background-color:#333;
font-size:11px;
text-align:center;
margin-bottom:10px;
}
.calendartitle{
background-color:#333;
padding:3px;
color:#fff;
font-weight:normal;
}
.calendartitle a{
color:#fff;
text-decoration:none;
}
#calendar table th{
width:14%;
padding:3px;
color:#fff;
font-weight:normal;
background-color:#ccc;
}
#calendar .sun{
color:#ff0000;
}
#calendar .sat{
color:#3686B9;
}
#calendar table td{
width:14%;
padding:3px;
background-color:#fff;
}
#author{
margin-bottom:20px;
}
.entry{
padding-bottom:50px;
}
.entrydate{
color:#999;
text-align:right;
padding:20px 0;
}
.entrybody{
padding:10px 0 20px 0;
}
.entryheader{
color:#999;
font-weight:bold;
padding-bottom:5px;
margin-bottom:5px;
background:url(../img/common/line-x.gif) repeat-x bottom;
}
.entryheader span{
font-size:18px;
color:#333;
font-weight:bold;
}
.entrybottom{
padding-top:10px;
}
.r-box{
padding-top:10px;
text-align:right;
}
.trackback{
padding:10px 0 20px 0;
margin-bottom:20px;
background:url(../img/common/line-x.gif) repeat-x bottom;
}
.archivetitle{
background:url(../img/common/title-bg.gif) no-repeat left top;
padding:3px 0 3px 10px;
margin-bottom:20px;
color:#fff;
font-weight:bold;
}
.pagenav{
text-align:center;
}

.page-nav{
text-align:right;
margin-top:10px;
}

.tag{
margin-bottom:15px;
}

.ads-entry{
margin-top:30px;
margin-bottom:30px;
}

.r-entry a:hover{
color:#ff0000;
}
.r-entry h2{
font-size:12px;
margin-bottom:10px;
}

/* { category ] -------------------------------------------------------- */

.category-nav{
text-align:center;
margin-bottom:20px;
}
.category-nav ul li{
list-style-type:none;
display:inline;
background-color:#fff;
margin:auto 5px;
}
.category-nav ul li a{
text-decoration:none;
color:#1F4C69;
border:1px solid #ccc;
padding-left:5px;
padding-right:5px;
}
.category-nav ul li a:hover{
color:#1F4C69;
border:1px solid #1F4C69;
padding-left:5px;
padding-right:5px;
}
.category-nav ul span.current-page{
color:#000;
}


/* { reset ] -------------------------------------------------------- */

*{ 
margin:0;
padding:0;
}
img{
border:none;
vertical-align:top;
}
ul,ol{
list-style:none;
}
hr{
display:none;
}
img{
border:none;
vertical-align:top;
}

/* clear -------------------------------------------------------- */

.hidden{
display:none;
}
.clear:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clear{
display:inline-block;
}
.clear{
display:block;
}
/* HIDE IEmac-5 ＼*/
* html .clear {height:1%;}
*+html .clear {height:1%;}
.clear {display:block;}
/* */