@charset "Shift_JIS";

#bodyid{padding:0; margin:0; line-height:120%;font-size:85%;}

/*リンク色*/
a:link{color:#0000FF;}

#bg-top{background-color:#ffffff;}

#page{
border:1px solid #999999;
width:779px;
background:#ffffff;
color:#333333;
text-align:left;
background:url('img/bg.gif') repeat-y left top;
}
#page table{
color:#333333;
text-align:left;
}

#main table{font-size:100%; line-height:120%;}

#left{width:230px; background-color:#EFFFDE; float:left;}

#left2{width:230px; background-color:#EFFFDE; float:left;}

#right{
	width:539px;
	float:right;
}
#image{
border:1px solid #999999;
background:url('img/top.jpg') no-repeat left top;
width:210px;
height:170px;
margin:10px 10px 0 10px;
}
#image td{color:#ffffff; padding:10px; font-size:15px; letter-spacing:1px;}

#top-image{width:612px; height:49px; text-align:right; padding-right:10px; font-size:13px; padding-bottom:3px; background-image:url('img/top-navi.gif'); background-repeat:no-repeat;}

#menu{border:1px solid #999999; margin:10px 10px 10px 10px; padding:5px 0 0 0; background-color:#ffffff;}

#menu2{border:1px solid #999999; margin:10px 10px 10px 10px; padding:5px 0 0 0; background-color:#ffffff;}

.menucenter{
	text-align:center;
	border-top:1px dotted #999999;
}

#banner{
background:#94D275;
padding:3px 0;
text-align:center;
font-size:15px;
color:#fff;
font-weight:bold;
width:100%;
}

#rnking{border:1px solid #999999; margin:10px 10px 0 10px; background-color:#ffffff;}

#left ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#left li{
	font-weight:bold;
	border-top:1px dotted #999999;
	margin:0;
	padding:4px 4px 6px 7px;
	letter-spacing:1px;
	font-size:13px;
	text-align:left;
}
#left li a{
	color:#666666;
	width:100%;
	text-decoration:none;
}
#left li a:hover{
	color:#aaf;
}

#left li span{
	background-color:#B9EC8B;
	color:#fff;
	padding:2px 4px;
	font-size:16px;
	letter-spacing:0;
	margin-right:2px;
	width:25px;
	height:20px;
}

#left2 ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#left2 li{
	background:url('img/arrow9_green.gif') no-repeat left center;
	border-top:1px dotted #999999;
	margin:0;
	padding:7px 4px 6px 20px;
	letter-spacing:1px;
	font-size:13px;
	text-align:left;
}
#left2 li a{
	color:#666666;
	width:100%;
	text-decoration:none;
}
#left2 li a:hover{
	color:#aaf;
	text-decoration:underline;
}

#side{
font-weight:normal;
border:1px solid #999999;
padding:0 10px;
margin:10px 10px 10px 10px;
text-align:left;
font-size:1em;
line-height:120%;
background-color:#ffffff;
}
#side p{
margin:10px 0;
}
#side p a{
color:#55c;
}
#side p a:hover{
color:#aaf;
}

#top-banner{background-color:#DFDFDF; width:100%; border-bottom:2px solid #B5B5B5; font-size:4px; line-height:100%;}

.txt{
	font-weight:normal;
	font-size:14px;
	width:527px;
	padding:10px;
	line-height:130%;
}
.txt p{
padding:0 10px 10px 10px;
}
#pagetop{
padding:0 15px 0 0;
text-align:right;
}

#copy{padding:2px 2px 2px 2px; text-align:center; background-color:#DFDFDF; font-size:12px; border-top:1px solid #999999; clear:both;}

img {border-style:none;}

.middle{vertical-align:middle;}

