@charset "utf-8";

/* レイアウト基本設定 */

/*最背面の設定
----------------------------------------------------- */
body {
	background-image: url(../img/common_img/body_bg.jpg);
}
#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

/*基本文字リンクカラーの設定
----------------------------------------------------- */
a:link, a:active, a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #0066FF;
	text-decoration: underline;
}

/*ヘッダー領域の設定
----------------------------------------------------- */
▼▼▼header領域 {}
div#header {
	width: 800px;
	height: 95px;
	background-image: url(../img/common_img/header_bg.jpg);
	background-repeat: no-repeat;
}
h1 {
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 10px;
	margin-left: 17px;
}
h2 {
	color: #FFFFFF;
	margin-top: 25px;
}

.h_left_a {
	float: left;
	width: 530px;
	height: 30px;
}
.h_right_a {
	float: right;
	height: 30px;
}

ul.h_button {
	margin-right: 15px;
	height: 30px;
}
ul.h_button li {
	height: 29px;
	width: 117px;
	float: left;
	margin-left: 5px;
}

.h_left_b {
	float: left;
	padding-right: 10px;
	padding-left: 15px;
}
.h_right_b {
	float: right;
	width: 590px;
}

/* グローバルメニューの設定
----------------------------------------------------- */
▼メニューの設定中身はg_menu.css内 {}
.menu-area {
	background-image: url(../img/common_img/menu_bg.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 800px;
}

/* 背景白角丸四角の設定
----------------------------------------------------- */
▼背景白角丸四角の設定 {}
#contents {
	background-image: url(../img/common_img/container_top.jpg);
	background-repeat: no-repeat;
	margin-top: 10px;
	background-color: #FFFFFF;
	width: 800px;
	float: left;
}

/* メインコラムの設定
----------------------------------------------------- */
▼▼▼▼▼メインコラムの設定 {}
#main-column {
	float: right;
	width: 550px;
	margin-top: 20px;
	padding-right: 15px;
}
.main-box-a {
	background-image: url(../img/common_img/main_bg_a01.jpg);
	background-position: top;
	background-color: #E0DFE4;
	background-repeat: no-repeat;
	width: 550px;
	padding-top: 10px;
}
.main-box-bottom {
	height: 10px;
	width: 550px;
	background-image: url(../img/common_img/main_bg_a02.jpg);
	background-repeat: no-repeat;
}

.main-box-b-top {
	background-image: url(../img/common_img/main_bg_b01.jpg);
	background-repeat: no-repeat;
	width: 550px;
	height: 10px;
	background-position: bottom;
}
.main-box-b-middle {
	background-image: url(../img/common_img/main_bg_b03.jpg);
	background-repeat: repeat-y;
	padding-right: 10px;
	padding-left: 10px;
}
.main-box-b-bottom {
	height: 10px;
	width: 550px;
	background-image: url(../img/common_img/main_bg_b02.jpg);
	background-repeat: no-repeat;
}

.main-box-c-top {
	background-image: url(../img/common_img/main_bg_a01.jpg);
	background-repeat: no-repeat;
	width: 550px;
	height: 10px;
	background-position: bottom;
}
.main-box-c-middle {
	background-image: url(../img/common_img/main_bg_a03.jpg);
	background-repeat: repeat-y;
	padding: 10px 20px 10px 20px;
}
.main-box-c-bottom {
	height: 10px;
	width: 550px;
	background-image: url(../img/common_img/main_bg_a02.jpg);
	background-repeat: no-repeat;
}

.main-box-d-top {
	background-image: url(../img/common_img/main_bg_a01.jpg);
	background-repeat: no-repeat;
	width: 550px;
	height: 10px;
	background-position: bottom;
}
.main-box-d-middle {
	padding-right: 10px;
	padding-left: 10px;
	background-color: #E0DFE4;
}
.main-box-d-bottom {
	width: 550px;
	height: 10px;
	background-image: url(../img/common_img/main_bg_a02.jpg);
	background-repeat: no-repeat;
}

