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

.head_img { margin:0 auto; width: 900px; text-align: center;}


#gnavi { display: none;} 




/*-------------------------------------------------------------------------------------------------------------------*/

* { margin: 0; padding: 0;}

body { 
	margin: 0; 
	padding: 0;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: .85em;
	line-height:150%;
}

img {
　vertical-align: bottom;
}

a img { border: none;}
a:link,a:active,a:visited { 
	color: #333333; 
	text-decoration: underline;
}
a:hover { 
	color: #006600; 
	text-decoration: none;
}


h1 { display: none;}


#page-01 h3 { margin: 0; padding: 0;}

.clear { clear: both;}


#header { display: none;}

#sitemap { display: none;}


#logo { display: none;}


#head_img { display: none;}


#contents_wrap { }


#main {	
	padding: 10px 20px; 
	width: 860px;
	margin: 0 auto; 
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
}



#left { 
	width: 215px; 
	float: left; 
	padding: 10px 0;
}



#left ul#ul01 { 
	list-style: none; 
	padding-bottom: 20px;
}

#left #ul01 li { margin: 0; padding: 0;}


#page-1 #right { 
	float: right; 
	text-align: left;
	margin: 0;
	width: 630px;
	padding: 0;
}



#new { 
	margin: 0 0 30px 0;
	padding-left: 10px; 
}


.p { 
	padding-top: 20px;
}


#totop { display: none;}


#foot { 
	text-align: right; 
	background-color: #603d06;
}


#copy { 
	text-align: right; 
	width: 900px; 
	margin: 0 auto; 
}




/*---------------------------------------------------------------------------------------------*/


#page-1 #news { 
}



#page-1 h2{ margin: 0 0 20px 0; padding: 0;}




ul#news{ 
	margin: 10px 0 10px 40px; 
}



ul#news li{ 
	padding: 0 3px 10px 0px; 
}



p.news{ 
	margin: 20px 40px;
}




#new #banner { 
	text-align: center;
}




#page-1 #box { 
	padding: 0 0 0 10px; 
	text-align: left;
}

 

#page-1 .boxL { 
	float: left; 
	padding: 0 0 10px 10px; 
	width: 290px;
}



#page-1 .boxR { 
	float: right; 
	padding: 0 0 10px 10px; 
	width: 290px;
}




#page-1 .boxN { 
	padding: 0 0 20px 10px; 
}



.boxL ul { 
	margin: 10px 0 10px 30px; 
}


.boxL li { 
	padding: 0 3px 8px 0px; 
}



.boxR ul { 
	margin: 10px 0 10px 30px; 
}


.boxR li { 
	padding: 0 3px 8px 0px; 
}



.boxN ul { 
	margin: 10px 0 10px 30px; 
}


.boxN li { 
	padding: 0 3px 8px 0px; 
}

.boxN li img {}

#top-side { width: 200px; margin: 0 8px 0 7px; padding: 0;}

#top-side ul { 
	list-style: none; 
	padding: 20px 0; 
}

#top-side  li { padding: 5px 0;}
	


#page-1 h3 { 
	margin: 0; 
	padding: 0;
}




/*----------------------------------------------------------------------------------------------------------------*/


#page-2 h2{ margin: 0; padding-bottom: 20px;}


#left #sidemenu { margin-bottom: 20px; width: 215px;}

#left #sidemenu ul { margin: 0 5px;}
#left #sidemenu li { text-align: left; padding: 1px; font-size: .85em;}
#left #sidemenu li a{ padding: 11px 3px 11px 10px; display: block; text-decoration: none;}

#left #sidemenu li a:hover{ color: #543506;}



#page-2 #right { 
	width: 630px; 
	float: right; 
	padding: 0; 
	text-align: left;
}


.comment p { padding: 10px 0; margin: 0;}

.comment ul { }
.comment li {  padding: 2px 0 2px 0px;} 


.catch { padding: 20px;}


.comment { padding: 0 20px 10px 20px;}

/*---------------------------------------------------------------------------------------------*/



#page-2 .box { padding: 0; text-align: left;} 


