/*
Theme Name:template1
Theme URI: http://スクフェスちゃねる.com
Description: Template for several websites
Author: Tomojiro Nakagawa
Author URI: http://ryugakuikitai.com/
Version: 1.0

*/
h1 { display: none;}

body {
	background:#1C1C1C;
	font-size:16px;
	font-family: 'Lucida Grande', Verdana, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;
	width:100%;
	min-width:1300px;
}

li {
	list-style-type:none;
}



a{
	text-decoration:none;
}



.container{
}

/*ここでサイトの幅を1300pxに設定,100% = 1300px */
div#wrapper {
	width:1300px;
	margin:0 auto;
	overflow:hidden;
}	


div#header {
	width:100%;
	margin:0 auto;
}

/* ヘッダー画像1300px*/
div#header img{
	max-width:100%;
	margin:0 auto;
	display:block;
}

/*ヘッダー画像下のメインメニュー*/
div.menu-mainmenu-container {

		max-width:1300px;
		overflow:hidden;
		background:black;
		margin-top:0px;
		margin-right:auto;
		margin-bottom:20px;
		margin-left:auto;
}
	 ul#menu-mainmenu {
	 	margin:10px;
		padding 0px 0px 10px;
		position: relative;
		float: left;
		}

	
	 ul#menu-mainmenu li{
	 	height:20px;
		border-right:1px solid #666;
		display:inline;
		padding:5px 10px;
		position: relative;
		float: left;
		
	} 

	ul#menu-mainmenu li.home:before {
    		content: url('images/icons/home.png');
    		margin-right: 5px;
	}
	ul#menu-mainmenu li.about:before {
    		content: url('images/icons/about.png');
    		margin-right: 5px;
	}
	ul#menu-mainmenu li.twitter:before {
    		content: url('images/icons/twitter.png');
    		margin-right: 5px;
	}
	ul#menu-mainmenu li.rss:before {
    		content: url('images/icons/rss.png');
    		margin-right: 5px;
	}
	ul#menu-mainmenu li.other:before {
    		content: url('images/icons/star.png');
    		margin-right: 5px;
	}



		 ul#menu-mainmenu li a{
			color:#FFF; /* メニューの文字色*/
			font-weight:bold;
			text-align:center;
			text-decoration: none;
			position: relative;
		}

/*
----------------------左サイドバー、右サイドバーの共通設定*/

div#leftSection ul,
div#rightSection ul {
position: relative;
left: 10px;
padding: 10px;
margin-top: -20px;
margin-right: 10px;
}


/* Widget */
/*左右サイドバーのウィジェットの設定*/
div#leftSection ul li.widget, div#rightSection ul li.widget{
	margin:2px 0px 30px 0px;
}

div#leftSection h2.widgettitle, div#rightSection h2.widgettitle {
	background:#000; 	
	font-size:18px;
	color:white;/*ウィジェットのタイトル色*/
}


	div#leftSection ul li .widgettitle,
	div#rightSection ul li .widgettitle{
		position: relative;
		color: #FFF;
		background: none repeat scroll 0% 0% black;
		line-height: 1;
		margin: 0px 0px 20px;
		padding: 10px 5px 10px 10px;
	}


div#leftSection div.textwidget,
div#leftSection ul li ul,
div#rightSection div.textwidget
{
position: relative;
border-right: 1px solid #000;
border-width: medium 1px 1px;
border-style: none solid solid;
border-color: -moz-use-text-color #000 #000;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
padding: 0px;
margin-top: -20px;
margin-right: 10px;
background-color: #FFF;
left: 10px;
line-height:1.5;
}


div#rightSection ul li.widget ul,
div#leftSection ul li.widget ul {
	position: relative;
	border-width: medium 1px 1px;
	border-style: none solid solid;
	border-color: -moz-use-text-color #000 #000;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	border-image: none;
	padding: 10px;
	margin-top: -20px;
	margin-right: 10px;
	background-color: #FFF;
	left: 10px;
}

div#rightSection ul li ul li,
div#leftSection ul li ul li
{
	line-height:1.8em;
	margin-bottom: 10px;
}

