@charset "euc-jp";

html,body,div,p,li,ul,ol,span,img,dl,dt,dd,h1,h2,h3,h4,h5,h6,a{ 
font-size:100%;
margin:0;
padding:0;
border:0;
}

#wrap ul,#wrap ol{
list-style:none;
}

body{
background:url(../images/bg.jpg) center bottom no-repeat fixed #FFF;
}

#wrap{
color:#000;
font-size:90%;
background:url(../images/wrap.png) center top repeat-y;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS Pゴシック','メイリオ',Meiryo,sans-serif;
text-align:center;
line-height:1.5;
width:770px;
margin:0 auto;
padding:0 0 20px;
}

*:first-child+html #wrap {
font-family: "メイリオ","Meiryo";
}

/*----------------------------------------------*/

a:link,
a:visited,
a:active{
color:#000;
text-decoration:underline;
}

a:hover{
color:#666;
text-decoration:none;
}

/*----------------------------------------------*/

#wrap .topicpath{
font-size:12px;
text-align:right;
background-color:transparent;
padding:0 20px 10px;
}

/*----------------------------------------------*/

.clearAll{
font-size:1px;
width:auto;
height:1px;
display:block;
clear:both;
}

/*----------------------------------------------*/

div.pager{
	margin:0 auto;
	padding:0;
	_padding:0 0 1px;
}

div.pager span.current_page{
	background-color:#FFF;
	border:1px solid #89a046;
	color:#89a046;
	font-size:10px;
	margin:1px;
	padding:3px 6px;
}

div.pager a.link_before{
	margin-right:9px;
}

div.pager a.link_next{
	margin-left:9px;
}

div.pager a{
	background-color:#FFF;
	border:1px solid #666;
	color:#333;
	font-size:10px;
	margin:1px;
	padding:3px 6px;
	text-decoration:none;
}

div.pager a:visited{
	text-decoration:none;
}

div.pager a:hover{
	background-color:#FFF;
	border:1px solid #999;
	color:#999;
	text-decoration:none;
}

/*----------------------------------------------*/

#wrap #main{
text-align:center;
width:570px;
float:right;
clear:right;
display:inline;
margin-right:10px;
}

#wrap #main .entry{
background:url(../images/entry.gif) center top repeat-y #FFF;
text-align:left;
width:500px;
margin:0 auto;
padding:0 15px;
}

#wrap #main .entry p{
background-color:transparent;
text-align:left;
padding:5px 0;
}

#wrap #main .entry p.date{
font-size:80%;
text-align:right;
padding-top:15px;
}

#wrap #main .entry img{
margin:5px 0;
border:1px solid #DDD;
}

#wrap #main .entryFoot{
background:url(../images/entryFoot.gif) center top no-repeat;
font-size:1px;
width:530px;
height:20px;
margin:0 auto 20px;
display:block;
clear:both;
}

/*----------------------------------------------*/

#wrap #sidebar{
color:#FFF;
background-color:#000a1b;
text-align:center;
width:180px;
float:left;
clear:left;
display:inline;
margin-left:10px;
}

#wrap #sidebar ul{
font-size:85%;
text-align:left;
width:160px;
margin:10px auto;
}

#wrap #sidebar ul li{
padding:2px 0;
}

#wrap #sidebar a:link,
#wrap #sidebar a:visited,
#wrap #sidebar a:active{
color:#FFF;
text-decoration:none;
}

#wrap #sidebar a:hover{
color:#a6aaaf;
text-decoration:none;
}

/*----------------------------------------------*/

#wrap h1{
font-size:8px;
background:url(../images/h1.jpg) 0 0 no-repeat;
text-align:left;
text-indent:-9999px;
width:180px;
height:470px;
margin:0 auto;
padding:0 0 30px;
}

#wrap h1 a{
width:180px;
height:470px;
display:block;
/*\*/
overflow:hidden;
/**/
}

#wrap h2{
font-size:8px;
background:url(../images/h2.jpg) 0 0 no-repeat;
text-align:left;
text-indent:-9999px;
width:570px;
height:190px;
padding:0;
margin:0 auto 10px;
display:block;
}

#index #wrap h2{
margin-bottom:20px;
}

#wrap h2 a{
width:570px;
height:190px;
display:block;
/*\*/
overflow:hidden;
/**/
}

#wrap #sidebar h2{
display:none;
}

#wrap h3{
color:#4b5970;
font-size:16px;
background:url(../images/h3.gif) 0 0 no-repeat;
text-align:left;
line-height:1.4;
width:450px/*530px*/;
padding:18px 10px 10px 70px;
margin:0 auto;
display:block;
}

#wrap #sidebar h3{
color:#000a1b;
font-size:12px;
background:url(../images/h3side.gif) 0 0 no-repeat;
text-align:center;
line-height:20px;
width:160px;
height:20px;
margin:10px auto;
padding:0;
display:block;
}

/*----------------------------------------------*/

#wrap .back{
width:530px;
height:28px;
margin:10px auto 0;
border-bottom:1px solid #999;
}

#wrap .back a:link,
#wrap .back a:visited,
#wrap .back a:hover,
#wrap .back a:active{
text-decoration:none;
}

#wrap .back a.rollover{ 
font-size:10px;
text-indent:-9999px;
display:block; 
/*\*/
overflow:hidden;
/**/
} 

#wrap .back a.rollover{
width:127px;
height:28px;
margin:0 0 0 auto;
padding:0;
float:right;
}

#wrap .back a.rollover{background:url(../images/back.gif) 0 0 no-repeat;}
#wrap .back a.rollover:hover{background:url(../images/back.gif) 0 -28px no-repeat;}

/*----------------------------------------------*/

#wrap .home{
text-align:center;
margin:40px auto;
}

#wrap .home img{
margin:0 auto;
border:0;
}

/*----------------------------------------------*/

#footer{
font-family: Helvetica, Geneva, Arial, san-serif;
font-weight:bold;
text-align:center;
margin:20px auto;
padding:0;
}