@charset "Shift_JIS"; 		/* 文字コードセット */


/* 全体構造
---------------------------------------------------- */
* {margin: 0px;padding: 0px}

dl:after{
	content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden
}

dl{
    display:inline-block;　/* MAC IE用　*/
    min-height:1%  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html dl{height: 1%}
dl{display: block}
/*--ここまでMAC IEは非適用 */

a{ outline:none}

body {
	font-size:70%; /* 基本のフォントサイズ */
	line-height: 1.5em; /* 基本の行間 */
	text-align:center;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-align:justify; /* Firefox用*/
	text-justify:inter-ideograph;/* ie用 */
	color: #666; /* 基本文字色 */
	background:#fff
}

#wrapper1{
	width:100%;
	border-top:1px solid #eee;
	border-bottom:5px solid #eee;
	text-align:left
}


/* リンク
---------------------------------------------------- */
a:link {color: #666; text-decoration:underline} 
a:visited {color: #666; text-decoration:underline} 
a:hover, a:active {color: #f7c600; text-decoration:underline}


/* ヘッダー
---------------------------------------------------- */
#header{
	width:960px;
	margin:0px auto;
	text-align:left;
	padding-top:25px
}
h1{	width:124px;float:left; margin-bottom:25px}

#header dl{ width:350px; float:right}
#header dt{ font-weight:bold; float:left; width:130px}
#header dd{ float:left; width:220px; text-align:right}


/* ナビ
---------------------------------------------------- */
#navigation{
	width:960px;
	margin:0px auto;
	padding:16px 0px 10px 0px
}
#navigation img{ float:left}
.navi1{float:left; width:350px}
.navi2{float:left; width:390px}
.navi1 ul{
	width:350px;
	float:left;
	list-style:none;

}
.navi2 ul{
	width:390px;
	float:left;
	list-style:none;
}
.navi1 li,
.navi2 li{ float:left; padding-right:15px; padding-bottom:2px}

.navi1 li a:link,
.navi1 li a:visited,
.navi2 li a:link,
.navi2 li a:visited{
	display:block;
	text-decoration:none;
	text-decoration:underline;
	color:#666
}
#navi_on a:link,
#navi_on a:visited,
#navigation li a:hover,
#navigation li a:active{
	display:block;
	text-decoration:none;
	text-decoration:underline;
	color:#f7c600
}


/* ページ本体
---------------------------------------------------- */
#pagebody{
	margin:30px auto;
	width:960px;
	text-align:left;
	background:url(../images/pagebody_bg.gif) repeat-y
}

.content{ width:740px; float:left}
.side{ width:158px; float:right}

.side h3{ margin-bottom:8px}
.side h4{
	font-size:100%;
	border-bottom:1px solid #ccc;
	padding-bottom:1px;
	margin-bottom:5px
}

