@charset "utf-8"; 

/*base.css*/

/*要素初期化*/
#body_def {
	margin:0;
	padding:0;
	background:url(/img/bg_head_def.jpg) top center no-repeat;
	text-align:center;
	color:#000;
	font-size: 13px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,  'ＭＳ Ｐゴシック', Osaka, Verdana, Arial, Helvetica, sans-serif;
}

#body_hp {
	margin:0;
	padding:0;
	background:url(/img/bg_head_hp.jpg) top center no-repeat;
	text-align:center;
	color:#000;
	font-size: 13px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,  'ＭＳ Ｐゴシック', Osaka, Verdana, Arial, Helvetica, sans-serif;
}

p , ul , ol , li , dl , dt , dd , address , strong , em ,
h1 , h2 , h3 , h4 , h5 , h6 , 
table , caption , th , td {
	margin:0;
	padding:0;
}

p {
	margin:0 0 1em;
}

li {list-style-type:none;}

h1 , h2 , h3 , h4 , h5 , h6 {}

strong {font-weight:bold;}
em {font-style:italic;}

a {}
a:link {
	color:#09f;
	text-decoration:underline;
}
a:visited {
	color:#93f;
	text-decoration:underline;
}
a:hover , a:active {
	color:#93f;
	text-decoration:none;
}

img {border:none;}

hr {display:none;}


/*クリア*/
.clear {clear:both;}


/*アイコン画像*/
#container .ico {vertical-align:middle;}

/*アイコン画像（ポータル出力class名）*/
.portalicon {vertical-align:middle;}

/*ライン <div class="line-dot"><hr></div> */
.line-dot {
	background:url(/img/hr_dot.gif) repeat-x 0 50%;
	width:100%;
	height:10px;
	border:none;
}

.line-dot20 {
	background:url(/img/hr_dot20.gif) repeat-x 0 50%;
	width:100%;
	height:20px;
	border:none;
}

.line-dot5 {
	background:url(/img/hr_dot5.gif) repeat-x 0 50%;
	width:100%;
	height:1px;
	border:none;
}

/*カラー*/
.black {color:#000;}
.blue {color:#3333ff;}
.orange	{color:#ff9900;}
.red {color	:#f00;}

/*フォントサイズ*/
.font9	{font-size:9px;}
.font10	{font-size:10px;}
.font11	{font-size:11px;}
.font12	{font-size:12px;}
.font14	{font-size:14px;}
.font16	{font-size:16px;}
.font18	{font-size:18px;}
.font24	{font-size:24px;}
.font36	{font-size:36px;}
.xsmall {font-size:75%;}
.small {font-size:86%;}
.large {font-size:116.7%;}
.xlarge {font-size:133.4%;}

/*文字揃え*/
.textright {text-align:right;}
.textleft {text-align:center;}
.textcenter {text-align:left;}

/*スペース
使用方法：
	<div class="space10"><hr></div>
*/
.space1 {height:1px;}
.space2 {height:2px;}
.space3 {height:3px;}
.space4 {height:4px;}
.space5 {height:5px;}
.space6 {height:6px;}
.space7 {height:7px;}
.space8 {height:8px;}
.space9 {height:9px;}
.space10 {height:10px;}
.space11 {height:11px;}
.space12 {height:12px;}
.space13 {height:13px;}
.space14 {height:14px;}
.space15 {height:15px;}
.space16 {height:16px;}
.space17 {height:17px;}
.space18 {height:18px;}
.space19 {height:19px;}
.space20 {height:20px;}
.space30 {height:30px;}

/*フォーム関連*/
form {
	margin:0;
	padding:0;
}
input.button	{
	border-top:3px double #ccc;
	border-right:3px double #666;
	border-bottom:3px double #666;
	border-left:3px double #ccc;
	color:#333;
	background :#E2E2E2 url(../img/bg/bg_btn.jpg) repeat-x;/*フォームボタン用（背景）*/
	font-family:"verdana", "helvetica", "osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size:12px;
	font-weight:normal;
	cursor:pointer;
	padding:3px;
}
input.text		{
	width :105px;
	margin :0px;
	padding :4px;
	background :#F5F4F1 repeat-x;
}
select 			{
	border-top :3px double #ccc;
	border-right :3px double #666;
	border-bottom :3px double #666;
	border-left :3px double #ccc;
	color :#000;
	background :#F5F4F1 repeat-x;
	font-size :12px;
	font-weight :normal;
	margin :0px 3px 0px 3px;
	padding :2px;
}
input.radio		{
	margin :3px 0px 0px 0px;
	padding :1px 1px 0px 1px;	
}

/*テーブル*/
table.brdr {
	font-size: 13px;
background-color:#fff;
width:100%;
padding:0px 0px 0px 0px; 
border:solid 1px #dedede;
}

table.brdr td {
	font-size: 13px;
border-width:1px;
padding:5px 10px 5px 10px; 
border:solid 1px #dedede;
}

table.brdr_list {
	font-size: 13px;
background-color:#fff;
width:100%;
padding:0px 0px 0px 0px; 
border:solid 1px #dedede;
}

table.brdr_list td {
	font-size: 13px;
border-width:1px;
padding:2px 5px 2px 5px; 
border:solid 1px #dedede;
}

table.kill td {
padding:0px 0px 0px 0px; 
border:none;
}

/*テーブルx*/
table.brdrx {
	font-size: 13px;
width:600px;
padding:0px 0px 0px 0px; 
}

table.brdrx td {
padding:10px 20px 10px 20px; 
}

/*テーブル0*/
table.brdr0 {
	font-size: 13px;
background-color:#fff;
width:640px;
padding:0px 0px 0px 0px; 
border:solid 1px #dedede;
}

table.brdr0 td {
border-width:1px;
padding:5px 10px 5px 10px; 
border:solid 1px #dedede;
}

/*テーブル1*/
table.brdr1 {
	font-size: 13px;
background-color:#fff;
width:600px;
padding:0px 0px 0px 0px; 
border:solid 1px #dedede;
}

table.brdr1 td {
border-width:1px;
padding:5px 5px 5px 5px; 
border:solid 1px #dedede;
}

/*テーブル2*/
table.brdr2 {
	font-size: 13px;
background-color:#fff;
width:640px;
padding:0px 0px 0px 0px; 
border:solid 1px #dedede;
}

table.brdr2 td {
border-width:1px;
padding:10px 15px 10px 15px; 
border:solid 1px #dedede;
}

/*テーブル3*/
table.brdr3 {
	font-size: 13px;
background-color:#fff;
width:130px;
height:130px;
padding:0px 0px 0px 0px; 
border:solid 1px #dedede;
}

table.brdr3 td {
padding:0px 0px 0px 0px; 
}

/*テーブルDef*/
table.def {
	font-size: 13px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,  'ＭＳ Ｐゴシック', Osaka, Verdana, Arial, Helvetica, sans-serif;
}

table.def td {
}

/*テーブルDef2*/
table.def2 {
	font-size: 13px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,  'ＭＳ Ｐゴシック', Osaka, Verdana, Arial, Helvetica, sans-serif;
	line-height: 21px;
}

table.def2 td {
}

/*テーブルDefEvent*/
table.def_event {
width:661px;
	font-size: 13px;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,  'ＭＳ Ｐゴシック', Osaka, Verdana, Arial, Helvetica, sans-serif;
}

table.def_event td {
}

/*CSSハック*/
/*clearfix*/
.clearfix {
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/*テーブル4*/
table.brdr4 {
background-color:#fff;
width:90px;
height:90px;
padding:0px 0px 0px 0px; 
border:solid 1px #dedede;
}

table.brdr4 td {
padding:0px 0px 0px 0px; 
}

/*CSSハック*/
/*clearfix*/
.clearfix {
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
}



/*全体*/
#container {
	z-index:1;
	margin:0 auto;
	text-align:left;
	width:980px;
	font-size:13px;
	font-family:Verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*今月のピックアップPhotos!*/
#pick_photo {
	clear:both;
	width:980px;
	margin:185px 0 0 0;
}

/*インテリアページヘッダー*/
.head_space {height:187px;}
}

/*グローバルナビゲーション*/
#gnav {
	clear:both;
	height:65px;
	overflow:hidden;
}
#gnav ul {
	float:left;
	margin-left:15px;
	width:950px;
	background:url(/img/gnav_def.jpg) no-repeat;
	display:inline;
}
#gnav li {
	float:left;
	list-style:none;
	text-indent:-9999px;
}
#gnav li a {
	height:65px;
	display:block;
	overflow:hidden;
}
#gnav .li0 {width:2px;}
#gnav .li1 {width:135px;}
#gnav .li2 {width:134px;}
#gnav .li3 {width:134px;}
#gnav .li4 {width:134px;}
#gnav .li5 {width:134px;}
#gnav .li6 {width:134px;}
#gnav .li7 {width:133px;}

