/* ガイド全般用 CSS */

/* カテゴリ内共通 */
ul.pochi {
	list-style-image:url(/guide/images/common/icon_maru.gif);
	width: auto;	
}

li.strong { 
	font-weight: bold;
	color: #25884C;
	margin:0px 0px 0px 30px;
}

li.lite      { margin:0px 0px 0px 30px;}
li.lite_non  { margin:0px 0px 10px 15px;}
li.slite     { margin:0px 0px 0px 25px;}
li.slite_non { margin:0px 0px 0px 20px;}

p {
	margin:0px 0px 10px 0px;
}

p.dansage {
	margin:0px 0px 10px 15px;
}

.strong{ font-weight:bold;}
 
#midasi_M img.btn {
	margin:0px 5px 0px 0px;
	float: right;
}

table.border, td.border{
 border-collapse:collapse;
 border-color:#999999;
 border-width:1px;
 border-style:solid;
 padding:3px;
}

.right{
	float:right;
	}

/* 入れ子の場合の余白 */
	.section .section_missing {
		margin-left:0.8em;
	}

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

▽ナビゲーション

------------------------------------- */
div#guide {
	display:block;
	height:60px;
	margin-bottom:25px;
}

#guide ol,
#guide ul {
	list-style:none;
	padding:0;
	margin:0;
}

#guide ul#headnav li {
	float:left;
}

#guide ul#headnav li a,
#guide ul#headnav li span {
	display:block;
	width:180px;
	height:60px;
	text-indent:-9999px;
	background-repeat:no-repeat;
}

#guide ul#headnav li a:hover {
	background-position: 0 -60px;
}

#guide ul#headnav li span {
	background-position: 0 -120px;
}

#guide ul#headnav li#headnav_01 a,
#guide ul#headnav li#headnav_01 span {
	background-image:url(/guide/images/common/nav_head_01.gif);
}

#guide ul#headnav li#headnav_02 a,
#guide ul#headnav li#headnav_02 span {
	background-image:url(/guide/images/common/nav_head_02.gif);
}

#guide ul#headnav li#headnav_03 a,
#guide ul#headnav li#headnav_03 span {
	background-image:url(/guide/images/common/nav_head_03.gif);
}

#guide ul#headnav li#headnav_04 a,
#guide ul#headnav li#headnav_04 span {
	background-image:url(/guide/images/common/nav_head_04.gif);
}

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

▽データ表現用のテーブル　//旧

　枠線付き・項目名の背景色指定ありの表組みです。

　⇒ table.data

------------------------------------- */
	table.data {
		width: 100%;
		margin-bottom: 0.5em;
		margin-top:0.3em;
		border-right: solid 1px #B19455; border-bottom: solid 1px  #B19455;
		empty-cells: show;
	}

	table.data thead th,
	table.data thead td{
		margin:0;
		padding:5px;
		background-color: #F0E9DA;
		border-left: solid 1px #B19455; border-top: solid 1px #B19455;
	}

	table.data th,
	table.data td {
		margin:0;
		padding:5px;
		border-left: solid 1px #B19455; border-top: solid 1px #B19455;
	}

	table.data tbody th {
		background-color: #F5F1E5; 
	}
	
	table.data th h4 {
		margin:0px !important;
		padding:2px !important;
	}
	
/* -------------------------------------

▽注意文言

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

table.goriyouyarea td p.chui{
		padding-left:1.1em;
		text-indent:-1.1em;
}

/* 　かどまる　関連　*/
#kadomaru_area {
	width:647px;
	background-image:url(/guide/images/common/kadomaru_bg.gif);
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}

#kadomaru_head {
	width:647px;
	height:10px;
	background-image:url(/guide/images/common/kadomaru_head.gif);
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-repeat: no-repeat;
}

#kadomaru_foot {
	width:647px;
	height:10px;
	background-image:url(/guide/images/common/kadomaru_foot.gif);	
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	background-repeat: no-repeat;
}

#kadomaru_telmark {
	float:left;
	width:47px;
	margin:0px 0px 0px 0px;
	overflow: auto;
}

