@charset "utf-8";

@import url("base.css");
@import url("bookmarks.css");
@import url("smartphone.css");


/*-------------------------------------------- wrap ------------------------------------------*/
#wrap-outer,#wrap-outer_2nd { background:url(../images/wrap-outer.gif) repeat-y center;}
#wrap-outer2 {background:url(../images/wrap-outer2.jpg) no-repeat center top;}
#wrap-outer3 {background:url(../images/footer-wrap-outer.gif) repeat-x bottom;}
#wrap {width:950px; margin:0px auto; text-align:left;background:url(../images/wrap.jpg) no-repeat center top; position:relative;}
#wrap2 {width:950px; margin:0px auto; background:url(../images/wrap2.jpg) no-repeat center top; text-align:left; position:relative;}

h1 {
margin:0; color:#fff; font-size:10px; font-weight: normal; position:absolute; top:5px; left:20px;
}

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

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

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

behavior:url("/contents/style/PIE.htc");
position:relative;/*for PIE*/
}

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

behavior:url("/contents/style/PIE.htc");
position:relative;/*for PIE*/

}


/*-------------------------------------------- header ----------------------------------------*/
#header {width:950px; height:80px; margin:0 auto; position:relative;}
#header .logo {position:absolute; top:30px; left:20px;}
#header .tel {position:absolute; top:35px; right:176px;}
#header .time {position:absolute; top:35px; right:10px;}

#header ul.gmenu01 {position:absolute; top:0; right:20px;}
#header ul.gmenu01 li { float:left; margin:0px;}

#header ul.gmenu02 {position:absolute; top:92px; right:0px;}
#header ul.gmenu02 li { float:left; margin:0; font-size:0; line-height:0px;}

/*------------------------------------------- footer -----------------------------------------*/
#footer-outer {}
#footer-outer2 {}
#footer {width:950px; height:140px; margin:0 auto; position:relative; text-align:left; color:#666;}
#footer ul { position:absolute; top:5px; left:0px;}
#footer ul li {display:inline; background:url(../images/indent.gif) no-repeat 0px 6px; padding:1px 0 3px 28px; margin:0 10px 0 0;}
#footer a {color:#666; text-decoration:none;}
#footer a:hover {color:#666; text-decoration:underline;}

#footer .slogan{color:#fff; position:absolute; top:66px; left:470px; font-size:12px;}

#footer .logo{position:absolute; top:60px; left:0;}
#footer .store{position:absolute; top:60px; left:0px; color:#0a137c; font-size:16px; font-weight:bold;}
#footer address{position:absolute; top:80px; left:0px; font-size:12px; color:#666;}

#footer .copyright{color:#666; font-family:Arial; font-size:12px; letter-spacing:0.05em; position:absolute; bottom:5px; right:0px;}


/*-------------------------------------------- gnavi -----------------------------------------*/
#gnavi{width:220px; margin:20px 0 30px 0px; padding:0; float:left;}

#gnavi li{ font-size:0; line-height:0;}
#gnavi .li1{ margin:0 0 10px 10px;}

#gnavi .line{height:1px;background-image:url(../images/line_dotted_cccccc.gif);margin:7px 0px 23px 0px;}

#gnavi .weatherBox{text-align:center; margin:20px 0 0 0;}

#gnavi .weatherBox img{margin:10px 0 0 0;}


/*------------------------------------------ contents ----------------------------------------*/

#contents {width:690px; margin:10px 10px 20px 30px; float:right;}

#wrap2 #contents {width:690px; margin:60px 10px 100px 30px;}

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

}
#scrollUp:hover {
	opacity:0.8;
}