@charset "shift_jis";
/* =========================================

(C) NAGOYA-CHIKUSA  TOWER HILLS common CSS

============================================ */

*{
margin: 0;
padding: 0;
font-size: 100%;
}

a:link{
color: #0000ff;
text-decoration: none;
}

a:visited{
color: #0000ff;
text-decoration: none;
}

a:hover{
color: #ff0000;
}

a:active{
color: #ff0000;
}

img{
border: none;
vertical-align:bottom;
}

hr{
display: none;
}

ul{
list-style: none;
}

sup{
font-size: 85%;
}

body{
background: #3b3b3c  url(../image_cmn/second_body_bg.gif) repeat-x;
font-size: 85%;
/*font-family:"ƒqƒ‰ƒMƒmŠpƒSPro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN",sans-serif;*/
text-align: center;
line-height: 1.5;
}


/* -------------------------------------------
	wrapper
------------------------------------------- */
#wrapper{
width: 910px;
margin: 0 auto;
text-align: left;
}


/* -------------------------------------------
	header
------------------------------------------- */
#header{
width: 910px;
margin: 0 auto;
padding: 91px 0 0 0;
background: url(../image_cmn/header_bg.jpg) no-repeat;
position: relative;
}

#header h1{
position: absolute;
top: 8px;
left: 32px;
}

#header h1 a{
overflow: hidden;
float: left;
width: 227px;
height: 74px;
background: url(../image_cmn/hills_logo.jpg) no-repeat;
text-indent: -9999px;
}

#header p.language{
position: absolute;
top: 10px;
right: 21px;
}


#header p.telephone{
position: absolute;
top: 30px;
right: 21px;
}
/*
#header p.telephone{
position: absolute;
top: 10px;
right: 21px;
}
*/

#header ul.inquiry{
width: 250px;
position: absolute;
top: 65px;
right: 22px;
}

#header ul.inquiry li{
width: 121px;
height: 25px;
position: absolute;
}

#header ul.inquiry li a{
overflow: hidden;
float: left;
width: 121px;
height: 25px;
text-indent: -9999px;
}

#header ul.inquiry li.button01{ background: url(../image_cmn/inquiry_button.jpg) no-repeat 0 -25px; top: 0; left: 0px; }
#header ul.inquiry li.button02{ background: url(../image_cmn/inquiry_button.jpg) no-repeat 0 -25px; top: 0; right: 1px; }

#header ul.inquiry li.button01 a{ background: url(../image_cmn/inquiry_button.jpg) no-repeat 0 0; }
#header ul.inquiry li.button02 a{ background: url(../image_cmn/inquiry_button.jpg) no-repeat 0 0; }

#header ul.inquiry li a:hover{ background: none;!important }

/* --- category navigation --- */
ul#categorynavigation{
width: 910;
height: 200px;
background: url(../image_cmn/category_navi_bg.jpg) no-repeat 0 0;
position: relative;
text-indent: -9999px;
}

ul#categorynavigation li{
width: 150px;
height: 34px;
position: absolute;
}

ul#categorynavigation li a{
overflow: hidden;
float: left;
width: 150px;
height: 34px;
text-decoration: none;
}

ul#categorynavigation li.cn01{ background: url(../image_cmn/category_navi.jpg) no-repeat 0 -34px; top: 0; left: 5px; }
ul#categorynavigation li.cn02{ background: url(../image_cmn/category_navi.jpg) no-repeat -150px -34px; top: 0; left: 155px; }
ul#categorynavigation li.cn03{ background: url(../image_cmn/category_navi.jpg) no-repeat -300px -34px; top: 0; left: 305px; }
ul#categorynavigation li.cn04{ background: url(../image_cmn/category_navi.jpg) no-repeat -450px -34px; top: 0; left: 455px; }
ul#categorynavigation li.cn05{ background: url(../image_cmn/category_navi.jpg) no-repeat -600px -34px; top: 0; left: 605px; }
ul#categorynavigation li.cn06{ background: url(../image_cmn/category_navi.jpg) no-repeat -750px -34px; top: 0; left: 755px; }

