@charset "utf-8";
/* --------------------------------
	タグの再設定（ html4　xhtml　html5 対応 ）2013.03
	
	◆テーブル・リスト・定義リストはレイアウト優先。テキストを入れる場合はvertical-alignを個別に設定。
	◆その他のタグはテキスト優先。
-------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center,fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
margin:0;padding:0; border: 0;font-size: 100%;outline:0;font: inherit;background-color:transparent;
vertical-align: baseline;}
table, tbody, tfoot, thead, tr, th, td, dl, dt, dd, ol, ul, li{
margin:0;padding:0; border: 0;font-size: 100%;outline:0;font: inherit;background-color:transparent;
vertical-align: top;}/* レイアウト優先。テキストを入れる場合は個別に設定 */
input{margin:2px;padding:2px; font-size: 100%;outline:0;font: inherit;vertical-align:middle;}
select {vertical-align:middle;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
img,img a{border: 0px;}
nav,ol, ul, li {list-style:none;line-height:1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table { border-collapse: collapse;border-spacing: 0;}
a {text-decoration: none;cursor:pointer;vertical-align:baseline;}/* 画像に置き換える場合があるのでアンダーラインなし */


/* --------------------------------
	タグの再設定（フォント）基本14px
	-------------------------------- */
body, textarea { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;color:#000000;}
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif;}
address, small, caption, cite, code, dfn, em, th, var, h1, h2, h3, h4, h5, h6 {font-style: normal;font-weight: normal;color: #000000;}
body, address, small, caption, cite, code, dfn, em, th, var,h1, h2, h3, h4, h5, h6 {font-size: 14px;}
/* --------------------------------
	リンク色
-------------------------------- */
a,a:link{color: #12c;}
a:visited{color: #609;}
a:hover,a:active, a:focus{color: #78f;}
/* --------------------------------
	レイアウト要素
-------------------------------- */
body {text-align: center;/*for IE5*/
      /*backgroundは、idがある場合は上書きされる*/background: #FFFFFF url(../img/common/body_secbg.jpg) repeat-x;/*backgroundは、bodyにidがある場合は上書きされる*/
      }
body#top {background: #FFFFFF url(../img/common/body_topbg.jpg) repeat-x;}
body#sec {background: #FFFFFF url(../img/common/body_secbg.jpg) repeat-x;}
body#sec2 {background: #FFFFFF url(../img/common/body_secbg2.jpg) repeat-x;}
body#nobg {background:none;}
#shadow {width: 972px;margin: 0 auto;
		text-align: left;/*for IE5*/
		background: url(../img/common/shadow_secbg.png) no-repeat left top;/*backgroundは、bodyにidがある場合は上書きされる*/}
#top #shadow {background: url(../img/common/shadow_topbg.png) no-repeat left top;}
#sec #shadow,#sec2 #shadow {background: url(../img/common/shadow_secbg.png) no-repeat left top;}
#container {
	width: 960px;
	margin: 0px  6px -100px 6px;/*0px  6px -142px 6px*/
	background-image: url(../img/common/sky.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:142px;
}
#header {/*レイアウト幅全体に表示するため、幅は指定しない。高さもコンテンツ分のみにするため、指定しない*/}
#sec_header {height:152px;/*レイアウト幅全体に表示するため、幅は指定しない*/}
#sidebar {width: 222px;float: right;margin: 0px  8px 0px 0px;/*右の余白を含む*/}
* html #sidebar {margin: 0px  4px 0px 0px;/*for IE6*/}
#content {width: 702px;float: right;margin: 0px  12px 0px 0px;/*右の余白を含む*/}
* html #content {width: 702px;float: right;margin: 0px  12px 0px 0px;/*for IE6*/}
#content2 {width: 710px;float: right;margin: 0px  12px 0px 0px;/*右の余白を含む*/}
#footgrp {height:162px;background: url(../img/common/foot_bg.png) repeat-x;}
#footer {width:972px;height:162px;margin: 0 auto;}
#foottxt {height:100px;position:relative;}
#footcopy {height:62px;position:relative;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
/* --------------------------------
	共通
-------------------------------- */
a:hover img.palebtn,a:hover.palebtn img{
	/* IE */
    filter: alpha(opacity=70);
	/* Safari Opera */
    opacity:0.7;
	/* Firefox Netscape */
    -moz-opacity:0.7;
}
.imgblock{
	display:block;
}
.tit1{
	display: block;
	margin-top: 10px;
}
.tit2{
	display:block;
	padding-top:30px;
}
.titimg1{
	display:block;
	margin-top:18px;
}

.txt_tit{
	display:block;
	padding-top:30px;
}

.txt_tit_h3{
	text-align: left;
	baseline-shift: baseline;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 5px 0px 5px;
}

.txt_tit_h3 span{
	font-size: 12px;
	font-weight: normal;
}

.algn_r{
	text-align:right;
}
.relabox{
	position:relative;
}
.dis-blo{display:block;}

.pdficon::after{
content:"";
width:16px;
height:16px;
display:block;
background:transparent url(../img/article/icon_pdf.jpg)top left / contain no-repeat;
position:absolute;
top:0px;
right:-20px;
}
.pdficon2::after{
content:"";
width:16px;
height:16px;
display:block;
background:transparent url(../img/article/icon_pdf.jpg)top left / contain no-repeat;
position:absolute;
top:-2px;
right:-20px;
}
/* --------------------------------
	ヘッダー
-------------------------------- */
#headbox {position:relative;height:102px;/*heightは、bodyにidがある場合は上書きされる*/}
#sec #headbox,#sec2 #headbox {height:102px;}
#kougoren{display:block;position:absolute; top:0px; left:0px;}
#mainnavi {width:928px;height:46px;padding:0px 0px 0px 32px;background: url(../img/common/mnavi_bg.jpg) no-repeat;}
#mainnavi li {display: inline;float: left;}
#mainnavi li a{display:block;height:46px;width:128px;text-indent:-9999px;}

.mnavi01{background:url(../img/common/mnavi_1_on.jpg) no-repeat;}
.mnavi02{background:url(../img/common/mnavi_2_on.jpg) no-repeat;}
.mnavi03{background:url(../img/common/mnavi_3_on.jpg) no-repeat;}
.mnavi04{background:url(../img/common/mnavi_4_on.jpg) no-repeat;}
.mnavi05{background:url(../img/common/mnavi_5_on.jpg) no-repeat;}
.mnavi06{background:url(../img/common/mnavi_6_on.jpg) no-repeat;}
.mnavi07{background:url(../img/common/mnavi_7_on.jpg) no-repeat;}
.mnavi08{background:url(../img/common/mnavi_8_on.jpg) no-repeat;}

#mainnavi li.mnavi01 a{background:url(../img/common/mnavi_1.jpg) no-repeat;}
#mainnavi li.mnavi02 a{background:url(../img/common/mnavi_2.jpg) no-repeat;}
#mainnavi li.mnavi03 a{background:url(../img/common/mnavi_3.jpg) no-repeat;}
#mainnavi li.mnavi04 a{background:url(../img/common/mnavi_4.jpg) no-repeat;}
#mainnavi li.mnavi05 a{background:url(../img/common/mnavi_5.jpg) no-repeat;}
#mainnavi li.mnavi06 a{background:url(../img/common/mnavi_6.jpg) no-repeat;}
#mainnavi li.mnavi07 a{background:url(../img/common/mnavi_7.jpg) no-repeat;}
#mainnavi li.mnavi08 a{background:url(../img/common/mnavi_8.jpg) no-repeat;}

#mainnavi li a#on,
#mainnavi li a:hover{
	/* IE */
    filter: alpha(opacity=00);
	/* Safari Opera */
    opacity:0.0;
	/* Firefox Netscape */
    -moz-opacity:0.0;
}

/* --------------------------------
	サイドバー
-------------------------------- */
#sidebar img{
	display:block;
}
#sidebar .sidebar_menu_tbl img{
	display:inline;
}
.bnr_1,.bnr_2,.bnr_3,.bnr_4,.bnr_5,.bnr_6{display:block;}
.bnr_1{margin-top:16px;}
.bnr_2{margin-top:2px;}
.bnr_3{margin-top:14px;}
.bnr_4{margin-top:6px;}
.bnr_5{margin-top:8px;}
.bnr_6{margin-top:6px;margin-bottom:12px;}
.bnr_tp{margin-top:30px;}
.bnr_sctp{margin-top:18px;}
#zenkoku{
	width: 222px;
	font-size:12px;
	line-height:20px;
}
#zenkoku_link{
	padding:8px 0px 8px 16px;
}
/* --------------------------------
	フッター
-------------------------------- */
.foottxt_p{
	font-size:10px;
	font-weight:bold;
	color:#333;
	line-height:1.5em;
	padding:14px 0px 0px 0px;
	text-align:center;
	display:block;
}
.txt_grp{
	display:block;
}
#mark{
	position: absolute;
	top: 20px;
	left: 873px;
}
#copy{
	display:block;
	margin:34px auto 0px auto;
	
}
a.ftr_mform{
color:#000000;
padding-left:20px;
}
.ftr_mform_arrow{
position:relative;
top:4px;
left:-4px;
}

