@charset "utf-8";

/* リセットここから */
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
}

/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* for Dreamweaver */
.clearfix {overflow:hidden;}
/* end Dreamweaver */

/* ボディ全体 */
body {
	color: #000;
	font-size: 13px ;
	font-family: Gulim, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	*font-size: 13px;
	*font: x-small;
	
	margin: 0px;
	padding: 0px;
	line-height: 161.6%;
	background: url(../images/common/bg_body.gif) repeat-x top;
}

/* 韓国語フォント http://d.hatena.ne.jp/toko105/20110217/1297923082
	角ゴシック	Dotum (돋움)
	明朝			Batang (바탕)
	毛筆系		Gungsuh (궁서)
	MSゴシック	Gulim (글림)
*/

/*イメージ下スペース削除*/
img { vertical-align:bottom; }

/*文字サイズ・装飾*/
strong { font-size: 100%; font-weight: bold;}
small {font-size: 93%;}
.red { color: #C33; }
.green { color: #22AC1F; }
.navy { color:#00186c; }

.lineH18 { line-height: 138.5%; }
.lineH24 { line-height: 182%; }

.txtCenter { text-align: center; }
.txtRight { text-align: right; }
.txtLeft { text-align: left; }
.txtSmall { font-size: 93%; line-height:123.1%; }
.txtKome { margin-left: 1em; text-indent: -1em; }
.txtIndent1 { text-indent: 1em; }
.txtBig { font-size: 116%; }
.txtStrong { font-weight: bold; }

.clear-type {
	-webkit-transform-origin: 0 0;
	-webkit-transform: scale(1, 1.01);
	 -moz-transform-origin: 0 0;
	 -moz-transform: scale(1, 1.01);
	  -ms-transform-origin: 0 0;
	  -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
	   -o-transform-origin: 0 0;
	   -o-transform: scale(1, 1.01);
}

/*リスト*/
ul.square{ list-style: square; }
ul.decimal { list-style: decimal;}
ul.disc { list-style: disc;}
ul.circle { list-style: circle; }
ul.lower-alpha { list-style: lower-alpha; }
ul.decimal li,ul.disc li,ul.circle li,ul.lower-alpha li { margin-bottom: 7px; margin-left:2em; }


/*テキストリンク*/
a { color: #71892a; text-decoration: none;}
a:hover { color:#0f9ea7; text-decoration: underline; }

/*画像枠線リンク*/
img.btnImg { border: 1px solid #DDD; padding:1px; background:#FFF; }
img:hover.btnImg {
	border: 1px solid #F90;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
img.bdrB { border-color: #0e2b7b; }
img:hover.bdrB { border-color: #0593bf; }

/*テーブル基本*/
table {
	line-height: 138.5%;
	border-collapse: collapse;
}
th,td {
	padding: 5px;
	vertical-align: top;
	border: #dbd2b0 solid 1px;
}
thead th {
	text-align: center;
	color: #fff;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#4c74b3', endColorstr = '#85a3cc');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#4c74b3', endColorstr = '#85a3cc')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #4c74b3, #85a3cc);
background-image: -ms-linear-gradient(top, #4c74b3, #85a3cc);
background-image: -o-linear-gradient(top, #4c74b3, #85a3cc);
background-image: -webkit-gradient(linear, center top, center bottom, from(#4c74b3), to(#85a3cc));
background-image: -webkit-linear-gradient(top, #4c74b3, #85a3cc);
background-image: linear-gradient(top, #4c74b3, #85a3cc);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
behavior: url("/kr/css/pie/PIE.htc");/*CSS3 PIE*/
}
tbody th {
	text-align: left;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f1f5fd', endColorstr = '#feffff');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f1f5fd', endColorstr = '#feffff')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #f1f5fd, #feffff);
background-image: -ms-linear-gradient(top, #f1f5fd, #feffff);
background-image: -o-linear-gradient(top, #f1f5fd, #feffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f1f5fd), to(#feffff));
background-image: -webkit-linear-gradient(top, #f1f5fd, #feffff);
background-image: linear-gradient(top, #f1f5fd, #feffff);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
-pie-background: linear-gradient(top, #f1f5fd, #feffff);
behavior: url("/kr/css/pie/PIE.htc");/*CSS3 PIE*/
}

caption {
	background: url(../images/common/icon_03.gif) no-repeat left top;
	text-align: left;
	font-size: 108%;
	font-weight: bold;
	line-height:18px;
	margin-bottom: 5px;
	padding-left: 8px;
}
.verticalM { vertical-align: middle; }
.nowrap { white-space: nowrap; }

/*その他*/
.clearBoth { clear: both;}
.anchor { display: block; }
.pngIE6 {}
.photoBox {}

.fL { float:left; display: inline; }
.fR { float: right; display: inline; }

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

/* ヘッダー */
#header {
	width: 1000px;
	height: 180px;
	position: relative;
	margin: 0px auto;
	background: url(../images/common/bg_header.jpg) no-repeat left bottom;
}

/* ヘッダー：ロゴリンク */
#header h1,
#header h1 a {
	display:block;
	width: 200px;
	height: 90px;
}
#header h1 {
	position: absolute;
	top: 30px;
	left: 10px;
}
#header h1 a {
	background: url(../images/common/logo.gif) no-repeat left top;
	text-indent: -9999px;
	color: transparent;
}

/* ヘッダー：コピー */
#header h2 {
	position: absolute;
	top: 62px;
	left: 290px;
	width: 326px;
	height: 28px;
	background: url(../images/common/h2_copy.png) no-repeat left top;
	text-indent: -9999px;
	color: transparent;
}

/*ヘッダー：言語リンク*/
#header .lang {
	color:#fff;
	font-size: 93%;
	text-align: right;
	line-height: 20px;
}
#header .lang a			{ color: #fff; }
#header .lang a:hover	{ color: #e8f1fa; text-decoration: underline; }

/* ヘッダーピックアップメニュー */
#pickupMenu {
	position: absolute;
	top: 59px;
	right: 7px;
	width: 280px;
	height: 40px;
}

#pickupMenu li {
	display: inline;
	float: left;
	height: 40px;
	text-indent: -9999px;
}

#pickupMenu a {
	display: block;
	height: 40px;
	background: url(../images/common/btn_pickup.jpg) no-repeat;
	text-indent: -9999px;
	color: transparent;
}

#picBtn1			{ width:120px; margin-right:10px; }
#picBtn1 a			{ width:120px; background-position: 0px 0px; }
#picBtn1 a:hover	{ background-position: 0px -40px; }

#picBtn2			{ width:150px; }
#picBtn2 a			{ width:150px; background-position: -130px 0px; }
#picBtn2 a:hover	{ background-position: -130px -40px; }

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

/* メインコンテンツエリア */
#contentsMain {
	position: relative;
	width: 1000px;
	margin: 0px auto 10px auto;
	overflow: hidden;
	_zoom:1;
}

/*メインメニュー*/
#mainMenu, 
#mainMenu li, 
#mainMenu a {
	height: 50px;
}
#mainMenu {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1000px;
}

#mainMenu li {
	display: inline;
	float: left;
}

#mainMenu a {
	display:block;
	background: url(../images/common/btn_mainmenu.png) no-repeat;
	text-indent: -9999px;
	color: transparent;
}
#mainBtn1,
#mainBtn2,
#mainBtn3,
#mainBtn4,
#mainBtn5		{ width: 166px; margin-right:1px; }
#mainBtn6		{ width: 165px; }

#mainBtn1 a		{ background-position: 0px 0px; }
#mainBtn1 a:hover	{ background-position: 0px -50px; }
#mainBtn1 a.on		{ background-position: 0px -100px; }

#mainBtn2 a		{ background-position: -167px 0px; }
#mainBtn2 a:hover	{ background-position: -167px -50px; }
#mainBtn2 a.on		{ background-position: -167px -100px; }

#mainBtn3 a		{ background-position: -334px 0px; }
#mainBtn3 a:hover	{ background-position: -334px -50px; }
#mainBtn3 a.on		{ background-position: -334px -100px; }

#mainBtn4 a		{ background-position: -501px 0px; }
#mainBtn4 a:hover	{ background-position: -501px -50px; }
#mainBtn4 a.on		{ background-position: -501px -100px; }

#mainBtn5 a		{ background-position: -668px 0px;  }
#mainBtn5 a:hover	{ background-position: -668px -50px; }
#mainBtn5 a.on		{ background-position: -668px -100px;}

#mainBtn6 a		{ background-position: -835px 0px; }
#mainBtn6 a:hover	{ background-position: -835px -50px; }
#mainBtn6 a.on		{ background-position: -835px -100px; }

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

/*サブメニュー*/
#subMenu {
	position: absolute;
	top: 93px;
	right: 8px;
	width: 265px;
	height: 21px;
}

#subMenu li {
	display: inline;
	float: left;
	height: 21px;
}

#subMenu a {
	display: block;
	height: 21px;
	background: url(../images/common/btn_submenu.png) no-repeat;
	text-indent: -9999px;
	color: transparent;
}

#subBtn1			{ width: 87px; margin-right: 10px; }
#subBtn1 a			{ background-position: 0px 0px; }
#subBtn1 a:hover	{ background-position: 0px -21px; }

#subBtn2			{ width: 168px; }
#subBtn2 a			{ background-position: -97px 0px; }
#subBtn2 a:hover	{ background-position: -97px -21px; }

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

/*パンくず*/
#pankuzu {
	margin: 0 auto;
	padding: 0 0 0 10px;
	width: 1000px;
	height: 20px;
	color: #003478;
	font-size: 90%;
	text-align: left;
}
#pankuzu a			{ color:#003478; text-decoration: none; }
#pankuzu a:hover	{ color:#003478; text-decoration: underline; }

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

/* 左サイドメニュー＆バナー */
#side {
	position: relative;
	float: left;
	margin: 0 20px 0 0;
	padding: 10px;
	width: 200px;
	min-height: 680px;
	background: url(../images/common/bg_sidemenu.gif) no-repeat 0 0;
}

#side li {
	display: block;
	margin-bottom: 10px;
}

