@charset "utf-8";

/************************************************************
 * 初期化
 ************************************************************/
body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 ,th ,td ,select ,pre {
	margin: 0;
	padding: 0;
}
table { border-collapse: collapse; border-spacing: 0; font-size:12px;}
a,img { border: 0; }
ul, ol, dl, li, dt, dd	{ list-style: none; }
img		{ border: none; vertical-align: top; }
table	{ border-spacing: 0; }
th		{ text-align: left; font-weight: normal; }
pre {
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

/* clearfix */
.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.cFix	{ min-height: 1px; _height: 1px; }

/************************************************************
 * アンカー
 ************************************************************/
a:link			{ color: #0066CC; }
a:visited		{ color: #0066CC; }
a:hover			{ color: #0080FF; }
a:active		{ color: #0080FF; }

/************************************************************
 * タグ
 ************************************************************/
body, input, select, textarea, th, td, li, a, #mi_wrapper {
	font-family: メイリオ,Meiryo, 'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Helvetica,sans-serif;
}
body, input, select, textarea {
	color: #333333;
	font-size: 12px;
	line-height: 1.41;
}

/************************************************************
 * IDS
 ************************************************************/
#wrapper {
	background:none repeat scroll 0 0 #FFFFFF;
	margin:0 auto;
	padding:0;
	text-align:left;
	width:950px;
}

#contents 			{ padding: 15px; }
#contents p 		{ line-height: 1.6; }
#contents p.pagetop { margin: 30px 0 0 0; }

/************************************************************
 * CLASSES
 ************************************************************/
h1, h2, h3, h4, h5, h6 { font-size: 12px; }

/* FORM要素 */
.TF { vertical-align: middle; }

.TF,
.TA,
.PD {
	border-top: 1px solid #98857A;
	border-right: 1px solid #DCCFC8;
	border-bottom: 1px solid #DCCFC8;
	border-left: 1px solid #98857A;
}
.CB {
	vertical-align: middle;
	margin: 0 0 3px 0;
}

/* スプライト画像 */
.s { background-image: url(../img/sprites/s.png); background-repeat: no-repeat; }
.b { background-image: url(../img/sprites/s.png); background-repeat: no-repeat; }
.b {
	border: 0 none;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	vertical-align: middle;
}

/************************************************************
 * CLASSES(プロパティ)
 ************************************************************/
/* WIDTH */
.wFull	{ width: 100%; }
.w295	{ width: 295px; }

/* MARGIN */
.mHA	{ margin-right: auto; margin-left: auto; }

.mT11	{ margin-top: 11px; }
.mT20	{ margin-top: 20px; }
.mT21	{ margin-top: 21px; }
.mT30	{ margin-top: 30px; }
.mT40	{ margin-top: 40px; }
.mT50	{ margin-top: 50px; }

.mR8	{ margin-right: 8px; }
.mR10	{ margin-right: 10px; }

.mL5	{ margin-left: 6px; }
.mL10	{ margin-left: 10px; }

/* PADDING */
.p10	{ padding: 10px; }

.pT10	{ padding-top: 10px; }

.pB5	{ padding-bottom: 5px; }

.pR8	{ padding-right: 8px; }
.pR10	{ padding-right: 10px; }

.pH5	{ padding-right: 5px; padding-left: 5px; }
.pH15	{ padding-right: 15px; padding-left: 15px; }

.pV10	{ padding-top: 10px; padding-bottom: 10px; }

/* DISPLAY */
.di		{ display: inline; }
.dn		{ display: none; }
.db		{ display: block; }
.dib	{ display: inline-block; }

.oh		{ overflow: hidden; }

.zi0	{ z-index: 0; }

/* POSITION */
.fl		{ float: left; }
.fr		{ float: right; }
.cb		{ clear: both; }

.taC	{ text-align: center; }
.taR	{ text-align: right; }
.taL	{ text-align: left; }

.vaT	{ vertical-align: top; }
.vaM	{ vertical-align: middle; }
.vaB	{ vertical-align: bottom; }

.pr		{ position: relative; }
.pa		{ position: absolute; }

.ol		{ text-indent: -9999px; overflow: hidden; }

.zm		{ zoom: 1; }

/* FOREGROUNG */
.bld 	{ font-weight: bold; }
.nml	{ font-weight: normal; }

.fs10	{ font-size: 10px; }
.fs14	{ font-size: 14px; }

.fgGray	{ color:#CCCCCC; }

.textNote 	{ margin-left: 1em; text-indent: -1em; }

/* BORDER */
.bdGray		{ border: 1px solid #CCCCCC; }
.bdGrayTD	{ border-top: 1px dotted #CCCCCC; }
.bdGrayRD	{ border-right: 1px dotted #CCCCCC; }
.bdGrayB	{ border-bottom: 1px solid #CCCCCC; }

/************************************************************
 * SUUMO HELP
 ************************************************************/
.mainIndex {
	border-left: 3px solid #3D9973;
	font-size: 18px;
	line-height: 20px;
	padding-left: 10px;
	padding-top: 3px;
}

.ttlFaq {
	background-color: #6FB92C;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
}

dl.linklist {
	line-height: 1.6;
	margin: 1em 0 3em;
}

dl.linklist dt {
	background: url("/jj/jjcommon/img/bullet.gif") no-repeat scroll left center transparent;
	float: left;
	padding-bottom: 2px;
	text-indent: 1em;
	width: 8em;
}

dl.linklist dd {
	border-bottom: 2px solid #FFFFFF;
	padding-left: 5em;
}

.directory_link 	{ clear: both; margin: 10px 15px 0; }

.bgH1Ttl 			{ background-position: 0 0; width: 920px; height: 144px; }
.bnrS 				{ background-position: 0 0; width: 88px; height: 31px; }
.bnrM 				{ background-position: 0 -31px; width: 130px; height: 50px; }
.bnrL 				{ background-position: 0 -81px; width: 160px; height: 60px; }

.btTop				{ background-position: 0 -141px; width: 128px; height: 22px; }
.btTop:hover,
.btTop:active 		{ background-position: 0 -163px; }