@charset "utf-8";
/* CSS Document */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

*{
	margin:0;
	padding:0;
}
body {
    margin:0;
	padding:0;
	background:#eae6df;
	font-size:12px;
	line-height:1.6;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	_font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a img{
	border:none;
}
h1,h2{clear:both;}

#wrapper {
	background:white;
    margin:0 auto;
	padding:50px;
	width:700px;
	position:relative;
	min-height:491px;
	height:auto !important;
	height:491px;
}

/* ------------------------ navi */

div#second_nav{
	margin-bottom:15px;
}

ul#nav { list-style:none; }
ul#nav li{ float:left;}
ul#nav li a:hover{
	color:#000;
	text-decoration:underline;
}

ul#nav.top{margin-bottom:20px;}
/*
ul#nav.top li{margin-left:38px;}
*/
ul#nav.top li{margin-left:53px;}

ul#nav.top li:first-child{ margin-left:0px; }
/*
ul#nav.top li#c1 a{width:76px;background-position:-60px 0px;}
ul#nav.top li#c2 a{width:67px;background-position:-164px 0px;}
ul#nav.top li#c3 a{width:38px;background-position:-261px 0px;}
ul#nav.top li#c4 a{width:76px;background-position:-329px 0px;}
ul#nav.top li#c5 a{width:38px;background-position:-436px 0px;}
ul#nav.top li#c6 a{width:90px;background-position:-503px 0px;}
ul#nav.top li#c7 a{width:77px;background-position:-621px 0px;}
ul#nav.top li#c1 a:hover{width:76px;background-position:-60px -50px;}
ul#nav.top li#c2 a:hover{width:67px;background-position:-164px -50px;}
ul#nav.top li#c3 a:hover{width:38px;background-position:-261px -50px;}
ul#nav.top li#c4 a:hover{width:76px;background-position:-329px -50px;}
ul#nav.top li#c5 a:hover{width:38px;background-position:-436px -50px;}
ul#nav.top li#c6 a:hover{width:90px;background-position:-503px -50px;}
ul#nav.top li#c7 a:hover{width:77px;background-position:-621px -50px;}
*/
ul#nav.top li#c1 a{width:63px;background-position:-70px 0px;}
ul#nav.top li#c2 a{width:56px;background-position:-174px 0px;}
ul#nav.top li#c3 a{width:31px;background-position:-272px 0px;}
ul#nav.top li#c4 a{width:63px;background-position:-345px 0px;}
ul#nav.top li#c5 a{width:29px;background-position:-450px 0px;}
ul#nav.top li#c6 a{width:74px;background-position:-521px 0px;}
ul#nav.top li#c7 a{width:64px;background-position:-637px 0px;}
ul#nav.top li#c1 a:hover{width:63px;background-position:-70px -50px;}
ul#nav.top li#c2 a:hover{width:56px;background-position:-174px -50px;}
ul#nav.top li#c3 a:hover{width:31px;background-position:-272px -50px;}
ul#nav.top li#c4 a:hover{width:63px;background-position:-345px -50px;}
ul#nav.top li#c5 a:hover{width:29px;background-position:-450px -50px;}
ul#nav.top li#c6 a:hover{width:74px;background-position:-521px -50px;}
ul#nav.top li#c7 a:hover{width:64px;background-position:-637px -50px;}

ul#inner_nav { list-style:none; }
ul#inner_nav li{ float:left;}
ul#inner_nav li a:hover{
	color:#000;
	text-decoration:underline;
}

ul#inner_nav{margin-bottom:20px;}
ul#inner_nav{margin-bottom:20px;}
ul#inner_nav li{margin-left:17px;padding-top:10px;}
ul#inner_nav li#c1 a{width:24px;background-position:0px 0px;}
ul#inner_nav li#c2 a{width:52px;background-position:-42px 0px;}
ul#inner_nav li#c3 a{width:47px;background-position:-113px 0px;}
ul#inner_nav li#c4 a{width:27px;background-position:-181px 0px;}
ul#inner_nav li#c5 a{width:53px;background-position:-228px 0px;}
ul#inner_nav li#c6 a{width:26px;background-position:-302px 0px;}
ul#inner_nav li#c7 a{width:63px;background-position:-348px 0px;}
ul#inner_nav li#c8 a{width:54px;background-position:-430px 0px;}