#gnav .li1 a:hover {background:url(/img/gnav_def.jpg) 0px -65px no-repeat}
#gnav .li2 a:hover {background:url(/img/gnav_def.jpg) -137px -65px no-repeat}
#gnav .li3 a:hover {background:url(/img/gnav_def.jpg) -273px -65px no-repeat}
#gnav .li4 a:hover {background:url(/img/gnav_def.jpg) -409px -65px no-repeat}
#gnav .li5 a:hover {background:url(/img/gnav_def.jpg) -545px -65px no-repeat}
#gnav .li6 a:hover {background:url(/img/gnav_def.jpg) -681px -65px no-repeat}
#gnav .li7 a:hover {background:url(/img/gnav_def.jpg) -817px -65px no-repeat}

/*パン屑リストメニュー*/
#bread {
	clear:both;
	width:950px;
	margin:0px 5px 0px 5px;
	padding:0px 15px 0px 15px;
	font-size:12px;
}
#bread p ,
#bread h1 ,
#bread h2 {
	display:inline;
	margin-left:7px;
	white-space:normal;
	line-height:29px;
}
#bread a {}

/*ページのトップへ戻る*/
#top {
	clear:both;
	height:27px;
	overflow:hidden;
}
#top ul {
	float:left;
	margin-left:15px;
	width:950px;
	background:url(/img/bttn_top.gif) no-repeat;
	display:inline;
}
#top li {
	float:left;
	list-style:none;
	text-indent:-9999px;
}
#top li a {
	height:27px;
	display:block;
	overflow:hidden;
}
#top .li0 {width:393px;}
#top .li1 {width:164px;}

#top .li1 a:hover {background:url(/img/bttn_top.gif) -393px -27px no-repeat}


/*本文*/
#contents {
	width:980px;
	margin:0 auto;
	text-align:left;
	background:url(/img/bg_body.gif) top center repeat-y;
}

/*本文小*/
#subcontents_def {
	width:621px;
	margin:10px 20px 0px 20px;
	text-align:left;
}

#subcontents_news {
	width:621px;
	margin:10px 20px 10 20px;
	text-align:left;
}

#subcontents_event {
	width:621px;
	margin:10px 20px 10px 20px;
	text-align:left;
}


/*補助枠*/
.wrap {
	width:685px;
	float:left;
	display:inline;/*IE+float 横マージン膨張対策*/
	margin:0 7px 0 0;
}

/*中央*/
.main {
	width:613px;
	float:right;
	display:inline;/*IE+float 横マージン膨張対策*/
	margin:0 22px 0 7px;
}

.main_cat {
	width:661px;
	float:right;
	display:inline;/*IE+float 横マージン膨張対策*/
	margin:0 24px 0 7px;
}

.main_cal {
	width:932px;
	float:right;
	display:inline;/*IE+float 横マージン膨張対策*/
	margin:0 25px 0 0;
}

/*中央(３カラム）*/
.wrap .main {
	width:390px;
	float:right;
	display:inline;
	margin:0 0 0 7px;
}

/*サイド*/
.side {
	width:266px;
}

/*左*/
#left {
	float:left;
	display:inline;
	margin:0 0 0 22px;
}

/*右*/
#right {
	float:left;
	display:inline;
	margin:0 22px 0 0;
}


/*フッター*/
#foot {
	clear:both;
	width:980px;
	text-align:center;
	margin:0 auto;
	background:url(/img/bg_body.gif) top center repeat-y;
}

#fred {
	clear:both;
	width:950px;
	text-align:center;
	margin:0 auto;
	background:#c00
}


/*ボックス*/
.box {
	font-size:13px;
	margin:0 0 4px 0;
}

