@charset "shift_jis";

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

 member

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

/* chapter-index
--------------------------------------------------*/
body#member #main-contents div.chapter-index{
background:url(/member/images/index-bg02.gif) no-repeat left bottom;
padding:0 0 7px;
}

body#member #main-contents div.chapter-index-inner{
background:url(/member/images/index-bg01.gif) no-repeat;
padding:7px 0 0;
zoom:1;
}

body#member #main-contents div.chapter-index-inner:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

body#member #main-contents div.chapter-index ul{
margin:0 0 0.3em;
clear:both;
}

body#member #main-contents div.chapter-index ul:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


body#member #main-contents div.chapter-index ul li{
float:left;
list-style:none;
margin:0;
width:165px;
padding-left:5px;
overflow:hidden;
}

body#member #main-contents div.chapter-index ul li.first-child{
width:174px;
}



/* heading
----------------------------------------------------------------------------------------------------*/
body#member div#member-annai h2,
body#member div#member-step h2,
body#member div#member-faq h2{
text-indent:-9999px;
overflow:hidden;
}

body#member div#member-annai h2 span,
body#member div#member-step h2 span,
body#member div#member-faq h2 span{
position:absolute;
left:10px;
top:10px;
height:16px;
display:block;
}


/*
--------------------------------------------------*/
body#member div#member-annai h2 span{background:url(/member/images/index-txt-annai.gif) no-repeat;width:249px;}
body#member div#member-step h2 span{background:url(/member/images/index-txt-step.gif) no-repeat;width:249px;}
body#member div#member-faq h2 span{background:url(/member/images/index-txt-faq.gif) no-repeat;width:249px;}

body#member div#member-annai div.group,
body#member div#member-step div.group,
body#member div#member-faq div.group{
width:661px;
padding-top:10px;
background:url(/common/images/line01.gif) repeat-x bottom;
zoom:1;
}

body#member div#member-annai div.first-child,
body#member div#member-step div.first-child,
body#member div#member-faq div.first-child{
padding-top:5px;
}


body#member div#member-annai div.group:after,
body#member div#member-step div.group:after,
body#member div#member-faq div.group:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


body#member div#member-annai div.group .item1 p.text{
width:360px;
padding:0;
float:left;
}


body#member div#member-annai div.group .item1 ul{
width:280px;
float:right;
}


body#member div#member-annai div.group .item1 li{
list-style:none;
float:left;
}


body#member div#member-annai div.group .item1 li.first-child{
width:115px;
padding-right:10px;
}


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


body#member div#member-step div.group .item1 p.text,
body#member div#member-faq div.group .item1 p.text{
width:220px;
padding:0;
float:left;
}



/* 201111xx
---------------------------------*/
div.gradBox							{ position:relative; width:698px; margin:0.8em -2px;}

/* INDEX */
div.gradBox33						{ width:698px; margin:0; padding:0 0 1px 0;}
div.gradBox33 div.gradBox33			{ width:698px; margin:6px 0; padding:8px 0 0 0; background:url(/member/images/index-box-type3-3.gif) 0 0 no-repeat;}
div.gradBox33 ul.clearfix			{ width:698px; margin:0; list-style:none; background:url(/member/images/index-box-type3-3.gif) 0 100% no-repeat;}
div.gradBox33 ul.clearfix li		{ width:210px; margin:0; float:left;}
div.gradBox33 li.gradBox33-1		{ padding:0 15px 0 9px;}
div.gradBox33 li.gradBox33-2		{ padding:0 0 0 9px;}

