/* 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;}
.clr2 {clear: both;line-height:1px;font-size:1px;}
.txt_14b {font-size:14px; font-weight:bold;}
.txt_16b {font-size:16px; font-weight:bold;}


/* 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;
    font-weight: normal;
}


/*ロゴ*/

.logo_img {
    margin-top: 40px;
    margin-bottom: 5px;
}
.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;
}



/*ナビゲーションメニュー*/
/* レベル1 */
.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; position: relative; }
.navi ul li                     { height: 40px;background-image: url(../images/navi_bg.gif);height: 40px;margin: 0px;background-repeat: no-repeat;
                                    font-weight: bold;text-decoration: none; line-height: 100%;float: left; zoom: 1; }
.navi ul li:hover               { background-image: url(../images/navi_over_bg.gif); }
.navi ul li 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 ul li a:hover             { background-image:none; color: #FFFFFF; }
.navi ul li a:active            { background-image:none; color: #FFFFFF; }
.navi ul li:last-child a        { border-right: none; } /* Doesn't work in IE */
.navi ul li.hover,
.navi ul li:hover               { color: #ffffff; position: relative; background-image: url(../images/navi_over_bg.gif); }
.navi ul li.hover a             { color: #ffffff; }

/* レベル2 */
.navi ul li ul                  { margin:0; padding:0; background-image:none; height: 22px; width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
.navi ul li ul li               { margin:0; background-image:none; height: 22px; font-weight: normal; background-color: #5b699a; padding:10px 0 0 10px; 
                                      border: 1px solid #5b699a; border-top: none; float:none; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;- khtml-opacity: 0.9; }
.navi ul li ul li.hover,
.navi ul li ul li:hover         { background-image:none; height: 22px; position: relative; background-color:#7182bd; }/* IE 6 & 7 Needs Inline Block */
.navi ul li ul li a             { background-image:none; height: 22px; border-right: none; display: inline-block; padding: 0px; } 
.navi ul li ul li a:hover       { background-image:none; padding: 0px; }
.navi ul li ul li a:active      { background-image:none; padding: 0px; }
.navi ul li ul li:last-child a  { border-right: none; padding: 0px; } /* Doesn't work in IE */

/* レベル3 */
.navi ul ul ul                  { left: 100%; top: 0; color: #03144E; }
.navi ul li:hover > ul          { visibility: visible; background-image: none; }



/* トップイメージ */
/*---------------------------------------------------*/
.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_titlebox {
    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_contents_title {
    background-image: url(../images/block_contents_title_bg.gif);
    font-weight: bold;
    padding: 6px 10px 4px 10px;
    line-height: 140%;
    color: #03144E;
    border-width: 1px;
    border-style: solid;
    border-color: #ffffff;
}

.block_contents_body {
    background-color: #FFFFFF;
    padding: 6px 10px 10px 10px;
    line-height: 140%;
}
.block_contents_body 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_contents_body 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_contents_body 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_contents_body dl {
    line-height: 140%;
}
.block_contents_body dt {
    font-weight: bold;
}
.block_contents_body 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; width:102px; height:27px; }

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

/*---------------------------------------------------*/
/*---------------------------------------------------*/
/*---------------------------------------------------*/

/* メインコンテンツのH2タグ */
.main_contents_body h2 {
	padding-left: 8px;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 1px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #EE832C;
	line-height: 140%;
	color: #2b2b2b;
	clear: both;
}

/* 新着情報ブロック */
.block_news_date {
    width: 80px;
    padding: 6px 10px 10px 10px;
    line-height: 140%;
    float: left;
}
.block_news_content {
    float:left;
    width: 460px;
    padding: 6px 10px 10px 10px;
}


/* タイトル背景装飾 */
.step {
	font-size: 16px;
	font-weight: bold;
	color:#ee832c;
	line-height:20px;
	background-image: url(../images/step_tit_back.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 100%;
	clear: both;
}