@charset "Shift_JIS";


/* 初期化 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}


/* 基本設定 */
body {
	background: #f8fbf8; color: #333333;
	font-size: 100%; line-height: 1.5;
	text-align: center; /* Win IE5.5用 */
}

img {
	border: none;
}

hr {
	border: 0 none;
	height: 1px;
	background: #afafaf; color: #afafaf; /* Opera他モダンブラウザ用 */
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.5; /* Win IE5.5用 */
}
caption {
	font-size: 75%;
	font-weight: bold;
	text-align: left;
	padding: 2px 5px;
}
th, td {
	border: 1px solid #808080;
	font-size: 88%;
	padding: 2px 5px;
}


/* 共通設定 */
#base    {width: 766px; margin: 0 auto; background: #fff; border-left: 1px solid #c8c2be; border-right: 1px solid #c8c2be; text-align: left; /* Win IE5.5用 */}

	#header  {width: 766px; background: #fff;}
	#content {width: 766px; background: #fff; clear: both;}
	#footer  {width: 766px; background: #eee; clear: both;}

	.inner {padding: 10px 20px;}


a {
	color: #003399; text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.breadcrumb a, .pagetop a, .menu a {
	color: #000066; text-decoration: none;
}
.breadcrumb a:hover, .pagetop a:hover, .menu a:hover {
	text-decoration: underline;
}


#header .catch {
	background-color: #e1e8f8;
	border-bottom: 1px solid #cfcfcf;
	font-size: 12px;
	padding: 2px 20px;
}

#header .title {
	background: #ffffff url(images/line_header.gif) repeat-x bottom;
	height: 54px;
}

#header h1 {
	font-size: 32px;
	padding-left: 20px;
	float: left;
}

#header .since {
	font-size: 12px;
	text-align: right;
	padding: 2px 20px;
}


#content h2 {
	margin-top: 1.4em;
	margin-bottom: 1.2em;
	border-left: 8px solid #2075bc;
	border-top: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
	background: #ffffff url(images/bg_lead.gif) repeat-x bottom; color: #113765;
	font-size: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}

#content h2.m0 {margin-top: 0;}

#content h3 {
	margin-top: 1.4em;
	margin-bottom: 1.2em;
	margin-left: 1em; margin-right: 1em;
	border-bottom: 1px solid #7c7c7c;
	background: url(images/list_pin.gif) no-repeat left center;
	font-size: 100%;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 22px;
}

#content h4 {
	margin-top: 1em;
	margin-bottom: 0.2em;
	margin-left: 2em; margin-right: 1em;
	font-size: 88%;
}

#content p {
	margin-bottom: 1em;
	margin-left: 2em; margin-right: 1em;
	font-size: 88%;
}

#content hr {
	margin-bottom: 1em;
	margin-left: 3em; margin-right: 3em;
}

#content table {
	margin-bottom: 1em;
	margin-left: 2em; margin-right: 1em;
}

#content ul {
	margin-bottom: 1em;
	margin-left: 3em; margin-right: 2em;
	list-style-type: none;
	font-size: 88%; line-height: 1.2;
}
#content li {
	margin-bottom: 0.2em;
	background: url(images/list_arrow.gif) no-repeat left center;
	padding-left: 12px;
}


#content .breadcrumb {
	font-size: 75%;
}

#content .pagetop {
	font-size: 75%;
	text-align: right;
}


#footer .menu {
	padding: 1em 0.5em 1em;
	font-size: 12px;
	text-align: center;
}

#footer .menu ul {
	list-style-type: none;
}

#footer .menu li {
	display: inline;
	border-left: 1px solid #333333;
	padding: 0 0.5em;
}

#footer .menu li.last {
	display: inline;
	border-right: 1px solid #333333;
	padding: 0 0.5em;
}

#footer .copyright {
	background-color: #4165af; color: #ffffff;
	font-size: 12px;
	text-align: center;
	padding: 2px 10px;
}


/* テキスト設定 */
.text_10 {font-size: 63%; font-weight: normal;}
.text_12 {font-size: 75%; font-weight: normal;}
.text_14 {font-size: 88%; font-weight: normal;}
.text_16 {font-size: 100%; font-weight: normal;}
.text_18 {font-size: 113%; font-weight: normal;}
.text_20 {font-size: 125%; font-weight: normal;}
.text_22 {font-size: 138%; font-weight: normal;}
.text_24 {font-size: 150%; font-weight: normal;}

.bold   {font-weight: bold;}

.red    {color: #ff0000;}
.dred   {color: #cc0000;}

.left   {text-align: left;}
.center {text-align: center;}
.right  {text-align: right;}
.middle {vertical-align: middle;}


/* ボックス設定 */
.block_base    {margin-left: 2em; margin-right: 1em; margin-bottom: 1em;}

#content .block_base h3 {
	margin-top: 0;
	margin-left: 0; margin-right: 0;
}
#content .block_base h4 {
	margin-top: 0;
	margin-left: 0; margin-right: 0;
}
#content .block_base p {
	margin-left: 0; margin-right: 0;
}
#content .block_base ul{
	margin-bottom: 0;
	margin-left: 0.75em; margin-right: 0;
}

/* ブロック要素の回り込み・２分割 */
.b2_container_l {width: 48%; float: left;}
.b2_spacer      {width: 3%; float: left;}
.b2_container_r {width: 48%; float: right;}

/* 回り込みの解除 */
/* ------------------------- Firefox、Safari、Operaなどモダンブラウザ用（IE7、IE6、Mac IE5未対応） */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* ------------------------- IE7、Mac IE5用 */
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* ------------------------- IE6以前用 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */