@charset "Shift_JIS";

/*=====================================
 共通 CSS

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

#guideContents *{
	margin:0;
	padding:0;
	list-style:none;
}

br.clear{
	clear:both;
	margin:20px 0;
}

.contents.nobord{
	border:none;
}

a.arrow{
	background: no-repeat left center url('/img/usr/faq/nav_marker.gif');
	padding: 0 0 0 15px;
}
a.blank{
	background: no-repeat right center url('/img/usr/pages/common/icn_windowopen.gif');
	padding-right: 15px;
}
#dsgn_main01 .dsgn_mainTtl {
	margin-bottom: 16px;
	padding-bottom: 15px;
	background: url("/img/usr/pages/common/bg_ttl02_red_b.gif") left bottom no-repeat;
}

#dsgn_main02 .dsgn_mainTtl {
    margin-bottom: 16px;
    padding-bottom: 15px;
    background: url("/img/usr/pages/common/bg_ttl01_red_b.gif") left bottom no-repeat;
}

/*=====================================
* 01.ご利用ガイド用スタイル

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

/* ナビ */
#guide_nav{
	width:184px;
	background: #ff8800 url('/img/usr/faq/nav_back.gif');
	padding:3px;
}
#guide_nav img{
	vertical-align:text-bottom;
}
#nav_frame{
	margin:3px 0 3px 0;
	background: #fff;
	-webkit-box-shadow: 1px 1px 3px #666;
	-moz-box-shadow: 1px 1px 2px #666;
}


#nav_frame li, #sub_frame li{
	width: 160px;
	background: no-repeat left center url('/img/usr/faq/nav_marker.gif');
	padding:5px 0;
}

#nav_frame li a, #sub_frame li a{
	font-weight:normal;
	margin:0 12px; padding:0;
	color: #0068b7;
	text-decoration: underline;
}

#nav_frame li a:hover, #sub_frame li a:hover{
	text-decoration:none;
}

#nav_frame dl{
	margin:0;
background: #fff;}

#nav_frame dt{
	padding:6px;
}

#nav_frame dd{
	margin-bottom:0;
	padding-bottom:0.7em;
}

#nav_frame2{
	padding:5px 0;
	margin-top:3px;
	background: #fff;
	-webkit-box-shadow: 1px 1px 3px #666;
	-moz-box-shadow: 1px 1px 2px #666;
}


dt.sub{
	border-bottom:1px solid #ccc;
	width:100%;
	padding:10px 0 10px 0;
}

dt.sub_open{
	border-bottom:none;
}

dt.sub a{
	margin-left:12px;
}

#sub_frame{
	border-bottom: 1px solid #ccc;
}

#sub_frame ul{
	margin: 5px 6px;
}

/* コンテンツ全体 */
#contents-inner{
	margin: 0 10px;
}

.subTtl{
	background: no-repeat left center url('/img/usr/faq/point_h2.gif');
	border-bottom: 3px solid #cc0000;
}

.subTtl h2{
	margin: 28px 30px 0 15px;
	font-size: 140%;
	font-weight: bold;

}
.contents{
	width: 100%;
	margin: 0;
	padding: 30px 0;
	overflow:hidden;
	border-bottom: 1px solid #cccccc;
}

.contents h3{
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 20px;
	color: #ff6501;
	clear:both;
}

.contents_border{
	width 100%;
	border-bottom: 1px solid #cccccc;
}

p.attention{
	padding:5px 0 0 1em;
	text-indent: -1em;
	font-size:90%;

}
.attention span{
	color: #f00;
}
/*
p.attention:first-letter{
	color: #f00;
}
*/

ul.attention{
	clear:both;
	padding:10px 0;
	font-size:90%;
}

ul.attention li{
	list-style:none;
	margin:0;
	padding:0 0 0.5em 1.5em;
	text-indent: -1.5em;
}


.left_column{
	width: 500px;
	float: left;
}

.right_column{
	float: left;
	width: 170px;
	padding-left: 10px;
}

.contents_link{
	text-align: center;
	padding:10px 0;
}

.clear { clear:both; }



/*=====================================
* FAQ

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

dl.faq{
	margin:10px auto 30px auto;
}


dl.faq dt{
	border-bottom:1px solid #cc0000;
	margin:0;
	padding:0 0 3px -1em;
	text-indent: -1em;
	padding-left:1em;
	font-weight:normal;
	font-size:115%;
}
dl.faq dt strong{
	color:#cc0000;
	font-weight:bold;
	padding-right:5px;

}
dl.faq dd{
	margin:0 0 0 10px;
	padding:10px 0 0 0;
	text-indent: -1em;
	padding-left:1em;
}
dl.faq dd strong{
	color:#333;
	font-weight:bold;
	padding-right:3px;

}

.js_process{
	margin:6px;
}
.js_indent{
	text-indent: -2em;
	margin-left: 3em;
}