ul#categorynavigation li.cn01 a{ background: url(../image_cmn/category_navi.jpg) no-repeat 0 0; }
ul#categorynavigation li.cn02 a{ background: url(../image_cmn/category_navi.jpg) no-repeat -150px 0; }
ul#categorynavigation li.cn03 a{ background: url(../image_cmn/category_navi.jpg) no-repeat -300px 0; }
ul#categorynavigation li.cn04 a{ background: url(../image_cmn/category_navi.jpg) no-repeat -450px 0; }
ul#categorynavigation li.cn05 a{ background: url(../image_cmn/category_navi.jpg) no-repeat -600px 0; }
ul#categorynavigation li.cn06 a{ background: url(../image_cmn/category_navi.jpg) no-repeat -750px 0; }

ul#categorynavigation li a:hover{ background: none!important; }

/* --- category navigation current place ---*/
#concept ul#categorynavigation li.cn02{ background: url(../image_cmn/category_navi.jpg) no-repeat -150px -68px; }
#details ul#categorynavigation li.cn03{ background: url(../image_cmn/category_navi.jpg) no-repeat -300px -68px; }
#location ul#categorynavigation li.cn04{ background: url(../image_cmn/category_navi.jpg) no-repeat -450px -68px; }
#access ul#categorynavigation li.cn05{ background: url(../image_cmn/category_navi.jpg) no-repeat -600px -68px; }
#search ul#categorynavigation li.cn06{ background: url(../image_cmn/category_navi.jpg) no-repeat -750px -68px; }

/* --- subnavigation ---*/
ul#subnavigation li, ul#subnavigation li a{
overflow: hidden;
height: 21px;
}

ul#subnavigation li.sn01{ background: url(../concept/image_cmn/concept_subnavi.jpg) no-repeat 0 -21px; top: 0; left: 5px; }
ul#subnavigation li.sn02{ background: url(../concept/image_cmn/concept_subnavi.jpg) no-repeat -150px -21px; top: 0; left: 155px; }

ul#subnavigation li.sn01 a{ background: url(../concept/image_cmn/concept_subnavi.jpg) no-repeat 0 0px; }
ul#subnavigation li.sn02 a{ background: url(../concept/image_cmn/concept_subnavi.jpg) no-repeat -150px 0px; }


/* -------------------------------------------
	siteroute
------------------------------------------- */
#siteroute {
margin:0 0 0 5px;
padding:0;
color:#CCCCCC;
font-size: 80%;
text-align:left;
}

#siteroute ul {
margin:0;
padding:0;
}

#siteroute li {
list-style-type: none;
display:inline;
float:left;
margin:0 5px 0 0;
padding:1px 0 0 0;
}

#siteroute li.list00 {
float:left;
margin:0 5px 0 0;
padding:0 0 0 13px;
background:url(/chikusa/image_cmn/list_head.gif) no-repeat 0 3px;
}

#siteroute li.list01 {
float:left;
padding: 0 0 0 10px;
background:url(/chikusa/image_cmn/list_arrow.gif) no-repeat 0 3px;
}

#siteroute li.list02 {
float:left;
padding: 0 0 0 10px;
background:url(/chikusa/image_cmn/list_arrow.gif) no-repeat 0 3px;
}


#siteroute li.page {
float:left;
padding: 0 0 0 10px;
/*font-weight:bold;*/
background:url(/chikusa/image_cmn/list_arrow.gif) no-repeat 0 3px;
}

#siteroute a:link{
color:#CCCCCC;
text-decoration: none;
}

#siteroute a:visited{
color:#CCCCCC;
text-decoration: none;
}

#siteroute a:hover{
color:#CCCCCC;
}

#siteroute a:active{
color:#CCCCCC;
}

/* -------------------------------------------
	content
------------------------------------------- */
#content{
float: left;
width: 910px;
margin: 0;
background: url(../image_cmn/content_base_bg.jpg) repeat-y;
}

#content h2{
width: 910px;
height: 80px;
margin: 0 0 13px 0;
background: url(../image_cmn/content_head_bg.jpg) no-repeat;
}

#content .cntread{
margin: 0 30px 15px 30px;
}

#content p.keepcenter{
margin: 0 0 20px 0;
text-align: center;
}

#content p.keepcenter img{
border: 1px solid #ccc;
}

#content img.cntpict{
border: 3px solid #d3d3d3;
}

#content img.rightfix{
margin:0;
padding:0;
border:0;
float:right;
vertical-align:top;
}

/* -------------------------------------------
	footer
------------------------------------------- */
#footer{
clear: both;
height: 55px;
background: url(../image_cmn/footer_company_bg.jpg) no-repeat;
text-align: center;
}

#footer ul{
padding: 3px 0 0 0;
}

#footer ul li{
display: inline;
margin: 0 25px;
}

/*-------------------------------------- */
/* ---- <<  index  >> ------------------ */
/*-------------------------------------- */

#index{
background: #000000;
}

#index #wrapper{
width: 100%;
height: 600px;
text-align: center;
}




#index #content{
float: none;
width: 910px;
margin: 150px auto 0 auto;
padding: 25px 0 0 0;
background: none;
color: #fff;
}

#index div.news{
float: left;
width: 283px;
margin: 0 30px 0 0;
font-size: 95%;
text-align: left;
}

#index div.news p{
margin: 5px 0 15px 20px;
}

#index div.news dl{
margin: 0 0 6px 20px;
padding: 0 0 3px 0;
border-bottom: 1px solid #444;
}

#index div.news dl a{
color: #fff;
}

#index div.news dl a:hover{
color: #ff0000;
}

#index div.news dt{
font-size: 85%;
line-height: 1;
}

#index p.banner01{
float: left;
width: 269px;
height: 150px;
margin: 0 45px 0 0;
}

#index p.banner02{
float: right;
width: 269px;
height: 150px;
margin-right:10px;
}

#index p span{
display: block;
width: 220px;
height: 50px;
margin: 20px auto;
background: #fff;
color: #333;
}

#index #footer{
background: url(../image/top_footer_company_bg.jpg) no-repeat 50% 0;
}

#index #footer ul{
width: 910px;
margin: 0 auto!important;
margin: 0;
padding: 0;
}

/*-------------------------------------- */
/* ---- <<  Concept  >> ---------------- */
/*-------------------------------------- */
#concept ul#subnavigation{
width: 310px;
height: 26px;
background: url(../concept/image_cmn/concept_subnavi_bg.jpg) no-repeat;
position: absolute;
top: 36px;
left: -4px;
}

#concept ul#subnavigation li.sn01{ background: url(../concept/image_cmn/concept_subnavi.jpg) no-repeat 0 -21px; top: 0; left: 5px; }
#concept ul#subnavigation li.sn02{ background: url(../concept/image_cmn/concept_subnavi.jpg) no-repeat -150px -21px; top: 0; left: 155px; }

#concept ul#subnavigation li.sn01 a{ background: url(../concept/image_cmn/concept_subnavi.jpg) no-repeat 0 0px; }
#concept ul#subnavigation li.sn02 a{ background: url(../concept/image_cmn/concept_subnavi.jpg) no-repeat -150px 0px; }

/* ---- < concepttop > ----------------- */
p.conceptimage{
margin: 40px 0 30px 0;
text-align: center;
}

dl.profile{
width: 739px;
margin: 0 auto 25px auto;
padding: 20px 0 0 0;
background: url(../concept/image/profile_bg_base.gif) no-repeat;
position: relative;
}

dl.profile p.p_left		{float:left;}
dl.profile p.p_right	{float:right;padding:26px 1px 0px 0px;}

dl.profile dt.pict{
margin: 0;
border: 2px solid #fff;
position: absolute;
top: 24px;
left:40px;
}

dl.profile dt{margin: 0 0 13px 170px;}

dl.profile dd{
clear:right;
padding-top:5px;
padding-bottom:5px;
background: url(../concept/image/profile_bg_foot.gif) no-repeat left bottom;
font-size: 95%;
}

