@charset "UTF-8";
/*--------------------------------------------basic*/
.clear{margin:0;padding:0;clear:both}
.none{margin:0;padding:0;display:none}
body{
	margin:0;
	padding:0;
	font-size:0.8em;
	font-family:"Meiryo","ヒラギノ丸ゴ Pro W4","ＭＳ Ｐゴシック","osaka";
	line-height:1.2em;
	color:#ffffff;
	background:url(../images/basic/back.gif) repeat;
}
#wrapper{
	margin:auto;
	padding:0px 20px 0px;
	width:760px;
	background-image:url(../images/basic/wrapback.gif);
	background-repeat:repeat-y;
	background-color:black;
}
/*--------------------------------------------header*/
#wrapper #header{
	margin:0px 10px 0px;
	padding:10px 0px 0px;
	width:740px;
}
#wrapper #header h1{
	margin:0px;
	padding:0px;
}
#wrapper #header h1 a{
	display:block;
	margin:0;
	padding:0;
	width:300px;
	height:60px;
	background:url(../images/basic/logo.gif) no-repeat;
}
#wrapper #header h1 a span{
	display:none;
	margin:0;
	padding:0;
}
#wrapper #header h3{
	margin:0px;
	padding:0;
	font-size:1.3em;
	font-weight:bold;
	text-align:right;
	line-height:1.6em;
}
#wrapper #header h4{
	margin:0px;
	padding:0;
	height:50px;
	font-size:0.9em;
	line-height:20px;
	text-align:right;
	background:url(../images/basic/line2.gif) repeat-x 0px 30px;
}
/*--------------------------------------------nav*/
#wrapper #nav {
	margin:0px;
	padding:0px;
	width:760px;
	height:46px;
}
#wrapper #nav ul{
	margin:0px;
	padding:4px;
	list-style-type:none;
}
#wrapper #nav ul li a span{display:none;}

#wrapper #nav ul li.article1{
	float:left;
	margin:4px;
	padding:0px;
	width:180px;
	height:30px;
}
#wrapper #nav ul li.article1 a:link,
#wrapper #nav ul li.article1 a:visited{
	display:block;
	margin:0px;
	padding:0px;
	width:180px;
	height:30px;
	background:url(../images/basic/navi.gif) no-repeat 0px 0px;
}
#wrapper #nav ul li.article1 a:hover,
#wrapper #nav ul li.article1 a:active{
	display:block;
	margin:0px;
	padding:0px;
	width:180px;
	height:30px;
	background:url(../images/basic/navi.gif) no-repeat 0px -30px;
}

#wrapper #nav ul li.article2{
	float:left;
	margin:4px;
	padding:0px;
	width:180px;
	height:30px;
}
#wrapper #nav ul li.article2 a:link,
#wrapper #nav ul li.article2 a:visited{
	display:block;
	margin:0px;
	padding:0px;
	width:180px;
	height:30px;
	background:url(../images/basic/navi.gif) no-repeat -180px 0px;
}
#wrapper #nav ul li.article2 a:hover,
#wrapper #nav ul li.article2 a:active{
	display:block;
	margin:0px;
	padding:0px;
	width:180px;
	height:30px;
	background:url(../images/basic/navi.gif) no-repeat -180px -30px;
}

#wrapper #nav ul li.article3{
	float:left;
	margin:4px;
	padding:0px;
	width:180px;
	height:30px;
}
#wrapper #nav ul li.article3 a:link,
#wrapper #nav ul li.article3 a:visited{
	display:block;
	margin:0px;
	padding:0px;
	width:180px;
	height:30px;
	background:url(../images/basic/navi.gif) no-repeat -360px 0px;
}
#wrapper #nav ul li.article3 a:hover,
#wrapper #nav ul li.article3 a:active{
	display:block;
	margin:0px;
	padding:0px;
	width:180px;
	height:30px;
	background:url(../images/basic/navi.gif) no-repeat -360px -30px;
}

#wrapper #nav ul li.article4{
	float:left;
	margin:4px;
	padding:0px;
	width:180px;
	height:30px;
}
#wrapper #nav ul li.article4 a:link,
#wrapper #nav ul li.article4 a:visited{
	display:block;
	margin:0px;
	padding:0px;
	width:180px;
	height:30px;
	background:url(../images/basic/navi.gif) no-repeat -540px 0px;
}
#wrapper #nav ul li.article4 a:hover,
#wrapper #nav ul li.article4 a:active{
	display:block;
	margin:0px;
	padding:0px;
	width:180px;
	height:30px;
	background:url(../images/basic/navi.gif) no-repeat -540px -30px;
}

/*--------------------------------------------contents*/
#wrapper #contents dl{
	margin:0px;
	padding:20px 0px 10px;
}
#wrapper #contents dl dt{
	float:right;
	margin:0px 5px 0px 0px;
	padding:5px;
	width:300px;
	line-height:1em;
	font-size:1.5em;
	font-weight:bold;
	font-family:serif;
	text-align:center;
	color:black;
	border-top:3px solid #996666;
	border-right:12px solid #996666;
	border-bottom:3px solid #996666;
	border-left:12px solid #996666;
	background:url(../images/basic/back3.gif);
}
#wrapper #contents dl dd{
	float:right;
	margin:0px 5px 0px 0px;
	padding:0px;
	width:300px;
}
#wrapper #contents dl dd.img {
	float:left;
	margin:0px 0px 0px 5px;
	padding:0px;
}
#wrapper #contents dl dd.img img{border:none}

#wrapper #contents dl dd.price{
	clear:both;
	display:block;
	margin:-40px 10px 0px;
	padding:0px;
	width:740px;
	height:90px;
	text-align:right;
	line-height:1.1em;
	font-size:1.2em;
	color:#999999;
	background:url(../images/basic/line2.gif) repeat-x 0px 70px;
}
#wrapper #contents dl dd.price strong{
	line-height:1.1em;
	font-size:1.2em;
	color:#ff0000;
}









/*--------------------------------------------footer*/
#wrapper #footer{
	clear:both;
	margin:0px;
	padding:10px 0px 0px;
	text-align:center;
}
#wrapper #footer address{
	margin:0px;
	padding:20px;
	line-height:1.2em;
	font-size: 1.2em;
}
#wrapper #footer p{
	margin:0px;
	padding:0px 0px 20px;
}
/*------------------------------------------------------clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */