@charset "utf-8";

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


/*-------------------------------------------- wrap ------------------------------------------*/
/*#wrap-outer {}
#wrap-outer2 {background:url(../images/wrap-outer.gif) repeat-x center top;}
#wrap-outer3 {}

#wrap-outer_2nd {background:url(../images/bg_wrap2-outer.gif) repeat-y center top;}

#wrap-outer_3rd {}

#wrap {width:950px; margin:0px auto; text-align:left;background:url(none) no-repeat center top;position:relative;}
#wrap2{width:950px; margin:0px auto; text-align:left;position:relative;}*/

#wrap-outer{ text-align:left; background:url(../images/bg_wrap-outer.gif) repeat-y center;}
#wrap-outer2{ background:url(../images/wrap-outer.jpg) no-repeat center top;}
#wrap-outer3{}


#wrap{ width:780px; margin:0px auto 0px auto; text-align:left; position:relative;}
#wrap2{ width:780px; margin:0px auto 0px auto; text-align:left; position:relative;}
#wrap3{ width:780px; margin:0px auto 0px auto; text-align:left;position:relative;}

/*------     result　detail_with_map　用     ------*/
#wrap-outer_2nd{ text-align:left; background:url(../images/bg_wrap2-outer.gif) repeat-y center;}
#wrap-outer_2nd #wrap2{ width:760px;}

#wrap-outer_3rd{ text-align:left; background:url(../images/bg_wrap2-outer.gif) repeat-y center;}

h1{ position:absolute; top:165px; right:5px; width:500px; color:#666; font-size:14px; font-weight:bold; text-align:right;}

h1 {
z-index:10;
}

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 menu------------------------------*/
#header{margin:0px 0px 0px 0px; font-size:10px; position:relative; height:197px;}
#header .logo{ position:absolute; top:53px; right:0px;}
#header .logo2{ position:absolute; top:10px; left:10px;}
#header .tel{ position:absolute; top:91px; right:0px;}
#header .contact{ position:absolute; top:39px; right:10px;}


#header .gmenu {position:absolute; top:0px; right:0px;}
#header .gmenu li{float:left; margin:0 3px 0 0px;}
.gmenu02 ul{position:absolute; top:79px; right:0px;}
.gmenu02 li{float:left;}
 
/*------     result　detail_with_map　用     ------*/
#wrap-outer_2nd #header{ width:780px; margin:0 0 0 -11px;}
#wrap-outer_2nd #header h1{ position:absolute; top:165px; left:150px;color:#666; font-size:14px; font-weight:bold;}


/*------------------------------gmenu------------------------------*/
#gnavi{margin:-50px 0px 80px 0px; width:200px; float:left;}


#gnavi .Search{ margin:0 0 80px 0;}


#gnavi ul{
line-height:0px;
font-size: 0px;
}

#gnavi .gnavi-inner{ margin-top:6px; padding:10px 0px 0px 0px;}

.markBlock{
margin:0px 0px 11px 11px;
border:1px solid #666;
font-size:12px;
}

/*------------------------------footer------------------------------*/


#footer-outer{ background:url(../images/footer-wrap-outer.gif) repeat-x top;}

#footer-outer {}
#footer-outer2 {}
#footer {width:778px; height:150px; margin:0 auto; text-align:left;font-size:12px; position:relative;}

#footer ul{padding:25px 0 0 0; margin:0 0 20px 0;}
#footer ul li { display:inline; background:url(../images/footer/indent.gif) no-repeat 0 5px; padding:0 0 2px 10px; margin:0 15px 0 0;}
#footer a {color:#2f2f2f; text-decoration:none;}
#footer a:hover {color:#2f2f2f; text-decoration:underline;}

#footer .logo{ margin:25px 0 5px 0;}
#footer .store{color:#3449af; font-size:16px; font-weight:bold; width:250px; border-left:3px solid #3449af; padding:0 0 0 3px;}
#footer .store .name{ border-bottom:1px dotted #666; padding:0 0 3px 3px; margin:0 0 3px 0;}
#footer address{padding:0px 0px 0 3px; font-size:12px; font-style:normal;font-weight:normal; color:#666;}

#footer .copyright{color:#666; font-family:Arial; font-size:12px; letter-spacing:0.05em; text-align:right; margin:10px 0 10px 0;}

/*------------------------------contents------------------------------*/
#contents{ padding:0 0 50px 0;}
#contents{ width:560px; float:right; margin:0 10px 50px 0;}
#wrap-outer_2nd #contents{width:760px; margin:0 0 0 10px;}
#wrap-outer_3rd #contents{ width:560px;}

/*---*/
#contentsBox img {
border:0;
}
#contentsBox a img {
border:0;
}
#contentsBox td {
padding:2px;
margin:0;
/*text-align:left;*/
}
#contentsBox td.border_bottom {
border-bottom:5px solid #DDD;
}
#contentsBox td.midashi {
border-top:5px solid #DDD;
border-bottom:5px solid #DDD;
background:#F5F5F5;
text-align:left;
/*font-weight: bold;*/
}

/*--------------------------------------------- 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;
}