@charset hutf-8h; 

/* =import 
----------------------------------------------*/
@import url(reset.css);
@import url(layout.css);


/* common
------------------------------------------- */
.right-img{
float:right;
margin-left:15px;
}
.left-img{
float:left;
margin-right:15px;
}
p.disc2{
padding:5px 0 0 0;
background:url(../images/contents-allow.gif) no-repeat 0 5px;
padding-left:18px;
margin:0;
}
.top-img{ margin-bottom:10px; }

/* link
------------------------------------------- */
a:link{ color:#5f7e2a; text-decoration:underline; }
a:hover{ color:#5f7e2a; text-decoration:none; }
a:visited{ color:#5f7e2a; text-decoration:underline; }

/* header
------------------------------------------- */
#header ul{
width:auto;
height:75px;
position:absolute;
top:5px;
right:0;
text-align:right;
background:url(../images/home-renraku.gif) no-repeat right bottom;
}
#header ul li{
display:inline;
}
#header ul a{
color:#ffffff;
font-size:90%;
padding:0 5px;
background:url(../images/sub-dot.gif) repeat-y right 0;
}
.caution{
position:absolute;
top:88px;
right:0;
}

/* navigation
------------------------------------------- */
#navigation{
width:100%;
height:42px;
}
#navigation ul{ height:40px; }
#navigation li{ float:left; }
#navigation li a{ display:block; }
#navigation li img{ border-bottom:#61963f solid 2px; }
#navigation li a img{ border-bottom:none; }
#navigation li a:hover{
border-bottom:#61963f solid 2px;
}

/* banner
------------------------------------------- */
.top_banner{
	margin-bottom:30px;
}

.banner li{
margin-bottom:8px;
}

/* pickup
------------------------------- */
#pickup{
width:100%;
background:url(../images/pickup-bottom.gif) no-repeat 0 bottom;
margin-bottom:8px;
}
#pickup ul{
border-left:#cbcbcb solid 1px;
border-right:#cbcbcb solid 1px;
}
#pickup ul li{
background:url(../images/dot.gif) repeat-x 0 bottom;
padding:5px 0 9px 0;
}
#pickup ul li.end{ background:none; }
#pickup ul li a{
display:block;
background:url(../images/pickup-allow.gif) no-repeat 8px 4px;
padding:0 0 0 28px;
}

/* merumaga
------------------------------------------- */
#merumaga{
width:100%;
height:auto;
overflow:hidden;
padding-bottom:5px;
}
#merumaga h3{
margin-bottom:5px;
}
#merumaga input.text{
width:200px;
margin-bottom:5px;
}
#merumaga .input1{
width:49px;
height:30px;
text-indent:-150px;
border:none;
cursor:pointer;
margin-right:7px;
float:left;
background:url(../images/meru1.gif) no-repeat 0 0;
}
#merumaga .input2{
width:49px;
height:30px;
border:none;
cursor:pointer;
text-indent:-150px;
float:left;
background:url(../images/meru2.gif) no-repeat 0 0;
}
/* onlyIE6,7 */
*+html div #merumaga .input1,
*+html div #merumaga .input2{
padding:0 0 0 50px;
overflow:hidden;
}
#merumaga .input1,
#merumaga .input2{
_padding:0 0 0 50px;
_overflow:hidden;
}
/* onlyIE */
#merumaga .sample{
float:right;
}


#merumaga p{
width:100%;
font-size:90%;
padding:3px 0;
}
#merumaga p .kiyaku{ float:left; }
#merumaga p .mag{
float:right;
color:#999999;
}


/* list01
------------------------------------------------- */
.list01{ margin-bottom:10px; }
.list01 li{
background:url(../images/contents-allow.gif) no-repeat 0 0;
padding:0 0 0 25px;
}



/* footer-container
------------------------------------------------- */
#footer-container ul{
text-align:center;
padding-bottom:8px;
}
#footer-container ul li{
display:inline;
padding-right:5px;
margin-right:5px;
border-right:#636420 solid 1px;
}
#footer-container ul li.pagetop{ border:none; padding-left:5px; }
#footer-container ul li.pagetop img{ vertical-align:middle; }

#footer-container .foot-img{
position:absolute;
right:0;
top:70px;
padding-bottom:5px;
}