@charset "utf-8";

@import url('./reset.css');

/*========================================================
common.css
========================================================*/
/*--------------------------------------------------------
COLOR
■WHT/GRN	f0ffff
■LGT/GRN	b2eba7
■GRN		49baa7
■BL		003585
■BRN		473016
--------------------------------------------------------*/

body {
	text-align		: left;
	font-size		: 81%;/*10.5px相当*/
	line-height		: 1.4;
	color			: #666666;
	background-color: #FFFFFF;
	font-family		: Arial,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
}
/*
p {
	margin : 5px 0;
}
*/

/*bodyタグのスタイルの共通指定は、tableタグ内に及ばない。背景はあえて指定しない。*/
table 
input,select,textarea,pre {
	color			: #333333;
	font-size		: inherit;
	color			: inherit;
}

/*bodyタグのスタイルの共通指定は、tableタグ内に及ばない*/
table textarea {
	background-color : #FFFFFF;
}

ul {
	margin				: 0px;
	/*list-style-type		: disc;*/
	list-style-type		: none;
	list-style-position	: inside;
}
	ul li{
			list-style-position	: outside;
	}
	ul li.lastLi {
		border	: none;
	}

/*
/*mypage/profile/comp.htmlにて要らないと判断。yamaguchik/
ul li {
	padding-left		: 20px;
}
*/

/* リンク */
a{
overflow			: hidden;
}

a:link,
a:visited {
	color			: #0000FF;
}
a:active,
a:hover {
	color			: #7F0038;
}


.L {
	/*font-size	: 11pt;*/
	font-size	: 114%;
	font-weight	: bold;
}
.S {
	/*font-size		: 8pt;*/
	font-size		: 85%;
	*font-size		: 70%;
	font-weight		: normal;
	text-decoration	: none;
	line-height		: 128%;
}

select option {
	padding-left	: 5px;
	line-height		: 1.4;
	*line-height	: 1.2;
}

input.ime {
	ime-mode	: disabled;
}

input[type="checkbox"] {
	cursor	: pointer;
}

input[type="text"],
input[type="password"] {
	width			: 100px;
	line-height		: 1.4;
	line-height		: 1\9;/* for IE line-heightを指定すると入力時ブルブルする為 */
}

input[type="radio"] {
	*vertical-align	: middle;
}

textarea {
	padding	: 3px;
}

label + label,
label + input[type="radio"],
label + input[type="checkbox"]{
	margin-left	: 10px;
}

label input {
	margin	: 0px 5px;
}

label img {
	vertical-align	: middle;
	margin			: 3px;
}

input[type="text"][disabled] {
	background-color	: #CCC;
}
input.txtLL {
	width	: 70%;
}
input.txtL {
	width	: 300px;
}
input.txtM {
	width	: 200px;
}
input.txtS {
	width	: 35px;
}

/* firefoxでボタンクリック時に現れるボーダーを消す */
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
	border	: 0px;
}

.opnTop {
	margin-top		: 10px !important;
}
.opnTop20 {
	margin-top		: 20px !important;
}
.opnBtm {
	margin-bottom	: 10px !important;
}
.opnRht {
	margin-right	: 10px !important;
}
.opnLft {
	margin-left	: 10px !important;
}

.closeTop {
	margin-top		: 0;
}
.closeBtm {
	margin-bottom	: 0;
}

.txtRht {
	text-align	: right;
}

.txtLft {
	text-align	: left;
}

br.narrow {
	line-height : 30%;
}

.center {
	text-align	: center !important;
	margin		: 10px auto 0px !important;
}

img.mdl {
	vertical-align	: middle;
}

