@charset "utf-8";
/* --------------------------------------------------
	Since : 2008/09/02
	Last Modified: 2008/09/02
	Version: 3.8
 --------------------------------------------------- */

/*
===== CONTENTS ================================================================================

	1: Base Style Setting
		: Reset
		: Base Setting
		: Font Setting
		: Finding Setting
	2: Huck
	3: Layout Setting
		: main-layout
		: header
		: footer
		: navi
		: sidebar
		: entry
		: option
	4: Contents
		: top
		: category

===============================================================================================
*/



/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Reset
==========================================================*/
*        { margin:0;padding:0; }
img      { border:none;vertical-align:top; }
p        { margin:0;padding:0; }
b,strong { font-weight:bold; color:#ff9900; }
ul       { margin:0;padding:0; }
li       { margin:0;padding:0;list-style:none; }
dl       { margin:0;padding:0; }
dt       { margin:0;padding:0; }
dd       { margin:0;padding:0; }
.clear   { clear:both;}

h1,h2,h3,h4,h5,h6 {
	padding:0;
	margin:0;
	font-size:12px;
	font-weight:normal;
	clear:both;
	}


/* Base Setting
==========================================================*/
blockquote {
	margin:10px;
	padding:10px;
	text-align:left;
	background:#f4f4f4;
	}
	
hr {
	border:dotted #ccc;
	border-width:1px 0px 0px 0px;
	height:1px;
	overflow:hidden;
	margin:7px 0;
	clear:both;
	}

a {color:#9bb112;text-decoration:none;}
a:hover {color:#ff9900;text-decoration:underline; }

table { font-size:12px; }
	
body {
	margin:0;
	padding:0;
	text-align:center;
	font:12px  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background:#fff url(image/main/background.jpg) repeat-x left top;
	line-height:160%;
	color:#555;
	}


/* Font Setting
==========================================================*/
.font-color-gray   {color:#888;}
.font-color-orange {color:#f93;}
.font-color-red    {color:#c00;}
.font-color-white  {color:#fff;}
.font-color-blue   {color:#000066;}
.font-color-green  {color:#006600}
.font-color-pink   {color:#e93069;}
.font-color-purple {color:#a644ff;}
.font-color-cyan   {color:#3aa;}
.font-color-black  {color:#000;}

.font-size-large   {font-size:16px;font-weight:normal;}
.font-size-nomal   {font-size:12px;font-weight:normal;}
.font-size-small   {font-size:10px;font-weight:normal;}


/* Finding Setting
==========================================================*/
h1 {
	width:500px;
	position:absolute;
	top:0;
	left:175px;
	color:#fff;
	text-align:left;
	height:22px;
	line-height:22px;
	}
	
h1 a{
	color:#fff;
	}
	
h2 {
	border-left:6px solid #cadf27;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	position:absolute;
	top:85px;
	padding-left:7px;
	}

h3 {
	background:url(image/main/h3.jpg) repeat-x top;
	height:40px;
	line-height:40px;
	text-align:left;
	font-size:14px;
	border-bottom:1px dotted #ccc;
	font-weight:bold;
	text-indent:15px;
	}
	
h4 {
	border-bottom:2px solid #cadf27;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	margin-bottom:5px;
	color:#9bb112;
	}
	
h5 {
	border-left:4px solid #cadf27;
	font-size:12px;
	font-weight:bold;
	padding-left:7px;
	text-align:left;
	margin-bottom:5px;
	}


/* 2: Huck
----------------------------------------------------------------------------------------------*/

/* ボックスの最後にclearをセット
==========================================================*/
.clearfix:after,
div#container:after,
div#wrapper:after,
div#content:after,
div#sidebar:after,
ul.list-box li a:after,
div.section2:after,
div.footer-message:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix,
div#container,
div#wrapper,
div#content,
div#sidebar,
ul.list-box li a,
div.section2,
div.footer-message { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix,




* html div#container,
* html div#wrapper,
* html div#content,
* html div#sidebar,
* html ul.list-box li a,
* html div.section2,
div.footer-message  { height: 1% }
.clearfix,
div#container,
div#wrapper,
div#content,
div#sidebar,
ul.list-box li a,
div.section2,
div.footer-message {display:block;}
/* end MacIE5 */


/* Safariのフォントサイズを変更
==========================================================*/
html:\66irst-child body,
html:\66irst-child table{
	font-size:10px;
}


/* CSSロールオーバー(アルファ使用)
==========================================================*/
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}


/* 透過pngを利用する場合 IE6用 (iepngfix.jsを使用) パターン2
==========================================================*/
* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); }

.alphafilter{}

a .alphafilter{
	cursor:pointer;
	}


/* 3: Layout Setting
----------------------------------------------------------------------------------------------*/

/* main-layout
==========================================================*/
div#container {
	width:930px;
	text-align:center;
	margin: 0 auto;
	}

div#wrapper{
	text-align:center;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:30px;
	}
	
div#wrapper-inner{
	width:750px;
	float:left;
	text-align:left;
	background:url(image/main/background-body.jpg) repeat-y right;
	}
	
div#content {
	width:540px;
	float:left;
	}
	
div.main {
	padding-bottom:30px;
	}
	
div.section {
	padding-left:10px;
	margin-bottom:10px;
	}
	
div.section {
	margin-bottom:10px;
	}
	

/* header 
==========================================================*/
div#header {
	height:135px;
	background:url(image/main/bar.jpg) repeat-x bottom center;
	text-align:center;
	}
	
div#header-inner {
	width:930px;
	margin:0 auto;
	text-align:left;
	position:relative;
	}

div#logo {
	width:167px;
	height:97px;
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	}

ul#menu-sub {
	text-align:right;
	position:absolute;
	top:3px;
	right:0;
	}
	
ul#menu-sub li {
	display:inline;
	margin-left:20px;
	}
	
ul#menu-main {
	text-align:left;
	position:absolute;
	top:22px;
	left:180px;
	}
	
ul#menu-main li {
	width:120px;
	float:left;
	}
	
ul#menu-main li a{
	width:115px;
	height:42px;
	line-height:42px;
	display:block;
	background:url(image/main/menu.jpg) no-repeat;
	text-align:center;
	color:#333333;
	font-size:12px;
	}
	
ul#menu-main li a:hover{
	width:115px;
	height:60px;
	line-height:60px;
	background:url(image/main/menu_r.jpg) no-repeat;
	color:#333;
	text-decoration:none;
	}

img#header-txt {
	position:absolute;
	top:40px;
	right:10px;
	}
	
/* footer
==========================================================*/
div#footer {
	clear:both;
	background:#222222;
	color:#fff;
	text-align:center;
	padding:10px;
	padding-left:20px;
	}
	
div#footer-inner {
	width:930px;
	margin:0 auto;
	text-align:left;
	}
	
/* Recommended */
dl#new-recommend {
	width:325px;
	float:left;
	}
		
dl#new-recommend dd ul li{
	width:65px;
	height:65px;
	float:left;
	}
	
dl#new-recommend dd ul li img{
	background:#fff;
	padding:3px;
	}

div.footer-room div.caption {
	display:none;
	}
		
div.footer-room a{
	display:block;
	}

	
div.footer-room img {
	width:50px;
	height:50px;
	}
	

/* Comment */	
dl#new-comment {
	width:305px;
	float:left;
	}
	
dl#new-comment dd ul{
	padding:6px;
	background:#555;
	margin-right:10px;
	}
	
dl#new-comment dd li{
	padding:3px;
	}
	
dl#new-comment dd li.li-color{
	background:#333;
	}
	
dl#new-comment dd li a{
	color:#fff;
	}
	
a#edit {
	color:#222222;
	}
	
a#edit:hover {
	color:#666;
	}

/* New item */
dl#new-item{
	width:300px;
	float:left;
	background:
	}
	
dl#new-item dd ul li{
	width:99px;
	height:99px;
	float:left;
	}
	
dl#new-item dd ul li img{
	background:#fff;
	padding:4px;
	}
	

dl#new-recommend dt,
dl#new-comment dt,
dl#new-item dt{
	margin-bottom:10px;
	}