ul#inner_nav li#c1 a:hover{width:24px;background-position:0px -15px;}
ul#inner_nav li#c2 a:hover{width:52px;background-position:-42px -15px;}
ul#inner_nav li#c3 a:hover{width:47px;background-position:-113px -15px;}
ul#inner_nav li#c4 a:hover{width:27px;background-position:-181px -15px;}
ul#inner_nav li#c5 a:hover{width:53px;background-position:-228px -15px;}
ul#inner_nav li#c6 a:hover{width:26px;background-position:-302px -15px;}
ul#inner_nav li#c7 a:hover{width:63px;background-position:-348px -15px;}
ul#inner_nav li#c8 a:hover{width:54px;background-position:-430px -15px;}

ul#sub_nav{
	float:left;
	list-style:none;
	border-right:1px solid #666;
}

ul#sub_nav li{
	border-left:1px solid #666;
	float:left;
}
ul#sub_nav li a{
	display:block;
	padding:0px 10px;
	text-align:center;
	color:#000;
	text-decoration:none;
	font-size:10px;
}
ul#sub_nav li a:hover{
	text-decoration:underline;
}

ul#sub_nav_wi{float:left;list-style:none;}
ul#sub_nav_wi li{float:left;}
ul#sub_nav_wi li a{
	display:block;
	padding:0px 10px;
	text-align:center;
	color:#000;
	text-decoration:none;
}
ul#sub_nav_wi li a:hover{
	text-decoration:underline;
}

/* ------------------------ top */
h1#title_l{
	width:400px;
	height:80px;
  /*background:url(../img/common/title_l.gif) no-repeat;
    text-indent:-5000px;
	overflow:hidden;*/
	margin-bottom:115px;
}
h1#title_s{
	width:210px;
	height:24px;
  /*background:url(../img/common/title_s.gif) no-repeat;
    text-indent:-5000px;
	overflow:hidden;*/
	float:left;
}
h2.inner{
	height:0px;
  /*padding-top:20px;*/
	margin-bottom:1em;
	margin-right:20px;
  /*overflow:hidden;
	background-image:url(../img/nav/nav_l.gif);
	background-repeat:no-repeat;*/
}

div#topimg{
	clear:both;
}

/* ------------------------ inner */
div#inner_main{
	clear:both;
}

h3.brownrect{
	clear:both;
	border:1px solid #A79179;
	color:#A79179;
	padding:2px 5px;
	font-size:12px;
	line-height:1.2;
	margin-bottom:1em;
}
h3.brownrectfill{
	clear:both;
	background-color:#A79179;
	color:#fff;
	padding:2px 5px;
	font-size:12px;
	line-height:1.2;
	margin-bottom:1em;
	text-align:center;
}

/* ------------------------ concept */
h2#concept{width:81px;background-position:-59px 0px;}

p#intro{
	font-weight:bold;
	margin-bottom:2em;
	font-size:1.2em;
	line-height:1.5;
	letter-spacing:0.1em;
}
ul#concept_list{
	list-style:none;
	width:200px;
	float:left;
	padding-right:30px;
}
ul#concept_list li{
	list-style:none;
	margin-bottom:30px;
}
ul#concept_list h3{
	font-size:1.2em;
	margin-bottom:0.5em;
}
ul#concept_list p{
	font-size:11px;
}
div#concept_ph{
	float:left;
	width:467px;
}

/* ------------------------ feature */
h2#feature{width:72px;background-position:-163px 0px;float:left}

ul.feature_sub li{
	width:120px;
}

#feature_container{
}
#feature_container img {border:none;}
#feature_container h4{
	background-color:#A79179;
	color:#fff;
	padding:7px 5px;
	font-size:13px;
	line-height:1.2;
	margin-bottom:1em;
	text-align:center;
	margin-top:4px;
}
#feature_container h5 {
	background-color:#A79179;
	color:#fff;
	padding:2px 5px;
	font-size:11px;
	line-height:1.2;
	margin-bottom:1em;
	text-align:center;
	width:140px;
}
#feature_container #version p {width:430px;margin:0 7px;}
#feature_container #category {position:relative;}
#feature_container .upper {position:absolute;top:40px;}
#feature_container .cabi01 {position:absolute;top:230px;}
#feature_container .chest {position:absolute;top:250px;}
#feature_container .cabi02 {position:absolute;top:425px;}
#feature_container .tv {position:absolute;top:620px;}
#feature_container .rest {position:absolute;top:700px;}
#feature_container #feature_mod img {margin-left:170px;}

