@charset "UTF-8";

/*　フォントスタイル　*/
body { font-size: 87% ;
	font-family:'メイリオ' , Meiryo , 'ＭＳ Ｐゴシック' , "Arial" , 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro', sans-serif ;
	line-height: 1.75 ;
}
.x-small { font-size: 71% ; /* 約10px */
}
.small { font-size: 85% ; /* 約12px */
}
.large { font-size: 114% ; /* 約16px */
}
.x-large { font-size: 128% ; /* 約18px */
}
.xx-large { font-size: 150% ; /* 約21px */
}
.xxx-large { font-size: 171% ; /* 約24px */
}
h1, h2, h3, h4, h5, h6 { font-size:100%;
}
.large .normal { font-size: 87% ;
}
/*　フォントスタイル終わり　*/

/*　基本フォーマット　*/
* { margin:0;
	padding:0;
}
body {
	color: #313131 ;
}
img { border:medium none;
}
a {
	color: #199de9 ;
	text-decoration:none;
}
a:hover {
	text-decoration: underline ;
}
li { list-style:none outside none;
	margin:0;
	padding:0;
}
li img,
li a { vertical-align: top ;
}
.clearboth { background:none ;
	clear:both;
}
/* 非表示文字 */
.hide,
.no-dpl { height: 0 ;
	overflow: hidden ;
}

/* floatのheight弊害解消 */
	.dr-K:after { content: ".";
		display: block;
		height: 0;
		clear: both;
		overflow: auto;
		visibility: hidden;
	}
	.dr-K {	display: inline-block;
	}
	/* Hides from IE-mac \*/
	* html .dr-K { height: 1%;
	}
	.dr-K { display: block;
	}
	/* End hide from IE-mac */
/* floatのheight弊害解消 */

/* ナビCSSオーバー用初期化 */
	.font-size a,
	#GNV a {
		display:block;
		font-size: 1em;
		height:0;
		line-height:2em;
		overflow:hidden;
		text-decoration:none;
	}
/* ナビCSSオーバー用初期化 */

/* マウスオーバー時の半透明 */
	a:hover img.link,
	.link-btns a:hover img {
		filter: alpha(opacity = 75); /* IE */
		opacity: 0.75; /* Safari Opera */
		-moz-opacity: 0.75; /* Firefox Netscape */
	}
/* マウスオーバー時の半透明 */

/*　基本フォーマット終わり　*/

/* フレーム */
body {
	background-color: #FFFFFF ;
}
#HDR-BG {
	background: url("/imgs/cmn/hdr_bg1.gif") repeat-x center bottom ;
	border-top: 5px solid #0188db ;
	height: 63px ;
}
#HDR {
	width: 960px ;
	margin: 0 auto ;
	padding: 0px ;
}
#BG2 {
	clear: both ;
	background: url(/imgs/cmn/bg_top.gif) no-repeat center top ;
	margin: 0 auto ;
	padding: 29px 0 0 0 ;
	position: relative ;
	width: 988px ;
}
#BG3 {
	background: url(/imgs/cmn/bg_main.png) repeat-y left top ;
	padding: 5px 14px 90px ;
	position: relative ;
	top: -5px ;
	width: 960px ;
	z-index: 0.5 ;
}
#MAIN-CLM {
	background: #FFF ;
	clear: both;
	padding: 0 36px ;
	width: 888px ;
	overflow: hidden ;
}
#RIGHT-CLM {
	float: right;
	width: 201px;
}
#LEFT-CLM { 
	float: left;
	width: 659px ;
}
#FTR-BG {
	background: url(/imgs/cmn/bg_main.png) repeat-y left top ;
	margin: 0 auto ;
	padding: 0 ;
	width: 988px ;
	position: relative ;
	top: -5px ;
}
#FTR-BG2 {
	background: url(/imgs/cmn/ftr_bg2.gif) no-repeat left bottom ;
	margin: 0 auto ;
	padding: 0 14px;
	width: 960px ;
}
#FTR {
	background: url(/imgs/cmn/ftr_bg.gif) no-repeat left top ;
	padding: 42px 0 0 ;
	position: relative ;
	width: 960px;
}
#FTR .ftr-sitemap {
	background: url(/imgs/cmn/ftr_bg1.gif) repeat-y left top ;
	padding: 27px 0 2em 36px ;
}
#FTR-NV-BTM {
	margin: 0 auto ;
	width: 912px ;
}
/* フレーム */

