@charset "UTF-8";

@import "css/tables.css";
@import "css/commonstyles.css";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
padding:0;
margin:0;
}

table{
border-collapse: collapse;
border-spacing:0;
}
img{
border:0;
line-height:0;
}

body{
font:12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;
background:#fff;
}


a:link,a:visited{color:#0E94B5;text-decoration:none;}
a:hover{color:#0E94B5;}
a:active, a:focus {outline:0;}
img{border:0;}

br.clear {
	clear: both;
}

/*******************************
レイアウト
*******************************/
#header, #mainNav, #wrapper{
margin:0 auto;
width:880px;
}

#wrapper{
height: 30px;
}


#sidebar{
float:right;
width:233px;
padding:22px 0 20px;
}

#main{
float:left;
width:627px;
padding:22px 0 20px;
}


/*******************************
/* ヘッダー
*******************************/

#headerDescArea{
	height: 35px;
}

#headerDescArea h1{
	font-size: 14px;
	color:#313131;
	padding-top:5px;
}

#header{
width:820px; /*実際の横幅は880ね*/
height:248px;
background: url(img/header.jpg) left top no-repeat;
padding: 0 30px;
}
#header h2{
padding-top: 40px;
text-align: center;
font-size:24px;
font-weight:bold;
line-height:35px;
}
#headertext{
text-align: center;
font-size:14px;
font-weight:normal;
line-height:22px;
}

/* スローガン */
#header h2{
top:2px;
left:0;
color:#333;
font-weight:bold;
}


/*******************************
/* メイン
*******************************/
#mainImg{margin-top:20px;}

h3.heading,h2.heading{
clear:both;
padding-left:17px;
line-height:33px;
font-size:14px;
font-weight:normal;
color:#333;
background:url(img/headingBg.png) no-repeat 0 0;
height: 33px;
overflow: hidden;
}

.main_contents h3,.main_contents h2{
clear:both;
padding-left:17px;
line-height:33px;
font-size:14px;
font-weight:normal;
color:#333;
background:url(img/headingBg.png) no-repeat 0 0;
border-right:solid 1px #dadada;
border-bottom:solid 1px #dadada;
height: 33px;
overflow: hidden;
}

.main_contents h4{
clear: both;
padding-left: 17px;
line-height: 30px;
font-size: 14px;
font-weight: normal;
background: url(./img/headingBg.png) no-repeat 0 0;
border-right:solid 1px #dadada;
border-bottom:solid 1px #dadada;
height: 30px;
overflow: hidden;
}

.main_contents h5{
clear: both;
padding-left: 17px;
line-height: 30px;
font-size: 13px;
font-weight: normal;
border:solid 1px #dadada;
height: 30px;
overflow: hidden;
}
.main_contents h6{
clear: both;
padding-left: 17px;
line-height: 30px;
font-size: 13px;
font-weight: normal;
border-top :solid 1px #dadada;
border-bottom :solid 1px #dadada;
height: 30px;
overflow: hidden;
}


.article{
border:0;
margin:0 0 20px 0;
padding: 0 10px 0 10px;
background:none;
border:1px solid #dcdcdc;
background:#fff;
}

.article_cell{
clear:both;
padding:20px 0 25px;
border-bottom:1px dashed #dcdcdc;
}

.main{
padding:20px 10px 20px 20px;
margin:0 0 20px 0;
border:0;
background:none;
border:1px solid #dcdcdc;
background:#fff;
}

.last{border-bottom:none;}

.main h4{
margin:0 0 10px 10px;
font-size:16px;
font-weight:normal;
color:#84a038;
}

.article h4{
margin:0 0 10px 10px;
font-size:16px;
font-weight:normal;
color:#84a038;
}

.alignleft{
float:left;
padding:0 15px 15px 10px;
}

.alignright{
float:right;
padding: 0 10px 15px 15px;
}

.aligncenter{
padding: 20px 0 20px 0;
text-align: center;
}