#painting .deliver {
	background-color:#A79179;
	color:#fff;
	padding:3px 5px;
	font-size:13px;
	line-height:1.2;
	margin-bottom:0.5em;
	text-align:center;
}
#painting #paint_num li {
	margin-right:22px;
	float:left;
}
#painting #deliver_box {
	width:250px;
	margin-bottom:45px;
}
#painting h5{
	color:#a79179;
	font-size:14px;
}
#painting .title_line {
	border-top:1px #A79179 solid;
	border-bottom:1px #A79179 solid;
	padding:3px;
}
#painting .title_line_under {
	border-bottom:1px #A79179 dashed;
	padding:3px;
}

/* ------------------------ item */
h2#item{padding-top:30px;width:31px;background-position:-272px 0px;float:left}

ul.item_sub li{
	width:105px;
	height:16px;
	line-height:1.3;
	padding-top:3px;
}
ul.item_sub li span{
	font-size:8px;
}

ul.item_sub_inner li{
	width:105px;
	line-height:1.3;
	padding-top:3px;
	background-image:url(../img/illust/item_sub_inner.gif);
	background-repeat:no-repeat;
	padding-top:80px;
}
ul.item_sub_inner li a{
	height:16px;
	border-left:1px solid #666;
	font-size:10px;
}
ul.item_sub_inner li.c1{background-position:-5px 0px;}
ul.item_sub_inner li.c2{background-position:-135px 0px;}
ul.item_sub_inner li.c3{background-position:-264px 0px;}
ul.item_sub_inner li.c4{background-position:-380px 0px;}
ul.item_sub_inner li.c5{background-position:-484px 0px;}
ul.item_sub_inner li.c6{background-position:-579px 0px;}

ul.item_sub_inner li.c6 a{border-right:1px solid #666}

ul.item_sub_inner li span{
	font-size:8px;
}

ul#item_front_image_bt{
	list-style:none;
	margin:70px 0px 30px;
}
ul#item_front_image_bt li{
	float:left;
	margin-left:9px;
	padding:10px;
	background-color:#fff;
}
ul#item_front_image_bt li.over{
	background-color:#EDE9E4;
	cursor:pointer;
}
ul#item_front_image_bt li:first-child{
	margin-left:0px;
}
ul#item_front_image_bt li img{
	margin-bottom:1em;
}
ul#item_front_image_bt li p{
	font-size:10px;
	text-align:center;
	line-height:1.3;
}
ul#item_front_image_bt li p span{
	font-size:8px;
}
ul#item_front_image_bt li p a{
	color:#000;
	text-decoration:none;
}
ul#item_front_image_bt li.c1{width:88px;}
ul#item_front_image_bt li.c2{width:90px;}
ul#item_front_image_bt li.c3{width:73px;}
ul#item_front_image_bt li.c4{width:121px;}
ul#item_front_image_bt li.c5{width:92px;}
ul#item_front_image_bt li.c6{width:59px;}

ul#material_list {list-style:none;}
ul#material_list li{float:left;margin-left:10px;width:70px;}
ul#material_list li img{padding-bottom:5px;}
ul#material_list li:first-child{margin-left:0px;}
ul#material_list h4{font-size:10px;font-weight:normal;border-bottom:1px solid #999;padding-bottom:5px;margin-bottom:3px;}
ul#material_list h4 span{border:1px solid #999;padding:0px 5px;}
ul#material_list p{font-size:8px;}

ul#material_list_g {list-style:none;}
ul#material_list_g li{float:left;margin-left:10px;width:83px;}
ul#material_list_g li img{padding-bottom:5px;}
ul#material_list_g li:first-child{margin-left:0px;}
ul#material_list_g h4{font-size:10px;font-weight:normal;border-bottom:1px solid #999;padding-bottom:5px;margin-bottom:3px;}
ul#material_list_g h4 span{border:1px solid #999;padding:0px 5px;}
ul#material_list_g p{font-size:8px;}

