@charset "Shift_JIS";
/* ------------------------------------------------------------------ */
/* 全体　*/
/* ------------------------------------------------------------------ */
body,p,dl,div,h2,table {
	font-family: "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","メイリオ",sans-serif;
	font-size: 14px;
	line-height:1.5;
}

table {
	font-size: 13px;
	line-height:1.3;
}

div,dl,dt,dd,ul,li {padding:0;margin:0;}
em {font-style:normal;color:#f00;}
strong {font-weight:bold;color:#f00;}
li {list-style:none;}
img {border:none;}

a:link {
    color: #003399;
    text-decoration: underline;
}
a:visited {
    color: #0066CC;
    text-decoration: underline;
}
a:hover, a:active {
    color: #E60000;
    text-decoration: underline;
}
.header {
	margin:30px 0;
}
.header h1 {
	margin:0 0 10px;
}

.tab-inner {
	padding:15px 0 0;
}

.attention {
	background-color:#F9F8F2;
	padding:15px 20px;
	margin:20px 0;
}
.attention dt {
	margin:0 0 10px;
	font-weight:bold;
}
.attention em {
	font-weight:bold;
	color:#333;
}

.btnBox {
	background-color:#eae8d4;
	border:solid 1px #d0d0d0;
	padding:15px 0 10px;
	margin:20px 0 0;
	text-align:center;
	line-height: 1.3;
}
.btnBox.top {
	margin:0;
}

.stepBox {
	background-color:#f0f0f0;
}
.stepBox.s01 {
	background:url(../imgs/img_01.gif) right center no-repeat #f0f0f0;
}
.stepBox.s02 {
	background:url(../imgs/img_02.gif) right center no-repeat #f0f0f0;
}
.stepBox.s03 {
	background:url(../imgs/img_03.gif) right center no-repeat #f0f0f0;
}
.stepBox.s06 {
	background:url(../imgs/img_06.gif) right center no-repeat #f0f0f0;
}

.stepBox .step {
	width:56px;
	padding:15px 0 0 10px;
	float:left;
}
.stepBox dl {
	width:462px;
	float:right;
	padding:15px 0 15px 10px;
}
.stepBox dt {
	padding:0 0 12px 0;
}
.stepBox dt.ct {
	padding:0 135px 0 0;
}

.stepBox dd {
	padding:0 135px 10px 0;
}
.stepBox.s05 dd {
	padding:0 10px 10px 0;
}

.stepBox dd.notes {
	color:#666;
	padding:0 135px 0 1em;
	text-indent:-1em;
}

.stepBox dd.notes-caution {
	color:#666;
	padding:0 135px 0 2em;
	text-indent:-2em;
}

.stepBox dd.necessary {
	padding:0;
	margin:0 0 12px -5px;
}
.necessary li {
	float:left;
}
.necessary li p {
	text-align:center;
}
.arrow {
	text-align:center;
	padding:10px 0;
	background:none;
}

.notesList {
	font-size:x-small;
	padding:0 0 0 2em;
	text-indent:-2em;
	margin:20px 0 0;
}

/* ------------------------------------------------------------------ */
/* tab　*/
/* ------------------------------------------------------------------ */
.tab-container-01 {
	width:560px;
	position:relative;
}
.tab-container-01 .tab-btns {
	border-bottom:solid 5px #e60000;
	position:relative;
}
.tab-container-01 .tab-btns li {
	float:left;
	font-size:0;
	line-height:0;
}

.tab-container-01.active .tab-contents {
position:absolute;
left:-9999px;
top:-9999px;
}

.tab-container-01 .tab-contents.active {
position:static;
}


/*===================================================================
	layout
===================================================================*/

/* Margin
------------------------------------------ */

/* ------ margin-top ------ */
.mt0	{ margin-top:0 !important; }
.mt3	{ margin-top:3px !important; }
.mt5	{ margin-top:5px !important; }
.mt8	{ margin-top:8px !important; }
.mt10	{ margin-top:10px !important; }
.mt15	{ margin-top:15px !important; }
.mt20	{ margin-top:20px !important; }
.mt25	{ margin-top:25px !important; }
.mt30	{ margin-top:30px !important; }
.mt35	{ margin-top:35px !important; }
.mt40	{ margin-top:40px !important; }
.mt50	{ margin-top:50px !important; }

/* ------ margin-right ------ */
.mr0	{ margin-right:0 !important; }
.mr5	{ margin-right:5px !important; }
.mr10	{ margin-right:10px !important; }
.mr15	{ margin-right:15px !important; }
.mr20	{ margin-right:20px !important; }
.mr25	{ margin-right:25px !important; }
.mr30	{ margin-right:30px !important; }

/* ------ margin-bottom ------ */
.mb0	{ margin-bottom:0 !important; }
.mb5	{ margin-bottom:5px !important; }
.mb10	{ margin-bottom:10px !important; }
.mb15	{ margin-bottom:15px !important; }
.mb20	{ margin-bottom:20px !important; }
.mb25	{ margin-bottom:25px !important; }
.mb30	{ margin-bottom:30px !important; }
.mb40	{ margin-bottom:40px !important; }
.mb50	{ margin-bottom:50px !important; }

/* ------ margin-left ------ */
.ml0	{ margin-left:0 !important; }
.ml5	{ margin-left:5px !important; }
.ml10	{ margin-left:10px !important; }
.ml15	{ margin-left:15px !important; }
.ml20	{ margin-left:20px !important; }
.ml25	{ margin-left:25px !important; }
.ml30	{ margin-left:30px !important; }


/* padding-top
------------------------------------------ */
.pt0	{ padding-top:0 !important; }
.pt5	{ padding-top:5px !important; }
.pt10	{ padding-top:10px !important; }
.pt15	{ padding-top:15px !important; }
.pt20	{ padding-top:20px !important; }
.pt25	{ padding-top:25px !important; }
.pt30	{ padding-top:30px !important; }

/* padding-right
------------------------------------------ */
.pr0	{ padding-right:0 !important; }
.pr5	{ padding-right:5px !important; }
.pr10	{ padding-right:10px !important; }
.pr15	{ padding-right:15px !important; }
.pr20	{ padding-right:20px !important; }
.pr25	{ padding-right:25px !important; }
.pr30	{ padding-right:30px !important; }
.pr40	{ padding-right:40px !important; }

/* padding-bottom
------------------------------------------ */
.pb0	{ padding-bottom:0 !important; }
.pb5	{ padding-bottom:5px !important; }
.pb10	{ padding-bottom:10px !important; }
.pb15	{ padding-bottom:15px !important; }
.pb20	{ padding-bottom:20px !important; }
.pb25	{ padding-bottom:25px !important; }

/* padding-left
------------------------------------------ */
.pl0	{ padding-left:0 !important; }
.pl5	{ padding-left:5px !important; }
.pl10	{ padding-left:10px !important; }
.pl15	{ padding-left:15px !important; }
.pl20	{ padding-left:20px !important; }
.pl25	{ padding-left:25px !important; }
.pl30	{ padding-left:30px !important; }
.pl40	{ padding-left:40px !important; }

/* font-weight
------------------------------------------ */
.fwB	{ font-weight:bold !important; }
.fwN	{ font-weight:normal !important; }

/* font size
------------------------------------------ */
.fsS	{ font-size:78%; line-height:1.3; }
.fsM	{ font-size:85%; }
.fsL	{ font-size:114% }
.fsXL	{ font-size:128%; }

/* font color
------------------------------------------ */
.fcR { color: #e60000 !important; }

/* font decoration
------------------------------------------ */
.fdU	{ text-decoration:underline; }

/* indent
------------------------------------------ */
.indent1	{ padding-left:1em; text-indent:-1em; }
.indent2	{ padding-left:0.5em; text-indent:-0.5em; }
.indent3	{ padding-left:2.2em; text-indent:-2.2em; }

/* letter-spacing
------------------------------------------ */
.ls1	{ letter-spacing:1px; }

/* text-align
------------------------------------------ */
.taL	{ text-align:left; }
.taC	{ text-align:center; }
.taR	{ text-align:right; }

/* vertical-align
------------------------------------------ */
.vaT	{ vertical-align:top !important; }
.vaM	{ vertical-align:middle !important; }
.vaB	{ vertical-align:bottom !important; }

/* float
------------------------------------------ */
.flL	{ float:left; }
.flR	{ float:right; }


/* ------------------------------------------------------------------ */
/* modules　*/
/* ------------------------------------------------------------------ */


/* Head (見出し)
------------------------------------------ */
/* headMainMod01 */
.headMainMod01 { padding: 7px 5px 12px 5px; background: url(../../../shared/imgs/bg_headmain_02.gif) left bottom repeat-x; zoom: 1; }
.headMainMod01 h1 { padding: 4px 0 0 16px; min-height: 23px; background: url(../../../shared/imgs/bg_headmain_01.gif) 0 0 no-repeat; font-size: 142%; zoom: 1; line-height: 1.2; }
* html .headMainMod01 h1 { height: 23px; }

/* headMod01 */
.headMod01 { padding-bottom: 2px; background: #eee; font-size: 114%; zoom: 1; }
.headMod01 .headMod01V01 { padding: 1px; border:solid 1px #ccc; background:#fff; zoom: 1; }
.headMod01 .headMod01V02 { padding: 0 13px; background:#eee url(../../../shared/imgs/bg_head_03.gif) 0 1px repeat-y; zoom: 1; }
.headMod01 h3,
.headMod01 h2 { padding:3px 0 0 0; line-height: 1.5; zoom: 1; }

/* headMod02 */
.headMod02 { padding: 0 0 10px 0; background: url(../../../shared/imgs/bg_head_04.gif) left bottom repeat-x; font-size: 114%; zoom: 1; }
.headMod02 h4,
.headMod02 h3,
.headMod02 h2 { padding: 0 0 0 22px; min-height: 20px; background: url(../../../shared/imgs/bg_head_06.gif) 10px 3px no-repeat; line-height: 1.5; zoom: 1; }
* html .headMod02 h4,
* html .headMod02 h3,
* html .headMod02 h2 { height: 20px; }

/* headMod03 */
.headMod03 { padding-left: 12px; background: url(../../../shared/imgs/bg_head_07.gif) 0 0.4em no-repeat; zoom: 1; line-height: 1.5; }

/* headImg01 */
.headImg01 { line-height: 1.5; font-weight: bold; }
.headImg01 img.headImg0101 { margin-right: 10px; vertical-align: -10px; }

/* List（リスト）
------------------------------------------ */
/* listNo01（注意文言［参照元があり］） */
ul.listNo01 { margin-bottom: -0.2em; }
ul.listNo01 li { margin-bottom: 0.2em; }
ul.listNo01 .listNo01Fix,
ul.listNo01 .listNo01Txt { display: table-cell; vertical-align: top; }
ul.listNo01 .listNo01Fix { white-space: nowrap; }
* html ul.listNo01 .listNo01Fix,
* html ul.listNo01 .listNo01Txt { display: block; float: left; } /* For IE6 */
*:first-child+html ul.listNo01 .listNo01Fix,
*:first-child+html ul.listNo01 .listNo01Txt { display: block; float: left; } /* For IE7 */

ul.listNo01 li ul.listNo02 li,
ul.listNo01 li .listDot01 li,
ul.listNo01 li .listDot02 li { margin-bottom: 0.7em; }

/* listKome01（注意文言［参照元がなし］） */
.listKome01 li { padding-left: 1em; text-indent: -1em; }
.listKome01 li .iLink01,
.listKome01 li .iLink02 { padding-left: 14px; text-indent: 0; }

ul.listNo01 li ul.listNo02 li,
ul.listNo01 li .listDot01 li,
ul.listNo01 li .listDot02 li { margin-bottom: 0.7em; }

/* listNo02（番号付き） */
ul.listNo02 { margin-bottom: -0.7em; }
ul.listNo02 li { margin-left: 10px; margin-bottom: 0.7em; }

ul.listNo02 .listNo02Fix3,
ul.listNo02 .listNo02Fix2,
ul.listNo02 .listNo02Fix,
ul.listNo02 .listNo02Txt { display: table-cell; vertical-align: top; }
ul.listNo02 .listNo02Fix3,
ul.listNo02 .listNo02Fix2,
ul.listNo02 .listNo02Fix { white-space: nowrap; }
ul.listNo02 .listNo02Fix2 { width: 1.8em; text-align: right; }
ul.listNo02 .listNo02Fix3 { width: 2.5em; text-align: right; }
* html ul.listNo02 .listNo02Fix3,
* html ul.listNo02 .listNo02Fix2,
* html ul.listNo02 .listNo02Fix,
* html ul.listNo02 .listNo02Txt { display: block; float: left; } /* For IE6 */
*:first-child+html ul.listNo02 .listNo02Fix3,
*:first-child+html ul.listNo02 .listNo02Fix2,
*:first-child+html ul.listNo02 .listNo02Fix,
*:first-child+html ul.listNo02 .listNo02Txt { display: block; float: left; } /* For IE7 */

ul.listNo02 li .listKome01 li { margin:0; }
ul.listNo02 li ul.listNo01 li { margin:0 0 0.2em 0; }

/* Image:Icon（リンク）
------------------------------------------ */
/* iLink01 */
.iLink01 { padding-left: 14px; background: url(../../../shared/imgs/i_link_02.gif) 3px 0.5em no-repeat; zoom: 1; -ms-zoom:1; }

/* iLink01M */
.iLink01M { padding-left: 14px; background: url(../../../shared/imgs/i_link_02.gif) 3px 0.45em no-repeat; zoom: 1; -ms-zoom:1; }

/* iLink02 */
.iLink02 { padding-left: 14px; background: url(../../../shared/imgs/i_link_01.gif) 3px 0.5em no-repeat; zoom: 1; -ms-zoom:1; }

/* iLink03 */
.iLink03 { display: inline; white-space: nowrap; padding-left: 14px; background: url(../../../shared/imgs/i_link_01.gif) 3px 0.5em no-repeat; zoom: 1; -ms-zoom:1; }


.note,
.notes,
.notes-caution {
	font-size:x-small;
}
.sj {
	font-size:x-small;
}

.link {
	text-align:right;
}
.stepBox dd .link,
.link a {
    background: url("/shared/imgs/i_link_01.gif") no-repeat scroll 3px 0.5em transparent;
    padding-left: 14px;
}
.link-02 a{
    background: url("/shared/imgs/i_pop_01.gif") no-repeat scroll 3px 0.25em transparent;
    padding-left: 18px;
}

.txt-alr{
	text-align:right;
}

.txt-all{
	text-align:left;
}


/*clearfix*/
.necessary ul,
.stepBox,
.tab-container-01 .tab-btns,
.clearfix {zoom:1;}

.necessary ul:after,
.stepBox:after,
.tab-container-01 .tab-btns:after,
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

.pr75{ padding-right:75px!important;}
.step1txt{ padding:20px 0 15px 0;}

/* tab-btns */
.tab-btns li.shop {
	margin-right: 5px;
}

/* service_btnBox */
.service_btnBox {
	background-color: #eae8d4;
	border: solid 1px #d0d0d0;
	padding: 10px 12px 10px 10px;
	margin-top: 20px;
}
.service_btnBox .flL {
	width: 306px;
	float: left;
}
.service_btnBox .flR {
	width: 219px;
	float: right;
}


/* tab02 */
#tab02 .text {
	width: 310px;
}

#tab02 .image {
	width: 230px;
}

/* flow */
#flow02-01,
#flow03-01,
#flow03-02 {
	position: relative;
}

#flow02-01 .btn {
	position: absolute;
	left: 20px;
	top: 287px;
}

#flow03-01 .btn {
	position: absolute;
	left: 9px;
	top: 182px;
}

#flow03-02 .btn {
	position: absolute;
	left: 9px;
	top: 182px;
 }

