@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:url(../images/bg.jpg) repeat;
	scrollbar-face-color: #d0c8b8;       /* 表面の色 */
	scrollbar-3dlight-color: #fff;    /* 左端と上端の色 */
	scrollbar-highlight-color: #d0c8b8; /*ハイライトの色 */
	scrollbar-shadow-color: #ccc;     /* 影の色 */
	scrollbar-darkshadow-color: #fff;/*右端と下端 */
	scrollbar-arrow-color: #fff;      /* 矢印の色 */
	scrollbar-track-color: #fff;     /* バーの背景の色 */

}

#wrapper{
	background:url(../images/wrapper.jpg) no-repeat;
	width:770px;
	height:489px;
	margin:60px auto 0px auto;
	padding:51px 45px 45px 45px;
	text-align:left
}


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


/* トップ（index.html）
---------------------------------------------------- */
.top_left{ width:331px; float:left}
.top_right{ 
	width:301px;
	height:194px;
	float:right;
	background:url(../images/info_bg.jpg) no-repeat;
	padding:35px 60px;
	margin-bottom:115px
}
.top_info{height:194px;	overflow:auto}
.top_info table{width:281px}
.top_info th{
	width:25%;
	padding:3px 0px;
	text-align:left;
	vertical-align:top;
	font-weight:normal
}
.top_info td{padding:3px 0px}
.top_info td p{ margin-bottom:0px}
.top_info td p img{ vertical-align:middle}

#top_navi{
	width:770px;
	font-size:12px;
	line-height:120%;
	height:110px;
	list-style:none
}
#top_navi li a{display:block;text-decoration:none}
#top_navi li{float:left; height:110px;width:150px}


/* トップ以外のページ共通
---------------------------------------------------- */
#pagebody{width:760px;padding:0px 5px 5px 5px}

#navigation{
	width:760px;
	font-size:12px;
	line-height:120%;
	height:27px;
	list-style:none;
	margin-bottom:10px
}
#navigation li a{display:block;text-decoration:none}
#navigation li{float:left; width:152px;height:27px}

#content{ width:760px; height:384px; overflow:auto}


/* 商品一覧（cl01_item.html）
---------------------------------------------------- */
#itemnavi{
	width:740px;
	font-size:12px;
	line-height:120%;
	height:39px;
	list-style:none
}
#itemnavi li a{display:block;text-decoration:none}
#itemnavi li{float:left;height:39px}

.paging{ margin-bottom:0px; text-align:right}
.paging img{ vertical-align:middle}

.item_box{
	width:720px;
	background:url(../images/boxbg.jpg) repeat;
	padding:10px;
	margin-bottom:5px
}
.item_text{ width:558px; float:right}
.item_img{ width:150px; float:left; border:1px solid #fff}
.item_text h4{ font-size:100%; margin-bottom:2px; color:#555}
.item_text p{ margin-bottom:0px}
.item_text p span{ color:#444}
.item_text th{ color:#444; font-weight:normal; vertical-align:top; width:43px}
.item_text td{ vertical-align:top}


/* お問い合わせ（contact.html）
---------------------------------------------------- */
.contact_table{
	width:740px;
	border-top:1px solid #c6b69f;
	margin-bottom:10px
}
.contact_table th{
	width:20%;
	border-bottom:1px solid #c6b69f;
	padding:3px 10px;
	vertical-align:top;
	text-align:left
}
.contact_table td{
	border-bottom:1px solid #c6b69f;
	padding:3px 10px
}
.contact_table th span{ color:#c00; font-weight:normal}

.form01{width:110px}
.form02{width:200px}
.form03{width:380px}
.form04{width:100%}
.form_h{ height:40px}
.form_h2{ height:80px}

.price_table{
	width:740px;
	border-collapse:collapse;
	margin-bottom:10px
}
.price_table th{
	border:1px solid #c6b69f;
	padding:3px 10px;
	vertical-align:top;
	text-align:left
}
.price_table td{
	border:1px solid #c6b69f;
	padding:3px 10px;
	vertical-align:top
}


/* 汎用スタイルシート
---------------------------------------------------- */
h2{ clear:both}
h3{ clear:both}
h4{ clear:both}
p{margin-bottom:10px}
img {border: 0px; vertical-align:bottom}
table{ margin-top:1px}
input{vertical-align:middle ;font-size:100%}
textarea{ font-size:100%}

.clear {clear: both}

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

.red{ color:#c00}

.ul_s{list-style:square}
.ul_s li{ margin-left:20px}

.ol{margin-left:25px;}

.title{
	font-size:120%;
	line-height:1.0em;
	padding-left:5px;
	border-left:6px solid #444;
	color:#444;
	margin-bottom:5px
}
.title2{
	color:#555;
	font-size:100%;
	margin-bottom:5px
}

.table{
	width:740px;
	border-top:1px solid #c6b69f
}
.table th{
	width:20%;
	border-bottom:1px solid #c6b69f;
	padding:3px 10px;
	vertical-align:top;
	text-align:left;
}
.table td{
	border-bottom:1px solid #c6b69f;
	padding:3px 10px
}

.mb0{ margin-bottom:0px}
.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mr5{ margin-right:5px}