@charset "Shift_JIS";

/*　フォントスタイル　*/
body { font-size: 96% ;
	font-family: 'ＭＳ Ｐゴシック' , "Arial" , 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro','メイリオ' , Meiryo , 'ＭＳ Ｐゴシック' , sans-serif ;
	line-height: 1.5em;
}
.small { font-size: 101% ;
}
.large { font-size: 126% ;
}
.x-large { font-size: 133% ;
}
.xx-large { font-size: 166% ;
}
/*　フォントスタイル終わり　*/

/*　基本フォーマット　*/
* { margin: 0px;
	padding: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100% ;
}
body { color: #343434 ;
	background-color: #FFFFFF ;
}
img { border: none;
}
a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
li { list-style: none;
	margin: 0px;
	padding: 0px;
}
.right { float: right;
}
.clearboth { clear: both;
	height: 0px;
	background: none;
	text-decoration: none;
	overflow:hidden;
	padding-top: 0;
}
.hide { display: none;
}
/* floatのheight弊害解消 */
	.dr-K:after { content: ".";
		display: block;
		height: 0;
		clear: both;
		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弊害解消 */

/*　基本フォーマット終わり　*/


/* 大枠 */
#BG {
	margin-bottom: 151px ;
}
/*
#BG-END { background: url(/imgs/cmn/main_bg2.gif) no-repeat bottom ;
}
*/
/* 大枠 */

/*　ヘッダー　*/
#HDR-BG { background: url(../imgs/cmn/hdr_bg_line.gif) repeat-x bottom #FFFFFF ;
}
#HDR { padding: 0px 0px 0px ;
	width: 888px ;
	margin: 0 auto ;
	height: 151px;
}
#HDR h1 { float: left ;
	padding: 19px 0 16px 0 ;
}
.text-clm { float: left ;
	width: 140px ;
}
#SUB-NV { float: right;
	padding: 18px 0 0 ;
	width: 174px;
}
#SIZE {
	font-size: 2px ;
	line-height: 2px ;
	padding-top: 12px ;
	height: 16px ;
}
#SIZE #SIZE-T{
	margin-right: 9px;
}
#SIZE #SIZE-3{
	margin-right: 2px;
}
#SIZE li { float: left;
	list-style: none;
}
#SIZE a { display: block;
	height: 0px;
	text-decoration: none;
	overflow:hidden;
	padding-top:25px;
	line-height: 300px;
}

#SIZE-2 a { width: 52px;
	background-position: 0px 0px;
	background: url(../imgs/cmn/hdr_font_std.gif) no-repeat;
}
#SIZE-2 a,
#SIZE-2 a:hover { background-position: 0px -25px;
}
#SIZE-3 a { width: 52px;
	background-position: 0px 0px;
	background: url(../imgs/cmn/hdr_font_big.gif) no-repeat;
}
#SIZE-3 a:hover { background-position: 0px -25px;
}

/*　ヘッダー終わり　*/
/*　グランドナビゲーション　*/
#GNV { clear: both ;
	padding: 0;
}
#GNV li { float: left;
	list-style: none;
}
#GNV a { display: block;
	height: 0px;
	text-decoration: none;
	overflow:hidden;
	padding-top: 51px;
}
#GNV-BTN-1 a { background-position: 0px 0px;
	width: 102px;
	background: url(../imgs/cmn/hdr_gnav_1.gif) no-repeat;
}
#GNV-BTN-1 a:hover { background-position: 0px -51px ;
}
#GNV-BTN-2 a { background-position: 0px 0px;
	width: 152px;
	background: url(../imgs/cmn/hdr_gnav_2.gif) no-repeat;
}
#GNV-BTN-2 a:hover { background-position: 0px -51px ;
}
#GNV-BTN-3 a  { background-position: 0px 0px;
	width: 185px;
	background: url(../imgs/cmn/hdr_gnav_3.gif) no-repeat;
}
#GNV-BTN-3 a:hover { background-position: 0px -51px ;
}
#GNV-BTN-4 a { background-position: 0px 0px;
	width: 120px;
	background: url(../imgs/cmn/hdr_gnav_4.gif) no-repeat;
}
#GNV-BTN-4 a:hover { background-position: 0px -51px ;
}
#GNV-BTN-5 a { background-position: 0px 0px;
	width: 169px;
	background: url(../imgs/cmn/hdr_gnav_5.gif) no-repeat;
}
#GNV-BTN-5 a:hover { background-position: 0px -51px ;
}
#GNV-BTN-6 a { background-position: 0px 0px;
	width: 160px;
	background: url(../imgs/cmn/hdr_gnav_6.gif) no-repeat;
}
#GNV-BTN-6 a:hover { background-position: 0px -51px ;
}
/*　グランドナビゲーション終わり　*/