.side p a:link {color: #666; text-decoration:underline} 
.side p a:visited {color: #666; text-decoration:underline}
.side p a:hover,
.side p a:active{color: #666; text-decoration:none}

h2{clear:both}
h3{clear:both}
h4{clear:both}
h5{clear:both}


/* フッタ
---------------------------------------------------- */
#footer{
	margin:0px auto;
	width:960px;
	border-top:1px solid #ccc
}
#footerlink{width:860px;float:left; padding-top:10px}
#footerlink ul{ line-height:1.0em; margin-bottom:4px}
#footerlink li{
	list-style:none;
	display:inline;
	border-right:#999 1px solid;
	padding:0px 3px
}
#footerlink li.last{border:none; padding-right:0px}
#footerlink li a:link { color:#999;text-decoration:none} 
#footerlink li a:visited { color:#999;text-decoration:none}
#footerlink li a:hover,
#footerlink li a:active{ color:#999;text-decoration:underline}

address{font-style:normal; margin-bottom:100px; color:#999}

#footer p{ float:right; width:21px}


/* インデックスページ
---------------------------------------------------- */
html, #body_index{height: 100%}  /*高さ100%に指定*/
#body_index {
  margin: 0;
  padding: 0;
  position: relative;
  min-width: 585px;  /*中央配置するボックスの横幅*/
  min-height: 434px;  /*中央配置するボックス縦幅*/
  background-color:#ffc400
}

.index_box {
  margin: -200px 0 0 -300px;  /*縦横の半分をネガティブマージンでずらす*/
  position: absolute;  /*body要素に対して絶対配置*/
  top: 50%;  /*上端を中央に*/
  left: 50%;  /*左端を中央に*/
  width: 585px;  /*横幅*/
  height: 434px  /*縦幅*/
}


/* トップページ
---------------------------------------------------- */
.top_box{ width:173px; float:left}
.top_box h3{ margin-bottom:10px; font-size:120%}
.top_box img{ margin-bottom:10px}

.top_info{ width:100%;margin-bottom:30px}
.top_info th{
	padding:2px 0px;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	width:15%
}
.top_info td{padding:2px 0px}
.top_info td img{ vertical-align:middle}


/* GARBOコレクション
---------------------------------------------------- */
.garbo_img{ width:150px; float:left; margin:0px 15px 15px 0px}

.garbo_collection{ width:740px; margin-bottom:20px}
.garbo_collection img{ width:115px; float:left; margin-bottom:10px}


/* MEYERS
---------------------------------------------------- */
.meyers_dl{ width:602px; float:right; margin-bottom:20px}
.meyers_dl dt{ float:left; width:120px; border-bottom:1px dotted #ccc; padding:5px 10px}
.meyers_dl dd{ float:left; width:442px; border-bottom:1px dotted #ccc; padding:5px 10px}
.meyers_img{ width:118px; float:left}

.meyers_box{ width:740px; height:336px; margin-bottom:10px}
.meyers_box img{ width:140px; float:left; margin-bottom:10px}


/* ドーシャドッグ
---------------------------------------------------- */
.dog_text{ float:right; width:480px}
.dog_img{ float:left; width:240px; margin-bottom:20px}

.dog_right{ float:right; width:310px}
.dog_left{ float:left; width:420px;}
.dog_right ul{ margin-bottom:10px; background:url(../images/dog_logo.gif) no-repeat right top}
.dog_right ul li{ margin-left:20px; list-style:square}
.dog_right p{ text-align:right}
.dog_left p{ width:130px; float:left; margin-right:10px; display:inline; text-align:center; line-height:1.0em}
.dog_left img{ margin-bottom:5px}


/* リフォーム事例（cl01）
---------------------------------------------------- */
.case_box h3{
	font-size:130%;
	border-left:5px solid #666;
	line-height:1.0em;
	padding-left:7px;
	margin-bottom:10px
}


/* サロン紹介
---------------------------------------------------- */
.salon_box{ width:720px;background-color:#eee; padding:10px; margin-bottom:30px}
.salon_box h3{
	font-size:120%;
	padding-bottom:5px;
	border-bottom:1px solid #666;
	margin-bottom:10px
}
.salon_box img{ float:right; width:163px}
.salon_box_t{ float:left; width:547px}

.salon_text{width:380px;float:right}
.salon_text h3{font-size:150%;color:#333;margin-bottom:10px}
.salon_text p{ margin-left:5px}

.salon_img{	width:340px;float:left;	margin-bottom:20px}
.salon_imgbox{ width:340px;}
.salon_img_s{width:82px;float:left;margin-top:4px}

.salon_map{ float:left; width:500px; border:1px solid #ccc}
.salon_access{ float:right; width:215px}


/* メディア掲載、リフォーム事例（cl01）
---------------------------------------------------- */
.cl01_paging{ text-align:right; margin-bottom:5px}
.cl01_paging img{ vertical-align:middle}

.cl01_title{
	font-size:130%;
	border-left:5px solid #666;
	line-height:1.0em;
	padding-left:7px;
	margin-bottom:10px
}
.media_img{	width:740px;border-top:1px solid #ccc;padding-top:15px}
.media_img img{	float:left;	width:216px;margin:0px 15px 30px 15px}

.case_box{ width:740px; margin-bottom:30px}
.case_imgs{border-top:1px solid #ccc;padding-top:15px;margin-bottom:10px; text-align:center}
.case_imgl{ width:740px; text-align:center}
.case_imgl div{ display:inline}
.case_imgl img{ margin:0px 5px 10px 5px}
.case_box p{ margin-bottom:0px; padding:0px 15px; text-align:center}


/* 会社概要
---------------------------------------------------- */
.company_table{
	width:100%;
	margin-bottom:20px
}
.company_table th{
	background-color:#e6e6e6;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	padding:7px 10px;
	text-align:left;
	vertical-align:top;
	width:20%
}
.company_table td{
	padding:7px 10px;
	background-color:#f1f1f1;
	border-bottom:1px solid #fff
}
.company_table ul{ margin-left:17px; list-style:square}

.company_map{ width:360px}
.company_map p{ margin-top:5px} 


/* 商品購入について
---------------------------------------------------- */
.shopping_dl{width:100%}
.shopping_dl dt{ float:left; width:120px; border-bottom:1px dotted #ccc; padding:5px 10px}
.shopping_dl dd{ float:left; width:580px; border-bottom:1px dotted #ccc; padding:5px 10px}


/* お問い合わせ
---------------------------------------------------- */
.contact_table{
	width:100%;
	margin-bottom:15px;
	border-collapse:collapse;
	border:1px solid #ccc
}
.contact_table th{
	width:25%;
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:5px 10px;
	background-color:#eee;
	text-align:left;
	font-weight:normal
}
.contact_table td{
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:5px 10px
}

.contact_table th span{ color:#c00}
.contact_table td span{ color:#666;margin-bottom:0px}
.contact_table p{ margin-bottom:0px; color:#c00}

.form01{width:80px}
.form02{width:150px}
.form03{width:250px}
.form04{width:100%}
.form_h{ height:70px}

input{ vertical-align:middle}


/* オンラインショップ（co04） 共通部分
---------------------------------------------------- */
/* 共通部分 */
.pan-kuzu {
	padding:5px 10px;
	border:1px solid #ddd;
	margin-bottom:15px;line-height:normal
}
.pan-kuzu a:link { color:#999;text-decoration:none} 
.pan-kuzu a:visited { color:#999;text-decoration:none}
.pan-kuzu a:hover,
.pan-kuzu a:active{ color:#666;text-decoration:none}

.layout-left{width:200px; float:left}
.layout-right{width:520px; float:right}

.layout-left h3{
	font-size:100%;
	text-align:center;
	padding:5px;
	background-color:#ddd;
	border-bottom:1px solid #ccc;
	color:#666
}
.searchbox {
	padding:10px;
	background-color:#f1f1f1;
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
	text-align:center
}
.cate-list {
	padding:10px 10px 0px 10px;
	background-color:#f1f1f1;
	border-bottom:1px solid #ccc;
	margin-bottom:15px
}
.layout-left h4{
	padding:3px 10px;
	background-color:#999;
	color:#fff;
	line-height:1.1em;
	font-size:120%
}
.layout-left ul{
	list-style:square;
	margin-bottom:10px;
	background-color:#fff;
	padding:5px 0px
}
.layout-left li{margin:3px 10px 3px 20px}
.layout-left li a:link { color:#666;text-decoration:none} 
.layout-left li a:visited { color:#666;text-decoration:none}
.layout-left li a:hover,
.layout-left li a:active{ color:#666;text-decoration:underline}

.layout-right .paging { text-align:right;color: #ccc;margin-bottom: 0em}
.layout-right .disabled {color: #ddd;display: inline}

/* 一覧ページ */
.pro-box-w {
	width:120px;
	float:left;
	display:inline;
	margin:0px 5px 10px 5px
}

/* 詳細ページ */
.pro-d-box {
	width:518px;
	border:1px solid #ccc;
	margin-bottom:10px
}
.pro-d-box h3{
	padding:9px;
	border-bottom:1px dashed #ccc;
	font-size:120%;
	line-height:normal;
	background-color:#eee;
	margin-bottom:10px
}
.pro-d-box img{
	width:120px;
	float:left;
	border-left:9px solid #fff;
	border-right:9px solid #fff;
	border-top:0px solid #fff;
	border-bottom:9px solid #fff
}
.data-text {
	width:370px;
	border-right:9px solid #fff;
	border-bottom:9px solid #fff;
	float:right
}
.data-text p{ margin-bottom:10px}
.data-text h4{ font-size:120%; margin-bottom:10px}
.click-btn3 {
	padding:5px 0px 3px 0px;
	text-align:center;
	background-color:#f1f1f1
}
.detail-plus {
	width:500px;
	padding:9px;
	background-color:#f1f1f1;
	border:1px dashed #ccc;
	margin-bottom:10px
}
.detail-plus img{float:left;width:120px}
.detail-plus p{ float:right; width:370px; margin-bottom:0px}

/* カートページ */
.carts_pro{ width:500px; border:1px solid #ccc; padding:9px; margin-bottom:10px}
.carts_pro img{ float:left; width:120px}
.carts_pro_text{ float:right;width:370px}
.carts_pro_text table{ width:100%; margin-bottom:5px}
.carts_pro_text th{ width:20%}
.carts_pro_text th,
.carts_pro_text td{
	text-align:left;
	vertical-align:top;
	padding:2px 10px;
	border-bottom:1px dotted #ccc
}
.carts_pro_text p{ text-align:right; margin-bottom:0px}

.pa10-3{
	background-color:#ddd;
	padding:10px;
	font-size:140%;
	line-height:normal;
	font-weight:bold;
	margin-bottom:10px
}

.comtext{text-align:center; padding:10px; border:1px solid #ccc}


/* 汎用スタイルシート
---------------------------------------------------- */
p{margin-bottom:1.5em}
img {border: 0px; vertical-align:bottom}
table{margin-top:1px}

.clear {clear: both}

.tar{text-align:right}
.tac{text-align:center}

.text_l{ font-size:120%}

.f-left{float:left}
.f-right{float:right}

.red{color:#c00}

.ol{margin-left:30px; line-height:1.5em}
.ol li{ margin-bottom:10px}

.title{
	font-size:120%;
	background-color:#999;
	padding:3px 7px;
	margin-bottom:12px;
	color:#fff
}
.title2{
	font-size:120%;
	border-left:5px solid #666;
	line-height:1.0em;
	padding-left:7px;
	margin-bottom:5px
}
.title2_b{ border-top:1px solid #ccc; padding-top:10px}

.title3{
	font-size:150%;
	color:#333;
	margin-bottom:25px
}

.box{ background-color:#eee; padding:10px}

.mb0{ margin-bottom:0px}
.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.mr4{ margin-right:4px}
.mr5{ margin-right:5px}
.mr10{ margin-right:10px}
.mr16{ margin-right:16px}


@media print{
.salon_imgbox{ width:341px;}	
}