@charset "utf-8";
/* CSS Document */

/*
基本13px、IE7はsmall、IE6はx-small
希望のフォントサイズ（px）:指定する値（%）
10px:77%;
11px:85%;
12px:92%;
13px:100%;
14px:107%;
15px:114%;
16px:122%;
17px:128%;
18px:136%;
19px:144%;
20px:152%;
21px:159%;
22px:167%;
23px:174%;
24px:182%;
25px:189%;
26px:197%;
*/
/*div#header*/
div#header{
	background-image: url(../img/back-header.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding:2px 10px 2px 10px;
}
div#header p#logo{
	float:left;
}
div#header p#description{
	float:left;
	font-size:92%;
	padding:20px 0px 0px 10px;
}
/*div#mainarea*/
div#mainarea h1#tit-content{
	background-image: url(../img/back-tit-recomend.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D40000;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;	
	padding:3px;
	margin-bottom:10px;
	font-size:114%;
}
div#mainarea div#entries{
	width:715px;
	padding:1px;
	font-size:94%;
	float:left;
	border: 1px solid #CCCCCC;
	margin-bottom:10px;
}
div#mainarea p.picture{
	padding:2px;
	border: 1px solid #999999;
	width:216px;
	height:145px;
}
div#mainarea div#entries p.picture{
	width:135px;
	margin:0px 10px 5px 0px;
	float:left;
	padding:0px;
	border: none;
	height:auto;
}
div#mainarea div#entries div#entries-header{
	background-color:#EEEEEE;
	width:705px;
	padding:3px 5px 3px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;	
}
div#mainarea div#entries div#entries-header h2{
	font-size:114%;
	float:left;
}

div#mainarea div#entries div#entries-header p.btn-order a{
	float:right;
	width:94px;
	height: 24px;
}
div#mainarea div#entries div#entries-header p.btn-order a:hover{

}
div#mainarea div#entries div.entries-body{
	padding:5px 0px 5px 0px;
	float:left;
	clear:both;
}
div#mainarea div#entries ul.spec{
	width:483px;
	float:left;
	line-height:180%;
}
div#mainarea div#entries li span.box{
	border: 1px solid #999999;
	padding:2px;
	margin-bottom:5px;
	margin-right:5px;
	color:#FFFFFF;
	background-color:#CCCCCC;
	text-align:center;
	width:40px;
}
/*
div#mainarea div#entries dl.spec{
	width:483px;
	float:left;
	background-color:#0000FF;
}
div#mainarea div#entries dl.spec dt{
	border: 1px solid #999999;
	padding:2px;
	margin-bottom:5px;
	color:#FFFFFF;
	background-color:#CCCCCC;
	width:40px;	
	text-align:center;
	float:left;
}
div#mainarea div#entries dl.spec dd{
	float:left;
	padding:3px;
	margin-bottom:5px;
	width:429px;
	background-color:#FF0000;
}
*/
div#mainarea div#entries p.tit-service{
	padding-left:10px;
	clear:both;
}
div#mainarea div#entries ul.service{
	clear:both;
	padding-left:5px;
	width:auto;
}
div#mainarea div#entries ul.service li{
	/*float:left;*/
	display:inline;
	margin-right:10px;
	border: 1px solid #666666;
	padding:2px;
	margin-bottom:3px;
	color:#333333;
	background-color:#FFEB99;
	text-align:center;
	line-height:180%;
}
div#mainarea div#entries p.comment{
	clear:both;
	paddingt:0px 5px 0px 5px;
}

.manu {
	padding: 2px;
	margin-bottom: 5px;
}

.manu a {
	padding: 3px 5px 3px 4px;
	margin: px;
	text-decoration: none; /* no underline */
	border: 1px solid #e0e0e0;
	background-color: #f0f0f0;
	color: #036CB4;

}

.manu a:hover,
.manu a:active {
	border: 1px solid #999;
	color: #666;
}
.manu .current {
	padding: 3px 5px 3px 5px;
	margin: 1px;
	border: 1px solid #036CB4;
	font-weight: bold;
	background-color: #036CB4;
	color: #FFF;
}
.manu .disabled {
	padding: 3px 5px 3px 5px;
	margin: 2px;
	border: 1px solid #e0e0e0;
	text-decoration: none; /* no underline */
	color: #036CB4;
}