.main-box-e-top {
	width: 550px;
	height: 10px;
	background-image: url(../img/common_img/main_bg_e01.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.main-box-e-middle {
	padding-right: 10px;
	padding-left: 10px;
	background-color: #FFFFCC;
}
.main-box-e-bottom {
	height: 10px;
	width: 550px;
	background-image: url(../img/common_img/main_bg_e02.jpg);
	background-repeat: no-repeat;
}

.h3-title {
	margin-bottom: 30px;
}

.h3-lead-a {
	background-image: url(../img/common_img/h3_bg_a.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding: 11px 0 10px 35px;
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
	color: #006699;
}
.h3-lead-b {
	font-size: 14px;
	line-height: 100%;
	color: #FFFFFF;
	background-image: url(../img/common_img/h3_bg_b.jpg);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding: 11px 0 10px 15px;
}

.h4-lead-a {
	background-image: url(../img/common_img/arrow01.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 3px;
	font-weight: bold;
	color: #006699;
}
.h4-lead-b {
	background-image: url(../img/common_img/arrow02.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 3px;
}
.h4-lead-c {
	background-image: url(../img/common_img/arrow03.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 3px;
}
.h4-lead-d {
	background-image: url(../img/common_img/arrow04.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px 3px;
}
#main-column p {
	line-height: 180%;
}
.table-a {
	background-color: #999999;
}
.table-a td {
	background-color: #FFFFFF;
	padding: 5px;
}

.table-b {
	border: 3px solid #CCCCCC;
	background-color: #CCCCCC;
}
.table-b th {
	background-color: #0099CC;
	color: #FFFFFF;
	padding: 5px;
}
.table-b td {
	background-color: #FFFFFF;
	padding: 5px;
}

#kiyaku {
	height:170px;
	overflow:auto;
	border:solid 1px #333333;
}
/* 左コラムの設定
----------------------------------------------------- */
▼▼▼▼▼左コラムの設定 {}
#left-column {
	float: left;
	width: 200px;
	margin-top: 20px;
	padding-left: 15px;
}
.left-a {
	background-image: url(../img/common_img/left_bg_a01.jpg);
	background-repeat: no-repeat;
	background-color: #006599;
	background-position: top;
	margin-bottom: 10px;
	width: 200px;
	padding: 0px;
}
.left-a ul {
	background-image: url(../img/common_img/left_bg_a02.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 180px;
	padding: 10px;
}
.left-a li {
	width: 180px;
}

.left-bg-ad {
	background-image: url(../img/common_img/left_bg_b03.jpg);
	background-repeat: repeat-y;
}
.left-bg-ad p {
	background-image: url(../img/common_img/left_bg_ad.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 200px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 0px;
}
.left-bg-ad ul {
	background-image: url(../img/common_img/left_bg_b02.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.left-bg-ad li {

}

.left-b {
	background-image: url(../img/common_img/left_bg_b01.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-bottom: 10px;
}
.left-b ul {
	background-image: url(../img/common_img/left_bg_b02.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 180px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.left-b li {
	width: 180px;
	padding-bottom: 5px;
}

/*サンプルサイト枠
----------------------------------------------------- */
#sample{
width: 190px;
border: solid 2px #006699;
text-align:center;
}

#sample h4{
color: #006699;
font-weight:bold;
font-size: 16px;
margin: 5px;
}


/* フッター領域の設定
----------------------------------------------------- */
▼▼▼▼▼footer領域 {}
div#footer {
	clear: both;
	padding-bottom: 10px;
}
.backtop {/*上に戻る */
	text-align: right;
	width: 790px;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
	padding-right: 10px;
}
ul.footer-link {/*下層ページへのテキストリンク */
	text-align: center;
	background-color: #FFFFFF;
	padding-bottom: 10px;
}
ul.footer-link li {/*下層ページへのテキストリンク */
	display: inline;
}
.copyright {/*著作権表示のテキストリンク */
	font-size: 12px;
	background-image: url(../img/common_img/footer_bg.jpg);
	background-repeat: no-repeat;
	width: 800px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 13px;
}