@charset "UTF-8";

*{
	margin:0;
	padding:0;
}

img{
	border:none;
}
ul{
	list-style:none;
}

a{
	text-decoration:none;
	color:#3C7EC2;
}

.clearfix {zoom:1;}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

body#mains{
	background:url(../images/back.jpg);
}
body#subs{
	background:url(../images/bg_sub_head.png);
	background-repeat:no-repeat;
	background-position:top center;
}

#header{
	width:970px;
	margin:0 auto;
	padding-top:30px;
	margin-bottom:28px;
}

#header #logo{
	float:left;
	padding-left:38px;
}

#header #header_menu{
	float:right;
	text-align:right;
	margin-right:55px;

}
#header #header_menu ul{
	display:block;
}
#header #header_menu li{
	display:inline-block;
	margin-left:21px;
}
#header #header_menu form{
		margin-bottom:12px;
}
#header #header_menu input{
	vertical-align: middle;
	display:inline-block;
	padding:0;margin:0;
}
#header #header_menu .search_text{
	height:13px;
	padding:2px;
	border:2px solid #007EC5 !important;
	width:230px;
}

#header #header_menu .menu01{
	width:195px;
	height:19px;
	display:block;
	border: none;
	background-image:url(../images/menu01.png);
	text-indent:-5000px;
	text-decoration:none;
}
#header #header_menu .menu01:hover{
	background-image:url(../images/menu01_on.png);
}
#header #header_menu .menu02{
	width:104px;
	height:19px;
	display:block;
	border: none;
	background-image:url(../images/menu02.png);
	text-indent:-5000px;
	text-decoration:none;
}
#header #header_menu .menu02:hover{
	background-image:url(../images/menu02_on.png);
}
#header #header_menu .menu03{
	width:118px;
	height:19px;
	display:block;
	border: none;
	background-image:url(../images/menu03.png);
	text-indent:-5000px;
	text-decoration:none;
}
#header #header_menu .menu03:hover{
	background-image:url(../images/menu03_on.png);
}

#header #header_menu .menu04{
	width:129px;
	height:19px;
	display:block;
	border: none;
	background-image:url(../images/menu04.png);
	text-indent:-5000px;
	text-decoration:none;
}
#header #header_menu .menu04:hover{
	background-image:url(../images/menu04_on.png);
}



#contents{
	width:970px;
	margin:0 auto;
	background:url(../images/bg_contents.png) no-repeat 0px 458px;
	position:relative;
	height:1375px;
}

#contents #main{
	width:762px;
	float:left;
}

#slider{
	margin-left:20px;
}

#contents01{
	background:url(../images/contents01_photo.png) no-repeat left bottom;
	width:568px;
	margin-left:144px;

}

#contents01 .contents01_title{
	float:right;
	margin-left:18px;

}
#contents01 .contents01_text{
	float:right;
}
#pocket_spot{
	position:absolute;
	background:url(../images/pocket_spot.png);
	width:295px;
	height:287px;
	top:610px;
	left:85px;
}
#pocket_spot .pocket_spot_img{

	position:absolute;
	top:10px;
	left:140px;
	z-index:-20;
}


#pocket_spot ul{
	font-size:11px;
	margin-top:135px;
	margin-left:105px;
}

#pocket_spot li{
	height:20px;
}
#pocket_spot li.rank1{
	background:url(../images/icon_rank1.png) no-repeat;
	margin-bottom:8px;
}
#pocket_spot li.rank2{
	background:url(../images/icon_rank2.png) no-repeat;
	margin-bottom:8px;
}
#pocket_spot li.rank3{
	background:url(../images/icon_rank3.png) no-repeat;
}
#pocket_spot li.rank1 span,
#pocket_spot li.rank2 span,
#pocket_spot li.rank3 span{
	padding-left:35px;
	padding-top:5px;
	display:block;
}



#pocket_spot ul a{
	color:#007EC5;
	text-decoration: none;

}


#pocket_topics{
	position:absolute;
	background:url(../images/pocket_topics.png);
	width:317px;
	height:297px;
	top:550px;
	left:405px;
}

#pocket_topics .pocket_topics_img{

	position:absolute;
	top:10px;
	left:180px;
	z-index:-20;
}

#pocket_topics a{
	text-decoration: none;
	color:#007EC5;
}


#pocket_topics dl{
	font-size:11px;
	margin-top:100px;
	color:#007EC5;
	margin-left:80px;
}
#pocket_topics dt{
	height:16px;
}
#pocket_topics img{
	vertical-align: top;
}
#pocket_topics dt span{
	margin-left:6px;
}
#pocket_topics dd{
	width:114px;
	margin-bottom:15px;
}

#pocket_course{
	position:absolute;
	top:886px;
	left:382px;
}
#pocket_course .pocket_course_img{
	position:absolute;
	top:0px;
	left:18px;
	z-index:-20;
}

