@charset "shift_jis";
/* CSS Document */

/*for anata*/

#subcol{
	display:none !important;
	width:0 !important;
}

/*---------------------------------------------------
  maincol
--------------------------------------------------- */
#anata #maincol {
	width:950px !important;
	margin:0 auto 2em !important;
	position:relative;
	z-index:1;
	
}

#anata #maincol h1{
	font-size: 1.4em;
	font-weight:normal;
	color: #000;
	display:inline-block;
	 *display: inline;
	 *zoom: 1;
	margin:0.5em 2em;
	padding:5px 7px 0;
	background:#eaffdf;
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 13%, #cdfab6 14%, #eaffdf);
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 13%, #cdfab6 14%, #eaffdf);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.13, #ffffff), color-stop(0.14, #cdfab6), to(#eaffdf));
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid #6e9f59;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 3px 2px rgba(124,173,102,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 3px 2px rgba(124,173,102,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 3px 2px rgba(124,173,102,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.7),
		1px 1px 2px rgba(000,000,000,0.4);
	position:relative;
}
#anata #maincol h1+noscript+p{
	margin:0.5em 3em;
}

#anata #maincol div noscript+p{
	color:#00c;
}


#anata #maincol div{
	width:800px;
	min-height:420px;
	padding:5px;
	margin:0 auto;
	background:#cde9f5;
	border:1px solid #ccc;
	border-radius:7px !important;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	overflow:visible;
	position:relative;	
	z-index:0;
	-webkit-box-shadow: 1px 1px 0 0 #ccc;
	-moz-box-shadow: 1px 1px 0 0 #ccc;
	box-shadow: 1px 1px 0 0px #ccc;
}

#anata #maincol div ul#map *:before{
	font-family:FontAwesome;
}

#anata #maincol div ul p{
	font-size:0.8em;
	margin:0;
}


#anata #maincol div>ul{
	list-style:none;
}

#anata #maincol div>ul>li{
	background:#fff;
	padding:5px;
}


/*===== 1st class =====*/

#anata #maincol div>ul{
	vertical-align:top;
}

#anata #maincol div>ul>li{
	width:182px;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin:5px 2px;
	border-radius:5px;
	border:1px solid #bbb;
	-webkit-box-shadow: 1px 1px 0 0 #ccc inset;
	-moz-box-shadow: 1px 1px 0 0 #ccc inset;
	box-shadow: 1px 1px 0 0px #ccc inset;
}


/*===== according menu =====*/

/*-- menu title detail --*/

#anata dt{
	margin:0.5em 0;
	display:block;
	width:170px;
	height:2em;
	line-height:2.2em;
	padding-left:7px;
	letter-spacing:3px;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 1px solid;
}

#anata dt#kubu{
	background:#f2ffef;
	background:linear-gradient(to bottom, #ffffff 0%, #ffffff 18%, #eaffdf 19%, #f2ffef);
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 18%, #eaffdf 19%, #f2ffef);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.18, #ffffff), color-stop(0.19, #eaffdf), to(#f2ffef));
	border-color:#6e9f59;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 3px 2px rgba(124,173,102,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 3px 2px rgba(124,173,102,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 3px 2px rgba(124,173,102,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0.7),
		1px 1px 2px rgba(000,000,000,0.4);
}

#anata dt#shibu{
	background:#e6fdff;
	background:linear-gradient(to bottom, #ffffff 0%, #ffffff 18%, #c2fbff 19%, #e6fdff);
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 18%, #c2fbff 19%, #e6fdff);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.18, #ffffff), color-stop(0.19, #c2fbff), to(#e6fdff));
	border-color:#73cdc8;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 3px 2px rgba(106,188,179,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 3px 2px rgba(106,188,179,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 3px 2px rgba(106,188,179,1);
	text-shadow:
		1px 1px 2px rgba(000,000,000,0.4),
		0px -1px 0px rgba(255,255,255,0.7);
}

#anata dt#chouson{
	background:#fbe6ff;
	background:linear-gradient(to bottom, #ffffff 0%, #ffffff 18%, #ebb9ff 19%, #fbe6ff);
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 18%, #ebb9ff 19%, #fbe6ff);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.18, #ffffff), color-stop(0.19, #ebb9ff), to(#fbe6ff));
	border-color:#bcaac9;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 3px 2px rgba(159,121,176,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 3px 2px rgba(159,121,176,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 3px 2px rgba(159,121,176,1);
	text-shadow:
		1px 1px 2px rgba(000,000,000,0.4),
		0px -1px 0px rgba(255,255,255,0.7);
}

/*list*/

#maincol #acMenu ul{
	width:100%;
	list-style:none;
	letter-spacing: -.40em;
}

#maincol #acMenu ul li{
	width:85px;
	display:inline-block;
	*display: inline;
    *zoom: 1;
	border:1px solid #ccc;
	background:#fff;
	margin:2px;
	font-size:85%;
	letter-spacing:normal;
}

#maincol #acMenu ul li a:before{
	content:' ';
	display:inline-block;
	*display: inline;
    *zoom: 1;
	background-position: center center;
	margin:0;
	width:15px;
	height:1em;
	vertical-align:middle;
}

#maincol #acMenu ul li a{
	width:auto;
	display:inline-block;
	width:100%;
	padding:2px 0;
}
#maincol #acMenu ul li:hover,#maincol #acMenu ul li:active{
	background:#ffc;
}

/* teardrops img */

#maincol #acMenu dt#kubu+dd ul a:before{
	background:no-repeat url(../anata/img/teardrop_s_g001.gif);
}

#maincol #acMenu dt#shibu+dd ul a:before{
	background:no-repeat url(../anata/img/teardrop_s_lb001.gif);
}

#maincol #acMenu dt#chouson+dd ul a:before{
	background:no-repeat url(../anata/img/teardrop_s_v001.gif);
}


/*===== map list（地図が入っている部分） =====*/

#anata #maincol div li.map{
	width:580px;
	float:right;
}
#anata #maincol div li.map p img{
	margin:1em 0 2em;
}
#anata #maincol div li.map ul{
	list-style:none;
	margin:0 0 5px 0.5em;
}
#anata #maincol div li.map ul li{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	font-size:0.9em;
	padding:2px;
	margin-bottom:5px;
	border:1px solid #9cc2a5;
	background:#cee4d4;
}