.main p{
padding:0 10px 0 10px;
}

.article p{
padding:0 10px 0 10px;
}

.picture{
width:193px;
float:left;
text-align:center;
background-color:#ffffff;
border-top:1px solid #eaeaea;
border-right:1px solid #ddd;
border-bottom:1px solid #ccc;
border-left:1px solid #eaeaea;
padding:5px 0 5px 0;
margin:5px 0 0 5px;
}

.picture:hover{
background-color:#fffaef;
}


/*******************************
/* サイトバー
*******************************/
#sidebar h4{
clear:both;
padding-left:17px;
line-height:33px;
font-size:14px;
font-weight:normal;
color:#333;
background:url(./img/side_headingBg.png) no-repeat 0 0;
height: 33px;
overflow: hidden;
}

ul.info{
overflow:hidden;
padding:0 0 10px 17px;
border:1px solid #dcdcdc;
margin-bottom:20px;
background:#fff;
}

ul.info li{
line-height:0;
padding:10px 0;
margin-right:15px;
border-bottom:1px dashed #dcdcdc;
}

ul.info a:link,ul.info a:visited{
display: block;
padding-left:12px;
line-height:normal;
text-decoration:none;
color:#313131;
background:url(./img/linkArrow.gif) no-repeat 0 50%;
}

ul.info a:hover, ul.info li.current_page_item a, ul.info li.current-menu-item a{color:#0E94B5;}

ul.info li.last{border-bottom:none;}

#space3,#space4{margin-top:10px;}

/*******************************
/* フッター
*******************************/
#footer{
clear:both;
margin:0 auto;
}

#footer ul{
text-align:center;
}

#footer li{
background: url(./img/linkArrow.gif) no-repeat 0 50%;
padding: 5px 16px;
}

#footer li a{
text-decoration:none;
color:#333;
}

#footer li a:hover{color:#0E94B5;}

p#copy{
padding:10px 0 37px;
text-align:center;
color:#eee;
font-size:10px;
background-color:#81A252;
clear:both;
}

/*************
/* archive
*************/
dl.arcout{
list-style-type:none;
margin-bottom:15px;
}

dt.arctime{
font-weight:bold;
}

dt.arcpage{
font-weight: bold;
margin-left:15px;
}

dd.arcmain{
font-size: 13px;	
margin-left:15px;
}

.mainsitemap .sitemap{
list-style-type:none
}


/***********
 * 新着情報
 ***************/
h4.newinfo{
clear: both;
padding-left: 17px;
line-height: 30px;
font-size: 14px;
font-weight: normal;
background: url(./img/headingBg.png) no-repeat 0 0;
}

h4.newinfo a img{
margin:3.5px 0 -3.5px 10px;
}

h2.newinfo a{
	margin-bottom:5px;
}

#main ul.newinfo{
	list-style-type:none;
	padding:15px;
	background-color:#fff;
	margin-bottom:20px;
	border: 1px solid gainsboro;
	color:#333;

}
#main ul.newinfo span{margin: 0 5px;}
#main ul.newinfo li a{
	color: #313131;
}

#main ul.newinfo li a:hover{
	color: #0E94B5;
}


.pankuzu{
margin-left: 16px;
margin-bottom: 10px;
}

/*  追加CSS */
.clearfix{
	clear: both;
}

#footer .footer_box{
width: 160px;
float:right;
padding-right: 15px;
margin-bottom: 4px;
}


address{
color: #333;
clear: both;
text-align: center;
padding-top: 5px;
height: 30px;
background-color: #DADEE2;
margin-top:10px;
}

#footer ul{

}



.footerContents{
width: 880px;
margin: 0 auto;

}

#footer li.footer_list_title{
	background:none;
	padding-left:5px;
	text-align:left;
	margin-bottom:5px;
	border-bottom:1px dashed #999;
}

