@charset "UTF-8";
/*****************************************************
	File Name: base.css
	Style Info: 基本設定
*****************************************************/

/*====================================================
	初期設定リセット
====================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

table {
	width: 80%;
	margin-right: 20%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	line-height: 1.6em;
}

caption,th {
	width: 1%;
	white-space: nowrap;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}

fieldset,img {
	border: 0;
}


/*====================================================
	共通設定
====================================================*/
body {
	height: 100%;
	background-color: #dadada;
	color: #505050;
	font-family: verdana,"ＭＳ　Ｐゴシック","MS PGothic",arial,helvetica,clean,sans-selif;
	font-size: 75%;
	line-height: 150%;
	text-align: center;
	overflow: auto;
}

* html body {
	height: auto;
}

div#wrapper{
	width: 900px;
	height: auto;
	position: relative;
	min-height: 100%;
	margin: 0 auto;
	border-left: 1px solid #b5b4b4;
	border-right: 1px solid #b5b4b4;
}

div#header {
	width: 100%;
	height: 70px;
	background: #cbdce8 url(../images/header_image.gif) repeat-x left top;
}

div.contents {
	width: 900px;
	background: #ffffff url(../images/side_image.gif) repeat-y left top;
}

/* CMS登録用 */
.contentsArea {
	position: relative;
}

.rightArea {
	width: 230px;
	clear: both;
	overflow: hidden;
	position: absolute;
}

div#footer {
	width: 100%;
	background-color: #ececec;
	border-top: 1px solid #b5b4b4;
	border-bottom: 1px solid #b5b4b4;
}

/* CMS登録用 */
.rightArea {
	width: 230px;
	float: left;
	overflow: hidden;
	position: absolute;
	top: 70px;
}

h1 {
	width: 257px;
	height: 70px;
	float: left;
}

h1 a, h1 span {
	width: 250px;
	height: 67px;
	padding-top: 3px;
	padding-left: 7px;
	display: block;
}

h2 {
	padding-left: 70px;
	padding-top: 12px;
	font-size: 130%;
	font-weight: bold;
	text-align: left;
	overflow:hidden;
}

h3{
	padding-left: 30px;
	padding-top: 6px;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	overflow:hidden;
}

h4{
	padding-left: 30px;
	padding-top: 5px;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	overflow:hidden;
}

h5{
	color: #3F5386;
	width:auto;
	line-height:100%;
	padding-left:2px;
	border-left:5px solid #3F5386;
}

em,strong {
	font-weight: bold;
}

th {
	background-color: #d2e8ed;
}

th,td {
	padding: 5px;
	text-align: left;
	border: 1px solid #5badc2;
}


/* リンク設定 */
a:link {
	color: #0066CC;
	text-decoration: none;
}

a:visited {
	color: #0066CC;
	text-decoration: none;
}

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

a:active {
	color: #f88702;
	text-decoration: underline;
}

/* リンク設定(ヘッダ・フッタ) */
div#header a:link, div#footer a:link {
	color: #696969;
}

div#header a:visited, div#footer a:visited {
	color: #696969;
}

div#header a:hover, div#footer a:hover {
	color: #898989;
}

div#header a:active, div#footer a:active {
	color: #898989;
}

/* 別ウインドウリンク設定 */
a.popup_link {
	background: transparent url(../images/popup_icon.gif) no-repeat right center;
	padding-right: 15px;
}

/* 画像説明文用 */
span.desc { display: none; }

/*====================================================
	調整用
====================================================*/
/*----------------------------------------------------
	カラム関連
----------------------------------------------------*/
.clear { clear: both; }
.float_left { float: left; }
.float_right { float: right; }
.float_none{ float: none; }

.clear_fix, .clearfix {
	clear:both;
	overflow:hidden;
	width:100%;
}

/*----------------------------------------------------
	フォント
----------------------------------------------------*/
.f_gray { color: #999; }
.f_red { color: #e00; }
.f_white { color: #FFF; }

.font_s_small { font-size: 80%; }
.font_s_normal { font-size: 100%;}
.font_s_large { font-size: 120%; }

.font_w_bold { font-weight: bold; }
.font_w_normal { font-weight: normal; }

/*----------------------------------------------------
	マージン
----------------------------------------------------*/
.margin_b_20 { margin-bottom: 20px; }
.margin_b_15 { margin-bottom: 15px; }
.margin_b_10 { margin-bottom: 10px; }
.margin_b_5 { margin-bottom: 5px; }
.margin_b_0 { margin-bottom: 0 !important; }

/*----------------------------------------------------
	行揃え
----------------------------------------------------*/
.text_a_left { text-align: left; }
.text_a_center { text-align: center; margin:auto;}
.text_a_right { text-align: right; }