@charset "utf-8";

/* TCgcss -----------------------------------------------------------------
 :title "common";
 :created "2006-08-29";
 :release [:revision "1.0"; :created "2008-08-18"];
 :author [:name "diamon"; :homepage <http://refeed.jp/>; :mbox "info@refeed.jp"];
------------------------------------------------------------------------------------*/

/* index */
.main_index {
	width:840px;
}
.main_index h1 {
	background-image:url(img/header_index.jpg);
	background-repeat:no-repeat;
	width:840px;
	height:167px;
	text-indent:-9999px;
}
#header {
	width:840px;
	height:550px;
	background-image:url(img/header_bg.jpg);
	background-repeat:no-repeat;
	position:relative;
}
#header h2 {
	background-image:url(img/title_h2.gif);
	background-repeat:no-repeat;
	width:547px;
	height:39px;
	text-indent:-9999px;
	position:absolute;
	left: 26px;
	top: 34px;
}
#header h3.h301 {
	background-image:url(img/title_h301.gif);
	background-repeat:no-repeat;
	width:350px;
	height:44px;
	text-indent:-9999px;
	position:absolute;
	left: 353px;
	top: 94px;
}
#header p.p01 {
	background-image:url(img/title_p01.gif);
	background-repeat:no-repeat;
	width:350px;
	height:50px;
	text-indent:-9999px;
	position:absolute;
	left: 353px;
	top: 137px;
}
#header h3.h302 {
	background-image:url(img/title_h302.gif);
	background-repeat:no-repeat;
	width:331px;
	height:38px;
	text-indent:-9999px;
	position:absolute;
	left: 153px;
	top: 356px;
}
#header p.p02 {
	background-image:url(img/title_p02.gif);
	background-repeat:no-repeat;
	width:331px;
	height:69px;
	text-indent:-9999px;
	position:absolute;
	left: 153px;
	top: 393px;
}
#header img.img01 {
	position:absolute;
	left: 26px;
	top: 95px;
}
#header img.img02 {
	position:absolute;
	left: 487px;
	top: 259px;
}



#menu {
	width:840px;
	height:70px;
	position:relative;
}
#menu ul {
	position:absolute;
	left: 80px;
}
#menu li {
	float:left;
}
#menu li.map01 a {
	width:323px;
	height:39px;
	background:url(img/btn_01.jpg);
	display:block;
	text-indent:-9999px;
	margin:0 40px 0 0 ;
}
#menu li.map02 a {
	width:323px;
	height:39px;
	background:url(img/btn_02.jpg);
	display:block;
	text-indent:-9999px;
}

#menu li a:hover {
	background-position:0 -40px;
}

#menu2 {
	width:840px;
	height:100px;
	position:relative;
}
#menu2 ul {
	position:absolute;
	left: 252px;
	top: 1px;
}
#menu2 li {
	float:left;
}
#menu2 li.map01 a {
	width:323px;
	height:39px;
	background:url(img/btn_01.jpg);
	display:block;
	text-indent:-9999px;
}
#menu2 li.map02 a {
	width:323px;
	height:39px;
	background:url(img/btn_02.jpg);
	display:block;
	text-indent:-9999px;
}

#menu2 li a:hover {
	background-position:0 -40px;
}







/* access */
#main {
	width:840px;
}
#main h1 {
	background-image:url(img/header.jpg);
	background-repeat:no-repeat;
	width:840px;
	height:167px;
	text-indent:-9999px;
	margin-bottom:22px;
}
#main h2 {
	background-image:url(../img/common/title_bg.gif);
	background-repeat:no-repeat;
	padding:3px 0 0 20px;
	width:840px;
	height:37px;
	font-size:22px;
	font-weight:bold;
	color:#4D4D4D;
	margin-bottom:15px;
}


#main li.access01 {
	background-image:url(img/train_01.gif);
	background-repeat:no-repeat;
	width:355px;
	height:70px;
	text-indent:-9999px;
	margin-bottom:37px;
}
#main li.access02 {
	background-image:url(img/train_02.gif);
	background-repeat:no-repeat;
	width:355px;
	height:70px;
	text-indent:-9999px;
	margin-bottom:37px;
}
#main li.access03 {
	background-image:url(img/train_03.gif);
	background-repeat:no-repeat;
	width:355px;
	height:70px;
	text-indent:-9999px;
	margin-bottom:37px;
}