div.gradBox32a						{ width:698px; margin:6px 0; padding:8px 0 0 0; background:url(/member/images/index-box-type3-2.gif) -352px 0 no-repeat;}
div.gradBox32a ul.clearfix			{ width:698px; margin:0; list-style:none; background:url(/member/images/index-box-type3-2.gif) -352px 100% no-repeat;}
div.gradBox32a li.gradBox32-1		{ width:152px; margin:0; padding:0 15px 0 9px; float:left;}
div.gradBox32a li.gradBox32-2		{ width:328px; margin:0; padding:0 0 0 9px; float:left;}
div.gradBox32b						{ width:522px; margin:6px 0 16px 0; padding:8px 0 0 0; background:url(/member/images/index-box-type3-2.gif) 0 0 no-repeat;}
div.gradBox32b ul.clearfix			{ width:522px; margin:0; list-style:none; background:url(/member/images/index-box-type3-2.gif) 0 100% no-repeat;}
div.gradBox32b li.gradBox32-1		{ width:152px; padding:0 15px 0 9px; float:left;}
div.gradBox32b li.gradBox32-2		{ width:152px; padding:0 0 0 9px; float:left;}

div.gradBox32 ul.clearfix dl,
div.gradBox33 ul.clearfix dl		{ margin:0; padding:0 0 0 0;}
div.gradBox32 ul.clearfix dt,
div.gradBox33 ul.clearfix dt		{ margin:0; padding:8px 3px 8px 3px; background:url(/member/images/grad-line1.gif) 0 100% repeat-x;}
div.gradBox32 ul.clearfix dt a,
div.gradBox33 ul.clearfix dt a		{ display:block; padding:0 0 0 16px; font-weight:bold; background:url(/common/images/icn_lnk02.gif) 0 0.2em no-repeat; text-decoration:none;}
div.gradBox32 ul.clearfix dd,
div.gradBox33 ul.clearfix dd		{ margin:0; padding:8px 3px 15px 3px;}
div.gradBox32 ul.clearfix dd ul,
div.gradBox33 ul.clearfix dd ul		{ margin:0; padding:5px 0 0 0; list-style:none;}
div.gradBox32 ul.clearfix dd li,
div.gradBox33 ul.clearfix dd li		{ margin:0; padding:0 0 3px 0;}


div.grad-h2btn						{ width:113px; padding:0 9px 0 0; float:right;}
div.grad-h2btn a					{ display:block; position:relative; margin:-30px 0 0 0;}