/*ボックス*/
.box_ban {
	font-size:11px;
	margin:8px 0 0 0;
}

/*clearfix(S)*/
.box {
	zoom:1;/*for IE 5.5-7*/
}
.box:after{/*for modern browser*/
    content:".";
    display:block;
    height:0px;
    clear:both;
    visibility:hidden;
}
/*clearfix(E)*/

/*内容*/
.content {
	padding:10px 5px 0 15px;
	background:url(/img/box_bg.gif) top center repeat-y;
}

.content_cal {
	padding:10px 8px 0 8px;
	background:url(/img/box_bg.gif) top center repeat-y;
}





/*詳細リンク*/
.more {
	text-align:center;
	margin:0;
}
.more a:link ,
.more a:visited {
	color:#9c0;
	text-decoration:underline;
}
.more a:hover ,
.more a:active {
	color:#690;
	text-decoration:none;
}

.url {
	color:#9c0;
}


/*中央（メイン）内共通*/
.main a {}
.main a:link {
	color:#09f;
	text-decoration:underline;
}
.main a:visited {
	color:#93f;
	text-decoration:underline;
}
.main a:hover , a:active {
	color:#93f;
	text-decoration:none;
}


/*中央（メイン）内容*/
.main .content {}


/*中央（メイン）カテゴリー内容*/
.main_cat .fixed {}


/*中央（メイン）日付*/
.main .date {
	font-size:11px;
	font-family:Verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-style:bold;
}

.main_cat .date {
	font-size:11px;
	font-family:Verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-style:bold;
}

/*中央（メイン）詳細リンク*/
.main .more {
	text-align:right;
	margin:0;
}
.main .more a:link ,
.main .more a:visited {
	color:#fc0;
	text-decoration:underline;
}
.main .more a:hover ,
.main .more a:active {
	color:#f60;
	text-decoration:none;
}

/*6-22 中央（メイン）ボックス(3カラム)*/
.wrap .main .box {}

/* 6-24 中央（メイン）内容(3カラム)*/
.wrap .main .content {
}



/*サイド内共通*/
.side a {}
.side a:link {
	color:#f0f;
	text-decoration:none;
}
.side a:visited {
	color:#f0f;
	text-decoration:none;
}
.side a:hover , a:active {
	color:#93f;
	text-decoration:none;
}

/*7-2 サイドボックス*/
.side .box {}

/* 7-3 サイドタイトル*/
.side .title {
}

/* 7-4 サイド内容*/
.side .content {
padding-right:15px;
}

/* 7-5 サイド内容の部品*/
.side .unit {}

/* 7-6 サイドコメント*/
.side .comment {}

/* 7-7 サイド詳細リンク*/
.side .more {}

/*7-22 ボックス(左)*/
#left .box {}

/* 7-24 内容(左)*/
#left .content {}

/* 7-25 内容の部品(左)*/
#left .unit {}

/* 7-26 コメント(左)*/
#left .comment {}

/* 7-27 詳細リンク(左)*/
#left .more {}

/*7-42 ボックス(右)*/
#right .box {}

/* 7-44 内容(右)*/
#right .content {
}

/* 7-45 内容の部品(右)*/
#right .unit {}

/* 7-46 コメント(右)*/
#right .comment {}

/* 7-47 詳細リンク(右)*/
#right .more {}

/*サイドメニュー*/
.side #smenu {}


/*フッター内共通*/
/*フッターメニュー*/
#foot_menu-a {
	font-size:13px;
	margin:4px 0 7px 0;
}

#foot_menu-b {
	font-size:13px;
	width:950px;
	margin:0 auto;
	padding:5px 0;
	background:#c00
}

.foot_menu-b a {}
.foot_menu-b a:link {
	color:#fff;
	text-decoration:underline;
}
.foot_menu-b a:visited {
	color:#fff;
	text-decoration:underline;
}
.foot_menu-b a:hover , a:active {
	color:#fff;
	text-decoration:none;
}

.foot_bg {
	background:url(/img/bg_foot.gif) no-repeat 0 0;
	width:950px;
	height:85px;
	margin:0 auto;
	border:none;
}

/*コピーライト*/
#copy {
	font-style:normal;
	font-size:11px;
	padding:5px 0;
}