@charset "utf-8";
/**=====================================================================
 * NAME: base.css
 * HIST: 2012.02.17 K.Abe
 *       2012.04.28 K.Abe
 *       2012.05.03 K.Abe IE6対応、ローカルナビ影調整
 *       2012.05.10 K.Abe ローカルナビ調整、フォントファミリ変更
 *       2012.06.08 K.Abe フォントサイズFIX、ページトップへのサイズ
 *
 *		index
 *		1 - CSS Reset
 *		2 - Base font
 *		3 - font style
 *		4 - text color
 *		5 - Anchor color
 *		6 - clearfix		(floatを解除する方法)
 *		7 - float
 *		8 - preset width
 *		9 - preset margin
 *		10 - preset padding
 *		11 - inline align
 *		12 - vertical align
 *		13 - block align
 *		14 - imgBox
 *		15 - tools
 *		16 - JavaScript Class
 *		17 - layout
 **===================================================================*/

/**---------------------------------------------------------------------
 *
 **-------------------------------------------------------------------*/
/**=====================================================================
 *	1 - CSS Reset
 **===================================================================*/
html {
	overflow-y: scroll;	/* 横方向のはみ出しはスクロールバー表示 */
}

body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset,
p, blockquote,
th, td {
	margin: 0;
	padding: 0;
}

input, textarea {
	margin: 0;
	font-size: 100%;
}

label {
	cursor: pointer;
}

table {
	border-collapse: collapse;	/* セル境界を重ねて表示 */
	border-spacing: 0;			/* セル境界のサイズ */
	font-size: 100%;
}

fieldset, img {
	border: 0;
}

address, caption,
cite,	/* citation（引用・参照）*/
code,	/* プログラムコード */
dfn,	/* DeFiNition（定義部）*/
em,		/* EMphasis（強調）*/
th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,	/* Quotation（引用）*/
q:after {
	content:'';		/* ブラウザで異なる引用符を消す */
}

abbr,		/* abbreviation（略語）*/
acronym {	/* 頭字語 */
	border: 0;
}

/**=====================================================================
 *	2 - Base font
 **===================================================================*/
body {
	font-family: "MS Pゴシック", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	*font-size: 90%;    /* 2012.06.01 IE用14px */
	line-height: 1.3;
	color: #333333;
	/*text-align: center;*/
}

/*--- cssハック IE7のみ適用 ---*/
*:first-child+html body {
/*	font-size: 75%;*/
/*	font-size: 62.5%;*/
}

/*--- cssハック IE6以下に適用 ---*/
* html body {
/*	font-size:75%;*/
/*	font-size: 62.5%;*/
}

/*--- cssハック IE8に適用 ---*/
html>/**/body {
	font-size /*\**/: 75%\9;
}


/**=====================================================================
 *	3 - font style
 **===================================================================*/
.fNormal { font-weight: normal;}
.fBold   { font-weight: bold;}
.fItalic { font-style: italic;}

.fSSS { font-size: 70%;}
.fSS  { font-size: 78%;}	/* base 12px -  8px */
.fS   { font-size: 85%;}	/* base 12px - 10px */
.fM   { font-size: 100%;}
.fL   { font-size: 115%;}	/* base 12px - 14px */
.fLL  { font-size: 130%;}	/* base 12px - 16px */
.fLLL { font-size: 143%;}	/* base 12px - 18px */
sup { font-size: 78%; vertical-align: top;}			/* 下付き文字 */
sub { font-size: 78%; vertical-align: baseline;}	/* 上付き文字 */

/**=====================================================================
 *	4 - text color
 **===================================================================*/
