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

body {
	background:#F5F5F5;
	color:#6F6F6F;
	margin:0;
	padding:0;
	font-size:10px;
	line-height:16px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.hissu {
	color:#FF6600;
}

.fonts {
	font-size:10px;
}


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


/*link
----------------------------------------*/
a:link {
	text-decoration:underline;
	color:#6F6F6F;
}

a:visited {
	text-decoration:underline;
	color:#6F6F6F;
}

a:hover {
	text-decoration:underline;
	color:#6F6F6F;
}


/*margin
----------------------------------------*/
.margin_b5 {
	margin-bottom:5px;
}

.margin_b10 {
	margin-bottom:10px;
}

.margin_b15 {
	margin-bottom:15px;
}

.margin_b20 {
	margin-bottom:20px;
}


/*frame
----------------------------------------*/
#frame {
	width:762px;
	margin:auto;
	margin-top:10px;
	background:url(../images/main/bg.gif) repeat-y top center;
}


/*font size
----------------------------------------*/

.fs_10px {font-size: 10px !important;}
.fs_11px {font-size: 11px !important;}


/*header
----------------------------------------*/
#header {
	width:762px;
	margin:0;
	padding:0;
}

#header_img {
	margin:0;
	padding:0;
}

#header_line {
	border-top:1px solid #FF7F00;
	border-bottom:4px solid #641E00;
}

#menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#menu ul li {
	float:left;
	display:block;
	text-indent:-9999px;
}

#menu ul li a {
	text-decoration:none;
}

.menu01 a {	background:url(../images/header/menu_concept01.jpg) no-repeat; display:block; width:127px; height:45px; }
.menu02 a {	background:url(../images/header/menu_g_design01.jpg) no-repeat; display:block; width:127px; height:45px; }
.menu03 a {	background:url(../images/header/menu_s_design01.jpg) no-repeat; display:block; width:127px; height:45px; }
.menu04 a {	background:url(../images/header/menu_s_coordination01.jpg) no-repeat; display:block; width:127px; height:45px; }
.menu05 a {	background:url(../images/header/menu_company01.jpg) no-repeat; display:block; width:127px; height:45px; }
.menu06 a {	background:url(../images/header/menu_inquiry01.jpg) no-repeat; display:block; width:127px; height:45px; }

.menu01 a:hover { background:url(../images/header/menu_concept02.jpg) no-repeat; display:block; width:127px; height:45px; }
.menu02 a:hover { background:url(../images/header/menu_g_design02.jpg) no-repeat; display:block; width:127px; height:45px; }
.menu03 a:hover { background:url(../images/header/menu_s_design02.jpg) no-repeat; display:block; width:127px; height:45px; }
.menu04 a:hover { background:url(../images/header/menu_s_coordination02.jpg) no-repeat; display:block; width:127px; height:45px; }
.menu05 a:hover { background:url(../images/header/menu_company02.jpg) no-repeat; display:block; width:127px; height:45px; }
.menu06 a:hover { background:url(../images/header/menu_inquiry02.jpg) no-repeat; display:block; width:127px; height:45px; }


/*footer
----------------------------------------*/
#footer {
	background:url(../images/footer/bg.jpg) repeat-x top;
	height:42px;
	margin-top:0;
	color:#FFFFFF;
}

#footer_l {
	float:left;
	width:450px;
	padding-top:8px;
	padding-left:10px;
}

#footer_l_logo {
	float:left;
	width:22px;
	padding-right:5px;
}

#footer_l_address {
	float:left;
	color:#FFFFFF;
	font-size:100%;
}

#footer_r {
	float:right;
	padding:12px 10px;
	font-size:10px;
	line-height:18px;
}


/*main
----------------------------------------*/
#main {
	padding:0;
	margin-bottom:40px;
}

/*main 上部
------------------------------*/
#contents_index {
	padding:0 20px 10px;
}

#contents01 {
	padding:0 10px 10px;
}

/*main 上部左
------------------------------*/
#contents01_l {
	float:left;
	width:530px;
	padding-top:20px;
}

#inner_main {
	width:520px;
	margin-bottom:5px;
	padding:;
}

#inner_main02 {
	width:520px;
	margin-bottom:30px;
	padding:;
}

#inner_main_title {
	margin-bottom:5px;
}

#inner_main_img {
	float:left;
	width:255px;
	padding-left:5px;
}

