@charset "utf-8";
/* CSS Document */

@import url(rayout.css);

/*---------------------------------------
 共通
 ---------------------------------------*/
body {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
	/*font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
	line-height: 1.8;
}

p {
	padding: 0;
	margin: 0;
	/*line-height: 0;*/
}


ul, li, form {
	padding: 0;
	margin: 0;
	list-style: none;
	/*line-height: 0;*/
}

h1 {
	margin: 0 0 25px 0;
	padding: 0;
}

.no_mg {
	margin-bottom: 0;
}

h2 {
	width: 100%;
	margin: 0 0 15px 0;
	font-size: 20px;
	font-weight: bold;
	border-top: 3px solid #3667C1;
	border-bottom: 1px solid #3667C1;
	background: #C5E4FF;
	padding: 4px 0 0 0;
	text-indent: 14px;
	line-height: 1.4;
}




h3 {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	text-indent: 15px;
	padding: 4px 0 0 0;
	background: #77A740;
	line-height: 1.4;
	margin: 0 0 18px 0;
}

h4 {
	
}




h5 {
	padding: 0;
	margin: 0;
}

#wrap {
	width: 980px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	/*background: #FF0;*/
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

point01 {
	color: #F00;
}

point01b {
	color: #F00;
	font-weight: bold;
}

point02 {
	color: #00F;
}

point02b {
	color: #00F;
	font-weight: bold;
}

#reset {
	clear: both;
	padding: 0;
	margin: 0;
	height: 0;
}

.brank5 {
	height:5px;
	margin: 0;
	padding: 0;
}


.brank10 {
	height: 10px;
	margin: 0;
	padding: 0;
}

.brank15 {
	height: 15px;
	margin: 0;
	padding: 0;
}

.brank20 {
	height: 20px;
	margin: 0;
	padding: 0;
}

.brank30 {
	height: 30px;
	margin: 0;
	padding: 0;
}

#error {
	padding: 10px;
	background: #FF0;
	border: 1px solid #F00;
	color: #F00;
	margin: 10px 0;
	line-height: 1.5;
}

table {
	border-collapse: collapse;
}

img {
	border: none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

span,
div {
	margin: 0;
	padding: 0;
}



/*-----------------------------------------
 レイアウト
------------------------------------------*/
#col_al {
	float: left;
	width: 700px; 
	padding: 0;
	margin: 0 0 30px 0;
}

#col_ar {
	float: right;
	width: 250px; 
	padding: 0;
	margin: 0 0 30px 0;
}




/*------------------------------------------
ヘッダー
------------------------------------------*/
#header {
	width: 100%;
	margin: 0;
	background: #3667C1;
	padding: 7px 0;
}

#header_box {
	width: 980px;
	margin: 0 auto;
}

#header_box .logo {
	float: left;
}

ul#sub_navi {
	float: right;
	margin: 3px 0 0 0;
	height: 20px;
}

ul#sub_navi li.sub {
	float: right;
	margin: 0 0 0 12px;
	height: 20px;
}




/*------------------------------------------
ナビ
------------------------------------------*/
#navi {
	width: 100%;
	margin: 0 0 30px 0;
	background: url(../common/base_line.gif);
}

ul#navi_box {
	width: 980px;
	padding: 0;
	margin: 0 auto;
	height: 63px;
}

ul#navi_box li {
	float: left;
	margin: 0 5px 0 0;
}

ul#navi_box li.end {
	float: left;
	margin: 0;
}



/*------------------------------------------
　右サイド検索
-------------------------------------------*/
#s_box {
	width: 240px;
	padding: 10px 0 10px 10px;
	background: #E9E9E9;
	margin: 0 0 20px 0;
}

#search_sight {
	position: relative;
	width: 227px;
	background-image: url(../common/side_sight_line.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #EAE5BC;
	border: 2px solid #827825;
	padding: 54px 0 15px 0;
	margin: 0 0 15px 0;
}

#search_sight .ttl_sight {
	position: absolute;
	top: -18px;
	left: -7px;
	z-index: 5;
}