ul#item_ph_list{
	width:700px;
	font-size:10px;
	margin-bottom:2em;
	margin-top:1em;
	list-style:none;
	clear:both;
}
ul#item_ph_list li{
	float:left;
	margin:0px;
	padding:0 8px 20px;
}
ul#item_ph_list li a{
	zoom:1;
}
ul#item_ph_list li div.ph{
	padding:0 auto;
	text-align:center;
	height:184px;
	display:inline;
}
ul#item_ph_list li div.h50{
	height:auto;
	padding-top:50px;
}
ul#item_ph_list li div.ph img{
	vertical-align:baseline;
}
ul#item_ph_list li div.price{
	/*height:5em;*/
	padding-top:5px;
}
ul#item_ph_list li div.price span{
	font-size:8px;
}
ul#item_ph_list li div.serial{
	border-left:1px solid #999;
	padding:5px 10px 5px 5px;
	height:3em;
	float:left;
}
ul#item_ph_list li div.serial span.idbox{
	border:1px solid #999;
	padding:0px 4px;
	margin:0 2px;
}
ul#item_ph_list li div.serial span.small{
	font-size:8px;
}

/* ------------------------ plan */
h2#plan{width:38px;background-position:-436px 0px;float:left}

h2.inner2{
	float:left;
	height:0px;
	width:51px;
	padding-top:17px;
	margin-right:20px;
	overflow:hidden;
	background-image:url(../img/text/plan_label.gif);
	background-repeat:no-repeat;
}
h2#plan1{background-position:0px 0px;}
h2#plan2{background-position:0px -17px;}
h2#plan3{background-position:0px -34px;}
h2#plan4{background-position:0px -51px;}
h2#plan5{background-position:0px -68px;}
h2#plan6{background-position:0px -85px;}
h2#plan7{background-position:0px -102px;}

ul.plan_sub li{
	width:40px;
	height:16px;
	line-height:1.3;
	padding-top:0px;
}
ul#sub_nav.plan_sub li a{
	font-size:14px;
}

table#plan_front_image_bt{
}

table#plan_front_image_bt td{
	padding:20px 10px;
	width:330px;
}
table#plan_front_image_bt td div.ph{
	margin-bottom:5px;
}
table#plan_front_image_bt td.over{
	background-color:#EDE9E4;
	cursor:pointer;
}
table#plan_front_image_bt td h3{
	float:left;
	margin-right:10px;
	font-size:18px;
}
table#plan_front_image_bt td h3 a{
	text-decoration:none;
	color:#000;
	font-family:'Trebuchet MS',Verdana, Geneva, sans-serif;
}
table#plan_front_image_bt td p{
	padding-top:6px;
}

ul#material_list_s {list-style:none;}
ul#material_list_s li{float:left;margin-left:10px;width:50px;cursor:pointer;}
ul#material_list_s li:first-child{margin-left:0px;}
ul#material_list_s h4{font-size:8px;font-weight:normal;border-bottom:1px solid #999;padding-bottom:3px;margin-bottom:3px;}
ul#material_list_s h4 span{border:1px solid #999;padding:0px 3px;}
ul#material_list_s p{font-size:8px;}

ul#material_list_g_s {list-style:none;}
ul#material_list_g_s li{float:left;margin-left:10px;width:59px;cursor:pointer;}
ul#material_list_g_s li:first-child{margin-left:0px;}
ul#material_list_g_s h4{font-size:8px;font-weight:normal;border-bottom:1px solid #999;padding-bottom:5px;margin-bottom:3px;}
ul#material_list_g_s h4 span{border:1px solid #999;padding:0px 5px;}
ul#material_list_g_s p{font-size:8px;}

table#plan_price{
	clear:both;
	margin-bottom:5px;
	border-top:1px solid #999;
	width:390px;
}
table#plan_price td{
	border-bottom:1px solid #999;
	font-size:10px;
	padding:2px 5px;
}
table#plan_price td.price{
	text-align:right;
}
table#plan_price td.price span{
	font-size:80%;
}
div#plan_single h3{
	font-size:18px;
	font-family:'Trebuchet MS',Verdana, Geneva, sans-serif;
}
div#plan_single h3.brownrectfill{
	clear:both;
	background-color:#A79179;
	color:#fff;
	padding:2px 5px;
	font-size:12px;
	line-height:1.2;
	margin-bottom:1em;
	text-align:center;
}
div#plan_single div.t_planname{
	width:200px;
	float:left;
	line-height:1.2;
	padding-bottom:5px;
}
div#plan_single div.t_price{
	float:left;
	width:190px;
	text-align:right;
	line-height:1.1;
	padding-top:5px;
}
div#plan_single div.t_price h4{
	font-size:15px;
	padding:0 7px 0 0;
	margin:0;
}
div#plan_single div.t_price h4 span{
	font-size:10px;
}
div#plan_single p.attention{
	font-size:10px;
	display:none;
}

/* ------------------------ function */
h2#function{width:83px;background-position:-330px 0px;float:left}

ul.function_sub li{
	width:118px;
}
table#function_table{
	width:100%;
}
table#function_table h4{
	text-align:left;
}
table#function_table h4 span{
	font-size:0.8em;
}
table#function_table h5{
	font-size:11px;
}
table#function_table h6{
	font-size:10px;
	border-bottom:1px solid #999;
	margin-bottom:5px;
}
table#function_table th{
	width:140px;
	padding:5px;
	vertical-align:top;
}
table#function_table td{
	padding:5px;
	vertical-align:top;
	padding-bottom:20px;
}
table#function_table td ul{
	list-style:none;
}
table#function_table td .group{
	float:left;
	padding-right:10px;
	_padding-right:0px;
}
table#function_table td ul li{
	float:left;
	margin-right:10px;
	width:120px;
}
table#function_table p{
	font-size:10px;
	line-height:1.4;
}
ul#desklist{
	list-style:none;
}
ul#desklist li{
	float:left;
	margin-right:10px;
	text-align:center;
}
#attention_info ol{
	list-style:upper-alpha;
}
#attention_info ol,
#attention_info ul{
	margin-left:25px;
	margin-bottom:2em;
	font-size:10px;
}
/*------------------------- catalogue */
h2#catalogue{width:90px;background-position:-502px 0px;float:left;padding-bottom:15px;}

/* ------------------------ basis */
.mm_l {margin:0 73px 0 0;}
.mm_l2 {margin:0 96px 0 0;}
.mb_05em {margin-bottom:0.5em;}
.mb_1em {margin-bottom:1em;}
.mb_2em {margin-bottom:2em;}
.mt_05em {margin-top:0.5em;}
.mt_1em {margin-top:1em;}
.aligncenter {text-align:center;}
.alignright {text-align:right;}
.copy {margin:1em 0 0 0;font-size:70%;}
.copy_bar {background:url(img/footer_bar.gif) no-repeat top;padding-top:1.5em;}
.floatleft {float:left;}
.floatright {float:right;}
.clearfloat {clear:both;}
.menu_position li {float:left;}
.size_xs {font-size:12px;margin-top:0;font-weight:bold;}
.size_s {font-size:80%;}
.lineheight_100 {line-height:100%;}

/* ------------------------ alter image */
.txt1, .txt2, .txt3, .txt4, .txt5{
	background-image:url(../img/text/concept_txt.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	height:0px;
}
.txt1{
	width:559px;
	padding-top:76px;
}
.txt2{
	width:144px;
	padding-top:15px;	
	background-position:0px -95px;
}
.txt3{
	width:200px;
	padding-top:15px;
	background-position:0px -122px;
}
.txt4{
	width:144px;
	padding-top:15px;
	background-position:0px -151px;
}
.txt5{
	width:200px;
	padding-top:15px;
	background-position:0px -179px;
}

.bg_attention{
	background:url(../img/illust/attention.gif) no-repeat 0 3px;
	padding:3px 3px 3px 23px !important;
}
.bg_attention2{
	background:url(../img/illust/attention.gif) no-repeat 0 3px;
	padding:23px 0px 0px 0px !important;
}