#side .menu a {
	display: block;
	height: 60px;
	color: transparent;
	text-indent: -9999px;
}

#side .banner li {
	background-color: #fff;
}


#sideBtn1 a, #sideBtn2 a, #sideBtn3 a {
	width: 200px;
	background: url(../images/common/btn_sidemenu.png) no-repeat;
}

#sideBtn1 a			{ background-position: 0px 0px; }
#sideBtn1 a:hover	{ background-position: -200px 0; }

#sideBtn2 a			{ background-position: 0 -70px; }
#sideBtn2 a:hover	{ background-position: -200px -70px; }

#sideBtn3 a			{ background-position: 0px -140px; }
#sideBtn3 a:hover	{ background-position: -200px -140px; }

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

/*フッター*/
#footer {
	clear: both;
	width: 100%;
	background: url(../images/common/bg_footer.gif) repeat-x #eee;
	color: #555;
}

/*フッター：リンク*/
#footerLink {
	position: relative;
	width: 980px;
	margin: 0px auto;
	padding: 10px 10px 0 10px;
	font-size: 86%;
	line-height: 116%;
}
#footerLink dl{
	float: left;
	display: inline;
	margin-right: 40px;
}

#footerLink dt, 
#footerLink dd {
	padding-left: 10px;
	margin-bottom: 7px
}

