@charset "UTF-8";
/* CSS Document */
/* Invisible left hotspot */

/*モダンブラウザ用*/ 
img, iframe, object { max-width : 100%; } 
/*IE7用*/ .ie7 img, .ie7 object/ { width : 100%; }
/*IE8用*/ .ie8 img, .ie8 object { width:auto\9}

#body{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	overflow-x : hidden ;
}


#title {
	border-left-style:solid;
	border-bottom-style:dashed;
	border-bottom-color:#847C56;
	height: 25px;
	width: 100%;
	border-left-width: 6px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom-width: 1px;
	border-left-color: #F63;
	}
#title2 {
	border-left-style:solid;
	border-bottom-style:dashed;
	border-bottom-color:#847C56;
	height: 25px;
	width: 100%;
	border-left-width: 6px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom-width: 1px;
	border-left-color: #096;
	}	
	
#bigwrapper{
	height:auto;
	width:80%;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}
	
	
#left-line {
	border-left-style:dashed;
	border-left-color:#C90;
	border-left-width: 5px;
}
#left-line2 {
	border-left-style:solid;
	border-left-color:#096;
	border-left-width: 5px;
}

#left-line3 {
	border-left-style:dashed;
	border-left-color:#A59958;
	border-left-width: 1px;
	border-right-style:dashed;
	border-right-color:#A59958;
	border-right-width: 1px;
	border-top-style:dashed;
	border-top-color:#A59958;
	border-top-width: 1px;
}
#left-line35 {
	border-left-style:dashed;
	border-left-color:#A59958;
	border-left-width: 1px;
	border-right-style:dashed;
	border-right-color:#A59958;
	border-right-width: 1px;
	border-top-style:dashed;
	border-top-color:#A59958;
	border-top-width: 1px;
	border-bottom-style:dashed;
	border-bottom-color:#A59958;
	border-bottom-width: 1px;
}

#right-line3 {
	border-right-style:dashed;
	border-right-color:#A59958;
	border-right-width: 1px;
	border-top-style:dashed;
	border-top-color:#A59958;
	border-top-width: 1px;
}

#right-line35 {
	border-right-style:dashed;
	border-right-color:#A59958;
	border-right-width: 1px;
	border-top-style:dashed;
	border-top-color:#A59958;
	border-top-width: 1px;
	border-bottom-style:dashed;
	border-bottom-color:#A59958;
	border-bottom-width: 1px;
}


#right-line {
	border-right-style:solid;
	border-right-color:#F93;
	border-right-width: 5px;
}
#right-line2 {
	border-right-style:solid;
	border-right-color:#6C6;
	border-right-width: 5px;
}

#worknavi{
	height:30px;
	width:100%;
	background-color: #CCB888;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	margin-bottom: 15px;
	position:fixed;
	clear:both;
	top: -2px;
	clear:both;
}

#navismall{
	width:550px;
	padding-right:20px;
	float:right;
	font-color:#300;
	margin-top:10px;
	font-size: 80%;
}

#navismall ul{
	list-style:none;
	margin:0;
	padding:0px;
	height:25px;
	overflow:hidden;
}

#navismall li{
	float:left;
	width:90px;
	margin:0;
	padding:0;
}
#navismall li a:hover {
	color: #F63;
}


#navismall a{
	width:100%;
	padding:5px 0 5px 0;
	color:#300;
	text-decoration:none;
	text-align:right;
}

a{
	color:#300;
	text-decoration: none;
}

a:visited{
	color:#300;
	text-decoration: none;
}

a:hover{
	color:#F60;
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

#contents {
	width:65%;
	height:300px;
	margin-right: auto;
	margin-top:60px;
	margin-left:auto;
	margin-bottom:20px;
}

#smallcontents {
	width:80%;
	height:250px;
	padding:10px;
	margin-left: 50px;
}


#contents2 {
	width:65%;
	height:70%;
	margin-right: auto;
	margin-top:90px;
	margin-left:auto;
	margin-bottom: auto;
}

#contents3 {
	width:650px;
	height:520px;
	margin-right: auto;
	margin-top:15px;
	margin-left:auto;
	margin-bottom:20px;
}

#contents4 {
	width:260px;
	height:326px;
	float:left;
	margin-right: 50px;
	padding-left: 60px;
}

#contents5 {
	width:400px;
	height:326px;
	float:right;
}


#inquiry {
	width: 600px; /* ボックスの幅を指定 */
}

#inquiry table {
	border-top: 1px solid #CCCCCC; /* 上方向に1pxのボーダーを指定 */
	border-bottom: none; /* 下方向のボーダーを表示させないように指定 */
	border-left: none; /* 左方向のボーダーを表示させないように指定 */
	border-right: none; /* 右方向のボーダーを表示させないように指定 */
	font-size: 100%; /* Windows Internet Explorer 5対策のため、フォントサイズを指定 */
	width: 100%; /* ボックスの幅を指定 */
}
#inquiry td {
	border-top: none; /* 上方向のボーダーを表示させないように指定 */
	border-bottom: 1px solid #CCCCCC; /* 下方向に1pxのボーダーを指定 */
	border-left: none; /* 左方向のボーダーを表示させないように指定 */
	border-right: none; /* 右方向のボーダーを表示させないように指定 */
	padding: 10px; /* 全方向にパディングを指定 */
}
#inquiry th {
	border-top: none; /* 上方向のボーダーを表示させないように指定 */
	border-bottom: 1px solid #CCCCCC; /* 下方向に1pxのボーダーを指定 */
	border-left: 6px solid #CCCCCC; /* 左方向のボーダーを表示させないように指定 */
	border-right: none; /* 右方向のボーダーを表示させないように指定 */
	background-color: #F3F3F3; /* セルの背景色を指定 */
	font-weight: normal; /* フォントを通常の太さに指定 */
	padding: 10px; /* 全方向にパディングを指定 */	
	width: 230px; /* ボックスの幅を指定 */
}

#inquiry th.must{
	border-left-color:#F48067;
}

#inquiry th em{
	font-style:normal;
	color:#F63;
	padding-left:5px;
}


/* 商品一覧
---------------------------------------------*/
#productList {
	margin-top: 10px;
}
#productList h2 {
	border-top: 1px solid #CCCCCC;
}
#productList li {
	float: left;
	width: 181px;
	margin: 10px 10px 0 0;
	text-align: center;
}
#productList h3 span {
	display: block;
	padding: 3px 0;
	color: #FFFFFF;
	font-weight: normal;
	background: #222222;
}
#productList dl {
	margin: 1px 0;
	font-size: 90%;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#productList dt {
	padding: 2px 0;
	text-align: center;
	background: #E5DACA;
	border-top: 1px solid #DABF9A;
}
#productList dd {
	padding: 2px 0;
}

#footer{
	margin-top:20px;
	bottom:-20px;
	height: 20px;
	background-color: #6B6339;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
	width:97%;
	clear:both;
	font-size: 60%;
}