@charset "utf-8";
/*
Theme Name: リーベ大賞
Theme URI: 
Description: 
Version: 1.0
Author: Yuka Kanda
Tags: 
*/



* {
	margin: 0;
	padding: 0;
	line-height: 1.0;
}

body {
	margin: 0;
	background: #ECEBE1;
	color: #333;
	font-size: 62.5%;
	text-align: center;
}

html {
	overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clear { clear: both; }
.aligncenter { text-align: center; }
img.floatleft { float: left; margin: 0 1em 1em 0; }




#top-header {
	width: 948px;
	height: 500px;
	margin: 0 auto;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

#top-header h1 {
	display: block;
	width: 948px;
	height: 500px;
	margin: 0;
	padding: 0;
	background: url(../images/seko-gp/main.jpg) no-repeat top left;
}

#top-header h1,#top-header h1 a {
	text-indent: -8888em;
	display: block;
	height: 500px;	
	background: url(../images/seko-gp/main.jpg) no-repeat top left;
}

#top-nav {
	width: 852px;
	margin: 0 auto;
	padding: 10px 48px;
	_padding: 20px 48px 0 48px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background: url(../images/diy-gp/top-nav-bg.jpg) bottom left repeat-x;
}

#top-nav dl {
	float: left;
	display: block;
	width: 125px;
	height: 124px;
	margin-right: 20px;
}
#top-nav dl.last {
	margin-right: 0px;
}
#top-nav dl dd {
	text-indent: -8888em;
	height: 0;
}

#top-nav dl#nav1 dt,#top-nav dl#nav1 dt a {
	text-indent: -8888em;
	display: block;
	height: 124px;	
	background: url(../images/diy-gp/top-nav-btn_01.png) no-repeat top left;
	
}
#top-nav dl#nav1 dt a:hover {	background: url(../images/diy-gp/top-nav-btn-hover_01.png) no-repeat top left;}

#top-nav dl#nav2 dt,#top-nav dl#nav2 dt a {
	text-indent: -8888em;
	display: block;
	height: 124px;	
	background: url(../images/diy-gp/top-nav-btn_02.png) no-repeat top left;
}
#top-nav dl#nav2 dt a:hover {	background: url(../images/diy-gp/top-nav-btn-hover_02.png) no-repeat top left;}

#top-nav dl#nav3 dt,#top-nav dl#nav3 dt a {
	text-indent: -8888em;
	display: block;
	height: 124px;	
	background: url(../images/diy-gp/top-nav-btn_03.png) no-repeat top left;
}
#top-nav dl#nav3 dt a:hover {	background: url(../images/diy-gp/top-nav-btn-hover_03.png) no-repeat top left;}

#top-nav dl#nav4 dt,#top-nav dl#nav4 dt a {
	text-indent: -8888em;
	display: block;
	height: 124px;	
	background: url(../images/diy-gp/top-nav-btn_04.png) no-repeat top left;
}
#top-nav dl#nav4 dt a:hover {	background: url(../images/diy-gp/top-nav-btn-hover_04.png) no-repeat top left;}

#top-nav dl#nav5 dt,#top-nav dl#nav5 dt a {
	text-indent: -8888em;
	display: block;
	height: 124px;	
	background: url(../images/diy-gp/top-nav-btn_05.png) no-repeat top left;
}
#top-nav dl#nav5 dt a:hover {	background: url(../images/diy-gp/top-nav-btn-hover_05.png) no-repeat top left;}

#top-nav dl#nav6 dt,#top-nav dl#nav6 dt a {
	text-indent: -8888em;
	display: block;
	height: 124px;	
	background: url(../images/diy-gp/top-nav-btn_06.png) no-repeat top left;
}
#top-nav dl#nav6 dt a:hover {	background: url(../images/diy-gp/top-nav-btn-hover_06.png) no-repeat top left;}


#header {
	width: 948px;
	height: 62px;
	margin: 0 auto;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}

#header h1 {
	width: 913px;
	height: 13px;
	margin: 0;
	padding: 8px 0 0 35px;
	background: url(../images/seko-gp/h1-bg.jpg);
	font-size: 1em;
	font-weight: normal;
	text-align: left;
}

#header ul li {
	text-indent: -8888px;
	display: block;
	float: left;
	height: 41px;
}

#header ul li.logo, #header ul li.logo a { display: block; width: 272px; height: 41px; background: url(../images/seko-gp/logo.jpg);}
#header ul li.top, #header ul li.top a { display: block; width: 231px; height: 41px; background: url(../images/seko-gp/gnav_1.jpg);}
#header ul li.oubo, #header ul li.oubo a { display: block; width: 107px; height: 41px; background: url(../images/seko-gp/gnav_2.jpg);}
#header ul li.syou, #header ul li.syou a { display: block; width: 143px; height: 41px; background: url(../images/seko-gp/gnav_3.jpg);}
#header ul li.shop, #header ul li.shop a { display: block; width: 195px; height: 41px; background: url(../images/seko-gp/gnav_4.jpg);}


#container {
	clear: both;
	width: 928px;
	margin: 0 auto;
	padding: 0 20px 0 0;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	background: url(../images/diy-gp/subcolumn-bg.jpg) repeat top left;
	font-size: 1.2em;
}


div#crumbs {
	height: 14px;
	padding: 5px 7px;
	background: #E3E3E3;
	border-bottom: 1px solid #999;
	font-size: 12px;
	}

a:link, a:visited, ul#crumbs li a:link, ul#crumbs li a:visited {
	color: #2E2E2E;
	text-decoration: underline;
	}	
a:hover, a:focus, ul#crumbs li a:hover, ul#crumbs li a:focus {
	color: #B04274;
	}		