#kadomaru_telmark img {
	margin:0px 0px 0px 12px;
}

#kadomaru_txt_r {
	float: right;
	width: 600px;
	margin: 0px 0px 0px 0px;
}

#kadomaru_trouble {
	float:left;
	width:51px;
	margin:0px 0px 0px 0px;
	overflow: auto;
}

#kadomaru_trouble img{
	margin:0px 0px 0px 12px;
}

#kadomaru_txt_trouble {
	float:right;
	width:585px;
	margin:0px 0px 0px 0px;
}

#kadomaru_txt_trouble p.large{
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}	

#kadomaru_txt_r p{
	float:left;
	width:600px;
	margin:0px 0px 0px 0px;
}

#kadomaru_line{
	width:590px;
	height:11px;
	background-image:url(/guide/help/images/line_tenten.gif);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	clear:both;
}

/* タイトル お問い合わせ*/
#title_img_toiawase{
	padding:0px 0px 0px 0px;
	width:720px;
	vertical-align:top;
	font-size:12px;
	letter-spacing: 1px;
	float: right;
	background-image:url(/guide/help/images/title_toiawase.jpg);
	background-repeat: no-repeat;
	height: 81px;
}

/* 電話での問い合わせ */
#midasi_L h1.tel{
	display: block;
	width:690;
	height:30px;
	background-image:url(/guide/help/images/subtit_l_tel.gif);
}

#midasi_M h2.kakushu{
	display: block;
	width:650;
	height:26px;
	background-image:url(/guide/help/images/subtit_m_kakusyu.gif);
	background-repeat: no-repeat;
	margin:0px 0px 10px 0px;
}

#midasi_M h2.cashing{
	display: block;
	width:650;
	height:26px;
	background-image:url(/guide/help/images/subtit_m_cashing.gif);
	background-repeat: no-repeat;
	margin:20px 0px 10px 0px;
}

#midasi_M h2.hoken{
	display: block;
	width:650;
	height:26px;
	background-image:url(/guide/help/images/subtit_m_hoken.gif);
	background-repeat: no-repeat;
	margin:20px 0px 10px 0px;
}

#midasi_M h2.webicard{
	display: block;
	width:650;
	height:26px;
	background-image:url(/guide/help/images/subtit_m_webicard.gif);
	background-repeat: no-repeat;
	margin:20px 0px 10px 0px;
}

#midasi_M h2.shouhin{
	display: block;
	width:650;
	height:26px;
	background-image:url(/guide/help/images/subtit_m_shouhin.gif);
	background-repeat: no-repeat;
	margin:20px 0px 10px 0px;
}

/* メールでのお問い合わせ */
#midasi_L h1.mail{
	display: block;
	width:690;
	height:30px;
	background-image:url(/guide/help/images/subtit_l_mail.gif);
}

#txt_mail{
	width:auto;
	margin:0px 20px 0px 15px;
}

/* 紛失・盗難のご連絡先 */
#title_img_trouble{
	padding:0px 0px 0px 0px;
	width:720px;
	vertical-align:top;
	font-size:12px;
	letter-spacing: 1px;
	float: right;
	background-image:url(/guide/help/images/title_trouble.jpg);
	background-repeat: no-repeat;
	height: 81px;
}

#midasi_L h1.trouble{
	display: block;
	width:690;
	height:30px;
	background-image:url(/guide/help/images/subtit_l_trouble.gif);
}

/* よくあるご質問 */
#title_img_qa{
	padding:0px 0px 0px 0px;
	width:720px;
	vertical-align:top;
	font-size:12px;
	letter-spacing: 1px;
	float: right;
	background-image:url(/guide/qa/images/title_img_qa.jpg);
	background-repeat: no-repeat;
	height: 81px;
}

#midasi_L h1.qa_ichiran{
	display: block;
	width:690;
	height:30px;
	background-image:url(/guide/qa/images/subtit_l_shitumon.gif);
}