#inner_main_text {
	float:right;
	width:248px;
	padding-right:5px;
}

#inner_sub {
	width:500px;
	background:#F5F3F2;
	margin:5px 5px 30px;
	padding:5px;
}

.inner_sub_title {
	margin-bottom:5px;
}

#inner_sub_text_l {
	float:left;
	width:238px;
	background:#FAFAFA;
	padding:5px;
}

#inner_sub_text_r {
	float:right;
	width:237px;
	background:#FAFAFA;
	padding:5px;
}

#inner_sub_text_r_title {
	border-bottom:1px solid #320A00;
	margin-bottom:3px;
	padding-top:3px;
}

#imglink_jirei {
	text-align:right;
	padding:2px 0;
	margin:0;
}


/*main 上部右
------------------------------*/
#contents01_r {
	float:right;
	width:180px;
	padding-top:20px;
}

#contents01_r_bg {
	background:#EEE6E3;
}

.topics {
	padding:0 8px 10px;
}

.topics p {
	border-bottom:1px dotted #6A6967;
	margin:0;
	padding:5px 0;
}

#topics_title {
	padding:0 5px 5px;
	margin-bottom:10px;
	border-bottom:1px dotted #6A6967;
}

#topics .date {
	color:#FF840D;
}


/*main 下部　雑貨部分
------------------------------*/

#contents02 {
	width:720px;
	padding-left:20px;
}

#goods {
	padding-top:10px;
	padding-left:10px;
}

#goods_block {
	float:left;
	width:132px;
	background:#E0E0E0 url(../images/main/goods_block_bg.gif) no-repeat top left;
	margin-right:10px;
	margin-bottom:10px;
	padding-top:8px;
}

#goods_block_title {
	margin:3px 0 0;
	padding-bottom:2px;
}

#goods_block_text {
	margin:0 10px 0;
}

#goods_block img {
	margin:2px 10px 0;
}

#imglink_syosai {
	text-align:right;
	margin:0 0 10px;
	padding:0;
}

/*color 雑貨タイトル
------------------------------*/
.red {
	color:#D0111B;
}

.orange {
	color:#F39700;
}

.brown {
	color:#94442A;
}

.skyblue {
	color:#00AAE8;
}

.green {
	color:#2BA738;
}


/*main 区切り線
------------------------------*/
#line_shadow {
	width:720px;
	background:url(../images/main/line_shadow.jpg) repeat-x;
	height:7px;
	margin:auto;
	margin-bottom:15px;
}






/*subcontents-main02
----------------------------------------*/
#main02 {
	padding-bottom:10px;
}


/*パン屑リスト
------------------------------*/
#pankuzu {
	background:#EAE6E5;
	border-bottom:1px solid #3C1E00;
	border-left:1px solid #3C1E00;
	border-right:1px solid #3C1E00;
	padding:3px 10px;
	margin-bottom:10px;
}

#pankuzu a {
	color:#3C1E00;
	text-decoration:none;
}

#pankuzu a:hover {
	color:#C86400;
	text-decoration:underline;
}


/*subcontents 
------------------------------*/
#subcontents {
	padding:0 10px 5px;
}

#subcontents_title {
	background:url(../images/com/subtitle_bg.jpg) repeat-x;
	height:50px;
	margin-bottom:10px;
	padding:2px 10px;
}

#subcontents_main {
	padding:0 10px;
}

#subcontents p {
	font-size:12px;
	line-height:160%;
	margin:5px 0 15px;
}

#subcontents .imageleft {
	float:left;
	margin:5px 10px 10px 0;
}

#subcontents .imageright {
	float:right;
	margin:5px 0 10px 10px;
}

#supplement_text {
	font-size:10px;
}



/*subcontents_main_l
------------------------------*/
#subcontents_main_l {
	float:left;
	width:150px;
}

#subcontents_main_l_bg {
	background:#EEE6E3;
	border-bottom:1px solid #6A6967;
	padding:5px;
}

#subcontents_menu {
	border-bottom:1px dotted #6A6967;
	margin-bottom:5px;
}

#subcontents_menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#subcontents_menu ul li {
	display:block;
}

#subcontents_menu ul li a {
	color:#3C1E00;
	text-decoration:none;
}

#subcontents_menu ul li a:hover {
	color:#C86400;
	text-decoration:underline;
}

#subcontents_menu02 {
	margin-bottom:2px;
}

