@charset "utf-8";

#contbox{
		width: 760px;
		margin: 10px 95px 40px;
}

#contbox p{
		line-height: 20px;
}

/*---------- title ---------*/

#h1box{
		width: 760px;
		margin-bottom: 20px;
}

#h1box:after{
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
}

#h1box h1{
		float: left;
		width: 137px;
		height: 71px;
		diplay: block;
		text-indent: -999em;
		margin: 0;
		padding: 0;
		background: url("../img/logo.gif") 0 0 no-repeat;
}

#h1box .right{
		float: right;
		width: 	623px;
}

#h1box .todoke{
		width: 623px;
		height: 32px;
		diplay: block;
		text-indent: -999em;
		background: url("../img/todoke.gif") 0 0 no-repeat;
}

/*---------- contents ---------*/

#top{
		width: 760px;
		margin-bottom: 20px;
		background: url("../img/tb.gif") 0 0 no-repeat;
}

#top:after{
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
}

/*----- leftarea -----*/

#top #main{
		float: left;
		width: 200px;

}

#top #main h2{
		margin: 0 0 10px 0;
		padding: 0;
		border: none;
		background: none;
}

#top #main p{
		text-align: center;
}

#top #main div.mag a{
		width: 175px;
		height: 70px;
		display: block;
		text-indent: -999em;
		margin: 0 12px;
		background: url("../img/order.gif") 0 0 no-repeat;
}


/*----- centerarea -----*/

#top #sub{
		float: left;
		width: 330px;
		margin: 0 12px;
}

#top #sub .tokushu{
		margin-bottom: 10px;
}

#top #sub h3{
		margin: 0;
		padding: 0;
		border: none;
}

#top #sub p.ca1{
		width: 330px;
		height: 16px;
		diplay: block;
		text-indent: -999em;
		margin: 0;
		padding: 0;
		background: url("../img/ca1.gif") 0 0 no-repeat;
}

#top #sub p.ca2{
		width: 330px;
		height: 16px;
		diplay: block;
		text-indent: -999em;
		margin: 0;
		padding: 0;
		background: url("../img/ca2.gif") 0 0 no-repeat;
}

#top #sub p.ca3{
		width: 330px;
		height: 16px;
		diplay: block;
		text-indent: -999em;
		margin: 0;
		padding: 0;
		background: url("../img/ca3.gif") 0 0 no-repeat;
}
#top #sub p.ca4{
		width: 330px;
		height: 16px;
		diplay: block;
		text-indent: -999em;
		margin: 0;
		padding: 0;
		background: url("../img/ca4.gif") 0 0 no-repeat;
}
#top #sub p.sonota{
		padding-left: 12px;
		background: url("../img/point1.gif") 0 5px no-repeat;
}

#top #sub h4.bukken{
		width: 330px;
		height: 16px;
		diplay: block;
		text-indent: -999em;
		margin: 0 0 5px 0;
		padding: 0;
		border: none;
		background: url("../img/ca5.gif") 0 0 no-repeat;
}

#top #sub h4.shoten{
		width: 330px;
		height: 16px;
		diplay: block;
		text-indent: -999em;
		margin: 0 0 5px 0;
		padding: 0;
		border: none;
		background: url("../img/ca6.gif") 0 0 no-repeat;
}

/*----- rightarea -----*/

#top #mail{
		float: right;
		width: 200px;
}
#top #mail p{
		margin-bottom: 10px;
}

#top #mail h3{
		width: 200px;
		height: 50px;
		diplay: block;
		text-indent: -999em;
		margin: 0;
		padding: 0;
		border: none;
		background: url("../img/ml_top.gif") 0 0 no-repeat;
}

#top #mail div.bottom{
		width: 200px;
		height: 3px;
		margin: 0;
		padding: 0;
		background: url("../img/ml_foot.gif") 0 0 no-repeat;
}

#top #mail #inner{
		padding: 10px 10px 30px;
		background: url("../img/ml_bg.gif") 0 0 repeat-y;
}

#top #mail #inner strong{
		font-weight: bold;
}

#top #mail .fm{
		text-align: center;
		margin-bottom: 10px;
}

#top #mail #inner .red{
		color: #ff0000;
}

#top #mail #inner .fmbt{
		width: 180px;
		margin-bottom: 10px;
}
/*---------- backnumber ---------*/

#new_back{
		margin-bottom: 20px;
}

#new_back h2,#old_back h2{
		width: 750px;
		color: #ffffff;
		font-weight: bold;
		margin: 0 0 5px 0;
		padding: 5px;
		border: none;
		background: #666666;
}

#new_back #back{
		width: 750px;
		margin: 0 5px 10px;
}

#new_back #back:after{
		content: "";
		display: block;
		height: 0;
		overflow: hidden;
		clear: both;
}

#new_back #back .left{
		float: left;
		width: 640px;
}

#new_back #back .left h4{
		width: 630px;
		font-weight: bold;
		margin: 0 0 5px 0;
		padding: 5px;
		border: none;
		background: #efefef;
}

#new_back #back .left h5{
		font-weight: bold;
		margin-bottom: 5px;
}

#new_back #back .left p{
		padding: 5px;
}

#new_back #back .left div{
		text-align: right;
		font-weight: bold;
		padding-right: 10px;
}

#new_back #back .right{
		float: right;
		width: 100px;
		margin-left: 10px;
}

#old_back ul{
}

#old_back li{
		display: inline;
		font-weight: bold;
		padding-left: 10px;
		white-space: nowrap;
}