dl.profile dd p{padding: 0 20px 10px 170px;}


/* ---- < service > -------------------- */
ul.servicelist h3{
margin: 0 0 10px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #efefef;
text-align: right;
}

ul.servicelist{
width: 850px;
margin: 0 auto;
padding: 20px 0 10px 0;
border-top: 1px solid #d7d7d7;
font-size: 95%;
}

ul.servicelist li{
float: left;
width: 270px;
margin: 0 20px 20px 0;
}

ul.servicelist li.other{
padding: 0 0 20px 0;
}

ul.servicelist li.edge1{
float: none;
width: 270px!important;
width: 267px;
margin: 0;
}

ul.servicelist li.edge2{
width: 270px!important;
width: 267px;
margin: 0;
}

ul.servicelist li.nofloat{
clear: both;
}

ul.servicelist li ul li{
float: none;
width: auto;
margin: 0;
padding: 2px 0 2px 17px;
background: url(../concept/service/image/list_marker.gif) no-repeat 0 8%;
}

ul.servicelist li ul li.foot{
background: url(../concept/service/image/list_marker_foot.gif) no-repeat 0 50%;
}




/* -----------------------------------------------
location to earth_quare link
----------------------------------------------- */
.location h2.loca_title{
float:left;
width:370px !important;
}

.location p.earth_btn{
float:right;
width:537px;
height:80px;
padding:0px 3px 0 0;
background:url(/chikusa/image_cmn/content_head_bg.jpg) -370px 0 repeat;
text-align:right;
}


/* ---- <<  location map  >> ----------------- */

div.locamap{
position:relative;
margin:0;
padding:0;
border:0;
width:910px;
height:691px;
/*background: url(../location/image/areamap.jpg) no-repeat 31px 0;*/
}

div.locamap_l,
div.locamap_r,
div.locamap_m{
position:absolute;
margin:0;
padding:0;
border:0;
}

div.locamap_l{
height:691px;
top:0;
left:0;
background: url(../location/image/areamap_on.jpg) no-repeat 31px 0;
}

div.locamap_r{
height:691px;
top:0px;
left:740px;
padding:170px 0px 0px 0px;
background: url(../location/image/areamap_on.jpg) no-repeat -709px 0px;
}

div.locamap_m{
height:691px;
top:0px;
left:170px;
}

ul.areaguide_l,
ul.areaguide_r{
width:170px;
text-indent:-9999px;
}

ul.areaguide_l li.lo01 a,
ul.areaguide_l li.lo02 a,
ul.areaguide_l li.lo03 a,
ul.areaguide_r li.lo01 a,
ul.areaguide_r li.lo02 a,
ul.areaguide_r li.lo03 a{
display:block;
list-style:none;
}

ul.areaguide_l li.lo01 a{
height:170px;
background: url(../location/image/areamap.jpg) no-repeat 31px 0;
}

ul.areaguide_l li.lo02 a{
height:160px;
background: url(../location/image/areamap.jpg) no-repeat 31px -170px;
}

ul.areaguide_l li.lo03 a{;
height:180px;
background: url(../location/image/areamap.jpg) no-repeat 31px -330px;
}

ul.areaguide_r li.lo01 a{
height:170px;
background: url(../location/image/areamap.jpg) no-repeat -709px -170px;
}

ul.areaguide_r li.lo02 a{
height:160px;
background: url(../location/image/areamap.jpg) no-repeat -709px -340px;
}

ul.areaguide_r li.lo03 a{
height:191px;
background: url(../location/image/areamap.jpg) no-repeat -709px -500px;
}

ul.areaguide_l li a:hover{ background: none;!important }

ul.areaguide_r li a:hover{ background: none;!important }


/* ---- <<  location popup  >> ----------------- */
div.popup_wrapper{
width:527px;
text-align:center;
}

img.popup{
margin:10px 0px 0px 0px;
border:4px solid #fff;
}

img.popup02{
margin:10px 0px 0px 0px;
border:0;
}

div.popup_wrapper p.pop_title{
width:408px;
}

div.popup_wrapper p.pop_title02{
width:460px;
}

div.popup_wrapper p.pop_title,
div.popup_wrapper p.pop_title02{
margin:15px 0px 20px 0px;
padding:5px 0px;
border-top:3px double #bababa;
border-bottom:3px double #bababa;
color: #FFF;
font-weight: bold;
background:#666;
letter-spacing:3px;
text-align:center;
}

/*-------------------------------------- */
/* ---- <<  Access  >> ----------------- */
/*-------------------------------------- */
#access ul#subnavigation li.sn01{ width: 158px; height: 26px; background: url(../access/image/access_subnavi.jpg) no-repeat 0 0; top: 36px; left: -4px; }

#access h3{
margin: 30px 30px 15px 30px;
padding: 0 0 5px 0;
border-bottom: 1px solid #ccc;
}

div.text02{
width: 327px;
margin: 30px auto 0 auto;
padding: 15px 0 0 0;
background: url(../access/image/text_bg_base.gif) no-repeat;
}

div.text02 p{
padding: 0 8px 15px 11px;
background: url(../access/image/text_bg_foot.gif) no-repeat left bottom;
font-size: 90%;
}

div.text02 p.nobg{
background: none;
}

#access dl{
width: 850px;
margin: 0 30px 15px 30px;
position: relative;
}

#access dl dt{
width: 310px;
}

#access dl img{
border: 1px solid #ccc;
}

#access dl dt span{
display: block;
margin: 0 0 3px 0;
}

#access dl dt span img{
border: none;
}

#access dl dd{
position: absolute;
top: 20px;
left: 330px;
}

#access dl dd img{
margin: 12px 0 0 0;
}

#access dl dd span{
font-size: 95%;
}

#access p.map{
margin: 0 0 20px 0;
text-align: center;
position: relative;
}

#access p.map img{
margin: 0 10px;
}
#access p.map span{
display: block;
position: absolute;
top: 328px;
right: 28px;
}


/*-------------------------------------- */
/* ---- <<  Search  >> ----------------- */
/*-------------------------------------- */
#search ul#categorynavigation{
background: url(../search/image/category_navi_bg.jpg) no-repeat 0 0;
}

#search ul#subnavigation li.sn01{ width: 159px; height: 26px; background: url(../search/image/search_subnavi.jpg) no-repeat 0 0; top: 36px; left: -4px; }

/*-------------------------------------- */
/* ---- <<  360 view  >> ---------------- */
/*-------------------------------------- */
.attention{
margin-left:30px;
font-size:80%;
color:#333;
margin-top:20px;
margin-bottom:20px;
}


/*-------------------------------------- */
/* ---- <<  Seasons  >> ---------------- */
/*-------------------------------------- */

.seasons_box{
clear:both;
margin:0 0 15px 30px;
}

.seasons_box ul{
clear:both;
margin:0px 0 0 0px;
padding:5px 0 0 0;
}

.seasons h2.season_title{
float:left;
width:370px !important;
}




/*-------------------------------------- */
/* --<<  popup/buken_e.html  >> -------- */
/*-------------------------------------- */

h1.buken_e {
width:511px;
margin:0 auto;
}
table.buken_e {
width:500px;
margin:0 auto;
border: 1px #CCC solid;
border-collapse: collapse;
}
table.buken_e th {
width:130px;
padding:3px;
border:1px #CCC solid;
background:#F5F5F5;
font-weight:normal;
text-align:left;
}
table.buken_e td {
padding:3px;
border:1px #CCC solid;
background:#FFF;
text-align:left;
}


/* ƒ\[ƒVƒƒƒ‹ƒƒfƒBƒAƒ|ƒŠƒV[ */
div.smpolicy {
	font-size: 11px;
	text-align: right;
	padding: 4px 10px 4px;
	width: 884px;
	margin: 0 auto;
	background: url(../image_cmn/footer_company_bg.jpg) no-repeat -3px bottom;
}
div.smpolicy a {
	color:#ccc;
}