.leftbox {
	float:left;
	width:363px;
}
.rightbox {
	float:right;
	margin-bottom:10px;
}

.centerBox {
	text-align:center;
	width:840px;
	margin-bottom:20px;
}

.centerBoxBorder {
	text-align:center;
	width:820px;
	border:10px solid #DCDDDD;
	margin-bottom:20px;
}




/* location */
.main_location {
	width:840px;
}
.main_location h1 {
	background-image:url(img/header_location.jpg);
	background-repeat:no-repeat;
	width:840px;
	height:130px;
	text-indent:-9999px;
}
.headposition {
	position:relative;
	width:840px;
	height:130px;
}
.headposition p {
	position:absolute;
	bottom:-3px;
	left:32px;
}


.loca_box_all {
	width:780px;
	margin:0 0 10px 31px;
}


.loca_box {
	float:left;
	width:380px;	
	margin:0 0 6px 6px;
}
.loca_box_in {
	padding:0 9px;
	background-image:url(img/locatiom_box_bg.gif);
	margin:0;
}
.loca_box_in img {
	margin-bottom:8px;
}
.loca_box_in h3 {
	color:#ff8e50;
	font-size:12px;
}
.loca_box_in h2 {
	font-size:18px;
	font-weight:bold;
	color:#ff8e50;
	margin-bottom:5px;
}
.loca_box_in p {
	color:#626262;
	font-size:12px;
}

.loca_box_all2 {
	clear:both;
	width:780px;
	margin:0 0 30px 31px;
}
.loca_box_all2 h2 {
	background-image:url(img/location_title02.gif);
	background-repeat:no-repeat;
	width:647px;
	height:21px;
	text-indent:-9999px;
	margin-bottom:10px;
}

.areabox1 {
	background-color:#E6EFF5;
	padding:20px;
	border:1px solid #bbbbbb;
	margin-bottom:10px;
	position:relative;
}
.areabox1 h3 {
	color:#006ebc;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
.areabox1 li {
	font-size:12px;
}
.areabox1 .photoBox1 {
	text-align:center;
	width:174px;
	position:absolute;
	left: 365px;
	top: 45px;
}
.areabox1 .photoBox2 {
	text-align:center;
	width:174px;
	position:absolute;
	left: 555px;
	top: 45px;
}



.areabox2 {
	width:340px;
	float:left;
	background-color:#FBDDE1;
	padding:20px;
	border:1px solid #bbbbbb;
	margin-bottom:10px;
}
.areabox2 h3 {
	color:#e9536b;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
.areabox2 li {
	font-size:12px;
}

.areabox3 {
	width:340px;
	float:right;
	background-color:#FCE6DA;
	padding:20px;
	border:1px solid #bbbbbb;
	margin-bottom:10px;
}
.areabox3 h3 {
	color:#ea5404;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
.areabox3 li {
	font-size:12px;
}

.areabox4 {
	clear:both;
	width:340px;
	float:left;
	background-color:#F2ECF4;
	padding:20px;
	border:1px solid #bbbbbb;
	margin-bottom:10px;
}
.areabox4 h3 {
	color:#7d4698;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
.areabox4 li {
	font-size:12px;
}

.areabox5 {
	width:340px;
	float:right;
	background-color:#D9ECF7;
	padding:20px;
	border:1px solid #bbbbbb;
	margin-bottom:10px;
}
.areabox5 h3 {
	color:#0080cc;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
.areabox5 li {
	font-size:12px;
}


.areabox6 {
	clear:both;
	background-color:#E2F3E4;
	padding:20px;
	border:1px solid #bbbbbb;
	margin-bottom:10px;
	position:relative;
}
.areabox6 h3 {
	color:#3bb149;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
.areabox6 li {
	font-size:12px;
}
.areabox6 .photoBox1 {
	text-align:center;
	width:174px;
	position:absolute;
	left: 365px;
	top: 30px;
}
.areabox6 .photoBox2 {
	text-align:center;
	width:174px;
	position:absolute;
	left: 555px;
	top: 30px;
}



.pagetop {
	clear:both;
	float:right;
	text-align:right;
	font-size:9px;
	width:100px;
}

.banner {
	width:303px;
	margin:auto;
}