@charset "Shift_JIS";

img {
     border: none;
}

p {
     margin: 0;
	 padding: 0;
} 
ul, ol, li {   
     margin: 0;
	 padding: 0;
}
body {
     background-image: url(../img/img_top/back_all.gif);
	 text-align: center;
     margin: 0;
	 padding: 0;
	 color: #FFFFFF;
	 font-family: "ＭＳ ゴシック", "Osaka-等幅", monospace;
}
a:link {
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
h1 {
     margin: 0px;
	 padding: 0px;
	 font-size: 14px;
	 font-weight: lighter;
}
h2 {
     margin: 0px;
	 padding: 0px;
	 font-size: 14px;
	 font-weight: lighter;
	 padding: 1px 100px;
	letter-spacing:1px;
}
h3 {
	 letter-spacing:1px;
	 color: #464646;
	 font-size: 12px;
	 line-height: 130%;
	 font-weight: lighter;
}

#wrapper{
     margin: 0 auto 0 auto;
	 width: 806px;
	 background-repeat: repeat-y;
	 text-align: left;
	 position: relative;
	 background-color: #FFFFFF;
}
#header{
	 width: 806px;
	 height:115px;
     background-image: url(../img/img_top/topbag.gif);
	 background-repeat: no-repeat;
	 line-height: 250%;
	 font-size: 14px;
	 text-indent: 1em;
} 
#left{
	float: left;
	width: 197px;
	height: 1000px;
	background-color: #FFFFFF;
}

#left ul{
	width: 197px;
	height: auto;
	margin-top: 20px;
	margin-left:25px;
}

/* rollover style */
#list li {
    position: relative;
    z-index: 1;
    width: 130px; height: 26px;
    margin: 0 10px 0 0; padding: 0;
    list-style-type: none;
}
#list li a {
    display: block;
    width: 130px; height: 26px;
}
#list li a span {
    position: relative;
    display: block;
    width: 130px; height: 26px;
    z-index: -1;
    overflow: hidden;
}

#list #rollover1 a {
    background: transparent url(../img/img_top/navi.gif) no-repeat left top;
}
#list #rollover1 a:hover {
    background: transparent url(../img/img_top/navi.gif) no-repeat -130px top;
}
#list #rollover2 a {
    background: transparent url(../img/img_top/navi.gif) no-repeat left -26px;
}
#list #rollover2 a:hover {
    background: transparent url(../img/img_top/navi.gif) no-repeat -130px -26px;
}
#list #rollover3 a {
    background: transparent url(../img/img_top/navi.gif) no-repeat left -52px;
}
#list #rollover3 a:hover {
    background: transparent url(../img/img_top/navi.gif) no-repeat -130px -52px;
}
#list #rollover4 a {
    background: transparent url(../img/img_top/navi.gif) no-repeat left -78px;
}
#list #rollover4 a:hover {
    background: transparent url(../img/img_top/navi.gif) no-repeat -130px -78px;
}
#list #rollover5 a {
    background: transparent url(../img/img_top/navi.gif) no-repeat left -104px;
}
#list #rollover5 a:hover {
    background: transparent url(../img/img_top/navi.gif) no-repeat -130px -104px;
}
#list #rollover6 a {
    background: transparent url(../img/img_top/navi.gif) no-repeat left -130px;
}
#list #rollover6 a:hover {
    background: transparent url(../img/img_top/navi.gif) no-repeat -130px -130px;
}
#list #rollover7 a {
    background: transparent url(../img/img_top/navi.gif) no-repeat left -156px;
}
#list #rollover7 a:hover {
    background: transparent url(../img/img_top/navi.gif) no-repeat -130px -156px;
}
#list #rollover8 a {
    background: transparent url(../img/img_top/navi.gif) no-repeat left -182px;
}
#list #rollover8 a:hover {
    background: transparent url(../img/img_top/navi.gif) no-repeat -130px -182px;
}
#list #rollover9 a {
    background: transparent url(../img/img_top/navi.gif) no-repeat left -208px;
}
#list #rollover9 a:hover {
    background: transparent url(../img/img_top/navi.gif) no-repeat -130px -208px;
}

#box1 {
    width: 125px; 
	height: 120px;
	float: left;
	padding: 30px 25px;
	font-size: 12px;
	color: #46545e;
	line-height: 20px;
}

#box2 {
    width: 110px; 
	float: left;
	color: #46545e;
	padding: 15px 37px;
	margin-left: 5px;
	margin-top: 20px;
	background-image: url(../img/img_top/name.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#box3 {
    width: 110px; 
	float: left;
	color: #46545e;
	padding: 10px 37px;
	font-size: 12px;
	text-align: left;
	margin-left: 5px;
	margin-top: 10px;
}

#box4 {
    width: 125px; 
	float: left;
	color: #46545e;
	margin-left: 32px;
	font-size: 12px;
	line-height: 20px;
}

#box5 {
    width: 90px; 
	float: left;
	color: #46545e;
	padding: 10px 47px;
	font-size: 12px;
	text-align: left;
	margin-left: 5px;
	margin-top: 10px;
}

#aisatu{
	float: right;
	width: 609px;
	height: 80px;
	background-color: #FFFFFF;
	line-height: 18px;
	color: #696969;
	font-size: 14px;
}
#contents{
	float: right;
	width: 609px;
	height: 80px;
	background-color: #FFFFFF;
}
#price{
	width: 609px;
    float: right;
	height: 200px;
	background-color: #FFFFFF;
}
#main{
	width: 609px;
    float: right;
	background-color: #FFFFFF;
}
#main dl{
	width: 219px;
	height: 285px;
	float: left;
	margin: 10px 6px 20px 40px;
	background-color: #FFFFFF;
}
#main dt{
	height: 16px;
    background-color: #e4f3d0;
    color: #000000;
	text-align: center;
	font-size: 12px;
	padding-top: 3px;
}
#main dd{
    color: #464646;
	margin: 1px 1px 1px 1px;
}
#main2{
	width: 609px;
    float: right;
	background-color: #FFFFFF;
}
#main2 dl{
	width: 175px;
	height: 140px;
	float: left;
	margin: 10px 4px 20px 4px;
	background-color: #FFFFFF;
}
#main2 dt{
	height: 16px;
    background-color: #e4f3d0;
    color: #000000;
	text-align: center;
	font-size: 12px;
	padding-top: 3px;
}
#main2 dd{
    color: #464646;
	margin: 1px 1px 1px 1px;
}
.dare{
	margin-left: 25px;
}
p.under{
	clear: both;
	font-size: 10px;
    color: #7198CF;
	text-align:right;
	padding-bottom:10px;
}

p.under a{
    text-decoration: none;
    color: #7198CF;
}

#container span {
	padding-left:10px;
	padding-right:10px;
}

#footer span{
	 padding:0 20px;
}
p.foot{
	font-size: 10px;
	line-height: 15px;
	color: #CDBA9B;
}

#foot {
	 width: 803px;
	 height: 28px;
	 clear: both;/*　ボックスの回り込みを解除します　*/
	 background-color: #7fc31c;
     color: #FFFFFF;
	 text-align: center;
	 font-size: 13px;
	 padding-top: 8px;
}