div.footer-message {
	width:930px;
	margin:0 auto;
	text-align:left;
	}
	
		div.footer-message dl dd{
			float:left;
			width:310px;
			}
			
		div.footer-message dl dd p{
			display:blok;
			padding-right:15px;
		}

/* navi
==========================================================*/
div#navi {
	padding:0 0 5px 0;
	text-align:left;
	}
	
div#page-navi {
	text-align:center;
	border:1px solid #ccc;
	background-color:#f4f4f4;
	padding:5px;
	margin:10px 0;
	}
	
	div#page-navi ul li{
		display:inline;
		margin:0 20px;
		}
		
	
/* sidebar
==========================================================*/
div#sidebar{
	width:170px;
	float:right;
	}
	
div#sidebar-inner{
	width:200px;
	float:right;
	}

div.side-form {
	padding:5px;
	text-align:center;
	}
	
div.side-body {
	text-align:left;
	}
	
	
/* list */

ul.list-bookmark li{
	margin-left:10px;
	padding:5px;
	}
	
ul.list-bookmark li img{
	margin-right:5px;
	}
	

/* twitter */
div#twitter {
	margin-top:10px;
	}
	
div#tweet-box {
	padding:5px;
	background:#f4f4f4;
	border:1px solid #ccc;
	font-size:10px;
	clear:both;
	line-height:140%;
	margin-bottom:5px;
	text-align:left;
	}
	
	div#tweet ul li {
		border-bottom:1px dotted #ccc;
		padding-bottom:5px;
		margin-bottom:5px;
		text-align:left;
		}
	
/* entry
==========================================================*/
div.entry-body{
	padding:10px 10px 30px 10px;
	}
	
div.entry-body p{
	padding-bottom:10px;
	}
	
div.entry-more{
	padding-top:10px;
	text-align:right;
	}

	
/* option
==========================================================*/
.img-left{
	float:left;
	margin:0 10px 10px 0;
	}
	
.img-right {
	float:right;
	margin:0 0 10px 10px;
	}
	
.img-border {
	padding:2px;
	border:1px solid #ccc;
	}

	
/* table
==========================================================*/
table.tbl-normal {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	}
	
	table.tbl-normal th{
		padding:5px;
		text-align:left;
		line-height:120%;
		letter-spacing:1px;
		border:1px solid #ccc;
		font-weight:normal;
		background:#f4f4f4;
		width:30%;
		}
		
		
	table.tbl-normal td{
		padding:5px;
		text-align:left;
		line-height:120%;
		letter-spacing:1px;
		border:1px solid #ccc;
		}
		
table.tbl-item {
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:100%;
	}
	
	table.tbl-item th{
		padding:4px;
		text-align:left;
		line-height:120%;
		border-bottom:1px dotted #ccc;
		font-weight:normal;
		background:#f4f4f4;
		}
		
		
	table.tbl-item td{
		padding:4px;
		text-align:left;
		line-height:120%;
		border-bottom:1px dotted #ccc;
		}

dl.dl-tbl dt {
	width:10em;
	}
	
dl.dl-tbl dd {
	margin-left:10em;
	}
	
/* form
==========================================================*/
div.form-btn {
	text-align:center;
	padding:10px;
	}
	
div.form-btn button {
	border:none;
	background-color:#FFFFFF;
	cursor:hand;
	}
	
input.input-txt {
	border:1px solid #ccc;
	margin-right:10px;
	}
	
input.input-txt2 {
	border:1px solid #ccc;
	padding:5px;
	width:95%;
	}
	
textarea.input-txtarea {
	border:1px solid #ccc;
	padding:5px;
	width:98%;
	height:150px;
	}


/* sitemap
==========================================================*/
.sitemap {
	margin:0 10px;
	}

.sitemap ul {line-height: 1.6em;}

.sitemap ul li {
	list-style:none;
	background-image: url(image/sitemap/arrow.jpg);
	background-repeat: no-repeat;
	background-position: 2px 4px;
	padding: 0px 0px 5px 17px;
}
.sitemap ul li ul {
	background-image: url(image/sitemap/tree_bg.gif);
	background-repeat: repeat-y;
	background-position: 9px 0px;
}