#pocket_map{
	position:absolute;
	top:933px;
	left:61px;
}
#pocket_map .pocket_map_img{
	position:absolute;
	top:15px;
	left:25px;
	z-index:-20;
}


#pocket_pink{
	position:absolute;
	top:1192px;
	left:315px;
}
#pocket_pink .pocket_pink_img{
	position:absolute;
	top:10px;
	left:25px;
	z-index:-20;
}


#side{
	width:164px;
	float:right;
	background:url(../images/side.png) no-repeat;
	height:420px;
	top: 140px;
	margin-left:778px;
	position: fixed;
	z-index: 1;
}

#side ul{
	width:140px;
	margin:48px auto 40px auto;
}
#side ul li a span{
	display:none;
}

#side ul li a {
  text-indent: -9999px; /* テキストを隠す */
  text-decoration: none;
  display: block;
  width: 140px;
  height: 30px; /* リンク領域を広げる */
  margin-bottom:14px;
  background-image: url(../images/side.png);
  background-repeat: no-repeat;
}

#side ul li.sidem01 a { background-position: -10px 48px; }
#side ul li.sidem02 a { background-position: -10px 92px; }
#side ul li.sidem03 a { background-position: -10px 136px; }
#side ul li.sidem04 a { background-position: -10px 180px; }
#side ul li.sidem05 a { background-position: -10px 224px; }
#side ul li.sidem06 a { background-position: -10px 268px; }

#side ul li.sidem01 a:hover { background-position: -176px -48px; } /* 入れ替え画像の位置を指定 */
#side ul li.sidem02 a:hover { background-position: -176px -92px; }
#side ul li.sidem03 a:hover { background-position: -176px -136px; }
#side ul li.sidem04 a:hover { background-position: -176px -180px; }
#side ul li.sidem05 a:hover { background-position: -176px -224px; }
#side ul li.sidem06 a:hover { background-position: -176px -268px; }

#side #pagetop{
	display:block;
	width:94px;
	height:45px;
	margin:0 auto;
}
#side #pagetop span{
	display:none;
}

#footer .footer_imagemap{
	width:1120px;
	margin:0 auto;
	height:191px;
}
#footer .footer_bottom{
	background-color:#007EC5;
}

#footer .footer_bottom_inner{
	width:890px;
	margin:0 auto;
}
#footer .footer_bottom_inner .footer_left{
	margin-top:15px;
	float:left;
}
#footer .footer_bottom_inner .footer_left ul{
	margin-bottom:26px;
}
#footer .footer_bottom_inner .footer_left li{
	display:inline-block;
	margin-right:23px;
}
#footer .footer_bottom_inner .footer_right{
	float:right;
	margin-top:25px;
}

#footer .footer_bottom_inner .footer_left .copyright{
	margin-bottom:12px;
	color:#fff;
	font-size:11px;
}



/*サブページ*/
#contents_sub{
	padding-top:30px;
	width:970px;
	height:100%;
	margin:0 auto;
}
#contents_sub #main_sub{
	width:700px;
	float:left;
}
#contents_sub .pan{
	font-size:12px;
}
#contents_sub .about_txt, .history_txt, .where_txt{
	padding-top:50px;
	padding-bottom:30px;
	font-size:12px;
	line-height:1.7;
	color:#007fc5;
}

.about_txt ul, .history_txt ul, .where_txt ul{
	margin-bottom:40px;
}
.history_txt p, .where_txt p{
	margin-bottom:10px;
}
.contact{
	background-image:url(../images/bg_contact.png);
	background-repeat:no-repeat;
}
#contents_sub fieldset{
	border:none;
}
#contents_sub #comt_t table{
	margin-top:40px;
}
#contents_sub #comt_t th{
	font-weight:normal;
	font-size:13px;
	color:#3C7EC2;
	text-align:left;
	width:150px;
}
#contents_sub #comt_t td{
	font-weight:normal;
	font-size:13px;
	color:#3C7EC2;
}
#contents_sub #comt_t .bdd{
	border:1px solid #3C7EC2;
	background-color:#EFF5FC;
}
.wtn_copyright{
	display:none;
}
#submit {
	float:left;
}
#myreset{
	margin-left:10px;
	width:113px;
	height:32px;
	display:block;
	background-image:url(../images/btn_rt.png);
	background-repeat:no-repeat;
	float:left;
}
#myreset:hover{
	background-image:url(../images/btn_rt_on.png);
	background-repeat:no-repeat;
}
.btn_rtn{
	text-indent:-5000px;
}
.btn_rtn a{
	margin-left:10px;
	width:82px;
	height:23px;
	display:block;
	background-image:url(../images/btn_rtn.png);
	background-repeat:no-repeat;
	float:left;
}
.btn_rtn a:hover{
	background-image:url(../images/btn_rtn_on.png);
	background-repeat:no-repeat;
}