div#rightSection ul li ul li a,
div#leftSection ul li ul li a,
div#links a
{
	text-decoration:underline;
	color:#666;
}

div#rightSection ul li ul li a:hover, 
div#leftSection ul li ul li a:hover,
div#links a:hover
{
	text-decoration:none;
	color:#0000EE;
}


.widgettitle:after {
    left: 0px;
    border-right: 5px solid #333;
}


.widgettitle:before {
    right: 0px;
    border-left: 5px solid #333;
}
.widgettitle:after, 
.widgettitle:before {
    position: absolute;
    top: 100%;
    height: 0px;
    width: 0px;
    border-right: 5px solid transparent;
    border-width: 10px;
    border-style: solid;
    border-color: #333 transparent transparent;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    content: "";
}


/*
----------------------//共通設定ここまで*/


/*
----------------------左サイドバーの設定*/

div#leftSection {
	width:200px;
	float:left;
	clear:left;
}	

div#links,
div#profile{
	padding:10px;
}


/* 右サイドバーの設定
---------------------------------------------*/

div#rightSection{
	width:200px;
	float:right;
}

div#rightSection ul li.widget{
}

	div#rightSection ul li h2.widgettitle{
		background: #E61D71;
		padding: 10px 5px 10px 10px;
	}




div#rightSection ul li.widget_archive ul li a:before ,
div#rightSection ul li.widget_categories ul li a:before {
content: url('images/icons/label.png');
margin-top: 5px;
}





/* ヘッダー下右サイドコンテンツ*/
div#side_contents{
	width:1070px;
	margin-bottom:20px;
	float:left;
	
}

/* ヘッダー下のブログロール下部のRSS*/
div#side_contents div.below_top_blogroll li {
	float:left;
	margin-left:17px;
}





/* トップページ*/
div#main {
	width:860px;/* 真ん中のカラムの幅*/
	margin:0px 10px 10px;
	padding-right:20px;
	float:left;

}

div.post{
	width:100%;
	background:#FFF;
	color: #36414D;
	margin-bottom:40px;
	display:block;
	overflow:hidden;
	border:1px solid #666;
}
	/*トップページの記事一覧タイトル　*/
	div.post h3{
		margin:10px 0px;
		padding:10px;
		font-size:20px;
		font-weight:bold;
	}

	div.post h3 a{
		color:#666;
		text-decoration:underline;
	}

div.post-info{
	position:relative;
	background:#666;
	color:#FFF;
	font-weight:bold;
	margin: 0px -10px 20px -20px;
	padding: 10px 10px 0px 25px;
	box-shadow: 0px 1px 3px #999;
		    
}

div.post-info:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0px;
    height: 0px;
    width: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 #333 transparent transparent;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}




div.post-contents {
	overflow:hidden;
}

div.post-content {
	padding:10px;
}

div.post-date {
	margin: 5px 5px 20px;
	color: #FFF;
	font-weight: bolder;
	line-height: 2;
	position: relative;
	display: inline;
}

div.post-tags {
margin: 5px 5px 20px;
position: relative;
display: inline;
}

div.post-tags a:link {
	color: #FF69B4;
	text-decoration:underline;
}


div.post-thumbnail {
	padding:5px;
	float:left;
}

div.post-more{
text-decoration: none;
border-radius: 3px;
border: 1px solid #666;
float: right;
margin:2em 10px;
}

div.post-more a{
	display:block;
	padding:15px 42px;
}

div.post-more a:hover {
	color:#E61D71;
}

div.post-more:hover {
	border:1px solid #E61D71; 
	color:#E61D71;
}

div.post-footer{
	padding:5px;
border-top: 1px dotted #36414D;
color: #36414D;
font-size: 83.3%;
text-align: right;
}

div.post-author, div.post-time ,div.post-category, div.post-comment{
	display:inline;
}


/* ソーシャルボタン
------------------------------------------*/
.wp_social_bookmarking_light {
	float:right;
	display:inline;
	padding:5px;
}

/*ソーシャルボタン終わり
------------------------------------------*/