.noLine {
	border	: 0 !important;
}
/*---------------------------------------------------------------------------
Bread Crumb 
-----------------------------------------------------------------------------*/
ol#bread {
	background		: url(../images/common/breadCrumbBg.gif) #FFFFFF top left no-repeat;
	height			: 22px;
	margin			: 5px 0;
	padding			: 0;
	font-size		: 85%;
	list-style		: none;
	border-top		: solid 1px #CCC;
	border-bottom	: solid 1px #CCC;
	overflow		: hidden;
	_zoom			: 1;
}
	ol#bread li {
		float			: left;
		width			: auto;
		height			: 22px;
		line-height		: 22px;
	}
		ol#bread li a {
		padding-right	: 15px;
		background		: url(../images/common/breadCrumbArr.gif) right center no-repeat;
		}
	ol#bread li.home {
		background	: none;
	}
		ol#bread li.home a {
			display				: block;
			width				: 30px;
			text-indent			: -9999px;
			overflow			: hidden;
			background-image	: none;
			
		}
	ol#bread li strong {
		font-weight		: bold;
	}

/*---------------------------------------------------------------------------
汎用テーブル
-----------------------------------------------------------------------------*/
table.tbl_form {
	border-collapse		: separate;
	*border-collapse	: collapse;
	table-layout		: fixed;
	margin-bottom		: 10px;
	border-top			: solid 1px #CCC;
	border-left			: solid 1px #CCC;
	width				: 100%;
}

	table.tbl_form img {
		margin	: 0px 3px;
	}
	
	table.tbl_form label img {
		margin	: 3px;
	}

	table.tbl_form th,
	table.tbl_form td {
		padding			: 5px;
		border-color	: #FFF #CCC #CCC #FFF;
		border-style	: solid;
		border-width	: 1px;
		text-align		: left;
		vertical-align	: top;
		word-wrap:break-word;
	}
		table.tbl_form th.mdl,
		table.tbl_form td.mdl {
			vertical-align	: middle;
		}
		
	table.tbl_form th {
		background			: url(../images/common/stripeBg.gif) #b2eba7 top left repeat;
		text-align			: left;
	}
		/*削除候補
		table.tbl_form th.ttl {
			background-color	: #d3efba;
		}
		*/
		table.tbl_form th.th3 {
			width				: 3%;
		}
		table.tbl_form th.th5 {
			width				: 5%;
		}
		table.tbl_form th.th8 {
			width				: 8%;
		}
		table.tbl_form th.th10 {
			width				: 10%;
		}
		table.tbl_form th.th15 {
			width				: 15%;
		}
		table.tbl_form th.th20 {
			width				: 20%;
		}
		table.tbl_form th.th25 {
			width				: 25%;
		}
		table.tbl_form th.th30 {
			width				: 30%;
		}
		table.tbl_form th.th40 {
			width				: 40%;
		}
	
	table.tbl_form td {
		background-color	: #FFF;/*EFOで値を入れなおした時背景を＃FFFでセットしているため#FFF以外のカラーはNG*/
	}
		table.tbl_form td.td10 {
			width				: 10%;
		}
		table.tbl_form td.td30 {
			width				: 30%;
		}
		table.tbl_form td.td35 {
			width				: 35%;
		}
		table.tbl_form td.td40 {
			width				: 38%;
		}
		table.tbl_form td.td50 {
			width				: 49%;
		}
		table.tbl_form td.td70 {
			width				: 69%;
		}
		table.tbl_form td.td80 {
			width				: 79%;
		}
		table.tbl_form td.td85 {
			width				: 84%;
		}
		table.tbl_form td.td90 {
			width				: 89%;
		}

		table.tbl_form td textarea {
			width		: 95%;
			height		: 100px;
			display		: block;
		}
		
		table.tbl_form td textarea.textareaL {
			height		: 150px;
		}
		
		table.tbl_form td textarea.textareaS {
			height		: 50px;
		}
		
		/* 規約テキストエリア */
		table.tbl_form td textarea.agree {
			margin	: 0 auto;
			width	: 80%;
			height	: 50px;
			display	: block;
		}
		table.tbl_form td input,
		table.tbl_form td select {
			padding	: 0;
		}

		/* 注釈 */
		table.tbl_form td .antion {
			font-size		: 80%;
			*font-size		: 70%;
			display			: inline-block;
			vertical-align	: middle;
		}
		/* 例 */
		table.tbl_form td .ex {
			font-size	: 80%;
			display		: block;
		}
		
		table.tbl_form td span.lblS,
		table.tbl_form td span.lblM,
		table.tbl_form td span.lblL {
			display			: inline-block;
			padding-right	: 3px;
			vertical-align	: middle;
		}

		table.tbl_form td span.lblS {
			text-align	: right;
			width		: 30px;
		}

		table.tbl_form td span.lblM{
			width		: 80px;
		}

		table.tbl_form td span.lblL{
			width		: 150px;
		}
		