#search_taxi {
	position: relative;
	width: 227px;
	background: #E3F1D3;
	border: 2px solid #77A740;
	padding: 0 0 15px 0;
	margin: 0;
}

#search_taxi .taxi {
	position: absolute;
	top: -9px;
	right: -30px;
	z-index: 5;
}

.kou_taxi {
	font-size: 12px;
	line-height: 1.2;
	text-indent: 13px;
	padding: 12px 0 0 0;
}


.list_pd {
	width: 196px;
	height: 22px;
	border: 1px solid #000;
	margin: 0 0 8px 15px;
	border-radius: 3px;
}

#btn_box01 {
	width: 70px;
	margin: 5px auto 0 auto;
}

#btn_box01 .btn_sight {
	width: 70px;
	height: 24px;
	border: 1px solid #000;
	background: #FFA800;
}

#btn_box01 .btn_taxi {
	width: 70px;
	height: 24px;
	border: 1px solid #000;
	background: #ABDA75;
}

#dl_base {
	position: relative;
	height: 150px;
}

#dl_base .btn_dl {
	position: absolute;
	top: 0px;
	left: -6px;
	z-index: 5; 
}




/*----------------------------------------
　前のページ、次のページ
-----------------------------------------*/
#np_page {
	width: 100%;
	padding: 5px 0 0 0;
	border-top: 1px solid #999;
	margin: 20px 0 0 0;
}

#np_page .prev {
	float: left;
	padding: 0 0 0 10px;
}

#np_page .next {
	float: right;
	padding: 0 10px 0 0;
}







/*----------------------------------------
　ページトップへ
------------------------------------------*/
#pagetop {
	width: 100%;
	margin: 40px auto 0 auto;
	text-align: right;
	background: url(../common/base_line.gif);
}

#pagetop_box {
	width: 980px;
	margin: 0 auto;
	text-align: right;
	padding: 2px 0;
}




/*------------------------------------------
フッター
-------------------------------------------*/
#footer {
	width: 100%;
	margin: 0;
	background: #3667C1;
	color: #FFF;
}

#footer_box {
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 28px 0 10px 0;
}

ul#footer_link {
	float: left;
	margin: 0 40px 0 0;
	font-size: 12px;
	line-height: 2.0;
}

ul#footer_link a {
	color: #FFF;
	text-decoration: none;
}

ul#footer_link a:hover {
	color: #FFF;
	text-decoration: underline;
}

ul#footer_link li.reg01 {
	text-indent: 15px;
	background: url(../common/footer_dot01.png) no-repeat 0 4px;
}

ul#footer_link li.reg02 {
	text-indent: 15px;
	background: url(../common/footer_dot02.png) no-repeat 0 4px;
}


#footer_add {
	float: right;
	margin: 20px 0 0 0;
}

#footer_add p.name {
	font-size: 14px;
}

#footer_add p.add {
	font-size: 12px;
	padding: 8px 0 0 0;
	line-height: 1.5;
}

#copyright {
	width: 980px;
	margin: 0 auto;
	text-align: right;
	font-size: 12px;
}


/*---------------------------------------
　別窓
----------------------------------------*/


#ot_header_box {
	width: 700px;
	margin: 0 auto;
}

#ot_header_box .logo {
	float: left;
}

#ot_navi_box {
	width: 700px;
	padding: 0;
	margin: 0 auto;
	height: 25px;
}



#ot_wrap {
	width: 700px;
	padding: 0;
	margin: 0 auto 40px auto;
	/*background: #FF0;*/
}


#ot_footer_add {
	float: right;
	margin: 20px 0 30px 0;
}

#ot_footer_add p.name {
	font-size: 14px;
}

#ot_footer_add p.add {
	font-size: 12px;
	padding: 8px 0 0 0;
	line-height: 1.5;
}



#ot_footer_box {
	width: 700px;
	margin: 0 auto;
	padding: 15px 0 10px 0;
}

#ot_copyright {
	width: 700px;
	margin: 0 auto;
	text-align: right;
	font-size: 12px;
}