@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
body {
	text-align: center; 
	font-size: 75%;
	font-family: "メイリオ", Verdana, "ＭＳ Ｐゴシック", Arial;
	line-height: 1.5; /* 行ボックスの高さをフォントサイズの1.5倍に指定 */
	/*\*/
	letter-spacing: 0.1em; /* 文字間をフォントサイズの0.1em分に指定 */
	/**/
	color: #333333;
	background-color: #FFFFFF;
	margin: 10px; /* 上下左右の方向のマージンを10pxに指定 */
	padding: 0; /* 上下左右の方向のパディングを0に指定 */
}
h1 {
	font-size: 150%;
	color: #0850B2;
	border: 0px solid #0850B2;
	margin: 0 0 0px 0; /* 下方向のマージンを20pxに指定、下方向以外は0に指定 */
	padding: 2px; /* 上下左右の方向のパディングを10pxに指定 */
}

h1 a {
	padding: 0px 0 0px 0px;
	color: #004a95;
	text-decoration : none;
}
h1 a:hover {
	color : #d0dfee;
	text-decoration : none;
}

h2 {
	font-size: 120%;
	color: #0850B2;
	margin: 10px 0px 10px 0;
}

h3 {
	font-size: 100%;
	background-color: #f4faff;
	color: #CC6666;
	margin: 0 0px 10px 0;
}

strong {
	color: #0850B2;
}

p {
	text-align : left;
	margin: 0;
	font-size: 95%;
}

p.p_center {
	text-align : center;
}

li {
	margin: 5px 0 0 10px;
	text-align: left; 
}

/* ヘッダー
---------------------------------------------*/
#header {
	width: 990px;
	height:50px;
	margin: 0 auto; /* 左右方向のマージンをautoに指定 */
	text-align: left; /* テキストを左揃えに指定 */
	background-color: #ffffff;
}

#header p {
	font-size: 120%;
}
#header2 {
	width: 990px;
	height:auto;
	margin: 0 auto; /* 左右方向のマージンをautoに指定 */
	text-align: left; /* テキストを左揃えに指定 */
	background-color: #ffffff;
}

#header2 p {
	font-size: 120%;
}

#header_list {
	width: 990px;
	height:30px;
	margin: 0 auto; /* 左右方向のマージンをautoに指定 */
	text-align: left; /* テキストを左揃えに指定 */
	background-color: #ffffff;
}


/* フッター
---------------------------------------------*/
#footer {
	background-color: #FFFFFF;
	text-align: center; 
	height: 50px;
	margin: 50px 0 0 0;
}
#top_link {
	margin: 50px 0 0 0;
}
.font-red {
	color: #FF0000;
}
.font-80 {
	float: left;
	font-size: 80%;
	margin: 0 0 0 20px;
}
p.right {
	text-align: right; 
}

#google1 {
	width: 990px;
	border: #ff8000 0px solid ;
	font-size: 100%;
	margin: 10px 0px 0px 0;
}

#google2 {
	width: 990px;
	height:100px;
	border: #ff8000 1px solid ;
	font-size: 100%;
	margin: 10px 0px 0px 0;
	padding: 5px;
}

.box {
	width: 990px;
	height:auto;
	border: #ff8000 1px solid ;
	font-size: 100%;
	margin: 10px 0px 0px 0;
	padding: 5px;
}

.box p {
	font-size: 120%;
	margin: 10px 0px 10px 10px;
}

#box1 {
	text-align: left; 
	width: 990px;
	height:auto;
	border: #ff8000 1px solid ;
	font-size: 100%;
	margin: 0px 0px 0px 0;
	padding: 5px;
}

#box1 table {
	text-align: left; 
	border: #ff80f0 0px solid ;
	margin: 20px 0px 20px 20px;
}
#box1 .td1 {
	width: 200px;
	height:50px;
	border-bottom: 1px solid #ff80f0; 
}
#box1 .td2 {
	border-bottom: 1px solid #ff80f0; 
}

#box2 {
	width: 990px;
	height:600px;
	border: #ff8000 0px solid ;
	font-size: 100%;
	margin: 0px 0px 0px 0;
}

#box3 {
	width: 990px;
	height:auto;
	border: #ff8000 1px solid ;
	font-size: 100%;
	margin: 10px 0px 0px 0;
	padding: 10px;
}

#box4 {
	width: 990px;
	height:auto;
	border: #ff8000 1px solid ;
	font-size: 100%;
	margin: 10px 0px 0px 0;
	padding: 5px;
}


#box2-1 {
	float: left; /* ボックスを右寄せに変更 */
	border: #ff8000 0px solid ;
	width: 490px;
	height:auto;
	font-size: 100%;
	margin: 10px 0px 0px 0;
}

#box2-2 {
	float: right; /* ボックスを右寄せに変更 */
	border: #ff8000 0px solid ;
	width: 490px;
	height:auto;
	font-size: 100%;
	margin: 10px 0px 0px 0;
}

#box2-1-1 {
	border: #ff8000 1px solid ;
	width: 100%;
	height:250px;
	font-size: 100%;
	margin: 0px;
}