/* slide */
#slide {
	position: relative;
	background: url("../imgs/index_slide_bg_01.gif") no-repeat left top;
	height: 400px;
}

#slide .inner {
	position: relative;
	margin: 12px 2px 0;
	width: 556px;
	height: 396px;
	overflow: hidden;
}

.slideContents {
	position: absolute;
	width: 300%;
}

.slideContent {
	float: left;
	width: 556px;
}

.slideContentBox {
	padding: 28px;
}

.slideController {
	position: absolute;
	width: 100%;
	top: 165px;
	left: 0;
	z-index: 100;
}

.slideController .prevBtn {
	position: absolute;
	left: 0;
	display: none;
}

.slideController .nextBtn {
	position: absolute;
	right: 0;
}

.slideContent .flL {
	width: 260px;
}

.slideContent .flR {
	width: 216px;
}

/* redLineBox */
.redLineBox {
	border: 1px solid #e60000;
	padding: 20px 20px 18px;
}

/*--------------------------------------------------
  modal
--------------------------------------------------*/
#modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

#modal_overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#modal_wrapper {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 480px;
	height: 433px;
	margin: -236px 0 0 -240px;
	padding: 20px;
	background-color: #fff;
}

#modal_close {
	text-align: right;
}

#modal .flashContent {
	margin-top: 20px;
}