/*フロート クリア*/
.fr {
	float		:right;
}

.fl {
	float		:left;
}

.cb {
	clear		:both;
}

/* テキスト */

.wb {
	font-weight:bold;
}

.tr {
	text-align:right;
}

.tc {
	text-align:center;
}

.tl {
	text-align:left;
}

/* ライン */

hr.line{
	border-style:dotted;
	border-bottom:none;
	border-left:none;
	border-right:none;
	font-size	:0;
}

/*ボタン配置*/
.btnDecision {
	margin-top		: 50px;
	text-align		: center;
}
	.btnDecision a,
	.btnDecision input {
		margin			: 0 10px;
		vertical-align	: middle;
	}

/* テキスト可変ボタン1 大きなアクションボタンに使用 */
/* 文字サイズに併せて可動します */
.button {
	margin				: 5px;
	text-decoration		: none;
	font-family			: "ＭＳ Ｐゴシック","MS PGothic","MS Ul Gothic",sans-serif;
	font-size			: 200%;
	letter-spacing		: 0.1em;
	text-align			: center;
	text-shadow			: 0 0.1em 0 #000;
	display				: inline-block;
	border				: 1px solid #9c9c9c; /* Fallback style *//* ? */
	border				: 1px solid rgba(0, 0, 0, 0.3);/* ? */
	
	box-shadow			: 0 0.1em .1em #EEE;
	-moz-box-shadow		: 0 0.1em .1em #EEE;
	-webkit-box-shadow	: 0 0.1em .1em #EEE;
}
/* inputに付与する場合、子がいないので */
input.button {
	padding		: 0.5em 1.5em;
	cursor		: pointer;
	overflow	: visible;/* for IE6.7 */
}
 
.button,
.button span {
	color				: #FFF;
	-moz-border-radius	: .3em;
	border-radius		: .3em;
}
 
	.button span {
		border-top	: 1px solid #fff; /* Fallback style *//* ? */
		border-top	: 1px solid rgba(255, 255, 255, 0.5);/* ? */
		display		: block;
		padding		: 0.5em 1.5em;
		cursor		: pointer;
	}
	/* 中サイズボタン */
	.button span.btnM {
		font-family	: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","MS Ul Gothic",sans-serif;
		font-size	: 70%;
		padding		: 0.5em;
	}
	/* 小サイズボタン */
	.button span.btnS {
		font-family	: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","MS Ul Gothic",sans-serif;
		font-size	: 50%;
		padding		: 0.5em;
	}
 
.button:hover {
	text-shadow			: 0 0.1em 0 #666;
	box-shadow			: 0 0.1em .1em #CCC;
	-moz-box-shadow		: 0 0.1em .1em #CCC;
	-webkit-box-shadow	: 0 0.1em .1em #CCC;
}
 
.button:active {
/* When pressed, move it down 1px */
	position: relative;
	top		: 1px;
}