#container h2 {
	padding: 10px;
	border-bottom: 1px solid #999;
	background-color: #F0F0F0;
}


#maincolumn {
	float: left;
	width: 707px;
	border-right: 1px solid #999;
	background: #fff;
	text-align: left;
}

#maincolumn .inner {
	width: 647px;
	padding: 20px 0px 20px 30px;
}

#maincolumn .inner ul.user-data {
	width: 647px;
	margin: 0 0 2em 0;
}

#maincolumn .inner ul.user-data li {
	padding: 0.5em 1em;
	border-bottom: 1px solid #ccc;
}

#maincolumn .inner p {
	margin-bottom: 2em;
}

#maincolumn .inner ul.normal li {
	list-style: outside disc;
	margin: 0 0 1em 1em;
	line-height: 1.5em;
}


#maincolumn .inner .user-item, #maincolumn .inner .user-comment {
	width: 647px;
	margin: 0 0 2em 0;
}

#maincolumn .post h3, #maincolumn .post .user-item h3, #maincolumn .post .user-comment h3 {
	border-left: 0.5em solid #036;
	color: #036;
	margin: 0 0 0.5em 0;
	padding-left: 0.5em;
}


#top-randimg {}

#top-randimg dl {
	display: block;
	float: left;
	width: 293px;
	height: 330px;
	margin: 0 11px;
	text-align: center;
}

#top-randimg dl dt {
	display: block;
	height: 1.4em;
	font-size: 1.2em;
}

#top-randimg dl dd.date {
	height: 1.4em;
	color: #b04274;
}

#top-randimg dl dd img {
	padding: 5px;
	border: 1px solid #ccc;
}


/*  */
#maincolumn .post .user-item ul li {
	padding: 0.5em 1em;
	border-bottom: 1px solid #ccc;
}

#maincolumn .post .user-item ul li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#maincolumn .post .user-item ul li{
	display: inline-block;
}
	/* Hides from IE-mac \*/
	* html #maincolumn .post .user-item ul li { height: 1%; }
	#maincolumn .post .user-item ul li {display: block; }
	/* End hide from IE-mac */
/*  */

#maincolumn .post .user-item ul li ul li {
	display: block;
	float: left;
	padding: 0.5em 1em;
	border: none;
}

#maincolumn .post .entry-footer {
	clear: both;
	border: 1px solid #ccc;
	margin: 2em 0 2em 0;
	padding: 0.5em;
	background: #ffc;
}

#maincolumn .post .content-nav {
	clear: both;
	margin: 0 0 2em 0;
	text-align: center;
}

#comments h3.comments-head {
	border-left: 0.5em solid #777;
	color: #777;
	margin: 2em 0 0.5em 0;
	padding-left: 0.5em;
}



#subcolumn {
	float: right;
	width: 200px;
	padding: 20px 0 20px 20px;
	text-align: left;
}




#footer {
	clear: both;
	width: 908px;
	margin: 0 auto;
	padding: 5px 20px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	background: #666;
	text-align: center;
	color: #fff;
}



#maincolumn p{
	line-height: 2.0;
}



div.thumb-photo {
float: left; width: 151px; height: 180px; margin: 0 10px 10px 0; text-align: center;}

div.thumb-photo h3 {
	font-size: 1em;
	margin-bottom: 0.8em;
}

div.thumb-photo img {
	width: 130px;
	height: 130px;
}





#subcolumn ul li h2 {
	clear: both;
	margin: 1em 0 0.5em 0;
	padding: 5px 3px 3px;
	background: url(../images/diy-gp/subcolumn-h2-bg.jpg) top left no-repeat;
	border-bottom: #fff;
	font-size: 1.25em;
	line-height: 1.1em;
}

#subcolumn ul li ul {
	width: 190px;
	margin: 0px auto 10px auto;
}

#subcolumn ul li ul li {
	border-bottom: 1px solid #999;
}

#subcolumn ul li ul li a {
	display: block;
	line-height: 2.0;
}

div.inner-navi ul li a{
	display:block;
	width:88px;
	height:72px;
	margin:0px;
	padding: 0px;
}

#subcolumn ul li div.textwidget ul.snav li {
	text-indent: -8888px;
	display: block;
	width: 200px;
	height: 40px;
	margin: 0;
	padding: 0;
	border-bottom: none;
}
#subcolumn ul li div.textwidget ul.snav li, x:-moz-any-link { margin-left: -5px;}
#subcolumn ul li div.textwidget ul.snav li.cts6 a { height: 40px; background: url(../images/diy-gp/subcolumn-title-6-obo.jpg); }
#subcolumn ul li div.textwidget ul.snav li.cts6 a:hover { background-position: 0px -40px;}




.entry {
	background: url(../images/entry-bg.jpg) bottom right no-repeat;
	text-align: left;
}

.entry div {
	margin-right: 20px;
	padding: 20px 20px 20px 30px;
	border-bottom: 1px solid #000;
}



	

/*---| WordPress requirements |---*/

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft{
	float: left;
	/*	clear: left;*/
}

.alignright{
	float: right;
	/*	clear: right;*/
}

.wp-caption
{
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 5px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 		3px;
}

.wp-caption img
{
	margin: 					0;
	padding: 					0;
	border: 					0 none;
}

.wp-caption-dd
{
	font-size: 				11px;
	line-height: 			17px;
	padding: 					0 4px 5px;
	margin: 					0;
}



/* 9. その他
------------------------------------------------------- */
.notselect img {	/* 画像マウスオンでフィルタをかけます */
	filter: alpha (opacity=25) ;
	-moz-opacity: 0.25;
	opacity: 0.25;
}


.clearfix:after{	/* ブロック要素のバグを回避します */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{
	display: inline-block;
}

	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	.clearfix {display: block; }
	/* End hide from IE-mac */