div.gradBox31b						{ width:698px; margin:6px 0 20px 0; padding:0 0 0 0; background:url(/member/images/index-box-type3-1b.gif) 0 0 repeat-y; clear:both;}
div.gradBox31a						{ width:698px; padding:8px 0 0 0; background:url(/member/images/index-box-type3-1a.gif) 0 0 no-repeat;}
div.gradBox31c						{ width:698px; padding:4px 0 8px 0; background:url(/member/images/index-box-type3-1c.gif) 0 100% no-repeat;}
ul.gradBox31list					{ margin:0; list-style:none;}
ul.gradBox31list li					{ margin:0; padding:0 12px 0 12px;}
ul.gradBox31list dl					{ margin:0; padding:5px 0 5px 0;}
ul.gradBox31list dt					{ width: 59px; margin:0; padding:0; float:left;}
ul.gradBox31list dd					{ width:600px; margin:0; padding:0; float:left;}
ul.gradBox31list dd img				{ float:left;}
ul.gradBox31list dd p				{ width:575px; margin:0; padding:1px 0 0 0; font-weight:bold; float:right;}
ul.gradBox31list dd p a:link,
ul.gradBox31list dd p a:visited		{ color:#333; text-decoration:none;}
ul.gradBox31list dd p a:hover		{ color:#0070cb; text-decoration:underline;}
li.gradBox31list-e dl				{}
li.gradBox31list-o dl				{ background-color:#e9eff7;}
ul.gradBox31lnk						{ margin:0; padding:10px 18px 10px 0; list-style:none; text-align:right;}

#member-index-section03 ul			{ margin:0; list-style:none;}
#member-index-section03 li			{ width:210px; margin:0; padding:0 8px 15px 8px; text-align:center; border-left:solid 1px #dadada; float:left;}
#member-index-section03 li.first	{ padding:0 8px 15px 0; border-style:none;}
#member-index-section03 li.last		{ padding:0 0 15px 8px;}
#member-index-section03 .type1-line	{ margin:0 0 3px 0; padding:0 0 3px 0; border-bottom:solid 1px #dadada;}
#member-index-section03 li p		{ width:11em; margin:0 auto; padding:4px 0 0 1.5em; text-align:left; white-space:nowrap;}

#member-side-section01				{ margin:0 0 10px 0; text-align:center; background:url(/member/images/index-box-type-s1.gif) 0 100% no-repeat;}
#member-side-section01 ul			{ margin:0; padding:5px 0 10px 0; list-style:none;}
#member-side-section01 li			{ margin:0; padding:0 0 5px 0;}

/* FAQ */
#faq-navbtn01						{ margin:0; list-style:none;}
#faq-navbtn01 li					{ margin:0; padding:0 10px 20px 0; float:left;}
#faq-navbtn01 li.last				{ padding:0;}

#faq-section dl						{ margin:0; padding:0 0 1px 0; background:url(/member/images/faq-dotline.gif) 0 100% no-repeat;}
#faq-section dt						{ margin:0; padding:15px 10px 6px 8px;}
#faq-section dt img					{ float:left;}
#faq-section dt strong				{ display:block; width:650px; padding:1px 0 0 0; float:right;}
#faq-section dt a:link,
#faq-section dt a:visited			{ color:#333333; text-decoration:none;}
#faq-section dt a:hover				{ color:#0070cb; text-decoration:underline;}
#faq-section dd						{ width:676px; margin:0; padding:5px 10px 6px 8px; background-color:#e8eff7;}
#faq-section dd img					{ margin:0; float:left;}
#faq-section dd div					{ width:650px; margin:0; padding:2px 0 0 0; float:right;}
#faq-section dd div ul				{ margin:0; padding:2px 0 0 0; list-style:none;}
#faq-section dd div dt				{ margin:0; padding:4px 0 0 0;}
#faq-section dd div dd				{ width:auto; margin:0; padding:0;}
#faq-section dd div dd ul			{ padding:0;}


#faq-section01,
#faq-section02,
#faq-section03,
#faq-section04						{ margin:0 0 20px 0;}
#faq-section01 div.gradBox,
#faq-section02 div.gradBox,
#faq-section03 div.gradBox,
#faq-section04 div.gradBox			{ margin:0.8em -2px 0 -2px;}




/*---------------------------------------------------------------
          20121022
---------------------------------------------------------------*/
#contents-header div.topicPath {
	width: 660px;
}
#contents-header p.topic-name {
	width: 120px;
}
#contents #main-contents,
#contents #main-contents #okyasup {
	width: 698px;
}
#contents #main-contents #okyasup img {
	vertical-align: text-bottom;
	font-size: 0;
}
#okyasup ul {
	margin: 0;
	padding: 0;
}
#okyasup ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*-- #attention_area(お知らせとお願い)--*/
#attention_area {
    background: url(/images/index_main_attention_bg2.gif) no-repeat 0 100%;
    margin: 5px auto 10px;
	width: 694px;
}
#attention_area h2 {
    background: url(/images/index_main_attention_tit2.gif) no-repeat 0 0;
    height: 23px;
	text-indent: -9999px;
}
#attention_area ul {
    padding-bottom: 5px;
    padding-top: 10px;
	margin-left: 15px;
}
#attention_area ul li {
    padding-bottom: 3px;
}