/* ブルー ポジティブボタン */
.positiveBtn {
	background: #003585;
	background: -webkit-gradient(linear, left top, left bottom, from(#3668AF), to(#003585) );
	background: -moz-linear-gradient(-90deg, #3668AF, #003585);
	*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3668AF', endColorstr='#003585');
}
.positiveBtn:hover {
	background: #49baa7;
	background: -webkit-gradient(linear, left top, left bottom, from(#50cdb8), to(#49baa7) );
	background: -moz-linear-gradient(-90deg, #50cdb8, #49baa7);
	*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#50cdb8', endColorstr='#49baa7');
}

/* グレー ネガティブボタン */
.negativeBtn {
	background: #626262;
	background: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#626262) );
	background: -moz-linear-gradient(-90deg, #939393, #626262);
	*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#939393', endColorstr='#626262');
}
 
.negativeBtn:hover {
	background: #a1d497;
	background: -webkit-gradient(linear, left top, left bottom, from(#b2eba7), to(#a1d497) );
	background: -moz-linear-gradient(-90deg, #b2eba7, #a1d497);
	*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b2eba7', endColorstr='#a1d497');
}

/* ブラウン アクセントボタン */
.accentBtn {
	background: #473016;
	background: -webkit-gradient(linear, left top, left bottom, from(#593c1c), to(#473016) );
	background: -moz-linear-gradient(-90deg, #593c1c, #473016);
	*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#593c1c', endColorstr='#473016');
}
 
.accentBtn:hover {
	background: #ac7435;
	background: -webkit-gradient(linear, left top, left bottom, from(#c8873e), to(#ac7435) );
	background: -moz-linear-gradient(-90deg, #c8873e, #ac7435);
	*filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c8873e', endColorstr='#ac7435');
}

/* テキスト可変ボタン2 小さなアクションボタンに使用 */
.variableBtn {
	overflow	: hidden;
	_zoom		: 1;
	display		: inline-block;
}

	.variableBtn a.btnOrg,
	.variableBtn a.btnGry {
		float				: left;
		padding-left		: 3px;
		line-height			: 25px;
		height				: 25px;
		font-family			: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","MS Ul Gothic",sans-serif;
		color				: #FFF;
		text-shadow			: 0.1em 0.1em 0.1em #999;
		letter-spacing		: 0.1em;
		text-decoration		: none;
		background-position	: top left;
		background-repeat	: no-repeat;
		white-space			: nowrap;
	}
	
	.variableBtn a.btnOrg {
		background-image	: url(../images/common/btn_variableOrg_left.gif);
	}
	.variableBtn a.btnGry {
		background-image	: url(../images/common/btn_variableGry_left.gif);
	}
	
	/*for IE6*/
	.variableBtn a:hover,
	.variableBtn a:visited,
	.variableBtn a:hover,
	.variableBtn a:visited {
		color				: #FFF;
	}
	
	.variableBtn a.btnOrg span,
	.variableBtn a.btnGry span {
		padding				: 0 10px;
		display				: block;
		min-height			: 25px;
		background-position	: top right;
		background-repeat	: no-repeat;
		cursor				: pointer; /* for IE */
	}
	
	.variableBtn a.btnOrg span {
		background-image	: url(../images/common/btn_variableOrg_right.gif);
	}
	.variableBtn a.btnGry span {
		background-image	: url(../images/common/btn_variableGry_right.gif);
	}
	
	/* 中央寄せにする時に。variableBtnとセットで使用する */	
	.cntrBtn{
		position	: relative;
		bottom		: 0;
		left		: 40%;
	}

	/* 右寄せにする時に。variableBtnとセットで使用する */	
	.rhtBtn{
		position	: absolute;
		right		: 0;
	}
	
	
/*テキスト可変ボタン 処理中*/
span.loading{
	border:1px solid #9A9A9A;
	background:#EFEFEF;
	padding:3px;
	width:auto;
}
	
/*2分割*/
.harf {
	/*margin-right	: -1%;*/
	overflow		: hidden;
	_zoom			: 1;
}
	.harf .cntHarf {
		float			: left;
		width			: 49%;
	}
	.harf .cntHarf02 {
		float			: left;
		width			: 40%;
	}
	
	.harf .cntHarfR {
		float			: right;
		width			: 50%;
	}
	.harf .cntHarfR02 {
		float			: right;
		width			: 59%;
	}

/* 複数カラム */
.crmPlural {
	overflow		: hidden;
	_zoom			: 1;
}
	.crmPlural .crm10 {
		float		: left;
		width		: 9%;
	}
	.crmPlural .crm15 {
		float		: left;
		width		: 14%;
	}
	.crmPlural .crm20 {
		float		: left;
		width		: 19%;
	}
	.crmPlural .crm23 {
		float		: left;
		width		: 23%;
	}
	.crmPlural .crm25 {
		float		: left;
		width		: 24%;
	}
	.crmPlural .crm30 {
		float		: left;
		width		: 29%;
	}
	.crmPlural .crm35 {
		float		: left;
		width		: 35%;
	}
	.crmPlural .crm40 {
		float		: left;
		width		: 40%;
	}
	.crmPlural .crm45 {
		float		: left;
		width		: 45%;
	}
	.crmPlural .crm50 {
		float		: left;
		width		: 50%;
	}

	/* カラム中小 */
	.crmPlural .crmMS {
		float		: left;
		width		: 25%;
	}
	/* カラム中 */
	.crmPlural .crmM {
		float		: left;
		width		: 30%;
	}
	/* カラム大 */
	.crmPlural .crmL {
		float		: left;
		width		: 40%;
	}
	/* カラム右小 */
	.crmPlural .crmRS {
		float		: right;
		width		: 10%;
	}
	/* カラム右中 */
	.crmPlural .crmRM {
		float		: right;
		width		: 25%;
	}

/*回り込み解除clearfix*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ロード文 */
p.read {
	margin	: 0 0 5px 10px;
}

p.ttl {
	font-family		: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","MS Ul Gothic",sans-serif;
	font-weight		: bold;
	font-size		: 110%;
	margin-top		: 5px;
}

/* タイトルと右並べでリンクを設ける場合に使用 */
p.moreInfo {
	margin-top		: -24px;
	width			: auto;
	float			: right;/* ネガティブマージンで高さを稼いでるのでfloat解除は不要 */
}
	p.moreInfo a {
		background		: url(../images/common/arrNv.gif) center left no-repeat;
		padding-left	: 15px;
		padding-right	: 10px;
	}
	p.moreInfo a:hover {
		background		: url(../images/common/arrPk.gif) center left no-repeat;
	}

/* ベベル背景 */
.level {
	background	: url(../images/common/bg_level.gif) #FFF top left no-repeat;
	height		: 30px;
	line-height	: 30px;
	padding-left: 10px;
	margin		: 5px 0;
}
.levelM {
	background	: url(../images/common/bg_levelM.gif) #FFF top left no-repeat;
	height		: 30px;
	line-height	: 30px;
	margin		: 5px auto;
}
.levelL {
	background	: url(../images/common/bg_levelL.gif) #FFF top left no-repeat;
	width		: 770px;
	min-height	: 90px;
	_height		: 90px;
	padding		: 15px;
	margin		: 10px auto;
}

	.levelL .ttl{
		border-left	: 10px #49baa7 solid;
		padding		: 0px 0px 0px 10px;
		font-size	: 110%;
		font-weight	: bold;
		color		: #473016;
	}

.bg_levelL_red {
	background	: url(../images/common/bg_levelL_red.gif) #FFF top left no-repeat;
	width		: 770px;
	min-height	: 100px;
	_height		: 100px;
	padding		: 5px 15px 15px 15px;
	margin		: 10px auto;
}
	.bg_levelL_red .entry{
		margin		: 20px 10px 0px 90px;
	}

	.bg_levelL_red .ttl{
		padding		: 0px 0px 0px 10px;
		font-size	: 110%;
		font-weight	: bold;
		color		: #ffffff;
	}


/* ベベルカスタム */
dl.custom {
	background		: url(../images/icons/ico_customLevel.gif) #FFF top left no-repeat;
	padding-left	: 50px;
}
	dl.custom dt {
		font-size	: 110%;
		font-weight	: bold;
		color		: #473016;
	}

/* ハテナマーク付き注釈 */
.Qann {
	padding-left		: 18px;
	background 			: url(../images/icons/help.gif) #FFFFFF top left no-repeat;
	color				: #0000FF;
	background-color	: transparent;
	cursor				: pointer;
}

/* ツールチップ */
/*
#unitip {
	position	: absolute;
	z-index		: 1000;
	top			: -1000px;
	color		: #fff;
	font		: normal normal 1.1em/15px Verdana, Arial, Helvetica, sans-serif;
	display		: none;
	font-size	: 120%;
}

#unitippoint, #unitipmid, #unitipcap {
	position: relative;
	top: 0px; 
	left: 0px;
	width: 145px;
	display: block;
	font-size	: 80%;
}

#unitippoint { 
	background: url(../images/common/toolTip/TipPoint.gif) no-repeat; 
	height: 19px;
	overflow: hidden;
}

#unitipmid { 
	background: url(../images/common/toolTip/TipMid.gif) repeat; 
	width: 115px;
	height: auto; 
	padding: 5px 15px;
}

#unitipcap { 
	background: url(../images/common/toolTip/TipCap.gif) no-repeat; 
	height: 7px; 
	overflow: hidden; 
}
*/
/* /ツールチップ */

/* 矢印付き文字 要所で強くしたい場合がよくあるので!importantを付与 */
.arr {
	background		: url(../images/common/arrNv.gif) left 4px no-repeat !important;
	padding-left	: 15px;
}
	.arr:hover {
		background		: url(../images/common/arrPk.gif) left 4px no-repeat !important;
	}

.arr02 {
	background		: url(../images/common/arrWht.gif) left 4px no-repeat !important;
	padding-left	: 15px;
}
	.arr02:hover {
		background		: url(../images/common/arrGrn.gif)	4px no-repeat !important;
	}
	
/* 上矢印 */
.arrTop {
	background		: url(../images/common/arrTop01.gif) left 4px no-repeat !important;
	padding-left	: 15px;
}
	.arrTop:hover {
		background		: url(../images/common/arrTop02.gif) left 4px no-repeat !important;
	}
	
/* 下矢印 */
.arrBtm {
	background		: url(../images/common/arrBtm01.gif) left 4px no-repeat;
	padding-left	: 15px;
}
	.arrBtm:hover {
		background		: url(../images/common/arrBtm02.gif) left 4px no-repeat;
	}
	
/* チェック付き文字 */
.check {
	background		: url(../images/common/check.gif) left 4px no-repeat !important;
	padding-left	: 20px;
}

/* ステータスメッセージ */
#ERRMSG,
#ERRMSG02 {
	width		: 75%;
	margin		: 10px auto;
	padding		: 10px 10px 10px 45px;
	min-height	: 23px;/* save icon size */
	
	/* 角丸 */
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	-moz-border-radius: 10px; /* Firefox用 */
}
/* NG */
#ERRMSG {
	background	: url(../images/icons/ico_err.gif) #FDECEF 10px center no-repeat;
	border		: solid 5px #F7B3C1;
}
/* OK */
#ERRMSG02 {
	background	: url(../images/icons/ico_ok.gif) #E4FEFA  10px center no-repeat;
	border		: solid 5px #49baa7;
}
	ul#ERRMSG li,
	ul#ERRMSG02 li {
			list-style-type	: disc;
			margin			: 5px 0 5px 20px;
		}

/* paging */
div.paging {
	overflow	: hidden;
	_zoom		: 1;
	margin-top	: 10px;
}

/* 件数 */
.totalNo{
	float		: left;
	width		: auto;
	font-weight	: bold;
	font-size	: 125%;
}

/* ページ送り */
div#pager,
div#pager1,
div#pager2,
div.pager {
	float		: right;
	width		: auto;
}
	a.pagingBtn {
		padding			: 3px 5px;
		margin-right	: 3px;
		float			: left;
		display			: block;
		background		: #b2eba7;
		cursor			: pointer;
		line-height		: 1;
		font-weight		: bold;
		text-decoration	: underline;
	}
		a.pagingBtn:hover {
			background		:#003585;
			color			:#FFFFFF;
			text-decoration	:none;
		}
	a.pagingThis {
		padding			: 3px 5px;
		margin-right	: 3px;
		line-height		: 1;
		float			: left;
		display			: block;
		background		: #49baa7;
		color			: #FFFFFF;
		font-weight		: bold;
		text-decoration	: none;
	}
	span.pagingTop,
	span.pagingPrev,
	span.pagingNext,
	span.pagingEnd {
		float			: left;
		margin-right	: 3px;
		padding			: 0;
		background		: #FFFFFF;
		cursor			: pointer;
	}
	span.pagingTop img,
	span.pagingPrev img,
	span.pagingNext img,
	span.pagingEnd img {
		margin-top	: 0.1em;
	}

/* 利用規約 */
td div#agreementArea {
	width		: 80%;
	margin		: 0 auto;
	padding		: 0.5em;
	height		: 100px;
	overflow-y	: scroll;
	text-align	: left;
	border		: solid 1px #CCC;
}
	td div#agreementArea pre {
		white-space	: pre-wrap;
	}

/* pageTop（メインコンテンツエリア内） */
#main p.pageTop {
	text-align		: right;
	line-height		: 2;
	border-bottom	: 1px dashed #666;
	margin			: 10px 0;
	
}
/* アコーディオン */
dl.accordion {
}
	dl.accordion dt {
		margin-bottom	: 5px;	
	}
		dl.accordion dt span:hover {
			color			: #7F0038;
		}
		dl.accordion dd {
			border		: 1px dashed #666;
			padding		: 10px;
			margin		: 5px 0;
		}
	dl.accordion dt span {
		cursor			: pointer;
		text-decoration	: underline;
		color			: #0000FF;
	}

/* 読み物メインイメージ */
#mainImg {
	background		: #FFF 0 0 no-repeat;
	width			: 690px;
	height			: 142px;
	text-indent		: -9999px;
}

/* 読み物メインイメージ */
html > body div.readingArea {/* IE6では包括3px問題が発生するので適用しない */
	padding	: 10px;
}

/* 読み物リスト pic+リスト*/
dl.reading {
	background-color	: #FFF;
	background-repeat	: no-repeat;
	background-position	: top left;
	margin				: 20px 0;
	padding-left		: 130px;
	min-height			: 114px;
}
	dl.reading dt {
		background-color	: #FFF;
		background-repeat	: no-repeat;
		background-position	: top left;
		text-indent			: -9999px;
		height				: 15px;
	}
	dl.reading dd {
		padding			: 10px 0;
		border-bottom	: 1px dashed #CCC;
	}

/* 読み物リスト ico+リスト*/
div.icoList {
	border	: 1px dashed #666;
	padding	: 20px;	
}
	div.icoList dl {
		background		: #FFF 0 0 no-repeat;
		padding-left	: 80px;
	}
		div.icoList dt {
			font-size	: 115%;
			color		: #003585;
			font-weight	: bold;
			font-family	: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","MS Ul Gothic",sans-serif;
		}
		div.icoList dd {
		}
		div.icoList dt.arr:hover,
		div.icoList dd.arr:hover {
			background		: url(../images/common/arrNv.gif) left 4px no-repeat !important;
		}
			

/* 読み物ボタン */
.btn_reading {
	overflow			: hidden;
	_zoom				: 1;
	background-color	: #FFF;
}
	.btn_reading a {
		background-color	: #FFF;
		background-repeat	: no-repeat;
		outline				: 0;
		display				: block;
		height				: 42px;
		width				: 193px;
		text-indent			: -9999px;
		float				: left;
		margin-top			: 10px;
	}
	/* 会員登録ボタン */
	.btn_reading a.btn_entry {
		background-image	: url(../images/common/btn_entry.gif);
		background-position	: top left;
	}
	.btn_reading a.btn_entry:hover {background-position	: bottom left;}

	.btn_reading a + a{
		margin-left	: 10px;
	}
	
	/* 読み物ボタンをドットで囲む場合は.btn_readingと同じclassに付与 */
	.plusDot {
		border		: 1px dashed #666;
		padding		: 10px;
		margin		: 10px 0;
		position	: relative;
	}