.sitemap ul li ul li {
	margin: 0px 0px 4px 5px;
	padding: 0px 10px 0px 20px;
	background-image: url(image/sitemap/tree.gif);
	background-repeat: no-repeat;
	background-position: 4px 1px;
}
.sitemap ul li.top a {
	border:1px solid #ccc;
	display:block;
	background:#eee;
	padding:5px;
}

.sitemap ul li ul li.up  {background-image: url(image/sitemap/tree_up.gif);}
.sitemap ul li ul li.end {background-image: url(image/sitemap/tree_end.gif);}
.sitemap li ul {margin: 4px 0px 4px 0px;}
.sitemap li ul li ul {font-size: 10px;}


/* title
==========================================================*/
div#title {
	height:190px;
	padding:0 20px;
	position:relative;
	}
	
div.title-index     {background:url(image/main/title-index.jpg) no-repeat top;}
div.title-news      {background:url(image/main/title-news.jpg) no-repeat top;}
div.title-room      {background:url(image/main/title-room.jpg) no-repeat top;}
div.title-technique {background:url(image/main/title-technique.jpg) no-repeat top;}
div.title-style     {background:url(image/main/title-style.jpg) no-repeat top;}
div.title-blog      {background:url(image/main/title-blog2.jpg) no-repeat top;}
div.title-glossary  {background:url(image/main/title-glossary.jpg) no-repeat top;}
div.title-link      {background:url(image/main/title-link.jpg) no-repeat top;}
div.title-affiliate {background:url(image/main/title-affiliate.jpg) no-repeat top;}
div.title-contact   {background:url(image/main/title-contact.jpg) no-repeat top;}
div.title-sitemap   {background:url(image/main/title-sitemap.jpg) no-repeat top;}
div.title-entry     {background:url(image/main/title-entry.jpg) no-repeat top;}
div.title-color     {background:url(image/main/title-color.jpg) no-repeat top;}

div#title p {
	position:absolute;
	top:110px;
	width:500px;
	}


/* list
==========================================================*/

/* list-box */
ul.list-box {
	}

div.section2 ul.list-box li{
	width:162px;
	float:left;
	margin-right:5px;
	}
	
ul.list-box li {
	margin-bottom:5px;
	border:1px solid #ccc;
	font-size:10px;
	letter-spacing:1px;
	line-height:130%;
	}
	
ul.list-box li span{
	color:#aac11b;
	font-size:12px;
	display:block;
	font-weight:bold;
	}
	
ul.list-box li .img-left {
	margin-right:5px;
	margin-bottom:0;
	background:#fff;
	}
	
ul.list-box li .img-right {
	margin-left:5px;
	margin-bottom:0;
	background:#fff;
	}
	
ul.list-box li a {
	display:block;
	background:#fff;
	padding:5px;
	color:#999;
	}

ul.list-box li a:hover {
	text-decoration:none;
	background:#f7fbda;
	}
	
ul.list-box li a:hover img{
	opacity:1.0;
	filter: alpha(opacity=100);
	}

/* list-normal */
ul.list-normal li {
	clear:both;
	margin-bottom:5px;
	border:1px solid #ccc;
	letter-spacing:1px;
	}

ul.list-normal li a {
	display:block;
	background:#fff;
	padding:5px;
	color:#999;
	}
	
ul.list-normal li a:hover {
	text-decoration:none;
	background:#f7fbda;
	}
	
/* list-txt */
ul.list-txt li {
	background:url(image/main/h4.jpg) no-repeat left center;
	margin-bottom:5px;
	padding-left:15px;
	border-bottom:1px dotted #ccc;
	}
	


/* comment
==========================================================*/
div.comments-open-content {
	border:1px solid #ccc;
	padding:10px;
	background:#f4f4f4;
	}
	
div.comment {
	padding:10px;
	border:1px solid #ccc;
	margin-bottom:10px;
	}
	
div.comment p{
	padding:0;
	margin:0;
	}
	