#footerLink dt {
	background: url(../images/common/icon_01.gif) no-repeat 0px 0px;
	margin-top: 20px;
}
#footerLink dd {
	background: url(../images/common/icon_02.gif) no-repeat 0px 2px;
}
#footerLink a		{ color:#555; }
#footerLink a:hover	{ text-decoration: underline; }

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

/*フッター：ページトップ*/
a#btnPagetop {
	display: block;
	position: absolute;
	right: -3px;
	top: 0;
	width: 108px;
	height: 26px;
	text-indent: -9999px;
	background: url(../images/common/btn_pagetop.png) no-repeat left top;
}
a#btnPagetop:hover { background-position: right top; }

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

/* フッター：インフォメーション */
#footer .info {
	width: 980px;
	margin: 0px auto 0px auto;
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #c3c3c3;
	-webkit-box-shadow: inset 0 1px #fff;
	   -moz-box-shadow: inset 0 1px #fff;
		box-shadow: inset 0 1px #fff;
}
#footer .info p {
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 90%;
	line-heignt: 1em;
}
/*コピーライト*/
#footer .copyRight {
	width: 100%;
	height: 20px;
	background: url(../images/common/bg_footerbar.gif) repeat-x left;
	overflow: hidden;
}
#footer .copyRight p {
	width: 1000px;
	margin: 0 auto;
	padding: 4px 20px 0 0;
	color: #FFF;
	font-size: 82%;
	line-height: 1em;
	text-align: right;
}
/*
#footer .copyRight p {
	width: 1000px;
	margin: 0 auto;
	padding: 0 100px 0 0;
	color: #FFF;
	font-size: 82%;
	line-height: 1em;
	text-align: right;
}
*/

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