.txtColor1 { color: #007f4b;}
.txtColor2 { color: #007f4b;}
.txtColor3 {}
.txtColor4 {}
.txtColor5 {}

/**=====================================================================
 *	5 - Anchor color
 **===================================================================*/
a {
	color: #0099cc;
	text-decoration: underline;
	outline: none;
	cursor: pointer;
}
a:link {}		/* 通常リンク */
a:visited {}	/* 読込み済み */
a:active {}		/* クリックされた瞬間 */
a:hover {		/* マウスが上に乗せられている状態 */
	text-decoration: none;
}

/**=====================================================================
 *	6 - clearfix		(floatを解除する方法)
 **===================================================================*/
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;		/* floatの解除 */
	content: ".";		/* 指定要素の直後に.を追加 */
	display: block;		/* ブロック要素 */
	height: 0;			/* 高さ0 */
	visibility: hidden;	/* 非表示 */
}
/*--- cssハック ---*/
/*---
 *	IE6以下
 *		height: 1%;
 *	Mac用IE5で
 *		height: 1%;
 *		height: auto;
 *		overflow: hidden;
---*/
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/**=====================================================================
 *	7 - float
 **===================================================================*/
.fltL {		/* 自要素の左に回りこみ */
	display: inline;
	float: left;
}
.fltR {		/* 自要素の右に回りこみ */
	display: inline;
	float: right;
}
.ft {		/* はみ出し部分を非表示にする */
	overflow: hidden;
	zoom: 1;		/* IE独自 */
}


/**=====================================================================
 *	8 - preset width
 **===================================================================*/
.wHalf  { width: 48%;}		/* 要素の幅指定：半分 */
.wTri   { width: 33%;}		/* 要素の幅指定：３分の１ */
.wQuart { width: 24%;}		/* 要素の幅指定：４分の１ */
.wFull  { width: 99.9%;}	/* 要素の幅指定：フル */
.wMax   { width: 100%;}		/* 要素の幅指定：最大 */

/* table */
.tw03 { width:  3% !important;}
.tw05 { width:  5% !important;}
.tw10 { width: 10% !important;}
.tw13 { width: 13% !important;}
.tw15 { width: 15% !important;}
.tw20 { width: 20% !important;}
.tw25 { width: 25% !important;}
.tw30 { width: 30% !important;}
.tw35 { width: 35% !important;}
.tw40 { width: 40% !important;}
.tw45 { width: 45% !important;}
.tw50 { width: 50% !important;}


/**=====================================================================
 *	9 - preset margin 
 **===================================================================*/
.mt00 { margin-top:  0   !important;}
.mt05 { margin-top:  5px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mr00 { margin-right:  0   !important;}
.mr05 { margin-right:  5px !important;}
.mr10 { margin-right: 10px !important;}
.mr12 { margin-right: 12px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb00 { margin-bottom:  0   !important;}
.mb05 { margin-bottom:  5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}

.ml00 { margin-left:  0   !important;}
.ml05 { margin-left:  5px !important;}
.ml10 { margin-left: 10px !important;}
.ml12 { margin-left: 12px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}


/**=====================================================================
 *	10 - preset padding
 **===================================================================*/
.pt00 { padding-top:  0   !important;}
.pt05 { padding-top:  5px !important;}
.pt10 { padding-top: 10px !important;}
.pt12 { padding-top: 12px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}

.pr00 { padding-right:  0   !important;}
.pr05 { padding-right:  5px !important;}
.pr10 { padding-right: 10px !important;}
.pr12 { padding-right: 12px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pb00 { padding-bottom:  0   !important;}
.pb05 { padding-bottom:  5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb12 { padding-bottom: 12px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}

.pl00 { padding-left:  0   !important;}
.pl05 { padding-left:  5px !important;}
.pl10 { padding-left: 10px !important;}
.pl12 { padding-left: 12px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}


/**=====================================================================
 *	11 - inline align
 **===================================================================*/
.inlineL { text-align: left;}
.inlineC { text-align: center;}
.inlineR { text-align: right;}


/**=====================================================================
 *	12 - vertical align
 **===================================================================*/
.vlineT { vertical-align: top    !important;}
.vlineM { vertical-align: middle !important;}
.vlineB { vertical-align: bottom !important;}


/**=====================================================================
 *	13 - block align
 **===================================================================*/
.blockC { text-align: center;}
	.blockC .block {
		margin-right: auto;
		margin-left: auto;
		text-align: left;
	}
	/* ie 6 Fix */
	* html .blockC .block {
		margin-right: 0;
		margin-left: 0;
	}

.blockR { text-align: right;}
	.blockR .block {
		margin-left: auto;
		text-align: left;
	}
	/* ie 6 Fix */
	* html .blockR .block {
		margin-left: 0;
	}


/**=====================================================================
 *	14 - imgBox
 **===================================================================*/
.imgBoxL,
.imgBoxR {
	display: block;
	min-height: 1%;
}
.imgBoxL:after,
.imgBoxR:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
/*--- cssハック ---*/
/*---
 *	IE6以下
 *		height: 1%;
 *	Mac用IE5で
 *		height: 1%;
 *		height: auto;
 *		overflow: hidden;
---*/
* html .imgBoxL,
* html .imgBoxR {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.imgBoxL .fltImg {
	display: inline;
	float: left;
	margin-right: 10px;
}
.imgBoxR .fltImg {
	display: inline;
	float: right;
	margin-left: 10px;
}


/**=====================================================================
 *	15 - tools
 **===================================================================*/
.clear { clear: both;}

.block  { display: block;}
.inline { display: inline;}
.hide   { display: none;}

.nobg { background: none !important;}

.underLine { text-decoration: underline;}
.noLine    { text-decoration: none;}


/**=====================================================================
 *	16 - JavaScript Class
 **===================================================================*/
.over            {/* ロールオーバー呼び出し用 */}
.heightLine-     {/* heightLine.js呼び出し用 */}
.png             {/* DD_belatedPNG.js呼び出し用 */}
.js_window_open-width-height  {}
.js_page_print   {}
.js_window_close {}

/**=====================================================================
 *	17 - Layout
 **===================================================================*/
/* --------------------------------------------
 * #contents       コンテンツ領域
 * .sectionLv1     セクション１（未使用）
 * .sectionLv2     セクション２（未使用）
 * .sectionLv3     セクション３（未使用）
-------------------------------------------- */
#contents,
.sectionLv1,
.sectionLv2,
.sectionLv3 {
	display: block;
	min-height: 1%;
}

#contents:after,
.sectionLv1:after,
.sectionLv2:after,
.sectionLv3:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/*--- cssハック ---*/
/*---
 *	IE6以下
 *		height: 1%;
 *	Mac用IE5で
 *		height: 1%;
 *		height: auto;
 *		overflow: hidden;
---*/
* html #contents,
* html .sectionLv1,
* html .sectionLv2,
* html .sectionLv3 {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* --------------------------------------------
	wrapper
-------------------------------------------- */
#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 5px 0 50px 0;
	width: 984px;
	text-align: left;
	z-index: 1;
}


/* --------------------------------------------
	header
-------------------------------------------- */
#headerWrap {
	text-align: center;
	background: url(/common/img/hd_bg.gif) left top repeat-x;
	/*height: 141px;*/
}
#headerWrap_sks {
	text-align: center;
	background: url(/common/img/hd_bg_sks.gif) left top repeat-x;
	/*height: 141px;*/
}
#header {
	position: relative;
	width: 984px;
/*	height: 141px;*/
	margin: 0 auto;
	text-align: left;
	z-index: 100;
}
	#header #header_sec01 {
		height: 57px;
		overflow: hidden;
		zoom: 1;
	}
	#hd_logo1 {	/* BS logo */
		float: left;
		/*padding: 25px 0 0 0;*/
		padding: 5px 0 28px 0px;
	}
	#hd_logo2 {	/* REP.NET logo */
		float: left;
		position: absolute;
		top: 5px;
		right: 343px;
	}
	#hd_logout {	/* logout ボタン */
		float: left;
		position: absolute;
		top: 5px;
		right: 0px;
	}
	#hd_login_user {
		float: left;
		position: absolute;
		right: 0px;
		top: 30px;
		border-top: 1px solid #808088;
		border-top: 1px solid #c0c0c8;
		border-left: 1px solid #c0c0c8;
		border-right: 1px solid #909098;
		border-bottom: 1px solid #909098;
		padding: 1px 2px 2px 8px;
		/*margin: 0px 0px 5px;*/
		background-color: #f6ffff;
		font-size:75%;
		width:120px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.hd_anq {
		float: left;
		position: absolute;
		top: 30px;
		right: 130px;
		border-top: 1px solid #808088;
		border-left: 1px solid #808088;
		border-right: 1px solid #c0c0c8;
		border-bottom: 1px solid #c0c0c8;
		font-weight: bold;
		padding: 1px 10px 2px 28px;
		margin: 0px 2px 0px 2px;
		background: url("/common/img/memoicon.gif") no-repeat lavender;
		font-size:75%;
	}


