/* style.css */

@charset "UTF-8";


/* 見出し

01-デフォルトスタイルリセット

02-基本タグスタイル

03-共通クラス

04-ページレイアウト

05-ヘッダ
   +SEO用テキストの部分
   +ロゴ
   +ナビゲーションメニュー

06-トップイメージ

07-パンくずリスト

08-メインコンテンツ

09-サイド
   +サイド枠
   +ブロック

10-フッター
   +サイド枠
   +ブロック

*/


/* 01 デフォルトスタイルリセット */
/*---------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote{margin:0;padding:0;}  
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}  
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{border: 0;vertical-align: top;vertical-align: bottom;}
div {margin:0; padding:0;}



/* 02 基本タグスタイル */
/*---------------------------------------------------*/

body{
	font-style: normal;
	font-weight: normal;
	color: #2d2d2d;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" , Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
}

a{text-decoration:none;}
a:link    {color:#0a8fcb;}
a:visited {color:#0a8fcb;}
a:hover   {color:#0a8fcb; text-decoration: underline;}
a:active  {color:#c1cbd0;}
p {line-height:140%;}



/* 03 共通クラス */
/*---------------------------------------------------*/
.clr {clear: both;}



/* 04 ページレイアウト */
/*---------------------------------------------------*/

.header {width: 900px;text-align: left;margin: 0 auto;}
.topic_path {
	width: 900px;
	clear: both;
	padding-top: 12px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 12px;
	text-align:left;
}
.container {width: 900px;clear: both;margin: 0 auto 30px auto;text-align: left;}
.main {width: 600px;float: left;line-height:140%;}
.side1 {float: right;width: 280px;line-height:140%;}
.side2 {float: right;width: 280px;line-height:140%;}
.footer {clear: both;background-color: #dfe0e5;}



/* 05 ヘッダ */
/*---------------------------------------------------*/

/*SEO用テキストの部分*/

.head_seo {
	background-color: #03144e;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 11px;
	color: #FFFFFF;
}
.seo_box {text-align: right;width: 900px;}


/*ロゴ*/

.logo {					/*ロゴがテキストの場合の指定*/
	font-size: 22px;
	font-weight: bold;
	color: #03144E;
	margin-top: 40px;
	margin-bottom: 5px;
	letter-spacing: -1px;
}

/*スローガン*/
.slogan{
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 3px;
}



/*ナビゲーションメニュー*/

.navi {	
	margin-bottom: 1px;
	background-position: right;
	float: none;
}
.navi ul {
	background-image: url(../images/navi_bg_bg.gif);
	background-repeat: no-repeat;
	height: 40px;
	margin: 0px;
	padding: 0px;
}
.navi li {
	height: 40px;
	background-image: url(../images/navi_bg.gif);
	height: 40px;
	margin: 0px;
	background-repeat: no-repeat;
	font-weight: bold;
	text-decoration: none;
	color: #03144E;
	line-height: 100%;
	float: left;
}
.navi li:hover{background-image: url(../images/navi_over_bg.gif);color: #FFFFFF;}
.navi a {
	text-decoration: none;
	color: #03144E;
	line-height: 100%;
	height: 40px;
	padding-left: 46px;
	padding-right: 30px;
	padding-top: 13px;
	display: block;
	background-image: url(../images/navi_bg_r.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	vertical-align: bottom;
	float: left;
}
.navi a:hover {
	background-image: url(../images/navi_over_bg.gif);
	color: #FFFFFF;
	background-position: left top;
}




/* トップイメージ */
/*---------------------------------------------------*/
.top_img {clear: both;}



/* パンくずリスト */
/*---------------------------------------------------*/
.topic_path li {
	float: left;
	padding-right: 5px;
	padding-left: 1px;
}


/* メインコンテンツ */
/*---------------------------------------------------*/
.main_contents_box {
	padding-bottom: 50px;
}
.main_contents_titlebox {
	background-image: url(../images/maincontents_title_bg_r.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height:60px;
	margin: 0px;
}
.main_contents_title {
	padding-top: 16px;
	line-height: 100%;
	font-weight: bold;
	font-size: 18px;
	background-repeat: no-repeat;
	background-position: left top;
	height: 40px;
	background-image: url(../images/maincontents_title_bg_l.gif);
	padding-left: 36px;
	vertical-align: bottom;
	padding-right: 10px;
}
.main_contents_body {
	margin-right: 10px;
	margin-left: 10px;
}

/* table */
.main table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 5px;
	margin-bottom: 5px;
}
.main th {
	background-color: #EAEBF0;
	font-weight: bold;
	padding: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
.main td {
	padding: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

/* ul ol li */
.main_contents_body ul li {
	background-image: url(../images/arrow.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	margin-bottom: 0.5em;
	padding-left: 1em;
	line-height: 140%;
}
.main_contents_body ul ul {
	list-style-type:circle;
	padding-left: 3em;
}
.main_contents_body ul ul li {
	list-style-type:circle;
	background-image: none;
	margin-bottom: 0.5em;
	padding-left: 0em;
	line-height: 140%;
}

.main_contents_body ol {
	list-style-type:decimal;
	padding-left: 2em;
}
.main_contents_body ol li {
	background-image: none;
	margin-bottom: 0.5em;
	line-height: 140%;
}
.main_contents_body ol ol {
	list-style-type:decimal;
	padding-left: 2em;
}
.main_contents_body ol ol li {
	list-style-type:lower-alpha;
	background-image: none;
	margin-bottom: 0.5em;
	padding-left: 0em;
	line-height: 140%;
}


/* dt dl dd */
.main_contents_body dl {
	padding-top: 5px;
	clear: both;
	display: block;
	padding-bottom: 5px;
}
.main_contents_body dt {
	float: left;
	padding-right: 1em;
	display: block;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #DFE0E5;
	margin-right: 1em;
}
.main_contents_body dd {
	float: left;
	display: block;
}


.main_contents_body hr {
	border-top-color: #DFE0E5;
	border-top-width: 1px;
	border-top-style: solid;
	background-color: #FFFFFF;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
}
.main_contents_body img {
	padding: 5px;
}
.main h1 {
	font-size: 18px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;

	line-height: 140%;
}
.main h2 {
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 140%;
}
.main h3 {
	font-weight: bold;
	font-size: 14px;
	line-height: 140%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.main h4 {
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
.main h5,h6 {
	font-size: 12px;
	line-height: 140%;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #2b2b2b;
}




/* サイド */
/*---------------------------------------------------*/

/* サイド枠 */
.side_top {
	background-image: url(../images/side_top_bg_r.gif);
	background-repeat: no-repeat;
	height: 10px;
	background-position: right;
	background-color: #E9EAEF;
}
.side_top_l {
	background-image: url(../images/side_top_bg_l.gif);
	height: 10px;
	width: 10px;
}
.side_middle {
	background-color: #E9EAEF;
}
.side_bottom {
	background-image: url(../images/side_bottom_bg_r.gif);
	background-repeat: no-repeat;
	height: 10px;
	background-position: right;
	background-color: #E9EAEF;
}
.side_bottom_l {
	background-image: url(../images/side_bottom_bg_l.gif);
	height: 10px;
	width: 10px;
}

/*ブロック*/
.block_box {
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 10px;
	clear: both;
}
.block_title_top {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(../images/block_title_top_bg_r.gif);
	margin: 0px;
	padding: 0px;
	background-color: #E2E3E8;
}
.block_title_top_l {
	background-image: url(../images/block_title_top_bg_l.gif);
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 26px;
	background-repeat: no-repeat;
}
.block_title {
	padding-top: 5px;
	line-height: 140%;
	font-weight: bold;
	color: #011550;
	vertical-align: bottom;
	font-size: 14px;
}
.block_title_middle {
	background-color: #FFFFFF;
	padding: 10px;
	line-height: 140%;
}
.block_title_middle p {
	margin-bottom: 0em;
}
.block_box h1,h2 {
	font-weight: bold;
	line-height: 140%;
	font-size: 14px;
}
.block_box h3 {
	font-weight: bold;
	line-height: 140%;
	font-size: 14px;
}
.block_box h4,h5,h6 {
	font-weight: bold;
	line-height: 140%;
}
.block_title_middle li {
	background-image: url(../images/arrow.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	margin-bottom: 0.2em;
	display: block;
	padding-left: 1em;
	line-height: 140%;
}

.block_box table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 1em;
	padding-bottom: 1em;
}
.block_box th {
	background-color: #EAEBF0;
	font-weight: bold;
	padding: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	text-align: center;
}
.block_box td {
	padding: 3px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	text-align: center;
}

.block_title_middle hr {
	border-top-color: #DFE0E5;
	border-top-width: 1px;
	border-top-style: solid;
	background-color: #FFFFFF;
	clear: both;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.block_title_bottom {
	background-image: url(../images/block_title_bottom_bg_r.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 10px;
	background-color: #FFFFFF;
}
.block_title_bottom_l {
	background-image: url(../images/block_title_bottom_bg_l.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 10px;
}
.block_title_middle dl {
	line-height: 140%;
}
.block_title_middle dt {
	font-weight: bold;
}
.block_title_middle img {
	padding: 5px;
}



/* フッター */
/*---------------------------------------------------*/
.footer_container {
	width: 900px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}
.footer_container ul {line-height: 100%;}
.footer_container li {
	float: left;
	padding-left: 12px;
	padding-right: 10px;
	background-image: url(../images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}
.footer_container a {color: #2b2b2b;}
.footer_container a:hover {color: #EE832C;width: 900px;}
.footer_container .backtop {float: right;}

.copyright {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	clear: both;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}