@charset "utf-8";
@import "css/tables.css";
@import "css/commonstyles.css";

*{margin:0;padding:0;}

body{
font: 13px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
background: #ffffff url(./img/bg.png) repeat-x top;
}

body#toppage {
background: url(./img/bg_top.png) repeat-x top;
}

a{color:#288bca;text-decoration:none;}
a:hover{color:#5babde;}
a:active, a:focus {outline: 0;}
img{border:0;
	margin-top:0px;
}
.clear{clear:both;}


/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 0 20px;
width: 910px;
}

/*************
/* ヘッダー
*************/
#header{
height: 45px;
}

#header h1 {
padding: 21px 0 0px;
font-size: 12px;
font-weight: normal;
}

#head{
background:url(img/header.jpg) no-repeat left center; 
width: 910px;
height: 192px;
}

#head h2{
padding: 30px 100px 5px;
font-size: 24px;
font-weight: bold;
text-align: center;

}
#headertext{
text-align: center;
padding: 0 100px ;}

/*************
メイン（右側）コンテンツ
*************/
#main {
float: left;
width: 618px;
padding: 15px 0;
display: inline;
}

#main .bannerM img{
padding-right: 10px;
padding-bottom: 15px;
}
#main .bannerM img.last{padding-right:0;}

#main h2,#main h3{
margin-bottom: 10px;
padding: 0 10px 0px 20px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #252525;
background: url(./img/heading.png) no-repeat;
border-right: 1px solid #dadada;
height: 40px;
overflow: hidden;
}

#main h4 {
clear: both;
padding-left: 17px;
line-height: 33px;
font-size: 14px;
font-weight: normal;
background: url(./img/heading.png) no-repeat 0 0;
border-bottom: 1px solid #dadada;
border-right: 1px solid #dadada;
height: 33px;
overflow: hidden;
}

#main h5 {
font-size: 13px;
font-weight: normal;
line-height: 30px;
padding-left: 15px;
margin-top: 10px;
letter-spacing: 0.2em;
color: #288bca;
border: 1px solid #cccccc;
height: 30px;
overflow: hidden;
}

#main h6 {
font-size: 13px;
font-weight: normal;
line-height: 30px;
padding-left: 15px;
margin-top: 10px;
letter-spacing: 0.2em;
color: #288bca;
border-bottom: 1px solid #cccccc;
height: 30px;
overflow: hidden;
}

#text1,#text2,#text3,#text4,#text5,#text6,#text7,#text8,#text9,#text10,#space1,#space2,#sitemaps,#entrylist dl{
padding: 15px 15px 15px 20px;
}






/* 画像を右に回りこみ */
#main p.withImage{
width: 561px;
margin: 20px 0 0 10px;
padding: 5px 17px;
}

#main p.withImage img{
float: right;
margin-left: .5em;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#288bca;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0;}


/* ボタン */
p.button{
text-align: center;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background: #ffffff url(./img/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{color:#288bca;}
p.button a:hover{color:#ffffff;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}

/* メインとフッターのリスト位置調節 */
#main ul,#main ol, #footer ul{padding-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}

#main ul{list-style: disc;}
#main ol{list-style: decimal;}

/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: right;
width: 265px;
padding: 15px 0;
}

#sidebar p{margin-bottom: 20px;}

#sidebar h4 {
margin-top: 5px;
padding: 0 10px 0 23px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #252525;
background: url(./img/heading2.png) no-repeat;
height: 40px;
overflow: hidden;
}

#sidebar ul{
margin-left: 5px;
padding: 10px 0;
}

#sidebar li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px solid #efefef;
}

#sidebar li a{
background: url(./img/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}

#sidebar li a:hover{background-position: 3px 50%;}

#sidebar #space3,#sidebar #space4{
padding: 10px;

}


/*************
/* フッター
*************/
/*
#footer{
clear:both;
padding: 10px 0 10px;
border-top: 1px solid #cccccc;
}

#footer .inner{
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer #logo{
float:left;
padding: 10px 0 5px;
width: 292px;
}
*/
address{
padding: 20px 0 ;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
border-top: 2px #2d8016 solid;
}

/*******************************
/* フッター
*******************************/
#footer{
clear:both;
}

#footer ul{
text-align:center;
width:950px;

}

#footer li{
background: url(./img/list.png) no-repeat 0 50%;
display: inline;
padding: 5px 16px;
float:left;
}

#footer li a{
text-decoration:none;
color:#288BCA;

}

#footer li a:hover{color:#5BABDE;}

p#copy{
padding:10px 0 37px;
text-align:center;
color:#eee;
font-size:10px;
background-color:#81A252;
clear:both;
}

/*************
/* ツイッター
*************/
ul.twi{
list-style-type:none;
}

ul.twi li.twitime{
width: 100px;
clear: both;
float: left;
font-weight:bold;
}

li.twiname{
float: right;
margin-right:100px;

}

li.twicont{
	clear:both;
	margin-bottom:6px;
}


/*************
/* youtube
*************/

.youtubeout{
background-color: white;
padding-left: 50px;
padding-top: 20px;
padding-bottom: 20px;
}



h2.youtube{
clear: both;
padding-left: 17px;
line-height: 33px;
font-size: 14px;
font-weight: normal;
color: white;
background: url(http://xn--e--1z5cv53p.jp/img/headingBg.png) no-repeat 0 0;
}

h2.twi{
clear: both;
margin-top:20px;
padding-left: 17px;
line-height: 33px;
font-size: 14px;
font-weight: normal;
color: white;
background: url(http://xn--e--1z5cv53p.jp/img/headingBg.png) no-repeat 0 0;
}

ul.twi{
background-color:#fff;	
padding:20px;
}
/*************
/* archive
*************/
ul.arcout{
list-style-type:none;
margin-bottom:15px;
}

li.arctime{

}

li.arcpage{
font-weight: bold;
margin-left:15px;
}

li.arcmain{
font-size: 13px;	
margin-left:15px;
}

.mainsitemap .sitemap{
list-style-type:none
}

#main ul.sitemap{
	list-style:none;
}

/***********
 * 新着情報
 ***************/
h4.newinfo{
clear: both;
padding-left: 17px;
line-height: 33px;
font-size: 14px;
font-weight: normal;
background: url(./img/heading.png) no-repeat 0 0;
border-bottom: 1px solid #dadada;
height: 33px;
overflow: hidden;
}

h4.newinfo a img{
margin:3.5px 0 -3.5px 10px;
}

h4.newinfo a{
	margin-bottom:5px;
}

#main ul.newinfo{
	list-style-type:none;
	padding:8px;
	background-color:#fff;
	margin-bottom:6px;
}
#main ul.newinfo span{
margin-right: 5px;
}

/***********
 * ページング
 ***************/

.pagerp{
	padding-left:15px;
}

.pagerp a{
margin:0 1.5px;
}

.currentLink{
	font-weight:bold;
}

.yno{
padding: 20px 25px 20px 36px;
}

.pankuzu{
margin-left: 16px;
margin-bottom: 10px;
text-align: left;
}

/* ---------------------------------------------------	
俺のターン(ﾟ∇ﾟ)( ﾟ∇)(　ﾟ)(　　)(ﾟ　)(∇ﾟ )(ﾟ∇ﾟ)	
--------------------------------------------------- */	
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 #eee 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;
}	
#main .grayline{	
	padding:10px;
	margin-bottom:15px;
}	
#menu .grayline{	
	font-size:90%;
	padding:8px;
	margin-bottom:15px;
}	
#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;
}