@charset "utf-8";

/* TOPPAGE
---------------------------------------------*/

/* BODY
---------------------------------------------*/

html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;

}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
list-style: none;

}

body {
margin: 0;
padding: 0;
width: 100%;
height: 1270px;
	font-family:'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',Verdana;
	color: #422401;
	font-size: 75%;
	line-height: 150%;
	background: url(../images/body_bg.jpg) center top repeat-x;	
}
 
html>/**/body {  
font-size: 12px;  
}

input, select {padding: 1px;}

img {
border: none;
}

a {
	color: #422401;
	text-decoration: none;
}

a:hover {
	color: #422401;
	text-decoration:underline;
}

em,address {font-style: normal;}

strong {font-weight: bold;}

p {line-height: 2em;}

.clear {clear: both;}


/* ALL
---------------------------------------------*/

#top_wrap{
	width: 100%;
	height: 100%;
	background: url(../images/body_bg_bottom.jpg) repeat-x bottom;
}



#top_main {
	width: 100%;
	height: 1270px;
	margin:0 auto;
	background: url(../images/main_bg.jpg) no-repeat center top;
}


#top {
	width: 960px;
	height: 1270px;
	margin:0 auto;
	background: url(../images/top_bg.jpg) no-repeat center top;
}


#header{
height:92px;
width:960px;
}

#logo {
	width: 213px;
	height: 90px;
	margin: 0 auto 2px 0;
}

#flash{
width:960px;
height:324px;
margin:0;
}

/* content
---------------------------------------------*/
#content {
	width:960px;
	height:585px;
	margin:0;
}


/* left
---------------------------------------------*/
#left {
	width:272px;
	height:585px;
	margin:0;
	float: left;
	position: relative;
}


.history {
	width: 107px;
	height: 25px;
	position: absolute;
	left: 31px;
	top: 25px;
}


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

#left li a {
display: block;
text-indent: -9999px;
cursor: pointer;
}

/*banner_policy -------------------------------*/

.banner_policy {
	width: 186px;
	height: 132px;
	position: absolute;
	left: 16px;
	top: 38px;
}

