@charset "utf-8";


/*---------------------------------------------*/
body{
 	text-align: center;
	font-size: small;
	font-family: Verdana,'Hiragino Kaku Gothic Pro',Osaka,sans-serif;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 1.5;
	color: #666666;
	background:url(../image/bg_body_naka.gif) repeat-x;
	background-color: #ffffff;
	border: none;
}
/*---------------------------------------------*/
#header {
 	position: relative;
	clear: both;
	width: 877px;
 	height: 397px;
	background:url(../image/head.jpg) no-repeat;
}



#contact {
	position: absolute;
	top: 8px;
	right: 7px;
}
#contact a{
	color: #fff;
	text-decoration: none;
	background: url(../image/arrow_01.gif) no-repeat left center;
	padding-left: 15px;
	margin-left: 10px;

}
#contact a:hover{
	color: #9A4475;
	text-decoration: none;
	background: url(../image/arrow_01.gif) no-repeat 4px 5px;
	padding-left: 15px;
	margin-left: 10px;

}
#topicpath {
    position: relative;
	top: 220px;
	text-align: right;
	width: 100%; /* for WIN IE6*/
	font-size: 80%;
	line-height: 3;
}
#topicpath a {
	text-decoration: none;
	color: #999999;
}
#topicpath  a:hover {
	color: #9A4475;
	text-decoration: none;
}
#topicpath  a:active {
	color: #FFFFFF;
	text-decoration: none;
	position: relative;
	top: 1px;
	left: 1px;
}
h1 {
	position: absolute;
	width: 170px;
	height: 116px;
	top: 397px;
	left: 230px;
}
h2 {
	position: absolute;
	text-indent: -9999px;
}
h4 {
	margin-bottom: 20px;
}
h5 {
	background: url(../image/bg_side_banner_h.gif) no-repeat;
	height: 23px;
	position: relative;
	padding-left: 13px;
	top: 0;
	color: #996600;
	font-size: 80%;
	font-weight: normal;
	line-height: 20px;
}


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

#leftbody {
	width: 193px;
	float: left;
	margin-top: 10px;
}
#lnavi {
    background: url(../image/side_menu.gif) no-repeat;
	width: 193px;
	height: 249px;
    position: relative;
	top: 0px;
}
#lnavi ul {
 list-style: none;
}
#lnavi li {
	position: absolute;
	text-indent: -9999px;
	height: 62px;
}
#lnavi li a { display: block; height: 62px;}

#lnavi li#lnavi_01  { top: 0; left: 0; width: 169px;}
#lnavi li#lnavi_02  { top: 62px; left: 0px; width: 169px;}
#lnavi li#lnavi_03  { top: 124px; left: 0px; width: 169px;}
#lnavi li#lnavi_04  { top: 186px; left: 0px; width: 169px;}
#lnavi li#lnavi_05  { top: 248px; left: 0px; width: 169px;}

#lnavi li#lnavi_01   a:hover { background: url(../image/side_menu_on.gif) 0 0 no-repeat; }
#lnavi li#lnavi_02   a:hover { background: url(../image/side_menu_on.gif) 0 -62px no-repeat; }
#lnavi li#lnavi_03   a:hover { background: url(../image/side_menu_on.gif) 0 -124px no-repeat; }
#lnavi li#lnavi_04   a:hover { background: url(../image/side_menu_on.gif) 0 -186px no-repeat; }
#lnavi li#lnavi_05   a:hover { background: url(../image/side_menu_on.gif) 0 -248px no-repeat; }

#lnavi li#lnavi_01   a.stay { background: url(../image/side_menu_on.gif) 0 0 no-repeat; }
#lnavi li#lnavi_02   a.stay { background: url(../image/side_menu_on.gif) 0 -62px no-repeat; }
#lnavi li#lnavi_03   a.stay { background: url(../image/side_menu_on.gif) 0 -124px no-repeat; }
#lnavi li#lnavi_04   a.stay { background: url(../image/side_menu_on.gif) 0 -186px no-repeat; }
#lnavi li#lnavi_05   a.stay { background: url(../image/side_menu_on.gif) 0 -248px no-repeat; }



/*---------------------------------------------*/
#rightbody {
	width: 740px;
	float: right;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*---------------------------------------------*/
#title_news {
	position: relative;
	width: 740px;
	height: 122px;
    background: url(../news/image/title.gif) no-repeat;
}
#title_news h3{
	position: absolute;
	top: 45px;
	left: 190px;
	color: #996600;
	font-weight: normal;
	font-size: 100%;
}