/*  ----------------  モバイル対応、デバイス幅（～699px start）  ----------------  */
@media screen and (max-width: 699px) {
body {    width: 972px;
min-height:1400px;
/*縦が少ないと、幅100%表示しないためmin-heightを追加*/
      }
	  
/* フォントサイズ調整 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	/*mobile 文字サイズ自動調整を停止、任意の倍率に start*/
	-webkit-text-size-adjust: 170%;
	-moz-text-size-adjust: 170%;
	-ms-text-size-adjust: 170%;
	-o-text-size-adjust: 170%;
	text-size-adjust: 170%;
	/*mobile 文字サイズ自動調整を停止、任意の倍率に end*/
	
	/*modern browser で文字を綺麗に表示 start*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/*modern browser で文字を綺麗に表示 end*/
line-height: normal;
}

/* メインナビの高さ PC:46px → モバイル:106px （ + 60px ） */
#mainnavi {height:106px;background: url(../img/common/mobile/mbl_mnavi_bg.jpg) no-repeat;}
#mainnavi li a{height:106px;}
.mnavi01{background:url(../img/common/mobile/mbl_mnavi_1_on.jpg) no-repeat;}
.mnavi02{background:url(../img/common/mobile/mbl_mnavi_2_on.jpg) no-repeat;}
.mnavi03{background:url(../img/common/mobile/mbl_mnavi_3_on.jpg) no-repeat;}
.mnavi04{background:url(../img/common/mobile/mbl_mnavi_4_on.jpg) no-repeat;}
.mnavi05{background:url(../img/common/mobile/mbl_mnavi_5_on.jpg) no-repeat;}
.mnavi06{background:url(../img/common/mobile/mbl_mnavi_6_on.jpg) no-repeat;}
.mnavi07{background:url(../img/common/mobile/mbl_mnavi_7_on.jpg) no-repeat;}
.mnavi08{background:url(../img/common/mobile/mbl_mnavi_8_on.jpg) no-repeat;}

