@charset "utf-8";

@import url("/contents/style/base.css");


/*-------------------------------------------- wrap ------------------------------------------*/


#wrap-outer,#wrap-outer_2nd {text-align:left; background:url(../images/wrap-outer_bg.gif) repeat-y top center;}
#wrap-outer2 {background:url(../images/wrap-outer2_bg.gif) repeat-x top center;}
#wrap-outer3 {background:url(../images/wrap-outer3_bg.gif) repeat-x center bottom;}

#wrap {width:950px; margin:0px auto; text-align:left; background:url(../images/wrap_bg.gif) no-repeat;position:relative;}
#wrap2 {width:950px; margin:0px auto; text-align:left; background:url(../images/wrap2_bg.gif) no-repeat;position:relative;}

h1 {margin:0; height:31px; line-height:31px; color:#FFF; font-size:12px; font-weight:normal; position:absolute; top:0; left:0;z-index:10;
}

h2{
letter-spacing:0.1em;
margin:0 0 20px; 
padding:9px 0 3px 15px;
color:#4d4d4d;
font-size:20px;
font-weight:bold;
border:1px solid #d9d8d2;
border-radius:5px;

background-color:#f3f3f3;
background:-moz-linear-gradient(top, #FFF, #f3f3f3);
background:-webkit-linear-gradient(top, #FFF, #f3f3f3);
background:linear-gradient(to bottom, #FFF, #f3f3f3);
}

h3{
margin:30px 0 20px;
padding:6px 15px 3px 10px;
color:#4d4d4d;
font-size:18px;
font-weight:normal;
background:#ebe4d8;
border-radius:5px;

}

h3 a{
	color:inherit;
	text-decoration:inherit;
}


/*-------------------------------------------- header ----------------------------------------*/
#header {width:950px; height:175px; margin:0 0 14px 0; position:relative;}
#header .logo {position:absolute; top:31px; left:0;}
#header .mail {width:185px; height:60px; position:absolute; bottom:0; right:0;}
#header .tokochan {width:60px; height:60px; position:absolute; top:0; right:0;}
#header .letter {width:26px; height:18px; position:absolute; bottom:60px; right:60px;}
#header .totochan {width:226px; height:60px; position:absolute; top:0; right:231px;}
#header .tel {width:272px; height:60px; position:absolute; bottom:0; right:185px;}

#header ul.gmenu {height:30x; line-height:30px; font-size:12px; position:absolute; top:0; right:58px;}
#header ul.gmenu  li {margin:0 15px 0 0; padding:4px 0 3px 22px; display:inline; background: url(../images/header/header_li.gif) no-repeat 0% 50%;}
#header ul.gmenu li.end {margin:0;}
#header ul.gmenu li a {color:#FFF; text-decoration:none;}
#header ul.gmenu li a:hover {color:#fff; text-decoration:underline;}


/*-------------------------------------------- header ----------------------------------------*/
#header {width:950px; height:175px; margin:0 auto; position:relative;}
#header .logo {position:absolute; top:31px; left:0;}
#header .mail {position:absolute; top:60px; right:0;}
#header .tokochan {position:absolute; top:0; right:0;}
#header .letter {position:absolute;top:42px; right:60px;}
#header .totochan {position:absolute; top:0; right:231px;}
#header .tel { position:absolute; top:60px; right:185px;}

#header ul.gmenu {height:30x; line-height:30px; font-size:12px; position:absolute; top:0; right:58px;}
#header ul.gmenu  li {margin:0 15px 0 0; padding:4px 0 3px 22px; display:inline; background: url(../images/header/header_li.gif) no-repeat 0% 50%;}
#header ul.gmenu li.end {margin:0;}
#header ul.gmenu li a {color:#FFF; text-decoration:none;}
#header ul.gmenu li a:hover {color:#fff; text-decoration:underline;}

#header ul.gmenu_02{position:absolute; top:130px; right:15px;}
#header ul.gmenu_02 li{font-size:0px; line-height:0px; float:left;}



/*------------------------------------------- footer -----------------------------------------*/
#footer {width:950px; height:290px; margin:0 auto; font-size:12px; color:#FFF; background:url(../images/footer_bg.gif) no-repeat 50% 100%; position:relative;}
#footer h5 {color:#FFF; font-size:14px; margin:0 0 8px;}
#footer h6 {color:#FFF; font-weight:bold; margin:0 0 10px; padding-bottom:5px; border-bottom:1px solid #F9C;}

#footer .footer-add {width:306px; position:absolute; top:138px; left:126px;}

#footer img.mb15 {margin-bottom:15px;}

#footer .footer-navi ul{width:795px; height:31px; line-height:31px; position:absolute; top:69px; left:147px;}
#footer .footer-navi ul li {margin:0 20px 0 0; padding:0 0 1px 18px; background: url(../images/footer_li.gif) no-repeat 0px 3px;
display:inline;}
#footer .footer-navi ul li a{color:#666; text-decoration:none;}
#footer .footer-navi ul li a:hover{color:#666; text-decoration:underline;}

#footer .footer-inn {width:476px; height:115px; position:absolute; top:111px; right:15px;}
#footer .footer-inn table {width:100%; margin:0 auto;}
#footer .footer-inn table .td01 {width:31px; background:url(../images/footer_line.gif) repeat-y 0% 0%;}
#footer .footer-inn table .td02 {width:15px;}
#footer .footer-inn table .td00 {width:240px; padding-top:30px; vertical-align:top;}
#footer .footer-inn table .td00 p {}
#footer .footer-inn table .td00 a {color:#FFF; text-decoration:none;}
#footer .footer-inn table .td00 a:hover {color:#FFF; text-decoration:underline;}

#footer .copyright { margin:10px 0 0 0; text-align:right;}

#footer .copyright a{ color:#ffffff;}


/*-------------------------------------------- gnavi -----------------------------------------*/
#gnavi{width:237px; margin:-44px 0 0 8px; padding:0; float:left;}

#gnavi ul {width:237px; margin:0 0 0 0; padding:0; line-height:0px; font-size: 0px;}
#gnavi ul li {margin:0; display:block;}
#gnavi ul li.bg {width:197px; height:25px; margin:0; padding-left:40px; line-height:25px; font-size:12px; background:url(../images/menu/10.gif) no-repeat 0% 0%;}
#gnavi ul li.bg a {color:#333; text-decoration:none;}
#gnavi ul li.bg a:hover {color:#333; text-decoration:underline;}

#gnavi .box li{ margin:0 0 12px 0;}
#gnavi ul .menu_ttl{ margin:0 0 12px 0;}
#gnavi .informartion li{ margin:0 0 8px 0;}

/*------------------------------------------ contents ----------------------------------------*/
#contents {width:675px; margin:11px 15px 0 0; padding:0; float:right;}


/*--------------------------------------------- scroll ------------------------------------------*/
#scrollUp {
	bottom: 20px;
	right: 30px;
	height: 100px;  /* Height of image */
	width: 100px; /* Width of image */
	background: url(../images/icons/top.png) no-repeat;
	display: none;

}
#scrollUp:hover {
	opacity:0.8;
}

.info2{
	/*width:178px;*/
	padding:10px 0 10px 0;
	margin:0 0 20px 0;
	border:5px solid #ffcd00;
	text-align:center;
	font-weight:bold;
	color:#cc0000;
	background-color:#fffdf1;
	font-size:16px;
}