#subcontents_menu02 ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#subcontents_menu02 ul li {
	display:block;
}

#subcontents_menu02 ul li a {
	color:#3C1E00;
	text-decoration:none;
}

#subcontents_menu02 ul li a:hover {
	color:#C86400;
	text-decoration:underline;
}

.subcontents_menu01 {
	background:url(../images/com/arrow01.gif) 0 4px no-repeat;
	padding-left:13px;
}

.subcontents_menu02 {
	background:url(../images/com/arrow02.gif) 12px 5px no-repeat;
	padding-left:25px;
}

.subcontents_menu03 {
	background:url(../images/com/arrow03.gif) 0 4px no-repeat;
	padding-left:13px;
}



/*subcontents_main_r
------------------------------*/
#subcontents_main_r {
	float:right;
	width:550px;
}

#subcontents_main_r01 {
	margin-bottom:15px;
}

#subcontents_main_r01_text {
	border-top:1px solid #FF7F00;
	color:#FFFFFF;
	font-size:12px;
	padding:5px;
	background:#3C1400;
}

#subcontents_main_r01_line {
	border-top:1px dotted #988480;
	margin-bottom:10px;
}

#subcontents_main_r02 {
	margin-bottom:10px;
}

#subcontents_main_r02_l {
	float:left;
	width:265px;
}

#subcontents_main_r02_r {
	float:right;
	width:265px;
}

#subcontents_main_r03_l {
	float:left;
	width:265px;
	text-align:right;
}

#subcontents_main_r03_r {
	float:right;
	width:265px;
	text-align:left;
}

#subcontents_main_r03_text {
	font-size:12px;
	line-height:160%;
	padding:5px;
}

#subcontents_inner_block {
	border:1px solid #3C1400;
	padding:5px;
}

#subcontents_inner_block_title {
	background:url(../images/com/subtitle_bg02.gif) repeat-x;
	height:20px;
	padding:2px 5px 0 5px;
}

#subcontents_inner_block_text {
	padding:5px;
}

.subcontents_inner_block_img_r {
	float:right;
	margin:0 0 5px 5px;
}

/*サブタイトル　bgあり*/
#subcontents_title02 {
	background:url(../images/com/subtitle_bg02.gif) repeat-x;
	height:20px;
	padding:2px 5px 0 5px;
	margin-bottom:10px;
}

/*サブタイトル　事例詳細*/
#subcontents_title03 {
	background:url(../images/com/subtitle_bg02.gif) repeat-x;
	height:20px;
	padding:2px 5px 0 5px;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	color:#3C1400;
}

/*concept*/
#subcontents_concept_text {
	font-size:12px;
	line-height:150%;
	margin:20px 5px 20px 20px;
}



/*jirei_list
------------------------------*/
#subcontents_jirei {
	margin-bottom:10px;
	padding:10px 5px 0;
	border-top:1px dotted #988480;
}

#subcontents_jirei_l {
	float:left;
	width:100px;
	margin-right:20px;
	margin-bottom:10px;
}

#subcontents_jirei_r {
	float:left;
	width:420px;
	margin-bottom:10px;
}

#subcontents_jirei_data {
	background:url(../images/com/arrow04.gif) no-repeat left 5px;
	padding-left:10px;
	padding-bottom:2px;
}

#subcontents_jirei_text {
	padding:3px;
}

/*
*html body #subcontents_jirei_text {
	float:left;
	width:420px;
	margin-bottom:0;
	padding-bottom:0;
}IE用*/

#subcontents_jirei_title {
	background:url(../images/com/subtitle_bg02.gif) repeat-x;
	height:20px;
	padding:3px;
	font-size:12px;
	font-weight:bold;
	color:#320A00;
}

/*jirei_syosai
------------------------------*/
#jirei_data table {
	margin-top:10px;
	margin-bottom:30px;
}

#jirei_data table th {
	vertical-align:top;
}

#jirei_data table td {
	padding-left:5px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	border-bottom:1px solid #D9C5B6;
}

#jirei_data_gdesign {
	margin:10px;
}


/*jirei_syosai カテゴリートップへ*/

#jirei_list_link {
	text-align:right;
	color:#320A00;
}

#jirei_list_link img {
	margin-right:3px;
}

#jirei_list_link a:link {
	text-decoration:none;
	color:#320A00;
}

#jirei_list_link a:hover {
	text-decoration:underline;
	color:#320A00;
}