/* --------------------------------------------
	gNavi
-------------------------------------------- */
#gNavi {
	width: 984px;	/* グローバルナビ全体の幅 */
	height: 42px;	/* グローバルナビ全体の高さ */
	/*position: absolute;*/
	position: relative;
	bottom: 2px;
	_bottom: 2px;	/* IE6 */
	left: 0;
}
	#gNavi li {
		float: left;
	}
		#gNavi li img {
			vertical-align: bottom;
		}

/* --------------------------------------------
	topicPath
-------------------------------------------- */
#topicPath {
}
	#topicPath ul li {
	}
	#topicPath ul li.home {
	}


/* --------------------------------------------
	breadcrumbs
-------------------------------------------- */
#breadcrumbs {
	color:#999999;
	margin: 0 0 5px 0;
	background: url(/common/img/topicpath_marker.gif) no-repeat left center;
}

#breadcrumbs a {
	color:#999999;
	background: url(/common/img/topicpath_arrow.gif) no-repeat right center;
	padding: 0 8px 0 8px;
}
#breadcrumbs span {
	padding: 0 8px 0 8px;
}

/* --------------------------------------------
	menu
-------------------------------------------- */
#menu {
	width: 180px;
	float: left;
}
#menu .menu1 li {
	font-size: 120%;
	/*font-weight: bold;*/	/* 2012.05.10 */
	margin: 0 0 2px 0;
	padding: 0 0 0 14px;
	border-top: 1px solid Silver;
	border-left: 1px solid Silver;
	border-right: 1px solid #404048;
	border-bottom: 2px solid #404048;
	/*background-color: Gray;*/
	background: url(/common/img/menu_btn01.gif) no-repeat left center;
	background-color: #808080;
}
#menu .menu1 li p {
	color: black;	/* 2012.05.10 */
	width: 100%;
	/*text-shadow: 1px 1px 2px #000000;*/	/* 2012.05.10 */
	font-weight: normal\9;
	/*filter:shadow(color=#000000,Strength=3,Direction=135);*/	/* 2012.05.03-10 */
	/*filter:dropshadow(color=#000000,offx=2,offy=2,positive=1)\9;*/	/* 2012.05.03-10 */
}
#menu .menu2 li {
	color: black;
	font-size: 100%;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 2px 0px;
	padding:0px;
	border-top: 1px solid #c0c0c8;
	border-left: 1px solid #c0c0c8;
	border-right: 1px solid #909098;
	border-bottom: 1px solid #909098;
}
#menu .menu2 li p {
	display: block;
	padding: 3px 5px 3px 12px;
	background: url(/common/img/list-mark024B_red.gif) no-repeat left center;
	background-color: white;
}
#menu .menu2 li a {
	display: block;
	padding: 3px 5px 3px 12px;
	background: url(/common/img/list-mark024B.gif) no-repeat left center;
	background-color: white;
}
#menu .menu2 li a:link {	/* 通常リンク */
	color: #333333;
}
#menu .menu2 li a:visited {	/* 訪問後リンク */
	color: #833333;
}
#menu .menu2 li a:hover {	/* マウスオン */
	font-weight: bold;
	background-color: lavender;
}
#menu .menu2 li a:active {	/* マウスクリック */
	font-weight: bold;
	background-color: gray;
}