.banner_policy  a{
display : block ;
width : 186px ;
height : 132px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.banner_policy  a:link {
	background-image : url(../images/top_policy-trans.png);
}

.banner_policy  a:visited{
	background-image : url(../images/top_policy-trans.png);
}

.banner_policy  a:hover{
	background-image : url(../images/top_policy_on-trans.png);
}

.banner_policy  a:active{
	background-image : url(../images/top_policy_on-trans.png);
}



/*banner_shop  -------------------------------*/

.banner_shop {
	width: 186px;
	height: 132px;
	position: absolute;
	left: 16px;
	top: 157px;
}

.banner_shop   a{
display : block ;
width : 186px ;
height : 132px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.banner_shop   a:link {
	background-image : url(../images/top_shop-trans.png);
}

.banner_shop  a:visited{
	background-image : url(../images/top_shop-trans.png);
}

.banner_shop   a:hover{
	background-image : url(../images/top_shop_on-trans.png);
}

.banner_shop   a:active{
	background-image : url(../images/top_shop_on-trans.png);
}


/*banner_company -------------------------------*/
.banner_company {
	width: 108px;
	height: 82px;
	position: absolute;
	left: 5px;
	top: 294px;
}

.banner_company   a{
display : block ;
width : 108px ;
height : 82px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.banner_company   a:link {
	background-image : url(../images/top_company-trans.png);
}

.banner_company  a:visited{
	background-image : url(../images/top_company-trans.png);
}

.banner_company   a:hover{
	background-image : url(../images/top_company_on-trans.png);
}

.banner_company   a:active{
	background-image : url(../images/top_company_on-trans.png);
}


/*banner_blog -------------------------------*/
.banner_blog {
	width: 60px;
	height: 68px;
	position: absolute;
	left: 103px;
	top: 283px;
}

.banner_blog   a{
display : block ;
width : 60px ;
height : 68px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.banner_blog  a:link {
	background-image : url(../images/top_blog-trans.png);
}

.banner_blog  a:visited{
	background-image : url(../images/top_blog-trans.png);
}

.banner_blog  a:hover{
	background-image : url(../images/top_blog_on-trans.png);
}

.banner_blog   a:active{
	background-image : url(../images/top_blog_on-trans.png);
}



/*banner_ask -------------------------------*/
.banner_ask {
	width: 60px;
	height: 68px;
	position: absolute;
	left: 163px;
	top: 318px;
}

.banner_ask   a{
display : block ;
width : 60px ;
height : 68px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.banner_ask  a:link {
	background-image : url(../images/top_ask-trans.png);
}

.banner_ask  a:visited{
	background-image : url(../images/top_ask-trans.png);
}

.banner_ask  a:hover{
	background-image : url(../images/top_ask_on-trans.png);
}

.banner_ask   a:active{
	background-image : url(../images/top_ask_on-trans.png);
}



/*banner_ecoy -------------------------------*/
.banner_eco {
	width: 173px;
	height: 139px;
	position: absolute;
	left: 81px;
	top: 398px;
	z-index: 50;
}

.banner_eco   a{
display : block ;
width : 173px ;
height : 139px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.banner_eco  a:link {
	background-image : url(../images/top_eco-trans.png);
}

.banner_eco  a:visited{
	background-image : url(../images/top_eco-trans.png);
}

.banner_eco  a:hover{
	background-image : url(../images/top_eco_on-trans.png);
}

.banner_eco   a:active{
	background-image : url(../images/top_eco_on-trans.png);
}

.eco2 {
	width: 130px;
	height: 94px;
	position: absolute;
	left: 18px;
	top: 365px;
}



/* center
---------------------------------------------*/
#center {
	width:438px;
	height:585px;
	margin:0;
	float: left;
}

*html #center {
	width:438px;
	height:523px;
	margin:0;
	float: left;
}

#center {
	width:438px;
	height:585px;
	margin:0;
	float: left;
}

#infomation {
	width: 438px;
	height: 205px;
	margin: 62px 0 20px 0;
}

.h2info {
	width: 438px;
	height: 25px;
	background: url(../images/top_h2_info-trans.png) no-repeat left top;
	text-indent: -9999px;
}

.info {
	width: 438px;
	height: 60px;
	margin:0;
	background: url(../images/top_icon1-trans.png) no-repeat top left;
}

*html .info {
	width: 438px;
	height: 50px;
	margin:0;
	background: url(../images/top_icon1-trans.png) no-repeat top left;
}

.info2 {
	width: 403px;
	height: 45px;
	margin: 0 0 0 35px;
	padding: 15px 0 0 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e4d6bb;
}

*html .info2 {
	width: 403px;
	height: 25px;
	margin: 0 0 0 35px;
	padding: 10px 0 0 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e4d6bb;
}

.date {
	width: 80px;
	height: 45px;
	margin:0;
	float:left;
	text-align: 110%;
}

*html .date {
	width: 80px;
	height: 25px;
	margin:0;
	float:left;
	text-align: 110%;
}

.news {
	width: 323px;
	height: 45px;
	margin: 0;
	float:left;
	text-align: 110%;
}

*html .news {
	width: 323px;
	height: 25px;
	margin: 0;
	float:left;
	text-align: 110%;
}


#blog {
	width: 438px;
	height: 205px;
	margin:  0;
}

#blog dt .01{
float:left;
clear:both;
width: 75px;

}

#blog dd{
width: 323px;

}

.h2blog{
	width: 438px;
	height: 25px;
	background: url(../images/top_h2_blog-trans.png) no-repeat left top;
	text-indent: -9999px;
}

.blog2 {
	width: 438px;
	height: 60px;
	margin:0;
	background: url(../images/top_icon2-trans.png) no-repeat top left;
}

.blog3 {
	width: 403px;
	height: 45px;
	margin: 0 0 0 35px;
	padding: 15px 0 0 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e4d6bb;
}

*html .blog3 {
	width: 403px;
	height: 30px;
	margin: 0 0 0 35px;
	padding: 15px 0 0 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #e4d6bb;
}

.date2 {
	width: 80px;
	height: 45px;
	margin:0;
	float:left;
	text-align: 110%;
}

*html .date2 {
	width: 80px;
	height: 30px;
	margin:0;
	float:left;
	text-align: 110%;
}

.title {
	width: 323px;
	height: 45px;
	margin: 0;
	float:left;
	text-align: 110%;
}

*html .title {
	width: 323px;
	height: 30px;
	margin: 0;
	float:left;
	text-align: 110%;
}

.more {
	width: 85px;
	height: 21px;
	float: right;
	margin-top: 0px;
}

* html .more {
	width: 85px;
	height: 21px;
	float: right;
}

.more  li a{
	width : 85px ;
	height : 21px ;
	display: block;
	text-indent: -9999px;
}

.more  a:link {
	background : url(../images/top_more-trans.png) no-repeat top center;
}

.more  a:visited{
	background : url(../images/top_more-trans.png) no-repeat top center;
}

.more  a:hover{
	background: url(../images/top_more_on-trans.png) no-repeat top center;
}

.more a:active{
	background: url(../images/top_more_on-trans.png) no-repeat top center;
}