hr{height:1px; border-width:1px 0 0 0; border-style:solid none none none; border-color:#cccccc #ffffff #ffffff #ffffff; font-weight:1px; clear:both; margin-top:10px; margin-bottom:10px; margin-right:10px;}

form{margin:0;}

.top-midasi{border-bottom:5px solid #94D275; background-color:#FFFFEC; margin:10px 0 5px 10px; border-top:1px dotted #999999; font-size:13px; color:#666666; font-weight:bold;}

h1{border-bottom:5px solid #94D275; background-color:#FFFFEC; margin:0 0 5px 0px; margin-top:1px; border-top:1px dotted #999999; font-size:15px; color:#666666; font-weight:bold; padding:5px;}

h2{
	border-left:6px solid #B9EC8B;
	border-bottom:1px dashed #999999;
	padding:2px 5px;
	letter-spacing:1px;
	font-size:100%;
}

.top-midasi2{margin:0 0 10px 15px;}


#kt-right{width:525px; float:right;}

#cate-name{text-align:center; font-weight:bold; font-size:15px; margin-bottom:5px;}

.cate-name {
	text-align:center;
	font-weight:bold;
	font-size:15px;
	border-bottom:1px dotted #999999;
	padding:0 0 5px 0;
	margin-bottom:5px;
}
.freemenu {
	text-align: left;
	margin:10px;
	font-size:90%;
	line-height: 150%;
}

.freelist {
	background:url('img/arrow9_green.gif') no-repeat left center;
	padding:0 0 0 20px;
}
#cate-name2{text-align:center; font-weight:bold; font-size:15px; margin:5px 0;}

.right{text-align:right; margin-top:5px;}

.right2{text-align:right; font-size:90%; margin-right:15px;}

.topwaku{
	margin-right: 30px;
	text-align: left;
	margin-top:10px;
	line-height: 120%;
}

.gazou{
	width:120px;
	text-align: center;
}

.gazou2{
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	height:160px;
	width:160px;
	padding:5px;
	border:1px solid #999999;
}

#gazouwaku{
	text-align: center;
	float:left;
}

#subumenyu{
	margin-left: 5px;
	margin-bottom: 5px;
	font-size:90%;
}

.hinmei{
	background-color:#F2F2F2;
	padding:5px;
	font-weight:bold;
}

.kakaku {color: #990000; font-size:125%; font-weight:bold;}

.topkakaku{font-size:85%;}

.en{font-size:70%;}

#syousaiwaku{
	margin-top: 10px;
	width:527px;
}

#syousaiwaku p{
	padding-left:5px;
}

#product{
	margin-left: 5px;
	line-height: 150%;
}

#navi{
	font-size:90%;
}

.zeikomi{
	font-size:80%;
}

.redbold{font-weight:bold; color:#990000;}

.kensuu{font-size:90%; margin-left:5px;}

#mokujitop{margin-top:10px; margin-bottom:10px;}

#mokujibottom{margin-top:10px; margin-bottom:20px;}

#top527{
	width:527px;
	margin-left: 5px;
	font-size:90%;
}

.title{border-bottom:5px solid #94D275; background-color:#FFFFEC; margin-top:1px; border-top:1px dotted #999999; font-size:15px; color:#666666; font-weight:bold; padding:5px;}

.topmargin{
	margin-top: 10px;
}

#itiran dl{
	line-height: 150%;
	margin-left: 20px;
}
#itiran dd{
	font-size:95%;
	margin-bottom: 5px;
}

#scroll-right a{
	position:absolute;
	top:320px;
	left:763px;
	text-align:right;
	width:10px;
	display: block;
	background-color: transparent;
	text-decoration: none;
}

#scroll-right a:hover{
	background-color: transparent;
	text-decoration: none;
}
.menu {
	border:1px solid #999999;
	margin:10px 10px 10px 10px;
	padding:5px 0 0 0;
	background-color:#ffffff;
}

/*ポップアップ画像 8*/
/*フォントサイズ11px相当*/
.thumbnail{
	position: relative;
	z-index: 0;
	font-size:11px;
	line-height: 110%;
}

.thumbnail:hover{
	background-color: transparent;
	z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #F4F4F8;
	padding: 5px;
	left: -1000px;
	border: 1px dashed #C2BED5;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 15;
	left: 20px; /*position where enlarged image should offset horizontally */
}


/*さわやかランキング*/

.input{
	font-size : 9pt;
	color:#333333; 
	background:#EFFFDE; 
	border:1 solid #000000; 
}

.input2{
	font-size : 9pt;
	color:#333333; 
	background:#ECFEFF; 
}

.textarea{
	font-size:10pt;
	background-color:#EFFFDE;
	color:#333333;
	border-left:0px; 
	border-right:0px;  
	border: solid 1px #999999; 
}

.sitename {
	font-size:100%;
	margin:3px 10px 0 2px;
	text-align:left;
}
.catelink {
	font-size:80%;

}
.gaiyou {
	margin:3px 10px 5px 10px;
	text-align:left;
}
.redbold {
	color:#990000;
	font-weight:bold;
}
.red {
	color:#990000;
}
.fontsize {
	font-size:85%;
}
.center {
	text-align:center;
}
.bold {
	font-weight:bold;
}
#registtitle {
	font-size:130%;
}
.left {
	float:left;
}
.bgcolor-td {
	background-color:#94D275;
	text-align:center;
	color:#ffffff;
}
form {
	margin:0;
}