/*-------- #regist --------*/
#okyasup #regist {
	float: left;
	width: 414px;
	background: url(../images/index_bg02.gif) repeat-y left top;
}
#okyasup #regist p {
	margin-bottom: 0;
}
/* .section01 */
#okyasup #regist .section01 {
	background: url(../images/index_bg01.gif) no-repeat left top;
	padding: 0 12px;
}
#okyasup #regist .section01 .bt01 {
	width: 369px;
	height: 107px;
	margin: 10px auto 5px;
	text-align: center;
}
#okyasup #regist .section01 .bt01 a {
	width: 369px;
	height: 107px;
	display: block;
	text-indent: -9999px;
	background: url(../images/index_bt01.jpg) no-repeat left top;
}
#okyasup #regist .section01 .bt01 a:hover {
	background-position: left -107px;
}
#okyasup #regist .list01 {
	padding-bottom: 6px;
}
#okyasup #regist .list01 li.same_win {
	padding-bottom: 5px;
	padding-left: 16px;
	background: url(/common/images/icn_lnk02.gif) no-repeat left 2px;
}
#okyasup #regist .list01 li.new_win a {
	background: url(../images/index_ic01.gif) no-repeat left top;
	padding-left: 16px;
	padding-bottom: 5px;
}
/* .section02 */
#okyasup #regist .section02 {
	padding: 10px 0 0 12px;
	background: url(../images/index_bd01.gif) no-repeat left top;
}
#okyasup #regist .procedure_list {
	padding-top: 7px;
}
#okyasup #regist .procedure_list li {
	float: left;
	margin: 0 1px 1px 0;
	line-height: 0;
}

/*-------- #kyouzai --------*/
#okyasup #kyouzai {
	float: right;
	width: 274px;
	background: url(../images/index_bg03.gif) repeat-y left top;
}
#okyasup #kyouzai .attention {
	font-size: 85%;

	margin-left: 1em;
}
#okyasup #kyouzai li {
	padding: 7px 13px 6px;
	background: url(../images/index_bd02.gif) no-repeat left top;
}
#okyasup #kyouzai li p {
	margin: 0px;
	padding: 0 0 0 16px;
}
#okyasup #kyouzai li.new_win a {
	background: url(../images/index_ic01.gif) no-repeat left top;
	padding-left: 16px;
	font-weight: bold;
}
/*-------- #juko_rule --------*/
#okyasup #juko_rule {
	float: right;
	width: 274px;
	margin: 0 0 10px 0;
	background: url(../images/index_bg03.gif) repeat-y left top;
}
#okyasup #juko_rule .attention {
	font-size: 85%;
	margin-left: 1em;
}
#okyasup #juko_rule ul{
	margin-bottom:0;}
	