/*---------------------------------------------*/
#title_per {
	position: relative;
	width: 160px;
	height: 31px;
    background: url(../about/image/1_title.gif) no-repeat;
}
#title_per h3{
	position: absolute;
	top: 35px;
	left: 275px;
	color: #996600;
	font-weight: normal;
	font-size: 100%;
}


#title_per02 {
	position: relative;
	width: 160px;
	height: 31px;
    background: url(../about/image/2_title.gif) no-repeat;
}
#title_per h3{
	position: absolute;
	top: 35px;
	left: 275px;
	color: #996600;
	font-weight: normal;
	font-size: 100%;
}


#title_per03 {
	position: relative;
	width: 160px;
	height: 31px;
    background: url(../kodawari/image/1_title.gif) no-repeat;
}
#title_per h3{
	position: absolute;
	top: 35px;
	left: 275px;
	color: #996600;
	font-weight: normal;
	font-size: 100%;
}



#title_per04 {
	position: relative;
	width: 160px;
	height: 31px;
    background: url(../safety/image/1_title.gif) no-repeat;
}
#title_per h3{
	position: absolute;
	top: 35px;
	left: 275px;
	color: #996600;
	font-weight: normal;
	font-size: 100%;
}


#title_per05 {
	position: relative;
	width: 300px;
	height: 31px;
    background: url(../link/image/1_title.gif) no-repeat;
}
#title_per h3{
	position: absolute;
	top: 35px;
	left: 275px;
	color: #996600;
	font-weight: normal;
	font-size: 100%;
}

/*---------------------------------------------*/
#title_menu {
	position: relative;
	width: 740px;
	height: 122px;
    background: url(../menu/image/title.gif) no-repeat;
}
#title_menu h3{
	position: absolute;
	top: 38px;
	left: 275px;
	color: #996600;
	font-weight: normal;
	font-size: 100%;
}


/*---------------------------------------------*/
#footer {
    clear: both;
	text-align: left;
	background: url(../image/bg_footer2.gif) repeat-x;
	height: 220px;
	width:100%;
	color: #FFFFFF;
}
#footer a {
	color: #666666;
	text-decoration: none;
}
#footer a:hover {
	color: #996600;
	text-decoration: none;
}
#footer-inner {
	position: relative;
	background: url(../image/bg_footer_inner.jpg) no-repeat;
	width: 950px;
	height: 229px;
	margin: 0 auto;
	}
#pagetop {
    padding-left: 700px;
    width: 170px;
}
#pagetop a:active {
	position: relative;
	top: 1px;
	left: 1px;
}
#fnavi_contact {
	display : inline;
	padding-left: 15px;
	margin-left: 25px;
	background: url(../image/arrow_01.gif) no-repeat left center;
	list-style: none;
}
#copy {
	position:absolute;
	font-size: 95%;
	font-style: normal;
	top: 136px;
	left: 684px;
	width: 247px;
}

/*---------------------------------------------*/
#fnavi_01 {
	position: relative;
	top: 50px;
	padding-left: 1x;
	text-align: left;
	color: #111111;
}
#fnavi_01 ul{
	margin: 0;
	padding: 0;
}
#fnavi_01 ul li {
	margin: 0;
	padding: 0 7px;
	display: inline;
	border-left: 1px solid #fff;
}
#fnavi_01 ul li.home {
	border-left: none;
}

/*---------------------------------------------*/
#fnavi_02 {
	position: relative;
	top: 95px;
	padding-left: 450px;
	text-align: left;
}
#fnavi_02 ul{
	margin: 0;
	padding: 0;
}
#fnavi_02 ul li {
	margin: 0;
	display : inline;
}
#fnavi_02 ul li a{
	margin: 0;
	display : inline;
	background: url(../image/arrow_01.gif) no-repeat left center;
	padding-left: 15px;
	margin-left: 10px;

}
#fnavi_02 ul li a:hover{
	margin: 0;
	display : inline;
	background: url(../image/arrow_01.gif) no-repeat 4px 5px;
	padding-left: 15px;
	margin-left: 10px;

}
#fnavi_02 ul li.shop {
	padding-left: 18px;
	background-image: none;
}


/*---------------------------------------------*/
.per_box {
	margin-top: 40px;
}
.per_box a{
	color: #996600;
}
.per_box a:hover{
	color: #fff;
}
.per_box td{
	margin: 0;
	padding: 0;
	vertical-align: top;
}