#mainnavi li.mnavi01 a{background:url(../img/common/mobile/mbl_mnavi_1.jpg) no-repeat;}
#mainnavi li.mnavi02 a{background:url(../img/common/mobile/mbl_mnavi_2.jpg) no-repeat;}
#mainnavi li.mnavi03 a{background:url(../img/common/mobile/mbl_mnavi_3.jpg) no-repeat;}
#mainnavi li.mnavi04 a{background:url(../img/common/mobile/mbl_mnavi_4.jpg) no-repeat;}
#mainnavi li.mnavi05 a{background:url(../img/common/mobile/mbl_mnavi_5.jpg) no-repeat;}
#mainnavi li.mnavi06 a{background:url(../img/common/mobile/mbl_mnavi_6.jpg) no-repeat;}
#mainnavi li.mnavi07 a{background:url(../img/common/mobile/mbl_mnavi_7.jpg) no-repeat;}
#mainnavi li.mnavi08 a{background:url(../img/common/mobile/mbl_mnavi_8.jpg) no-repeat;}

#footgrp {background-position:bottom;padding-bottom:60px;}
#copy{
	margin:134px auto 0px auto;
}
.foottxt_p{
	line-height:1em;
	display:block;
}

.foottxt_p span{
	display:block;
}

#sec_header {
    height: 212px;/* 152px + 60px */
}

}
/*  ----------------  モバイル対応（～699px end）  ----------------  */