/* --------------------------------------------
	contents
-------------------------------------------- */
#contents {
	zoom: 1;
	margin: 0 0 0 188px;
	_margin: 0 0 0 8px;	/* IE6 2012.05.03 */
	_float: left;		/* IE6 2012.05.03 */
	_width: 791px;		/* IE6 2012.05.03 #wrapperの幅 984px - #menuの幅 180px - マージン8px = 796px */
}
	#contents #main {
	}
	#contents #sub {
	}
		.pageTop {
		}

/* --------------------------------------------
	footer
-------------------------------------------- */
#footerWrap {
	clear: both;
	text-align: center;
	background: url(/common/img/ft_bg.gif) left top repeat-x;
	padding: 15px 0;
	zoom: 1;
}
#footerWrap_sks {
	clear: both;
	text-align: center;
	background: url(/common/img/ft_bg_sks.gif) left top repeat-x;
	padding: 10px 0 110px 0;
	zoom: 1;
}
#footer {
	width: 984px;
	margin: 0 auto;
	/*text-align: left;*/
	text-align: center;
}
#footer img {
	float: left;
}
#footer div {
	display: inline-block;
}
	.fNavi {
	}
		.fNavi li {
		}
	.copyright {
	}


/* --------------------------------------------
	Common Parts (Title)
-------------------------------------------- */
.h1_basic {
}
.h2_top {
	overflow: hidden;
	zoom: 1;
	/*padding: 0 0 15px 0;*/
	background: url(/common/img/midashi02.gif) left bottom repeat-x;
	width: 100%;
}
.h2_top h2 {
	display: inline-block;
	background: url(/common/img/midashi02red.gif) left center no-repeat;
	font-size: 170%;
	font-weight: bold;
	width: 70%;
	position: relative;
	top: 3px;
	float: left;
	padding: 0px 0 0px 13px;
	/*text-shadow: 1px 1px 2px #c0c0c0;						/* 2012.05.03-10 */
	/*filter:shadow(color=#c0c0c0,Strength=2,Direction=135);	/* 2012.05.03-10 */
}
/*.h2_top img {
	padding: 5px 0 0px 0px;
}*/
.h2_top a {
	display: block;
	width: 20%;
	float: right;
	height: 24px;
	background: url(/common/img/mark1.gif) left bottom no-repeat;
	padding: 8px 0px 0px 20px;
	font-weight: bold;
	font-size: 100%;
}
.h2_basic {
	overflow: hidden;
	zoom: 1;
	/*padding: 0 0 15px 0;*/
	background: url(/common/img/midashi02.gif) left bottom repeat-x;
	width: 100%;
}
.h2_basic h2 {
	display: inline-block;
	font-size: 200%;
	font-weight: bold;
	width: 80%;
	float: left;
}
.h2_basic img {
	padding: 5px 0 0px 80px;
}
.h3_basic {
}
.h4_basic {
}
.h5_basic {
}
.h6_basic {
}



/* --------------------------------------------
	Common Parts (List)
-------------------------------------------- */
.ul_basic {
}
	.ul_basic li {
	}

.ol_basic {
}
	.ol_basic li {
	}

.dl_basic {
}
	.dl_basic dt {
	}
	.dl_basic dd {
	}

/* トップ新着一覧用 */
.dl_index01 {
	background: url(/common/img/cmn_border01.gif) left bottom repeat-x;
	padding: 8px 0 5px 14px;
	overflow: hidden;
	zoom: 1;
}
	.dl_index01 dt {
		clear: both;
		float: left;
		font-weight: bold;
		width: 308px;
		/*padding: 0 0 8px 0;*/
		padding: 0 0 2px 0;
	}
		.dl_index01 dt span {
			margin: 0 15px 0 0;
			/*color: #ff0033;*/
		}
	.dl_index01 dd {
		float: left;
		width: 650px;
		/*padding: 0 0 8px 0;*/
		padding: 0 0 2px 0;
	}
		.dl_index01 dd a {
			padding: 0 0 0 22px;
		}
			.dl_index01 dd a.ico01 { background: url(/common/img/cmn_ico01.gif) left top no-repeat;}
			.dl_index01 dd a.ico02 { background: url(/common/img/cmn_ico02.gif) left top no-repeat;}
			.dl_index01 dd a.ico03 { background: url(/common/img/cmn_ico03.gif) left top no-repeat;}

/* 新着情報一覧用 */
.dl_index02 {
	background: url(/common/img/cmn_border01.gif) left bottom repeat-x;
	padding: 8px 0 10px 14px;
	overflow: hidden;
	zoom: 1;
}
	.dl_index02 dt {
		/*clear: both;*/
		float: left;
		font-weight: bold;
		width: 350px;
		/*padding: 0 0 8px 0;*/
		padding: 0 0 2px 0;
	}
		.dl_index02 dt span {
			margin: 0 15px 0 0;
			/*color: #ff0033;*/
		}
	.dl_index02 dd {
		float: left;
		width: 600px;
		/*padding: 0 0 8px 0;*/
		padding: 0 0 2px 0;
	}
		.dl_index02 dd a {
			padding: 0 0 0 22px;
		}
			.dl_index02 dd a.ico01 { background: url(/common/img/cmn_ico01.gif) left top no-repeat;}
			.dl_index02 dd a.ico02 { background: url(/common/img/cmn_ico02.gif) left top no-repeat;}
			.dl_index02 dd a.ico03 { background: url(/common/img/cmn_ico03.gif) left top no-repeat;}


	.index_sec02_txt01 {
		/*position: absolute;*/
		top: 5px;
		left: 425px;
		/*z-index: 1;*/
		margin: 4px 0 0 20px;
	}
		.index_sec02_txt01 p {
			float: left;
font-size:80%;
			margin: 5px 30px 0 0;
		}
			.index_sec02_txt01 p a {
				font-weight: bold;
				color: #999999;
			}

.ul_index01 {}
	.ul_index01 li {
		float: left;
		margin: 0 1px 0 0;
	}
		.ul_index01 li img {
			vertical-align: bottom;
		}

/* 見出し */
.midashi {
	background: url(/common/img/midashi02.gif) left top repeat-x;
	display: inline-block;
	width:100%;
	_width:99%;	/* IE6 2012.05.03 */
}
.midashi h2 {
	font-family: "HGSGothicM","arial unicode ms","MS Pゴシック", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica, Verdana, sans-serif;
	background: url(/common/img/midashi02red.gif) left center no-repeat;
	display: inline-block;
	font-size: 180%;	/* 190% → 185% 2012.05.10 */
	font-weight: bold;
	padding: 0 0 0px 14px;
	height: 30px;
	width:100%;
	_width:99%;	/* IE6 2012.05.03 */
	/*text-shadow: 1px 1px 2px #c0c0c0;						/* 2012.05.03-10 */
	/*filter:shadow(color=#c0c0c0,Strength=2,Direction=135);	/* 2012.05.03-10 */
}

/* ページ先頭へ */
.toPageTop {
	background: url(/common/img/btn_topagetop_off.gif) no-repeat scroll 0 0 transparent;
	bottom: 0;
	display: block;
	height: 22px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0px;
	text-indent: -9999px;
	width: 130px;
}
.toPageTop:hover {
	background: url(/common/img/btn_topagetop_on.gif) no-repeat scroll 0 0 transparent;
	bottom: 0;
	display: block;
	height: 22px;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0px;
	text-indent: -9999px;
	width: 130px;
}

/* 検索条件ボックス */
div.serchbox {
	padding: 5px 0px 5px 0px;
}
div.serch_title {
	background: url(/common/img/serch_title.gif) left center repeat-x;
	border-top: 1px solid #c0c0c8;
	border-left: 1px solid #c0c0c8;
	border-right: 1px solid #909098;
	border-bottom: 1px solid #909098;
}
div.serch_title span {
	padding: 2px 2px 2px 5px;
	display: inline-block;
}
div.serch_title img {
	/*margin:0px 0px 0px 710px;*/
	padding: 1px 1px 1px 1px;
	position: relative;
	/*vertical-align:middle;*/
	width: 16px;
	height:16px;
	top: 2px;
	left: 680px;
	/*left: 720px;
	right:0px;*/
}
div.serch_title div {
	/*padding: 2px 2px 2px 5px;*/
	display: inline;
	font-weight: bold;
	position: relative;
	left: 10px;
	width:100px;
	bottom: 2px;
}
ul.serch_condition {
	padding: 8px 5px 5px 10px;
	/*border-top: 1px solid #c0c0c8;*/
	border-left: 1px solid #c0c0c8;
	border-right: 1px solid #909098;
	border-bottom: 1px solid #909098;
}
ul.serch_condition li {
	padding: 0px 0px 3px 0px;
	display: block;
}
/* ie7 */
*:first-child+html ul.serch_condition li {
	width:750px;	/* 2012.05.11 */
}

ul.serch_condition li div {
	display: inline-block;
}
/* ie7 */
*:first-child+html ul.serch_condition li div {
	float: left;
}

ul.serch_condition li div.serch_col1 {
	width: 60px;		/* 2012.05.11 */
	_float: left;		/* IE6 2012.05.03 */
}
ul.serch_condition li div.serch_col2 {
	width: 350px;
	_float: left;		/* IE6 2012.05.03 */
}
ul.serch_condition li div.serch_col3 {
	font-size: 80%;
	/*width:400px;*/
	margin: 0px 0 0 5px;
	width: 330px;
}
ul.serch_condition li div.serch_submit {
	margin: 3px 0 0 500px;
	_margin: 3px 0 0 300px;	/* IE6 2012.05.03 */
}
/* ie7 */
*:first-child+html ul.serch_condition li div.serch_submit {
	margin: 3px 0 0 250px;
}

/* 新着登録画面用 */
ul.WhatsNewEntry1 {
	padding: 8px 5px 5px 10px;
	/*border-top: 1px solid #c0c0c8;*/
	border-left: 1px solid #c0c0c8;
	border-right: 1px solid #909098;
	border-bottom: 1px solid #909098;
}
ul.WhatsNewEntry1 li {
	padding: 0px 0px 3px 0px;
	display: block;
}
/* ie7 */
*:first-child+html ul.WhatsNewEntry1 li {
	width:700px;
}

ul.WhatsNewEntry1 li div {
	display: inline-block;
}
/* ie7 */
*:first-child+html ul.WhatsNewEntry1 li div {
	float: left;
}

ul.WhatsNewEntry1 li div.WhatsNewEntry1Col1 {
	width:30px;
	border-right: 1px solid #909098;
}
ul.WhatsNewEntry1 li div.WhatsNewEntry1Col2 {
	width:120px;
	border-right: 1px solid #909098;
}
ul.WhatsNewEntry1 li div.WhatsNewEntry1Col3 {
	width:120px;
	border-right: 1px solid #909098;
}
ul.WhatsNewEntry1 li div.WhatsNewEntry1Col4 {
	width:300px;
	border-right: 1px solid #909098;
}
ul.WhatsNewEntry1 li div.WhatsNewEntry1Col5 {
	width:300px;
	border-right: 1px solid #909098;
}
ul.WhatsNewEntry1 li div.WhatsNewEntry1Col6 {
	/*width:400px;*/
}