#page-2 h2.title { 
	 font-size: 14px; 
	 line-height:18px; 
	 color: #FFFFFF; 
	 font-weight:bold; 
	 padding: 18px 10px 19px 20px; 
	 text-align:left;
	 margin: 0 0 0 5px;
	 diaplay: block; border: #CCCCCC 1px solid;
}


#page-2 h3#pagetitle { padding: 15px 10px 15px 10px; font-weight: bold; font-size: 14px; line-height: 18px; margin: 20px 0 20px 20px; border: #C1D9BD 1px solid; width: 560px;
}


#page-2 h4{
	width: 550px;
	padding: 5px 5px 5px 10px;
	font-weight: bold;
	color: #006600;
	text-align: left;
	margin-top: 20px;
	font-size: 14px; border-bottom: #006600 1px solid;
}




/*-------------------------------------------------------------------------------------------------------------------*/


#page-2 .img260Lc:after,
#page-2 .img260Rc:after,
#page-2 .img168Lc:after,
#page-2 .img168Rc:after{ content:""; display: block; clear: both; }
#page-2 .img260Lc,
#page-2 .img260Rc,
#page-2 .img168Lc,
#page-2 .img168Rc{ display: inline-table; }

/*Hides from IE-mac\*/

*html #page-2 .img260Lc,
*html #page-2 .img260Rc,
*html #page-2 .img168Lc,
*html #page-2 .img168Rc{ height: 1%; }
#page-2 .img260Lc,
#page-2 .img260Rc,
#page-2 .img168Lc,
#page-2 .img168Rc{ display: block; }

/*End hides from IE-mac*/


#page-2 .img536{ width: 536px; margin: 4px auto 4px auto; clear: both; }
#page-2 .img536 img{ margin: 0; display: inline; }
#page-2 .img536 p{ width: 536px; margin: 2px 0 0 0; text-align: right; clear: both; }


#page-2 .img260{ width: 260px; margin: 4px auto 4px auto; clear: both; }
#page-2 .img260 img{ margin: 0; display: inline; }
#page-2 .img260 p{ width: 260px; margin: 2px 0 0 0; text-align: right; clear: both; }


#page-2 .img260L{ width: 260px; margin: 4px 8px 4px 8px; float: left; display: inline;}
#page-2 .img260L img{ margin: 0 0 0 0; display: inline; }
#page-2 .img260L p{ width: 260px; margin: 2px 0 0 0; text-align: right; clear: both; }


#page-2 .img260R{ width: 260px; margin: 4px 8px 4px 8px; float: right; display: inline;}
#page-2 .img260R img{ margin: 0 0 0 0; display: inline; }
#page-2 .img260R p{ width: 260px; margin: 2px 0 0 0; text-align: right; clear: both; }


#page-2 .img260Lc{ width: 536px; margin: 4px 8px 4px 8px;  clear: both; }
#page-2 .img260Lc img{ float: left; margin: 0; display: inline; }
#page-2 .img260Lc p{ width: 260px; margin: 2px 0 0 0; text-align: right; clear: both; float: left; }


#page-2 .img260Rc{ width: 536px; margin: 4px 8px 4px 8px;  clear: both; }
#page-2 .img260Rc img{ float: right; margin: 0; display: inline; }
#page-2 .img260Rc p{ width: 260px; margin: 2px 0 0 0; text-align: right; clear: both; float: right; }


#page-2 .img168{ width: 168px; margin: 4px auto 4px auto; clear: both; }
#page-2 .img168 img{ margin: 0; display: inline; }
#page-2 .img168 p{ width: 168px; margin: 2px 0 0 0; text-align: right; clear: both; }


#page-2 .img168L{ width: 168px; margin: 4px 8px 4px 8px; float: left;  clear: both; }
#page-2 .img168L img{ margin: 0; display: inline; }
#page-2 .img168L p{ width: 168px; margin: 2px 0 0 0; text-align: right; clear: both; }


#page-2 .img168R{ width: 168px; margin: 4px 8px 4px 8px; float: right;  clear: both; }
#page-2 .img168R img{ margin: 0; display: inline; }
#page-2 .img168R p{ width: 168px; margin: 2px 0 0 0; text-align: right; clear: both; }