/* 個別記事ページの個別記事タイトル*/
div.single-post-title h3{
		padding:5px;
		font-size:20px;
}

div.single-post{
	width:100%;
	background:#FFF;
	color: #36414D;
	margin-bottom:40px;
	padding:10px;
	display:block;
	overflow:hidden;
	border:1px solid #666;
}
	/*トップページの記事一覧タイトル　*/
	div.single-post h3{
		margin:10px 0px;
		padding:0px;
		font-size:20px;
		font-weight:bold;
	}

	div.single-post h3 a{
		color:#666;
		text-decoration:underline;
	}

div.single-post-info{
	position:relative;
	background:#666;
	color:#FFF;
	font-weight:bold;
	margin: 0px -10px 20px -20px;
	padding: 10px 10px 0px 25px;
	box-shadow: 0px 1px 3px #999;
		    
}


	div.single-post-info:after {
		content: "";
		position: absolute;
		top: 100%;
		left: 0px;
		height: 0px;
		width: 0px;
		border-width: 5px;
		border-style: solid;
		border-color: #333 #333 transparent transparent;
		-moz-border-top-colors: none;
		-moz-border-right-colors: none;
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		border-image: none;
	}



div.single-post-contents {
	overflow:hidden;
}

div.single-post-date {
	margin: 5px 5px 20px;
	color: #FFF;
	font-weight: bolder;
	line-height: 2;
	position: relative;
	display: inline;
}

div.single-post-tags {
margin: 5px 5px 20px;
position: relative;
display: inline;
}

div.single-post-tags a:link {
	color: #FF69B4;
	text-decoration:underline;
}


/* 個別記事のカテゴリ表示設定（タイトル下）*/
div.single-post-category {
	text-decoration:underline;
	padding:10px;
}

/*個別記事のコンテンツ部分*/
div.single-post-content {
	padding:10px;
}

div.single-post-thumbnail {
	padding:5px;
	float:left;
}

div.single-post-more{
	text-decoration: none;
	border-radius: 3px;
	border: 1px solid #666;
	padding: 15px 42px;
	float: right;
	margin:2em auto;
}

div.single-post-more:hover {
	border:1px solid #E61D71; 
	color:#E61D71;
}

div.single-post-footer{
	padding-top: 3px;
	border-top: 1px dotted #36414D;
	color: #36414D;
	font-size: 83.3%;
	text-align: right;
}

div.single-post-author, div.single-post-time ,div.single-post-category, div.single-post-comment{
	display:inline;
}

/* コメント部分
-----------------------------------*/
div#comment-area{
	padding:10px;
}

h3#comments {
	border-bottom:solid 1px #DDD;
	margin:10px;	
}

ol.commentlist{
	padding:10px;
	margin:10px 0px 0px 20px;
}

	ol.commentlist li{
		list-style-type:decimal;
		line-height:1.5;
	}


div.comment-body{

	margin:5px 0px 20px 0px;
}

	div.comment-body p{
		margin-top:10px;
		font-weight:bold;
	}


div.comment-author {
	
	color:#008000;
	display:inline;
}

div.comment-meta {
	display:inline;
	margin-left:10px;
}

	div.comment-meta a{
		color:#36414D;
	}



h3#reply-title {
	font-size:18px;
}

form#commentform p {
	margin:20px;
}

	form#commentform p.comment-form-author input#author{
		margin-left:15px;
	}

	form#commentform p.comment-form-comment textarea.comment{
		max-width:98%;
	}


/* ブログロール */
	 div.blogroll-ad-default {
		display:none;
	}	

/* ヘッダー下のブログロール設定*/
div#side_contents div.blogroll_wrapper div.blogroll-channel {
		width:48%;
		height:380px;
		float:left;
		overflow-x:hidden;
		background:#FFFFFF;
    		border-right: 1px dotted #666;
}

div#side_contents div.blogroll_wrapper li.widget div.textwidget div.blogroll-channel ul li a {
		font-size:15px;
}