/*　ヘッダー　*/
#HDR h1 { 
	float: left ;
	padding: 9px ;
}
/*　サブナビ、検索、文字サイズ　*/
#SUB-NV {
	float: right;
	width: 360px ;
	padding: 18px 0 0 ;
}
#SEARCHBOX {
	background: url(/imgs/cmn/hdr_src_bg.gif) no-repeat left top ;
	float: left ;
	width: 230px ;
}
#SEARCHBOX .text-ipt {
	background: #fff ;
	border: none !important ;
	display: block ;
	float: left ;
	height: 15px;
    line-height: 1;
	margin: 3px 0 0 4px ;
	width: 135px ;
}
#SEARCHBOX .searchsubmit {
	float: right ;
	padding: 1px 0 ;
}

#srchBox * {
	margin: 0;
	padding: 0;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
}
#srchBox a img {
	border: none;
}
#srchBox #srch {
	/*
	 padding: 10px 10px 0 10px;
	 */
}
#srchBox #srch #srchForm {
	white-space: nowrap;
	float: left;
}
#srchBox #srchInput {
	height: 18px;
	padding-left: 1em;
	vertical-align: middle;
	width: 132px;
}
#srchBox #bt {
	margin: 2px 2px 0 0;
	float: right;
}
#srchBox #srchBtn {
	vertical-align: middle;
}
*html #srchBox #srchBtn {
	padding-top: 2px;
}
*:first-child+ html #srchBox #srchBtn {
	padding-top: 2px;
}
#srchBox ul {
	margin-top: 6px;
	text-align: left;
}
#srchBox li {
	list-style-type: none;
	display: inline;
	zoom: 1;
	padding-right: 10px;
}
#srchBox li input {
	zoom: 1;
	margin-right: 2px;
	_margin: -4px 0 -4px -4px;
	vertical-align: middle;
	border: 0;
}
*:+html #srchBox li input {
	margin: -4px 0 -4px -4px;
}
#srchBox.watermark #srchInput.nomark {
	background: #fff none repeat scroll 0 0;
}
#srchBox #srchLogo {
	margin: 6px 6px 6px 0;
	text-align: right;
}
#srchBox #srchLogo a {
	color: #666666;
	text-decoration: none;
	font-size: 85%;
}
#srchBox #srchLogo a:hover {
	text-decoration: underline;
}
#srchBox.watermark {
	padding-bottom: 6px;
}
#srchBox.watermark #srchInput {
	padding: 0.2em 0.75em;
	border: none;
	background: transparent  center center no-repeat;
	margin: 0 0.2em 0 0;
}
#srchBox.watermark #srchInput.nomark {
	background: transparent;
}
#srchBox.watermark #srchLogo {
	display: none;
}
/*　文字サイズ　*/
#SUB-NV .font-size {
	float: right;
	width: 119px ;
}
.font-size li { 
	float: left;
}
.font-size li a { background: url(/imgs/cmn/hdr_size_btn.gif) no-repeat left top ;
	padding-top: 22px;
}
#FONT-SIZE-1 { width: 30px ;
}
#FONT-SIZE-2 { width: 36px ;
}
#FONT-SIZE-1 a { background-position: 0 -22px ;
}
#FONT-SIZE-1 a:hover { background-position: 0 -22px ;
}
#FONT-SIZE-2 a { background-position: -30px 0 ;
}
#FONT-SIZE-2 a:hover { background-position: -30px -22px ;
}
/*　文字サイズ　*/
/*　グランドナビゲーション　*/
#GNV-BG { clear: both ;
	background: #FFF ;
}
#GNV li {
	float: left;
}
#GNV a {
	background: url(/imgs/cmn/hdr_gnv.gif) no-repeat left top;
	padding-top: 52px;
}
#GNV-BTN-1 a { background-position: 0px 0px;
	width: 57px;
}
#GNV-BTN-1 a:hover { background-position: 0px -52px;
}
#GNV-BTN-2 a { background-position: -57px 0px;
	width: 150px ;
}
#GNV-BTN-2 a:hover { background-position: -57px -52px;
}
#GNV-BTN-3 a  { background-position: -207px 0px;
	width: 166px ;
}
#GNV-BTN-3 a:hover { background-position: -207px -52px; 
}
#GNV-BTN-4 a  { background-position: -373px 0px;
	width: 177px ;
}
#GNV-BTN-4 a:hover { background-position: -373px -52px; 
}
#GNV-BTN-5 a  { background-position: -550px 0px;
	width: 128px ;
}
#GNV-BTN-5 a:hover { background-position: -550px -52px; 
}
#GNV-BTN-6 a  { background-position: -678px 0px;
	width: 128px ;
}
#GNV-BTN-6 a:hover { background-position: -678px -52px; 
}
#GNV-BTN-7 a  { background-position: -806px 0px;
	width: 154px ;
}
#GNV-BTN-7 a:hover { background-position: -806px -52px; 
}

/*　グランドナビゲーション終わり　*/
/*　ヘッダー終わり　*/


