/* ******************  General *************** */
body{
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	color:#333333;
	font-size:80%;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Arial, sans-serif; 
	line-height:1.6;
}

images{
	border:none;
	vertical-align:text-bottom;
}
img {
	border:none;
}
fieldset {
	border:none;
}

/* header */
#header {
	width:700px;
	margin:0 auto;
	text-align:left;
}
#logo {
	width:175px;
	float:left;
}
#logo images{
	margin-bottom:1px;
}
#gnavi-sub {
	width:525px;
	float:right;
	text-align:right;
}
#gnavi-sub ul{
	list-style-type:none;
	margin:5px 0;
	padding:0;
}
#gnavi-sub ul li{
	display:block;
	float:right;
	margin:0 5px;
}
#gnavi{
	width:525px;
	border-left:solid 175px #999999;
	clear:both;
	background-color:#3C3D42;
}
#gnavi ul{
	list-style-type:none;
	margin:5px 0;
	padding:0;
}
#gnavi ul li{
	display:block;
	float:left;
	margin:0 5px;
}
#gnavi ul li a:link, #gnavi ul li a:hover, #gnavi ul li a:visited{
	color:#FFFFFF;
}


/* body */
#body {
	clear:both;
	width:700px;
	margin:0 auto;
	text-align:left;
	background : url(images/ci_jp.gif) no-repeat 0 100%;
}
#headimage td{
	margin:0;
	padding:0;
}
#headimage{
	border-bottom:2px solid #333333;
}
#body #left{
	width:175px;
	float:left;
}
#body #right{
	width:524px;
	float:right;
	background : url(images/dot-v.gif) repeat-y 0 0;
	padding-left:1px;
	text-align:left;
}
#body #right .contents{
	margin-top:10px;
	border-top:1px solid #333333;
	background : url(images/bg-leaf.gif) no-repeat 100% 100%;
	padding:2px 0 0 2px;
}
#body #left .contents{
	margin-top:10px;
}
#body #left .contents ul{
	margin:0 0 0 5px;
	padding:0;
	list-style-type:none;
}
#body #left .contents ul li{
	margin:3px 0;
	padding:0 0 0 5px;
	border-left:2px solid #999999;
}
#body #left .contents ul li a:link,
#body #left .contents ul li a:visited{
	color:#333333;
}
#body #left .contents ul li a:hover{
	color:#990000;
}

/* footer */
#footer {
	clear:both;
	width:700px;
	margin:0 auto;
	text-align:right;
	border-top:2px solid #333333;
}