#midasi_M h2.icard{
	display: block;
	width:670;
	height:26px;
	background-image:url(/guide/qa/images/subtit_m_icard.gif);
	background-repeat: no-repeat;
	margin:20px 0px 20px 0px;
}

#midasi_M h2.kakushu{
	display: block;
	width:670;
	height:26px;
	background-image:url(/guide/qa/images/subtit_m_kakushu.gif);
	background-repeat: no-repeat;
	margin:20px 0px 10px 0px;
}

#midasi_M h2.webicard{
	display: block;
	width:670;
	height:26px;
	background-image:url(/guide/qa/images/subtit_m_web.gif);
	background-repeat: no-repeat;
	margin:20px 0px 10px 0px;
}

#qa_line{
	width:627px;
	height:11px;
	background-image:url(/guide/qa/images/line.gif);
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
}

#qa_txt_ichiran{
	width:637;
	margin:0px 10px 0px 10px;
}

#qa_txt_ichiran a:link{
	color:#444444;
	text-decoration:none;
}
#qa_txt_ichiran a:visited{
	color:#5C5CD8;
	text-decoration:none;
}

#qa_txt_ichiran a:hover{
	color:#3434D1;
	text-decoration:underline;
}

#qa_txt_ichiran a:active{
	color:#3434D1;
	text-decoration:underline;
}

.question{
	color:#51ACD8;
	font-weight:bold;
}

#answer_area {
	width:650px;
	margin:10px 0px 0px 0px;
}

#answer_icon{
	width:33px;
	float:left;
	padding:0px 0px 0px 19px;
}

#answer_txt{
	width:598px;
	float:right;
}

p.qaToiawase{
	width:auto;
	background-color:#F8F8F8;
	padding:5px;
	color:#111987;
	border:#89BEBF 1px solid;
}

/* プライバシーポリシー　〜　公表事項　〜　ご利用にあたって */
table.privacyarea {
	margin: 0 0 15px;
	padding: 0pt;
	width: 100%;
}

table.privacyarea th, table.goriyouyarea td{
	padding: 20px 0 20px 0;
}

table.privacyarea th{
	width: 200px;
	vertical-align: top;
	text-align:left;
}

table.privacyarea td{
	width: 520px;
	vertical-align: top;
}

strong.colord{
	font-weight:bold;
	color:#997700;
	margin:0px 0px 5px 0px;
}

strong.nocolor{
	font-weight:bold;
	color:#997700;
}

p.pv{
	margin:5px 0px 0px 0px;
}

#pv_line{
	width:720px;
	height:1px;
	background-image:url(/images/common/line.gif);
	background-repeat:no-repeat;
	margin:0px;
}

ul.pv_roman{
	width:auto;
	padding-right:5px; padding-left:15px;
}

ul.pv_roman li{
	padding:0px 0px 5px 25px;
}

ul.pv_roman li.icon_i { 
	background-image:url(/guide/images/common/icon_i.gif);
	background-repeat: no-repeat;
	background-image-position:top 12px;
}

ul.pv_roman li.icon_ii { 
	background-image:url(/guide/images/common/icon_ii.gif);
	background-repeat: no-repeat;
	background-image-position:top 12px;
}

div.bgarea ul.pv_roman li.icon_i img,
div.bgarea ul.pv_roman li.icon_ii img{
	padding:5px 10px 0 0;
}

/* リストマーク  */	
p.kouhyou{
	margin:0px 0px 20px 10px;
}

ul.kouhyouDecimal{
	list-style:decimal;
	width:auto;
	margin:0px 0px 0px 20px;
}
#title_img_goriyou{
	padding:0px 0px 0px 0px;
	width:720px; height: 81px;
	vertical-align:top;
	font-size:12px;
	letter-spacing: 1px;
	float: right;
	background-image:url(/guide/goriyou/images/title.gif);
	background-repeat: no-repeat;
}

h2.security{
	display: block;
	width: 720px;
	height: 33px;
	background-image:url(/guide/goriyou/images/h2_security.gif);
	background-repeat: no-repeat;
	margin: 20px 0px 10px 0px;
}
h2.jyouken{
	display: block;
	width: 720px;
	height: 33px;
	background-image:url(/guide/goriyou/images/h2_jyouken.gif);
	background-repeat: no-repeat;
	margin: 20px 0px 10px 0px;
}