/*マージン*/
.m_n { margin: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }

.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.ml10 { margin-left: 10px !important;}
.ml20 { margin-left: 20px !important;}
.mt10 { margin-top: 10px !important;}

.mRLauto { margin-left: auto; margin-right:auto !important;}

/*横幅*/
.w10 {width:10px;}.w20 {width:20px;}.w30 {width:30px;}.w40 {width:40px;}
.w50 {width:50px;}.w60 {width:60px;}.w70 {width:70px;}.w80 {width:80px;}.w90 {width:90px;}
.w100 {width:100px;}.w110 {width:110px;}.w120 {width:120px;}.w130 {width:130px;}.w140 {width:140px;}
.w150 {width:150px;}.w160 {width:160px;}.w170 {width:170px;}.w180 {width:180px;}.w190 {width:190px;}
.w200 {width:200px;}.w210 {width:210px;}.w220 {width:220px;}.w230 {width:230px;}.w240 {width:240px;}
.w250 {width:250px;}.w260 {width:260px;}.w270 {width:270px;}.w280 {width:280px;}.w290 {width:290px;}
.w300 {width:300px;}.w310 {width:310px;}.w320 {width:320px;}.w330 {width:330px;}.w340 {width:340px;}
.w350 {width:350px;}.w360 {width:360px;}.w370 {width:370px;}.w380 {width:380px;}.w390 {width:390px;}
.w400 {width:400px;}.w410 {width:410px;}.w420 {width:420px;}.w430 {width:430px;}.w440 {width:440px;}
.w450 {width:450px;}.w460 {width:460px;}.w470 {width:470px;}.w480 {width:480px;}.w490 {width:490px;}
.w500 {width:500px;}.w510 {width:510px;}.w520 {width:520px;}.w530 {width:530px;}.w540 {width:540px;}
.w550 {width:550px;}.w560 {width:560px;}.w570 {width:570px;}.w580 {width:580px;}.w590 {width:590px;}
.w600 {width:600px;}.w610 {width:610px;}.w620 {width:620px;}.w630 {width:630px;}.w640 {width:640px;}
.w650 {width:650px;}.w660 {width:660px;}.w670 {width:670px;}.w680 {width:680px;}.w690 {width:690px;}

.w700 { width: 700px; margin-left: auto; margin-right: auto; }
.w720 { width: 720px; margin-left: auto; margin-right: auto; }
.w740 { width: 740px; margin-left: auto; margin-right: auto; }
.w760 { width: 760px; margin-left: auto; margin-right: auto; }
.w980 { width: 980px; margin-left: auto; margin-right: auto; }
.w1000 { width: 1000px; margin-left: auto; margin-right: auto; }

/*画像ボタン*/
a.btnAccess {
	background: url(../images/common/btn_access.png) no-repeat left top;
	width: 279px;
	height: 31px;
	text-align: left;
	text-indent: -9999px;
	color: transparent;
	display: inline-block;
	behavior: url("/kr/css/pie/PIE.htc");/*CSS3 PIE*/
}
a:hover.btnAccess { background-position: left bottom; }

a.btnDetail {
	background: url(../images/common/btn_detail.png) no-repeat left top;
	width: 149px;
	height: 31px;
	text-align: left;
	text-indent: -9999px;
	color: transparent;
	display: inline-block;
	behavior: url("/kr/css/pie/PIE.htc");/*CSS3 PIE*/
}
a:hover.btnDetail { background-position: left bottom; }