#footer li.footer_list_page,#footer li.sitemap_arc{
	padding:0;
	text-align:left;
}

#footer li.footer_list_page a,#footer li.sitemap_arc a{
	padding-left:13px;
}

.section{
background: white;
padding: 15px;
border: 1px solid gainsboro;
}

.headerDesc{
position: relative;
}

#headerDescArea{
position: relative;

}

#headerWrap{
}
#header{
}


.other_next_list,.other_cate_list{
	background-color:#fff;
	padding:18px;
border: 1px solid gainsboro;	
}


.current_cat_list{
	background-color:#fff;
}



.other_next_list li,.other_cate_list li,.current_cat_list li{
background: url(./img/linkArrow.gif) no-repeat 0% 50%;
}


.other_next_list li a,.other_cate_list li a,.current_cat_list li a{
padding-left:10px;
}



h3.other{
}


#box_site{
		background-color:#fff;
		padding:30px;

}



li.sitemap_title{
	font-weight:bold;
	padding-left:5px;
}

#box_site li.sitemap_pages ,#box_site li.sitemap_arc {
background: url(./img/linkArrow.gif) no-repeat 2% 50%;
}

li.sitemap_pages a,li.sitemap_arc a{
	padding-left:18px;
}
li.archive{
}

#box_site .box_site_main li.archive{
	color:#0E94B5;
	font-weight:bold;
}

.box_site_main{
	margin:15px 2px;
}

.main_contents,#entrylist dl{
list-style-type: none;
padding: 15px;
background-color: white;
margin-bottom: 20px;
border: 1px solid gainsboro;
color: #333;
}
.main_contents ul{
padding: 0 50px 5px;
list-style: disc;
}

.main_contents ol{
padding: 0 50px 5px;
list-style: decimal;
}

#entrylist dl dt{
font-weight: bold;
padding-left: 10px;
border-bottom: solid #dadada 1px ;
margin-bottom: 5px;
}
#entrylist dl dd{
font-size: 11px;
margin-bottom: 10px;
}

/* ---------------------------------------------------	
俺のターン(ﾟ∇ﾟ)( ﾟ∇)(　ﾟ)(　　)(ﾟ　)(∇ﾟ )(ﾟ∇ﾟ)	
--------------------------------------------------- */	
a:hover img {	
	-ms-filter: "alpha( opacity=60 )";
	background: none !important;
	filter: alpha(opacity=60);
	opacity: 0.6px;
}	
.user1,.user2,.user3,.user4,.user5,.user6{	
	font-size: 12px;
	line-height: 130%;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 12px 12px;
	background-color: #EFF4FA;
	border: 1px solid #C5D7ED;
	min-height: 70px;
	_height:70px;
	_zoom: 1;
	overflow: hidden;
}	
.user1{background-image: url(img/userm_1.png);}	
.user2{background-image: url(img/userf_1.png);}	
.user3{background-image: url(img/userm_2.png);}	
.user4{background-image: url(img/userm_3.png);}	
.user5{background-image: url(img/userf_2.png);}	
.user6{background-image: url(img/userf_3.png);}	
#entrylist{margin-bottom: 20px;}	
.txt-img img{margin:0 8px 8px 8px;}	
.cbox {	
padding: 10px;	
border: 1px #dadada solid;	
margin-bottom: 10px;	
font-size: 12px;	
}	
#catebox h4{margin-bottom: 5px;}	
#catebox .more{	
text-align: right;	
margin-top: 5px;	
font-weight: bold;	
}	
#catebox p{padding-bottom: 0;margin: 0;}	


#submenu span{	
	display:block;
	margin:2px 0;
}	
#submenu span img{	
	display:block;
	margin:0;
	padding:0;
}	
/* フリースペース */	
.grayline{	
border: 1px solid #CCCCCC;
overflow:hidden;
padding:10px;
margin-bottom:20px;
}	
#main .grayline{	
	padding:10px;
	margin-bottom:15px;
}	