div.asset-meta {
	border-bottom:1px dotted #ccc;
	margin-bottom:5px;
	}
	
/* 4: Contents
----------------------------------------------------------------------------------------------*/
/* top
==========================================================*/
div#top-roomList ul li{
	width:119px;
	height:119px;
	float:left;
	}
	
div#top-roomList ul li img{
	background:#fff;
	border:1px solid #ccc;
	padding:4px;
	}
	
div.bookmark {
	text-align:right;
	margin-bottom:10px;
	}
	
div#adsense-navi {
	margin:0 0 15px 5px;
	clear:both;
	}


/* category
==========================================================*/
/* みんなの部屋 *-----------------------*/
div#room-list div.caption {
	display:none;
	}

/*	
div.photo {
	width:129px;
	height:129px;
	float:left;
	}
	
div#room-list img {
	width:120px;
	height:120px;
	padding:2px;
	border:1px solid #ccc;
	}
*/

div#entry-img div.photo{
	text-align:center;
	}
	
div#entry-img div.photo img {
	max-width: 500px;
	margin:0 auto;
	}
	
* html div#entry-img div.photo img {
	width:expression(document.body.clientWidth < 240? "350px" :	document.body.clientWidth > 500? "500px" : "auto");
	}
	
div.room-item {
	width:172px;
	height:172px;
	float:left;
	}
	
div#room-list a{
	display:block;
	}
	
div.side-body div#room-list a{
	margin-left:11px;
	}

	
div#room-list img {
	width:158px;
	height:158px;
	padding:3px;
	border:1px solid #ccc;
	}
	
div.page-navi {
	clear:both;
	margin:5px 0;
	background:#f4f4f4;
	padding:5px;
	text-align:center;
	}

/* ショッピング *-----------------------*/	
dl.item-data {
	width:125px;
	height:125px;
	overflow:hidden;
	float:left;
	}
	

	dl.item-data dd {
		padding:5px;
		margin:0 4px 6px 0;
		text-align:center;
		border:1px solid #ccc;
		}
		
	dl.item-data dd img{
		width:110px;
		height:110px;
		}
	
dl.item-data2 {
	width:125px;
	height:125px;
	overflow:hidden;
	float:left;
	}
	
	dl.item-data2 dd {
		padding:5px;
		margin:0 4px 6px 0;
		text-align:center;
		border:none;
		}
		
	dl.item-data2 dd img{
		width:110px;
		height:110px;
		border:none;
		}
	
/* ショッピング2 *-----------------------*/
div.item-list {
	width:161px;
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	text-align:right;
	}
	div.item-list img{
		width:155px;
	}
	
div.item-left {
	width:256px;
	float:left;
	}
	
	div.item-left img{
		width:250px;
	}
	
div.item-txt {
	padding:0 3px;
	font-size:11px;
	text-align:right;
	background-color:#eee;
	margin:3px 0;
	}

div.item-sub {
	}
	div.item-sub img {
		width:73px;
		height:52px;
		margin-right:3px;
		margin-bottom:7px;
	}
	
div.item-right {
	width:240px;
	float:right;
	}
	
div.item-buy {
	margin:10px 0;
	border:1px solid #330000;
	padding:1px;
	text-align:center;
	}
	
	div.item-buy a{
		width:100%;
		display:block;
		background:#330000;
		padding:3px 0;
		color:#fff;
		text-align:center;
		text-decoration:none;
		}
		
	div.item-buy a:hover{
		background:#996600;
		text-decoration:none;
		}

ul.rakuten-list {
	margin-left:14px;
	}
	
ul.rakuten-list li{
	width:80px;
	height:80px;
	float:left;
	text-align:center;
	}
	
ul.rakuten-list li img{
	padding:3px;
	border:1px solid#ccc;
	}
	
div.room-cimg {
	padding:20px 0;
	text-align:center;
	}
	
	div.room-cimg img{
	/*
	background:#f4f4f4 url(image/main/alfa.gif) repeat;
	border:1px solid #ccc;
	padding:4px;
	*/margin-bottom:15px;
	}
	
div#like-btn {
	clear:both;
	padding:10px 0px;
	}