#page-2 .img168Lc{ width: 536px; margin: 4px 8px 4px 8px;  clear: both; }
#page-2 .img168Lc img{ float: left; margin: 0; display: inline; }
#page-2 .img168Lc p{ width: 168px; margin: 2px 0 0 0; text-align: right; clear: both; float: left; }


#page-2 .img168Rc{ width: 536px; margin: 4px 8px 4px 8px;  clear: both; }
#page-2 .img168Rc img{ float: right; margin: 0; display: inline; }
#page-2 .img168Rc p{ width: 168px; margin: 2px 0 0 0; text-align: right; clear: both; float: right; }


/*------------------------------------------------------------------------------------------------------*/

.search { width: 175px; padding: 0 0 20px 0; float:right; margin: 0;} 
.s_search { width: 210px; padding: 0 0 20px 0; float:right; margin: 0;} 
.case { float: left; width: 450px; padding: 15px 0 0 20px; margin: 0; font-size: .9em; text-align: left;}

.case01 { padding: 15px 20px 0 20px; margin: 0; text-align: right;}


.case span.red_b { color: #CC0000; font-weight: bold; font-size: 1.5em;}


#ichiran { border-top: #006600 1px solid; border-left: #006600 1px solid; margin: 0; padding: 0; width: 580px; clear: both;}
#ichiran th.th01 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 30px;}
#ichiran th.th02 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 120px;}
#ichiran th.th03 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 260px;}
#ichiran th.th04 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 130px;}


#ichiran td { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center;}
#ichiran td a { font-weight: bold; color: #006600;}
#ichiran td a:hover { font-weight: bold; color: #CC6600;}

#ichiran td.td01 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: left;}




#search,#detail { border-top: #006600 1px solid; border-left: #006600 1px solid; margin: 0 auto; padding: 0; width: 500px; clear: both;}
#search th.th01,#detail th.th01 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 130px;}
#search th.th02,#detail th.th02 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 370px;}
#search td.td01,#detail td.td01 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; font-weight: bold; color: #006600;}
#search td,#detail td { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: left;}



#item { border-top: #006600 1px solid; border-left: #006600 1px solid; margin: 0; padding: 0; width: 580px; clear: both;}
#item th.th01 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 30px;}
#item th.th02 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 200px;}
#item th.th03 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 85px;}
#item th.th04 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 145px;}
#item th.th05 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 70px;}
#item td { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center;}
#item td a { font-weight: bold; color: #006600;}
#item td a:hover { font-weight: bold; color: #CC6600;}
#item td.td01 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: left;}


.submit { text-align: center;}
.submit_btn,.reset_btn { padding: 5px 10px; margin: 10px;}



#goods { border-top: #006600 1px solid; border-left: #006600 1px solid; margin: 0 auto; padding: 0; width: 550px; clear: both;}
#goods th.th01 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 30px;}
#goods th.th02 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 150px;}
#goods th.th03 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 330px;}
#goods th.th04 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 40px;}
#goods td { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center;}
#goods td a { font-weight: bold; color: #006600;}
#goods td a:hover { font-weight: bold; color: #CC6600;}
#goods td.td01 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: left;}

.g_img { text-align: center;}


#ondanMember { border-top: #006600 1px solid; border-left: #006600 1px solid; margin: 0 auto; padding: 0; width: 550px; clear: both;}
#ondanMember th.th01 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 30px;}
#ondanMember th.th02 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 320px;}
#ondanMember th.th03 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 100px;}
#ondanMember th.th04 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 60px;}
#ondanMember td { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: center;}
#ondanMember td a { font-weight: bold; color: #006600;}
#ondanMember td a:hover { font-weight: bold; color: #CC6600;}
#ondanMember td.td01 { border-bottom: #006600 1px solid; border-right: #006600 1px solid; padding: 5px; text-align: left;}


#ondanMemberLogin { border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid; margin: 0 auto; padding: 0; width: 300px; clear: both;}
#ondanMemberLogin th { border-bottom: #FFFFFF 1px solid; border-right: #FFFFFF 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 150px;}
#ondanMemberLogin td.td01 { border-bottom: #FFFFFF 1px solid; border-right: #FFFFFF 1px solid; padding: 5px; text-align: center; background-color: #e9f9de; font-weight: bold; width: 150px;}