/* サイトマップ */
#title_img_sitemap{
	padding: 0px 0px 0px 0px;
	width: 720px;
	vertical-align: top;
	font-size: 12px;
	letter-spacing: 1px;
	float: right;
	background:url(/guide/sitemap/images/title.jpg) no-repeat;
	height: 81px;
}

#sitemap_top{
	width: 300px;
	height: 20px;
	background:url(/guide/sitemap/images/logo_icard.gif) no-repeat;
	padding: 5px 0px 0px 120px;
}

#sitemap_left{
	width: 439px;
	overflow: auto;
	float: left;
	margin: 10px 0px 0px 0px;
}

#sitemap_right{
	width: 218px;
	overflow:auto;
	margin: 10px 0px 0px 3px;
}

#sitemap_icard{
	width: 218px;
	height: 145px;
	background:url(/guide/sitemap/images/bg_icard.gif) no-repeat;
	overflow: auto;
	float: left;
}

#sitemap_oshirase{
	width:218px;
	height:145px;
	background:url(/guide/sitemap/images/bg_oshirase.gif) no-repeat;
	overflow:auto;
	float:right;
}

#sitemap_service{
	width:218px;
	height:145px;
	background:url(/guide/sitemap/images/bg_service.gif) no-repeat;
	overflow:auto;
	float: left;
}

#sitemap_joy{
	width:218px;
	height:145px;
	background:url(/guide/sitemap/images/bg_joy.gif) no-repeat;
	overflow:auto;
	float:right;
}

#sitemap_money{
	width:218px;
	height:145px;
	background:url(/guide/sitemap/images/bg_money.gif) no-repeat;
	overflow:auto;
	float:right;
}

#sitemap_tukaeru{
	width:218px;
	height:145px;
	background:url(/guide/sitemap/images/bg_tukaeru.gif) no-repeat;
	overflow:auto;
	float:left;
}

#sitemap_company{
	width:218px;
	height:145px;
	background:url(/guide/sitemap/images/bg_company.gif) no-repeat;
	overflow:auto;
}

ul.sitemap{
	margin:7px 0px 0px 25px;
	width: auto;
	line-height:16px;	
}

li.sitemap{
	margin:0px 0px 0px 10px;
	list-style:disc;
}

/*テーブル指定 */	
table.LineAll, td.LineAll{
	border:#BBBBBB 1px solid;
	border-collapse:collapse;
	padding:5px;
}

table.bgBlown, td.bgBlown { 
	background-color : #F5F1E5;
}

table.bgG, td.bgGrey { 
	background-color: #EEEEEE;
}

.clear{
	clear:both;
}

/***  TABLE border無し　点線区切り  ***/
table.privacyarea {
	clear: both;
	margin: 0 0 15px;
	padding: 0pt;
	width: 100%;
}

table.privacyarea th, table.privacyarea td{
	padding: 10px 0 0 0;
}

table.privacyarea th{
	width: 260px;
	vertical-align: top;
}

table.privacyarea td{
	width: 460px;
	vertical-align: top;
}

table.privacyarea th img{
	text-align:left;
}

table.privacyarea #pv_line{
	width:720px;
	height:1px;
	background-image:url(/images/common/line.gif);
	background-repeat:no-repeat;
	margin:5px 0px 5px 0px;
}

table.privacyarea .pv_line{
	width:720px;
	height:1px;
	background-image:url(/images/common/line.gif);
	background-repeat:no-repeat;
	margin:5px 0px 5px 0px;
}

/*border消し*/
table.privacyarea th .noborder, table.privacyarea td .noborder{
	padding: 10px 0px 10px 0;
}

/************** ご利用にあたって  ***************/
.secom{
	margin:30px 0 0 0;
}

/* span visibility指定での影響の為、再指定 */
#content span.attentmark {
	color:#997700; visibility:visible;
}