div.WhatsNewEntry1pre {
	display: inline-block;
	margin:0px 0px 0px 30px;
}
div.WhatsNewEntry1nxt {
	display: inline-block;
	margin:0px 0px 0px 30px;
}

/* --------------------------------------------
	Common Parts (table)
-------------------------------------------- */
.table_basic {
	margin:10px 0 0 5px;
	/*border: 1px solid #e3e3e3;*/
	border: 1px solid Gray;
	border-width: 0px 0px 0px 0;
	width: 100%;
}
	.table_basic th,
	.table_basic td {
		/*border: 1px solid #e3e3e3;*/
		border: 1px solid Gray;
		border-width: 1px 1px 1px 1px;
	}
	.table_basic th {
		height: 48px;
		vertical-align: middle;
		font-weight: bold;
		color: #666666;
		text-align: center;
		background: url(/common/img/table01_bg01.gif) left top repeat-x;
	}
	.table_basic td {
	}
		.table_basic th div,
		.table_basic td div {
			padding: 10px 0;
		}

/* --------------------------------------------
	Login
-------------------------------------------- */
#login_wrapper {
	text-align: center;
}

#login_header {
	margin: 20px 0px 20px 0px;
}

#login_box {
	margin: 0px auto;
	width: 450px;
}

.login_box_box {
	text-align: left;
	border-top: 3px solid #c0c0c8;
	border-left: 3px solid #c0c0c8;
	border-right: 3px solid #909098;
	border-bottom: 3px solid #909098;
	width: 390px;
	padding: 20px 10px 10px 10px;
}

.login_box_row {
	height: 30px;
	clear: both;
}

.login_box_row h4 {
	width: 130px;
	display: block;
	float: left;
	padding: 3px 0px 0px 0px;
}
.login_box_row h5 {
	width: 250px;
	display: block;
	float: right;
	/*float: left;*/
}
.login_box_row h5 p {
	margin: 0 0 0 150px;
}
.login_username {
	width: 180px;
}
.login_password {
	width: 180px;
}
.login_method {
	width: 180px;
}
#maintenance_guide {
	margin: 20px auto 0px;
	padding: 5px 10px 15px 10px;
	border-top: 1px solid #c0c0c8;
	border-left: 1px solid #c0c0c8;
	border-right: 1px solid #909098;
	border-bottom: 1px solid #909098;
	width: 500px;
}

#login_guide {
	margin: 20px auto 0px;
	padding: 5px 10px 15px 10px;
	border-top: 1px solid #c0c0c8;
	border-left: 1px solid #c0c0c8;
	border-right: 1px solid #909098;
	border-bottom: 1px solid #909098;
	width: 800px;	/* 2012.05.10 */
}

#login_guide_inner {
	text-align: left;
	_font-size: 107%;	/* IE6 2012.05.10 */
}

#login_guide_inner h1 {
	font-size: 116%;	/* 2012.05.10 */
	font-weight: bold;
}
#login_guide_inner h2 {
	font-size: 108%;	/* 2012.05.10 */
	font-weight: bold;
}


/* --------------------------------------------
	Common Parts (Section)
-------------------------------------------- */
.sectionLv1 {
}
.sectionLv2 {
}
.sectionLv3 {
}


.pos01 { position: absolute;left: 0;}
.pos02 { position: absolute;left: 92px;}
.pos03 { position: absolute;left: 182px;}
.pos04 { position: absolute;left: 271px;}
.pos05 { position: absolute;left: 360px;}
.pos06 { position: absolute;left: 449px;}
.pos07 { position: absolute;left: 538px;}
.pos08 { position: absolute;left: 627px;}
.pos09 { position: absolute;left: 716px;}
.pos10 { position: absolute;left: 805px;}
.pos11 { position: absolute;left: 894px;}
.pos11 li ul {
	left: -226px !important;
	_left: -224px !important;
}


@media print {
	html,body {
		_zoom: 0.6;
	}
}