@charset "UTF-8";
/* CSS Document ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
/* 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　  */
/* 内容　:　全体共通の設定　　　　　　　　　　　　　　　　　　　 */
/* 作成日:　2008年10月21日　　　　　　　　　　　　　　　　　　　 */
/* 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　  */
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊  */

/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本設定　　　　　　　　　　　　　　　　　　　 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

body {
	margin-left: 10%;
	margin-right: 10%;
	background: #eeeeff;
	text-align: left;
	font-size: 80%;
	color: #333333;
	line-height: 1.7;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif !important;
}

#whole {
	background: #ffffff;
}

#header {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#header_image {
	height: 50px;
	padding: 10px 10px 10px 10px;
}

#header_title {
	background: #0656A6;
	height: 200px;
	padding: 10px 10px 10px 10px;
}

#header_message {
	margin: 0px 0px 0px 0px;
	background: #0656A6;
	vertical-align: bottom;
}

#header_title_each {
	background: #0656A6;
	height: 80px;
	padding: 10px 10px 10px 10px;
}

#menu {
	text-align: center;
	margin-top: 20px;
}

#main_left {
	width: 70%;
	float: left;
}


#main_right {
	border: 1.5px dotted;
	width: 25%;
	float: right;
	margin-top: 45px;
	margin-right: 10px;
	padding: 5px;
	font-size: 80%;
}

.top_lists {
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
}

.top_list {
	font-weight: bold;
}

.back_button {
	text-align: right;
	margin-top: 10px;
	margin-right: 50px;
}

.back_button2 {
	text-align: right;
	margin-top: 20px;
	margin-right: 0px;
}

.columns {
	float: left;
}

img .left {
	text-align: left;
}

img .right {
	text-align: right;
}

/* ==========  見出し属性 ========== */
h1 {
	margin-top: 10px;
	margin-left: 10px;
	line-height: 1.5;
	color: #FFFFFF;
	font-size: 200%;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif !important;
}

h2 {
	margin-top: 50px;
	margin-left: 50px;
	margin-right: 50px;
	width: 90%;
	border-bottom: solid 1px;
	line-height: 1.0;
	font-size: 130%;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif !important;
}

h3 {
	color: #0656A6;
	margin-top: 3px;
	margin-left: 50px;
	margin-right: 50px;
	width: 90%;
	line-height: 1.0;
	font-size: 100%;
	font-weight: bold;
}

h4 {
	margin-top: 30px;
	margin-left: 50px;
	width: 90%;
	line-height: 1.5;
	font-size: 120%;
	font-weight: bold;
	border-bottom: solid 1px;
}

h5 {
	color: #0656A6;
	margin-left: 50px;
	width: 90%;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.3;
}

h6 {
	margin-top: 30px;
	margin-left: 100px;
	margin-bottom: 10px;
	color: #0656A6;
	line-height: 1.3;
	font-size: 100%;
	font-weight: bold;
	border-bottom: solid 1px;
}

.top_message{
	margin-top: 20px;
	margin-left: 60px;
	margin-right: 60px;
}

.column {

}

.items {
	margin-left: 150px;
}

/* ==========  テキスト ========== */

.cap {
	font-size: 10px; 
}

/* ========== リンク ========== */
a img:hover {
	opacity:0.5;
	filter: alpha(opacity=50);			/* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";	/* ie 8 */
	-moz-opacity:0.5;					/* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;				/* Safari 1.x */
}

.noOpa img:hover,
#globalArea #globalMenu a img:hover {
	opacity:1.0;
	filter: alpha(opacity=100);			/* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";	/* ie 8 */
	-moz-opacity:1.0;					/* FF lt 1.5, Netscape */
	-khtml-opacity: 1.0;				/* Safari 1.x */
}

/* ==========  box ========== */
.left { float: left; }
.right { float: right; }

/* ==========  汎用 ========== */
.reset { clear: both; }
.margin02 { margin-bottom: 2px; }
.margin05 { margin-bottom: 5px; }
.margin08 { margin-bottom: 8px; }
.margin10 { margin-bottom: 10px; }
.margin15 { margin-bottom: 15px; }
.margin20 { margin-bottom: 20px; }
.margin30 { margin-bottom: 30px; }
.padding0 { padding:0 !important; }
.BottomGray { background: url(../img/common_gb_bottom.gif) repeat-x left top; height: 4px; }

/* ==========  リンク ========== */
a {	color: #0656A6;	}
a:hover 
{
	color: #FF8600 !important;
}

/* ==========  カラー ========== */
.Gray { 
	background: #ECECEC;
}
.Orange {
	background: #F5F2DB;
}

.noline {
	border:none !important;
}

/* ==========  フッター ========== */
#footer {
	margin-top: 20px;
	background: #303030;
	padding: 0px 0 40px 0;
	font-size: 10px;
	color: #BBBBBB;
	text-align: right;
}

#footer_each {
	margin-top: 20px;
	background: #303030;
	padding: 0px 0 40px 0;
	font-size: 10px;
	color: #BBBBBB;
	text-align: right;
}

#footer a {
	color: #FFFFFF;
}
#footer a:hover {
	color: #FF8600;
}
#footer ul li {
	display: inline;
	margin-left: 8px;
}
#footer .left {
	padding: 8px 0;
	width: 300px;
}
#footer .right {
	padding: 8px 0;
	width: 600px;
	text-align: right;
}