#content span.bold {
	color:#997700; visibility:visible; font-weight:bold;
}

/***  TABLE border無し　点線区切り TH幅200px ***/
table.goriyouyarea {
	margin: 0 0 15px;
	padding: 0pt;
	width: 100%;
}

table.goriyouyarea th, table.goriyouyarea td{
	padding: 20px 0 20px 0;
}

table.goriyouyarea th{
	width: 200px;
	vertical-align: top;
	text-align:left;
}

table.goriyouyarea td{
	width: 520px;
	vertical-align: top;
}

table.goriyouyarea .pv_line{
	width:720px;
	height:1px;
	background-image:url(/images/common/line.gif);
	background-repeat:no-repeat;
	margin:5px 0px 5px 0px;
	padding: 0;
}

table.goriyouyarea p {
	margin:0;
	padding:0;
}

/* =========================================================

■公表事項

========================================================= */

/* 大きなまとまり（.section）ごとに点線を配置 */
div.withBorder {
	background: url(/images/common/line.gif) no-repeat left bottom;
	padding: 0px 0px 15px;
}

/* カナ文字のリスト（イ・ロ・ハ） */
ol.marker-kana {
	list-style: none;
	margin-left: 10px;
}
ol.marker-kana li.kana-i  {
	padding-left: 20px;
	background: url(../guide/pv/images/icon_kana_i.gif) no-repeat left 0.1em;
	min-height: 18px;
}
ol.marker-kana li.kana-ro {
	padding-left: 20px;
	background: url(../guide/pv/images/icon_kana_ro.gif) no-repeat left 0.1em;
	min-height: 18px;
}
ol.marker-kana li.kana-ha {
	padding-left: 20px;
	background: url(../guide/pv/images/icon_kana_ha.gif) no-repeat left 0.1em;
	min-height: 18px;
}
ol.marker-kana li.kana-ni {
	padding-left: 20px;
	background: url(../guide/pv/images/icon_kana_ni.gif) no-repeat left 0.1em;
	min-height: 18px;
}


/*●数字のリスト */
div.marker-num img{
	margin-left:1px;	
}
ol.marker-num {
	list-style: none;
	margin-left: 10px;
}
ol.marker-num li.num-01 {
	padding-left: 20px;
	background: url(../guide/pv/images/icon_01.gif) no-repeat left 0.1em;
	min-height: 18px;
}
ol.marker-num li.num-02 {
	padding-left: 20px;
	background: url(../guide/pv/images/icon_02.gif) no-repeat left 0.1em;
	min-height: 18px;
}
ol.marker-num li.num-03 {
	padding-left: 20px;
	background: url(../guide/pv/images/icon_03.gif) no-repeat left 0.1em;
	min-height: 18px;
}
ol.marker-num li.num-04 {
	padding-left: 20px;
	background: url(../guide/pv/images/icon_04.gif) no-repeat left 0.1em;
	min-height: 18px;
}
ol.marker-num li.num-05 {
	padding-left: 20px;
	background: url(../guide/pv/images/icon_05.gif) no-repeat left 0.1em;
	min-height: 18px;
}
ol.marker-num li.num-06 {
	padding-left: 20px;
	background: url(../guide/pv/images/icon_06.gif) no-repeat left 0.1em;
	min-height: 18px;
}
ol.marker-num li.num-07 {
	padding-left: 20px;
	background: url(../guide/pv/images/icon_07.gif) no-repeat left 0.1em;
	min-height: 18px;
}
ol.marker-num li.num-08 {
	padding-left: 20px;
	background: url(../guide/pv/images/icon_08.gif) no-repeat left 0.1em;
	min-height: 18px;
}

/* 1.,2.,3.... */
.li_custom {
	padding:0 0 0 15px;
	text-indent:-15px;
}



/* カラムレイアウトの調整 */
table.kojin-cols th {
	width: 35%; text-align:left;
}
table.kojin-cols th h4 {
	margin: 0px;
	padding-left: 20px;
	text-indent: -20px;
}