#jirei_list_link a:visited {
	text-decoration:none;
	color:#320A00;
}

/*workflow
------------------------------*/
#workflow {
	padding:10px;
	background:#F8F8F3;
	margin:0;
}

#workflow p {
	padding:3px;
	margin-bottom:0;
	font-size:10px;
}

#workflow_arrow {
	text-align:center;
	margin-bottom:12px;
} 

#workflow_price table {
	font-size:12px;
	font-weight:bold;
	padding:2px;
	margin:20px 25px;
} 

/*miscellaneous goods
------------------------------*/
#subcontents_goods {
	margin-bottom:10px;
	padding:10px 5px 0;
	border-top:1px dotted #988480;
}

#subcontents_goods img {
	float:left;
	width:200px;
	margin-right:10px;
	margin-bottom:10px;
}

#subcontents_goods_text {
	float:left;
	width:330px;
	margin-bottom:10px;
}

/*IE用*/
*html body #subcontents_goods_text {
	float:left;
	width:330px;
	margin-bottom:0;
	padding-bottom:0;
}

#subcontents_goods_title {
	background:url(../images/com/subtitle_bg02.gif) repeat-x;
	height:20px;
	padding:3px;
	font-size:12px;
	font-weight:bold;
	color:#320A00;
}

/*miscellaneous goods　Relax
------------------------------*/
#relax {
	background:url(../images/html/miscellaneous_goods/relax_box_bg.gif) repeat-y;
}

#relax_saboriba_title {
	padding:25px 5px 5px;
	background:url(../images/html/miscellaneous_goods/relax_box_t.gif) no-repeat;
}

#relax_max_title {
	padding:10px 5px 5px;
}

#relax_img {
	float:left;
	width:110px;
	margin:0 12px 10px;
}

#relax_text {
	float:left;
	width:380px;
	margin-bottom:10px;
	margin-right:10px;
}

#relax_mark {
	text-align:right;
	margin-bottom:0;
	margin-right:3px;
}

#relax_bottom {
	background:url(../images/html/miscellaneous_goods/relax_box_b.gif) no-repeat;
	height:25px;
	margin-bottom:20px;
}


/*jirei_list ロゴのみ
------------------------------*/
#subcontents_lo_jirei {
	margin-bottom:3px;
	padding:10px 5px 0;
	border-top:1px dotted #988480;
}

#subcontents_lo_jirei_l {
	float:left;
	width:260px;
	margin-right:20px;
	padding-bottom:5px;
}

#subcontents_lo_jirei_r {
	float:left;
	width:260px;
	padding-bottom:5px;
}

#subcontents_lo_jirei_img01 {
	vertical-align:bottom;
	text-align:center;
	height:80px;
}

#subcontents_lo_jirei_img02 {
	vertical-align:bottom;
	text-align:center;
	height:100px;
}

#subcontents_lo_jirei_img03 {
	vertical-align:bottom;
	text-align:center;
	height:120px;
}

#subcontents_lo_jirei_title {
	background:url(../images/com/subtitle_bg02.gif) repeat-x;
	height:20px;
	padding:3px;
	font-size:10px;
	font-weight:bold;
	color:#320A00;
}

/*ページトップへ移動
------------------------------*/
#pagetop {
	text-align:right;
	color:#320A00;
	border-top:1px dotted #988480;
	padding-top:20px;
}

#pagetop img {
	margin-right:3px;
}

#pagetop a:link {
	text-decoration:none;
	color:#320A00;
}

#pagetop a:hover {
	text-decoration:underline;
	color:#320A00;
}

#pagetop a:visited {
	text-decoration:none;
	color:#320A00;
}

/*miscellaneous_goods内CSS
------------------------------*/

#goods_subcontents_goods {
	width: 540px;
	margin-bottom:10px;
	padding:10px 5px 0;
	border-top:1px dotted #988480;
}

#goods_subcontents_goods img {
	float: left;
}

#goods_subcontents_goods_text {
	float:right;
	width:330px;
	margin-bottom:10px;
}
#goods_subcontents_goods_title {
	background:url(../images/com/subtitle_bg02.gif) repeat-x;
	height:20px;
	padding:3px;
	font-size:12px;
	font-weight:bold;
	color:#320A00;
	float: right;
	width: 324px;
}

#relax_inner {
	padding-right: 20px;
	padding-left: 20px;
}