/*　フッター　*/
#END {
	clear: both;
}
#FTR {
	padding: 18px 0 0 0;
	clear: both;
	margin: 0 auto;
	width: 888px;
}
.totop {
	width: 404px;
	margin: 0 auto ;
	padding: 0 0 18px 484px;
}
#FTR-GLAY{
	background: url(../imgs/cmn/ftr_bg.gif) repeat;
	height: 57px;
	width: 100%;
}
#FTR #FTR-NV { float: right;
	margin-bottom: 5px;
	padding-right: 2px;
}
#FTR #FTR-NV li {
	float:left;
	margin-left: 23px;
}
#FTR p.small {
	padding-top: 6px;
	float: left;
	width: 224px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}
/*　フッター終わり　*/


/* メインコンテンツ */
#MAIN-CLM-BG {
}
#MAIN-CLM {
	padding: 0 ;
	clear: both ;
	width: 888px ;
	margin: 0 auto ;
}
#RIGHT-PANE {
	float: right;
	width: 272px;
	padding: 0;
}
#LEFT-PANE {
	float: left;
	padding: 0;
	width: 580px;
}
#LNV { width: 176px ;
	padding: 0 0 0 0 ;
}
#LNV a,
#LNV .nolink { display: block;
	width: 146px;
	padding: 12px 0 12px 30px ;
/*	background: url(../imgs/cmn/lnv_arw.gif) no-repeat 14px center ; */
	color: #343434 ;
}
#LNV a:hover { background-color: #F3F3F3 ;
	text-decoration: none ;
}
#LNV .lnv-tt { border-bottom: none ;
	width: 176px ;
	line-height: 0 ;
	margin: 0 ;
	padding: 0 ;
}
#LNV .lnv-tt a { padding: 0 ;
	margin: 0 ;
	background: none ;
	width: 176px ;
}
#LNV .lnv-tt a img {
}
#LNV li { border-bottom: 1px dotted #8e8e8e ;
	float: left ;
}
#LNV li ul { padding: 0 0 0 0 ;
}
#LNV li ul li { border: none ;
}
#LNV li ul a { height: auto ;
	width: 116px ;
	padding: 3px 0 3px 60px ;
	background-position: 44px center ;
}
#LNV li ul .list-end a { padding-bottom: 21px ;
	background-position: 44px 7px ;
}
/* メインコンテンツ */


/* パンくずナビ */
.bread {
	padding: 18px 0px 26px 0;
	font-size: 74%;
}
/* パンくずナビ 終わり*/

/* 非表示文字 */
.no-dpl {
	visibility: hidden;
	font-size: 2px;
	line-height: 3px ;
}

/* マウスオーバー時の半透明 */

a:hover img.lnk { /* IE */
	filter: alpha(opacity = 50);
	/* Safari Opera */
	opacity: 0.50;
	/* Firefox Netscape */
	-moz-opacity: 0.50;
}

/* マウスオーバー時の半透明 */

/* アロー
.arw { background: url(/imgs/cmn/lnv_arw.gif) no-repeat left 0.3em ;
	padding-left : 12px ;
	display: block ;
}
 アロー 終了 */


/*　外部リンク　
.os { background: url(/imgs/tnt/os.gif) no-repeat left 0.3em ;
	padding-left: 18px ;
	display: block ;
}
　外部リンク　*/



img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