#box2-1-2 {
	border: #ff8000 1px solid ;
	width: 100%;
	height:320px;
	font-size: 100%;
	margin: 10px 0px 0px 0;
}

#box2-1-3 {
	border: #ff8000 1px solid ;
	width: 100%;
	height:auto;
	font-size: 100%;
	margin: 10px 0px 0px 0;
	padding: 20px 0px 0px 0;
}

#box2-2-1 {
	border: #ff8000 1px solid ;
	width: 100%;
	height:250px;
	font-size: 100%;
	margin: 0px;
}

#box2-2-2 {
	border: #ff8000 1px solid ;
	width: 100%;
	height:320px;
	font-size: 100%;
	margin: 10px 0px 0px 0;
}

#box2-2-3 {
	border: #ff8000 1px solid ;
	width: 100%;
	height:auto;
	font-size: 100%;
	margin: 10px 0px 0px 0;
}

#box1 h2 {
	text-align: left; 
	font-size: 120%;
	color: #0850B2;
	margin: 10px 0px 10px 10px;
}

#box1 p {
	font-size: 120%;
	margin: 10px 0px 10px 10px;
}


#box2 li {
	font-size: 120%;
}
#box2-1-1 p {
	font-size: 100%;
	margin: 10px 20px 0px 20px;
}
#box3 p {
	font-size: 120%;
	padding: 5px;
}

#footer p {
	text-align: center; 
}

.border0 {
	border: 0px;
}

.bonus_box {
	width: 950px;
	height:auto;
	border: #0000ff 1px solid ;
	font-size: 100%;
	margin: 10px 0px 0px 0;
	padding: 5px;
}

#nao_box1 {
	width: 990px;
	height:auto;
	border: #ff8000 1px solid ;
	font-size: 100%;
	margin: 10px 0px 0px 0;
}

#menu {
	width: 990px;
	height:140px;
	border: #ff8000 1px solid ;
	font-size: 100%;
	margin: 10px 0px 0px 0;
}

#menu_l {
	float: left; /* ボックスを右寄せに変更 */
	width: 320px;
	height:auto;
	border: #ff8000 0px solid ;
	font-size: 100%;
	margin: 0px 0px 0px 0;
}

#menu_c {
	float: left; /* ボックスを右寄せに変更 */
	width: 320px;
	height:auto;
	border: #ff8000 0px solid ;
	font-size: 100%;
	margin: 0px 0px 0px 0;
}

#menu_r {
	float: right; /* ボックスを右寄せに変更 */
	width: 320px;
	height:auto;
	border: #ff8000 0px solid ;
	font-size: 100%;
	margin: 0px 0px 0px 0;
}

#yogo {
	width: 900px;
	height:200px;
	border: #ff8000 0px solid ;
	font-size: 100%;
	margin: 10px 0px 0px 0;
}

#yogo_1 {
	float: left; /* ボックスを右寄せに変更 */
	width: 200px;
	height:auto;
	border: #ff8000 0px solid ;
	font-size: 100%;
	margin: 0px 0px 0px 0;
}

#yogo_2 {
	float: left; /* ボックスを右寄せに変更 */
	width: 200px;
	height:auto;
	border: #ff8000 0px solid ;
	font-size: 100%;
	margin: 0px 0px 0px 0;
}

#yogo_3 {
	float: left; /* ボックスを右寄せに変更 */
	width: 200px;
	height:auto;
	border: #ff8000 0px solid ;
	font-size: 100%;
	margin: 0px 0px 0px 0;
}

#yogo_4 {
	float: left; /* ボックスを右寄せに変更 */
	width: 200px;
	height:auto;
	border: #ff8000 0px solid ;
	font-size: 100%;
	margin: 0px 0px 0px 0;
}

#map {
	width: 990px;
	height:auto;
	border: #ff8000 1px solid ;
	font-size: 100%;
	margin: 10px 0px 0px 0;
}

#map_l {
	float: left; /* ボックスを右寄せに変更 */
	width: 320px;
	height:auto;
	border: #ff8000 0px solid ;
	font-size: 100%;
	margin: 0px 0px 0px 0;
}

#map_c {
	float: left; /* ボックスを右寄せに変更 */
	width: 320px;
	height:auto;
	border: #ff8000 0px solid ;
	font-size: 100%;
	margin: 0px 0px 0px 0;
}

#map_r {
	float: right; /* ボックスを右寄せに変更 */
	width: 320px;
	height:auto;
	border: #ff8000 0px solid ;
	font-size: 100%;
	margin: 0px 0px 0px 0;
}

#map h2 {
	text-align: left; 
	padding: 5px 0px 0px 20px;
}

#kouryaku_link {
	text-align: center; 
	font-size: 30px;
	color: #0000ff;
	background-color: #bfdfff;
	width: 930px;
	height:60px;
	border: #0000ff 1px solid ;
	margin: 10px 0px 0px 0;
	padding: 30px;
}

#kaiseki_link {
	text-align: center; 
	font-size: 30px;
	color: #ff0000;
	background-color: #ffbfbf;
	width: 930px;
	height:60px;
	border: #ff0000 1px solid ;
	margin: 10px 0px 0px 0;
	padding: 30px;
}