#okyasup #juko_rule li {
	padding: 7px 33px 0;
	text-indent:-20px;
	background: url(../images/index_bd02.gif) no-repeat left top;
}
#okyasup #juko_rule li p {
	margin: 0px;
	padding: 0 0 0 16px;
}
#okyasup #juko_rule li.new_win a {
	background: url(../images/index_ic01.gif) no-repeat left top;
	padding-left: 16px;
	font-weight: bold;
}
/*-------- #faq_area --------*/
#okyasup #faq_area {
	padding-top: 7px;
	clear: both;
}
#okyasup #faq_area .search_area {
	border: #0fa4d3 2px solid;
	padding: 5px 14px 10px 14px;
	margin: 0 2px;
}
#okyasup #faq_area .search_txt {
	padding-top: 5px;
	font-size: 105%;
	line-height: 2.0;
}
#okyasup #faq_area .search {
	padding-bottom: 10px;
	margin-left: 370px;
	margin-top: -35px;
}
#okyasup #faq_area .search p {
	margin: 0 0 0.3em;
}
#okyasup #faq_area .search input {
	margin-right: 3px;
	/*width: 240px;*/
	float: left;
}
#okyasup #faq_area .search input.keyword_frmbtn {
	margin-right: 0;
}
#okyasup #faq_area .search .ask_searchBtn {
	background: url(/common/images/sub_btn03.gif) no-repeat 0 0;
    border: medium none;
    height: 20px;
    overflow: hidden;
    text-indent: -9999px;
    width: 33px;
}
/*#okyasup #faq_area #faq_list {
	background: url(../images/index_bg04.gif) no-repeat left top;
	padding: 13px 0 0;
	margin-top: 3px;
}
#okyasup #faq_area #faq_list ul {
	padding: 0 11px 0 13px;
	margin: 0;
	background: url(../images/index_bg05.gif) repeat-y left top;
	list-style: none;
}
#okyasup #faq_area #faq_list ul li {
	margin: 0;
	padding: 8px 10px 8px 84px;
	font-weight: bold;
}
#okyasup #faq_area #faq_list ul li.ask1 {
	background: url(../images/index_ic02.gif) no-repeat left 5px;
}
#okyasup #faq_area #faq_list ul li.ask2 {
	background: url(../images/index_ic03.gif) no-repeat left 5px #e9eff7;
}
#okyasup #faq_area #faq_list ul li.ask3 {
	background: url(../images/index_ic04.gif) no-repeat left 5px;
}
#okyasup #faq_area #faq_list ul li.ask4 {
	background: url(../images/index_ic05.gif) no-repeat left 5px #e9eff7;
}
#okyasup #faq_area #faq_list ul li.ask5 {
	background: url(../images/index_ic06.gif) no-repeat left 5px;
}
#okyasup #faq_area #faq_list ul li.ask6 {
	background: url(../images/index_ic07.gif) no-repeat left 5px #e9eff7;
}
#okyasup #faq_area #faq_list ul li.ask7 {
	background: url(../images/index_ic08.gif) no-repeat left 5px;
}
#okyasup #faq_area #faq_list ul li.ask8 {
	background: url(../images/index_ic09.gif) no-repeat left 5px #e9eff7;
}
#okyasup #faq_area #faq_list ul li.ask9 {
	background: url(../images/index_ic10.gif) no-repeat left 5px;
}
#okyasup #faq_area #faq_list ul li.ask10 {
	background: url(../images/index_ic11.gif) no-repeat left 5px #e9eff7;
}
#okyasup #faq_area #faq_list p {
	background: url(../images/index_bg06.gif) no-repeat left bottom;
	padding: 8px 20px 20px 0;
	text-align: right;
}
#okyasup #faq_area #faq_list p a {
	background: url(/common/images/icn_lnk02.gif) no-repeat left top;
	padding-left: 16px;
}*/

/* OKWave */
#okyasup #faq_area #faq_list {
	margin-top: 15px;
}
#okyasup #faq_area #faq_list .oneCol {
	float: left;
	width: 695px;
}
#okyasup #faq_area #faq_list .twoCol {
	float: left;
	width: 340px;
}
#okyasup #faq_area #faq_list .ttl_col {
    background-color: #FFCC33;
    background-image: none;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    line-height: 1.6;
    padding: 5px;
}
#okyasup #faq_area #faq_list .ttl_bg {
    background: none repeat 0 0;
    height: auto;
    padding: 0;
}
#okyasup #faq_area #faq_list .icoQa {
    background: none repeat 0 0;
    padding: 5px 0 0 5px;
}
#okyasup #faq_area #faq_list .qaList,
#okyasup #faq_area #faq_list #result,
#okyasup #faq_area #faq_list #result2 {
    margin: 5px 10px 10px;
}
#okyasup #faq_area #faq_list .qaList li,
#okyasup #faq_area #faq_list #result p,
#okyasup #faq_area #faq_list #result2 p {
	margin: 5px;
    background: url(/common/images/icn_lnk02.gif) no-repeat left 0.2em;
    padding-left: 16px;
}
#okyasup #faq_area #faq_list .qaList2 li {
	width: 294px;
	float: left;
	font-size: 116%;
	font-weight: bold;
}
#okyasup #faq_area #faq_list .qaList2 li.li_odd {
	margin-right: 40px;
}

/*-------- .info_area  --------*/
.info_area ul {
	border-right: #acdcf4 1px solid;
	border-bottom: #acdcf4 1px solid;
	border-left: #acdcf4 1px solid;
	padding: 10px;
	margin: 0 0 10px;
}
.info_area ul li {
	margin: 0;
	padding: 0 0 10px;
	list-style: none;
}