/* other */
.leaf{
	background : url(images/bg-leaf.gif) no-repeat 100% 100%;
}
.img-right {
	float:right;
	margin:3px 0 3px 3px;
}
.design-text {
	border-left:5px solid #3399CC;
	padding-left:3px;
	margin-top:5px;
}
.line-1 {
	background-color: #333333;
}
.line-2 {
	background-color: #999999;
}
.line-dot-v {
	background-image : url(images/dot-v.gif);
	background-repeat: repeat-y;
}
.line-dot-w {
	background-image : url(images/dot-w.gif);
	background-repeat: repeat-x;
}
.line-dot-wb {
	background : url(images/dot-w.gif) repeat-x right bottom;
}
.line-dot-wt {
	background : url(images/dot-w.gif) repeat-x right top;
}
.line-dot-wlt {
	background : url(images/dot-wl.gif) repeat-x right top;
}
.line-dot-vl {
	background-image : url(images/dot-vl.gif);
	background-repeat: repeat-y;
}
.line-dot-wl {
	background-image : url(images/dot-wl.gif);
	background-repeat: repeat-x;
}
h1 {
	font-size: 150%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
/* 	font-size: 120%;
	margin: 0px; */
}
h1.thin {
	font-size: 120%;
	font-weight: normal;
	margin: 0px;
}
.leftnavi {
	font-size: 90%;
	font-weight: normal;
	line-height: 120%;
	margin: 0px;
}
h1.title {
	font-size: 150%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
}
h2 {
	font-size: 110%;
	margin: 0px;
}
images.border-gr {
	border-width:1px;
	border-color: #333333;
}
.red{
	color: #CC0000;
}
.bg-leaf {
	background-image : url(images/bg-leaf.gif);
	background-repeat: no-repeat;
	background-position:90% 90%;
}
.bg-blue {
	background-color: #3399CC;
}
ul.alpha{
	list-style-type: upper-alpha;
}
/* ****************** Navi *************** */
a.navi-m:link {
	color: #FFFFFF;
}
a.navi-m:visited {
	color: #FFFFFF;
}
a.navi-m:hover {
	color: #FFFFCC;
}
a.navi-s:link {
	color: #000000;
}
a.navi-s:visited {
	color: #666666;
}
a.navi-s:hover {
	color: #FF6600;
}
td.navi{
	background-color: #3C3D42;
	color: #FFFFFF;
}
h1.navi{
	font-size: 100%;
	font-weight: normal;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
}
div.navi{
	margin-top: 3px;
	margin-bottom: 3px;
}
/* ****************** Other *************** */
.kakaku {
	font-size: 110%;
	color: #CC0000;
}
.goods-1 {
	background-color: #E5CCB2;
}
h1.goods {
	color: #330000;
	font-size: 150%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
}
.pagenate {
	clear:both;
	text-align:right;
}
/* ****************** Goods *************** */
.list-goods {
	width:255px;
	float:left;
	border-right:1px dashed #333333;
	border-top:1px dashed #333333;
	padding:2px;
	height:320px;
	overflow:auto;
}
.list-goods .design-text {
	border-left:5px solid #CC3333;
	padding-left:3px;
}
.list-goods1 {
	clear:both;
}
.list-goods1 h1{
	font-size: 180%;
	border-top:3px double #666666;
}
.list-goods1 h1 a:link,
.list-goods1 h1 a:hover,
.list-goods1 h1 a:visited{
	color:#CC3333;
	text-decoration:none;
}
.list-goods2 {
	font-size: 120%;
	width:165px;
	float:left;
	border-right:1px dashed #666666;
	border-top:1px dashed #666666;
	padding:2px;
	height:220px;
	overflow:auto;
	text-align:center;
}
.list-goods2 h2{
	font-size: 120%;
}
/* ****************** Example *************** */
.list-example {
	width:255px;
	float:left;
	border-right:1px dashed #333333;
	border-top:1px dashed #333333;
	padding:2px;
	height:350px;
	overflow:auto;
}
.list-example .more, .list-design .more{
	padding:0;
	margin:5px 0;
	text-align:right;
}
h1.exp-title {
	background : url(images/parts-2-2.gif) no-repeat 0 50%;
	padding:4px 0 3px 25px;
	margin-left:2px;
}
div.tantou {
	background : url(images/parts-3.gif) no-repeat 0 50%;
	padding-left:33px;
	padding-top:5px;
	height:30px;
}
div#koe{
	border-left:2px solid #FFCC66;
	border-right:2px solid #FFCC66;
	border-bottom:2px solid #FFCC66;
	padding:10px 5px 5px 5px;
	width:286px;
}
#exp-left {
	width:304px;
	float:left;
	border-right:1px dashed #333333;
	padding:0 2px 5px 2px;
}
#exp-right {
	width:210px;
	float:left;
	padding:0 0 0 2px;
	font-size: 90%;
}
#exp-right p{
	margin:0;
	padding:0;
}
.bg-example {
	background-color: #006600;
}
a.example:link {
	color: #333333;
}
a.example:visited {
	color: #333333;
}
a.example:hover {
	color: #006600;
}
/* ****************** Design *************** */
.list-design {
	width:255px;
	float:left;
	border-right:1px dashed #333333;
	border-top:1px dashed #333333;
	padding:2px;
	height:400px;
	overflow:auto;
}
div.design {
	text-align:left;
}
div.design h2{
	background:url(images/parts-2.gif) no-repeat 0 50%;
	padding-left:30px;
}
div.design p{
	margin:20px 10px 10px 10px;
	clear:both;
}
div.design p img{
	display:block;
	float:left;
	margin:5px;
	border:1px solid #990000;
	padding:5px;
}
.bg-design {
	background-color: #990000;
}
a.design:link {
	color: #333333;
}
a.design:visited {
	color: #333333;
}
a.design:hover {
	color: #990000;
}
/* ****************** Estimate *************** */
td.category{
	background-color: #3C3D42;
	color: #FFFFFF;
}
td.category2{
	background-color: #EFEFEF;
	font-weight: bold;
}


/* clear */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-Mac */
.clear{
	clear:both;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}
.clearfix {
	overflow:hidden;
}