.jfsa{
	background: url(../images/jfsa.gif) no-repeat top left;
	padding:3px 0 0 30px;
	width:440px;
	text-align:right;
	height:25px;
	margin-top: 38px;

}

*html .jfsa{
	background: url(../images/jfsa.gif) no-repeat top left;
	padding:3px 0 0 30px;
	width:450px;
	text-align:left;
	height:25px;
	margin-top: 10px;
}

/* right
---------------------------------------------*/
#right {
	width:250px;
	height:585px;
	margin:0;
	float: left;
	position: relative;
}

.smile {
	width: 35px;
	height: 181px;
	position: absolute;
	left: 170px;
	top: 0px;
}

/* banner_pot
---------------------------------------------*/
.banner_voice {
	width: 103px;
	height: 202px;
	position: absolute;
	left: 25px;
	top: 11px;
}

.banner_voice  li a{
	width : 103px ;
	height : 202px ;
	display: block;
	text-indent: -9999px;
}

.banner_voice  a:link {
	background : url(../images/top_voice-trans.png) no-repeat top center;
}

.banner_voice  a:visited{
	background : url(../images/top_voice-trans.png) no-repeat top center;
}

.banner_voice  a:hover{
	background: url(../images/top_voice_on-trans.png) no-repeat top center;
}

.banner_voice  a:active{
	background: url(../images/top_voice_on-trans.png) no-repeat top center;
}


/* banner_pot
---------------------------------------------*/
.banner_pot {
	width: 53px;
	height: 63px;
	position: absolute;
	left: 139px;
	top: 312px;
}

.banner_pot li a{
	width : 53px ;
	height : 63px ;
	display: block;
	text-indent: -9999px;
}


.banner_pot a:link {
	background : url(../images/top_pot-trans.png) no-repeat top center;

}

.banner_pot a:visited{
	background : url(../images/top_pot-trans.png) no-repeat top center;
}

.banner_pot a:hover{
	background: url(../images/top_pot_on-trans.png) no-repeat top center;
}

.banner_pot a:active{
	background: url(../images/top_pot_on-trans.png) no-repeat top center;
}




/* footer
---------------------------------------------*/
#footer {
	width: 960px;
	height: 199px;
}


#footer_menu{
	width: 860px;
	height: 26px;
	margin: 0 auto;
}


#footer_menu li {
	display: inline;
	font-size: 9pt;
	margin:0 6px 0 5px;
	padding:0 0 0 8px;
	background: url(../images/top_icon3-trans.png) no-repeat left center;
	list-style-type: none;
}

* html #footer_menu li {
	display: inline;
	font-size: 9pt;
	margin:0 6px 0 8px;
	list-style-type: none;
	background: url(../images/top_icon3-trans.png) no-repeat left bottom;
	line-height: 120%;
}

#footer_menu li a {
	text-decoration: underline;
}


#footer_menu a:link {
	text-decoration: underline;
}

#footer_menu a:visited {
	text-decoration: underline;
}

#footer_menu a:hover {
	text-decoration: underline;
}

#footer_menu a:active {
	text-decoration: underline;
}



#footer_info{
	width:860px;
	height: 18px;
	margin:0 auto;
	padding: 10px 0 0 25px;
	font-size: 9pt;
	line-height: 110%;
	background: url(../images/top_f_logo-trans.png) no-repeat left top;
}

.info_small{
	font-size: 9pt;
}


#address{
	width: 700px;
	height: 70px;
	float: left;
	font-size: 9pt;
	line-height: 140%;
	margin-left: 65px;
}

* html #address{
	width: 700px;
	height: 70px;
	float: left;
	font-size: 9pt;
	line-height: 140%;
	margin-left: 35px;
}


.catalog{
	width: 152px;
	height: 27px;
	float:left;
	margin-top: 38px;
}



.catalog li a{
	width : 152px ;
	height : 27px ;
	display: block;
	text-indent: -9999px;
}

.catalog a:link {
	background : url(../images/top_catalog-trans.png) no-repeat top center;
}

.catalog a:visited{
	background : url(../images/top_catalog-trans.png) no-repeat top center;
}

.catalog a:hover{
	background: url(../images/top_catalog_on-trans.png) no-repeat top center;
}

.catalog a:active{
	background: url(../images/top_catalog_on-trans.png) no-repeat top center;
}

.copy{
	width: 960px;
	height: 24px;
	margin: 0;
	padding-top: 50px;
	text-align: center;
	color: #ffffff;
	font-size: 10px;
}

* html .copy{
	width: 960px;
	height: 22px;
	margin: 0;
	padding-top: 45px;
	text-align: center;
	color: #ffffff;
	font-size: 10px;
}