/* カラムレイアウトの調整 */
div.foot_buttonArea div.buttonArea {
	float: left;
}
div.foot_buttonArea div#footer_up {
	float: right;
}
	.section .section {
		margin-bottom: 2.0em !important;
	}

/* =========================================================

■よくあるご質問

========================================================= */

/* サブタイトル（＋本文先頭のグラデ） */
h2.qaSubtitle {
	padding-top: 10px;
	background: url(/guide/images/qa/qa_content_top.gif) repeat-x left top;
	margin-bottom: 10px;
}

/* 質問・回答郡全体（＋本文末尾のグラデ） */
div#qaContent {
	margin-bottom: 20px;
	padding-bottom: 37px;
	background: url(/guide/images/qa/qa_content_bottom.gif) repeat-x left bottom;
}

/* 質問・回答 */
dl.qaQuestion,
dl.qaAnswer {
	clear:left;
	width: 720px;
	margin: 0px; padding: 0px;
}

dl.qaAnswer {
	background-color: #f5f1e5;
	margin: 10px 0px;
}

dl.qaQuestion dt, dl.qaQuestion dd,
dl.qaAnswer dt, dl.qaAnswer dd {
	margin: 0px;
	line-height: 1.4;
}

dl.qaQuestion dt,
dl.qaAnswer dt {
	float: left;
	padding: 10px 7px 0px;
	width: 30px;
	font-weight: bold;
	color: #957528;
}

dl.qaQuestion dd,
dl.qaAnswer dd {
	margin-left: 44px;
	width: 652px;
}

dl.qaQuestion dd {
	padding: 10px 0px 0px 12px;
}

dl.qaAnswer dd {
	padding: 10px 0px 10px 12px;
}

dl.qaQuestion dd a {
	color: #333 !important;
	text-decoration: none;
}

div.qaAnswer-links {
	margin-top: 0.75em;
	line-height: 1.6em;
}

/* 質問・回答中のdl */
dl.qaAnswer dd dl {
	margin: 0px;
}

dl.qaAnswer dd dl dt {
	float: none;
	width: auto;
	margin-bottom: 0.4em;
	padding: 0px;
	color: #333;
	font-weight: normal;
}

dl.qaAnswer dd dl dd {
	width: auto;
	margin: 0px 0px 1em 15px;
	padding: 0px;
}

/* 質問・回答中のtable.data */
dl.qaAnswer table.data {
	border-right: solid 1px #ccc; border-bottom: solid 1px #D6C999;
}

dl.qaAnswer table.data th,
dl.qaAnswer table.data td {
	border-left: solid 1px #ccc; border-top: solid 1px #D6C999;
	text-align:center;
}

dl.qaAnswer table.data thead th {
	background-color: #E0D6B2;
}

dl.qaAnswer table.data tbody th {
	background-color: #FFFFE5;
}

/* お問い合わせ方法 */
div.contactMethods {
	width: 730px;
	margin-left: -10px;
	position: relative;
	overflow: hidden;
	background: url(/guide/images/qa/qa_contact_bg.gif) repeat-x left bottom;
}

div.contactMethods div.contactMethod {
	float: left;
	width: 331px;
	padding: 12px 12px 12px 22px;
	background: url(/guide/images/qa/qa_contact_top.gif) no-repeat right top;
}

div.contactMethod h3 {
	margin-bottom: 0.5em;
	font-size: 100%;
	color: #977700;
	font-weight: bold;
}

div.contactMethod h3 img.inSentence {
	margin: 0px 4px 0px 0px;
}

/* =========================================================

■お問い合わせ窓口のご案内

========================================================= */
dl.contactList dt {
	margin: 0px;
	color: #977900;
	font-weight: bold;
}

dl.contactList dd {
	margin: 0px 0px 0.75em;
}

dl.contactList dd.withBoder {
	padding-bottom: 0.75em;
	background: url(/images/common/line.gif) no-repeat left bottom;
}

/* =========================================================

■文字枠いっぱいまで拡大

========================================================= */
	.largelarge {
		font-size:130%;
		margin:0;
		padding:0;
	}