div.blogroll_wrapper {
	width:100%;
	height:400px;
	float:left;
	margin-bottom:20px;
	margin-left:15px;
	border:1px solid #4CA3FB;
	border-radius:5px;
}


div.blogroll-channel ul li{
	margin-left: -2px;
	height: 25px;
	font-family: meiryo,Verdana,ヒラギノ丸ゴ Pro W4;
	font-weight: bolder;
	border-bottom: 1px dashed #C2C2C2;
	padding: 0px;
	white-space: nowrap;
}

/* 個別記事ページフッター辺りのブログロール設定*/

div.single-footer-blogroll {
	margin-top:20px;

}

div.single-footer-blogroll div.blogroll-channel{
		margin-top:20px;
		width:836px;
		height:490px;
		border:solid black 1px;
		overflow-x:hidden;
		overflow-y:hidden;
		font-size:18px;
		background:#FFFFFF;
}

/*ブログロールの文字サイズ */
 div.single-footer-blogroll ul li a{
	font-size: 18px;

}

/*
category.php
---------------------------------------*/

div.category_name,
div.archive_name
{
	
	font-size:20px;
	font-weight:bolder;
	color:#666;
	text-align:center;
	width:100%;
	padding:10px 0px;
	background:#FFF;
	margin-bottom:10px;
	border:1px solid #666;
}







/* 個別記事下のシェアボタン*/
div.snsshare {
	clear:both;
}


div.twshare a, div.fbshare a {
	display:block;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	line-height: 60px;
	}


div.twshare {
text-align:center;
width: 50%;
float: left;
background-color: #00ACEE;
}

div.fbshare{
text-align:center;
width: 50%;
float: right;
background-color:#3B5998;
}


/* footer*/

div#footer {
	margin:100px 0px 0px 0px;
	padding:10px 0px;
	background:black; /* フッター背景色 */
	clear:both;
	overflow:hidden;
	
}

/* copyright部分*/
div#footer address{
	margin:10px 0px 0px 10px;
	color:#FFFFFF;
}





/*ページネーション */
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
overflow:hidden;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
 
.pagination a:hover {
color:#fff;
background: #3279BB;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}

/* pickup */

#pickup {
 width: 110%;
 float:left;
 border: none;
 margin-left:14px;
}
.cornerTag {
 width:252px;
 height:150px;
 position: relative;
 color: #fff;
 display: inline-block;
 padding: 5px;
 overflow:hidden;
 font-family: Arial, sans-serif;
}
.cornerTag a {
 color:#FFFFFF;
}
.cornerTag img {
 border: solid 1px #FF0000;
 width:252px;
 height: 150px;
 z-index:1;
}
.cornerTag p {
 display: inline;
}
.cornerTag p span {
 position: absolute;
 display: inline-block;
 left: -25px;
 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2), inset 0px 5px 30px rgba(255, 255, 255, 0.2);
 text-align: center;
 text-transform: uppercase;
 top: 22px;
 background: #FF0000;
 width: 100px;
 padding: 3px 6px;
 -webkit-transform: rotate(-45deg);
 -moz-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
}
.cornerTag p:after {
 content: "";
 width: 0;
 height: 0;
 position: absolute;
 top: 81px;
 z-index: -2;
 left: -3px;
 border: 17px solid;
 border-color: #662121 transparent;
}
p.pickup_title {
 color:#FFFFFF;
 display: block;
 background-color: rgba(0, 0, 0, 0.7);
 position: relative;
 top:-60px;
 left:1px;
 padding: 5px;
 margin-bottom: 0;
 z-index:2;
font-size:18px;
 text-align:center;
}
/*main_contents*/
.main_contents {
 float:left;
 width: 900px;
 margin: 0 20px 20px 20px;
 padding-right:20px;
}

/* ボックス */
.nmlbox,.dottbox,.ylwbox,.graybg {
	padding: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
}

.graybg {
	background-color: #EBEBEB;
}

.dottbox {
	border: dotted 1px #666;
}

.nmlbox {
	border: 2px solid #CCCCCC;
}

.ylwbox {
	background-color: #FFFFD2;
	border: 2px solid #CC0000;
}