/*　フッター　*/
#END {
	clear: both;
	height: 0 ;
	overflow: hidden ;
}
#FTR #FTR-TOTOP {
	position: absolute ;
	top: -24px ;
	right: 36px ;
}
#FTR .ftr-sitemap td {
	width: 160px ;
	padding-right: 22px ;
	vertical-align: top ;
}
#FTR .ftr-sitemap dl {
	padding-bottom: 1em ;
}
#FTR .ftr-sitemap dt,
#FTR .ftr-sitemap p {
	font-size: 2px ;
	line-height: 1 ;
	margin-bottom: 1em ;
	padding-bottom: 6px ;
}
#FTR .ftr-sitemap dd  {
	padding-bottom: 0.5em ;
}
#FTR .ftr-sitemap a {
	color: #0d8e81 ;
	vertical-align: top ;
}
#FTR-NV-BTM .cr-btm{
	padding-bottom: 2.75em;
	text-align: center;
}
#FTR-NV-BTM .copyright {
	font-family: "Helvetica", "Arial", sans-serif ;
	color: #ffffff ;
	font-weight: bold ;
	/* float:left; */
	/* padding: 1.5em 0 0 ; */
	letter-spacing: -0.5px;
}
#FTR-NV-BTM #FTR-NV {
	/* float: right ; */
	padding: 1.25em 0 0.5em ;
	text-align: center ;
    letter-spacing: -0.2px;
}
#FTR-NV-BTM #FTR-NV a {
	color: #ffffff ;
	display: inline-block;
}
#FTR-NV-BTM #FTR-NV li {
	display: inline ;
	padding-left: 0.75em;
}
#FTR-NV-BTM #FTR-NV li:last-child{
	margin-right: 0.75em;
}

/*　フッター終わり　*/

/* バナー */
.bnr-list { padding-bottom: 15px ;
}
.bnr-list li {
	padding-bottom: 1em ;
}
/* バナー */
/* パンくずナビ */
.bread {
	background: url(/imgs/cmn/bg_bread.gif) repeat-x left bottom ;
	padding: 0.5em 0 1.5em 36px;
	margin: 0 0 1em -36px ;
	width: 960px ;
}
.bread a {
}
/* パンくずナビ 終わり */

/* ローカルナビ */
#LNV {
	border: 1px solid #dbdbdb ;
	margin-bottom: 1.5em ;
	padding: 0 0 0 0 ;
	width: 199px ;
}
#LNV .lnv-tt {
	height: 32px ;
	overflow: hidden ;
}
#LNV .lnv-tt a { background-color: #f3f2f2 ;
	display: block ;
}
#LNV .lnv-tt a:hover,
#LNV .lnv-sub-nv .sub-nv-tt a:hover,
#LNV .lnv-sub-nv a:hover { background-color: #eaf4f3 ;
}

#LNV li a,
#LNV .lnv-sub-nv .sub-nv-tt a {
	background: url(/imgs/cmn/arw_lnv.gif) no-repeat 15px 1em ;
	color: #313131 ;
	display: block ;
	line-height: 1.4 ;
	padding: 0.5em 0 0.5em 27px ;
	width: 172px ;
}
#LNV li .nolink {
	display: block ;
	line-height: 1.4 ;
	padding: 0.5em 0 0.5em 15px ;
	width: 184px ;
}
#LNV li .os {
	background: url(/imgs/cmn/arw_os.gif) no-repeat 10px 0.75em ;
}
#LNV .arw-down a {
	background: url(/imgs/cmn/arw_lnv2.gif) no-repeat 15px 1em ;
}
#LNV li a:hover { background-color: #eaf4f3 ;
}

#LNV .sub-nv .sub-nv-1 a { padding-top: 24px ;
}
#LNV .sub-nv .sub-nv-2 a { padding-top: 28px ;
}
#LNV .sub-nv .sub-nv-3 a { padding-top: 28px ;
}
#LNV .sub-nv .sub-nv-end a { padding-top: 31px ;
}
#LNV .lnv-sub-nv .sub-nv-tt span,
#LNV .lnv-sub-nv .sub-nv-tt a {
	background: url(/imgs/cmn/arw_lnv3.gif) no-repeat 15px 1.1em ;
}
.lnv-sub-nv,
.lnv-sub-nv li {
	display: none ;
}

#LNV li .lnv-sub-nv ul a {
	background: none ;
	padding-left: 41px ;
	width: 158px;
}
/* ローカルナビ */

/* アロー */ 
.arw,
.arw-list a { background: url(/imgs/cmn/arw.gif) no-repeat left 0.4em ;
	padding-left : 10px ;
}
/* アロー 終了 */
/* コンテンツ制御 */
#TITLE-CLM {
	padding-bottom: 47px ;
	position: relative ;
}
#TITLE-CLM h2 {
	height: 27px ;
	overflow: visible ;
}
.print-btn {
	float: right ;
	height: 20px ;
	margin-top: -20px ;
}
/* コンテンツ制御 */