/* main menu
---------------------------------------------*/

#menu {
	width: 900px;
	height: 70px;
	margin: 0 auto 0 32px;
}


#menu li {
float:left;
margin:0 2px 0 0;
padding:0;
}

#menu li a {
display: block;
text-indent: -9999px;
cursor: pointer;
}

#menu a:link img{
visibility : visible ;
border-style : none ;
}

#menu a:visited img{
visibility : hidden ;
border-style : none ;
}

#menu a:hover img{
visibility : hidden ;
border-style : none ;
}

#menu a:active img{
visibility : hidden ;
border-style : none ;
}

/* menu1
---------------------------------------------*/
.menu1 {
width : 113px ;
height : 70px ;
}

.menu1 a{
display : block ;
width : 113px ;
height : 70px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.menu1 a:link {
	background-image : url(../images/top_menu1-trans.png);
	background-repeat: no-repeat;
}

.menu1 a:visited{
	background-image : url(../images/top_menu1-trans.png);
	background-repeat: no-repeat;
}

.menu1 a:hover{
	background-image : url(../images/top_menu1_on-trans.png);
	background-repeat: no-repeat;
}

.menu1 a:active{
	background-image : url(../images/top_menu1_on-trans.png);
	background-repeat: no-repeat;
}


/* menu2
---------------------------------------------*/
.menu2 {
width : 113px ;
height : 70px ;
}

.menu2 a{
display : block ;
width : 113px ;
height : 70px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.menu2 a:link {
	background-image : url(../images/top_menu2-trans.png);
	background-repeat: no-repeat;
}

.menu2 a:visited{
	background-image : url(../images/top_menu2-trans.png);
	background-repeat: no-repeat;
}

.menu2 a:hover{
	background-image : url(../images/top_menu2_on-trans.png);
	background-repeat: no-repeat;
}

.menu2 a:active{
	background-image : url(../images/top_menu2_on-trans.png);
	background-repeat: no-repeat;
}


/* menu3
---------------------------------------------*/
.menu3 {
width : 156px ;
height : 70px ;
}

.menu3 a{
display : block ;
width : 156px ;
height : 70px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.menu3 a:link {
	background-image : url(../images/top_menu3-trans.png);
	background-repeat: no-repeat;
}

.menu3 a:visited{
	background-image : url(../images/top_menu3-trans.png);
	background-repeat: no-repeat;
}

.menu3 a:hover{
	background-image : url(../images/top_menu3_on-trans.png);
	background-repeat: no-repeat;
}

.menu3 a:active{
	background-image : url(../images/top_menu3_on-trans.png);
	background-repeat: no-repeat;
}

/* menu4
---------------------------------------------*/
.menu4 {
width : 125px ;
height : 70px ;
}

.menu4 a{
display : block ;
width : 125px ;
height : 70px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.menu4 a:link {
	background-image : url(../images/top_menu4-trans.png);
	background-repeat: no-repeat;
}

.menu4 a:visited{
	background-image : url(../images/top_menu4-trans.png);
	background-repeat: no-repeat;
}

.menu4 a:hover{
	background-image : url(../images/top_menu4_on-trans.png);
	background-repeat: no-repeat;
}

.menu4 a:active{
	background-image : url(../images/top_menu4_on-trans.png);
	background-repeat: no-repeat;
}

/* menu5
---------------------------------------------*/
.menu5 {
width : 140px ;
height : 70px ;
}

.menu5 a{
display : block ;
width : 140px ;
height : 70px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.menu5 a:link {
	background-image : url(../images/top_menu5-trans.png);
	background-repeat: no-repeat;
}

.menu5 a:visited{
	background-image : url(../images/top_menu5-trans.png);
	background-repeat: no-repeat;
}

.menu5 a:hover{
	background-image : url(../images/top_menu5_on-trans.png);
	background-repeat: no-repeat;
}

.menu5 a:active{
	background-image : url(../images/top_menu5_on-trans.png);
	background-repeat: no-repeat;
}

/* menu6
---------------------------------------------*/
.menu6 {
width : 128px ;
height : 70px ;
}

.menu6 a{
display : block ;
width : 128px ;
height : 70px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.menu6 a:link {
	background-image : url(../images/top_menu6-trans.png);
	background-repeat: no-repeat;
}

.menu6 a:visited{
	background-image : url(../images/top_menu6-trans.png);
	background-repeat: no-repeat;
}

.menu6 a:hover{
	background-image : url(../images/top_menu6_on-trans.png);
	background-repeat: no-repeat;
}

.menu6 a:active{
	background-image : url(../images/top_menu6_on-trans.png);
	background-repeat: no-repeat;
}