@charset "utf-8";

/* CSS Document */
/*
============================================================
*	common_n.css
============================================================
*/
/* 初期化
==========================================================*/
html,body,
h1, h2, h3, h4, h5, h6,
p, ol, ul, dl, dt, dd, form,
select, 
figure,
figcaption,
table, td, th{
	margin:0;
	padding:0;
}
body {
    line-height:1;
	margin:0px;
	padding:0px;
}
table {
	border-collapse: collapse;
}
h1, h2, h3, h4, h5, h6, p ,b ,strong{
	font-size:100%;
	font-weight:normal;
	margin: 0;
}
a {
    text-decoration:none; color:#11A7D7;
    -webkit-tap-highlight-color:transparent;
}
table, td, th, tr, thead, tbody{
	border:none;
}
ul, ol{
	list-style:none;
	padding:0;
}
li {
	padding:0;
}
address{
	font-style:normal;
}
img{
	vertical-align:bottom;
}
a img{
	border:none;
}
input, select {
    vertical-align:middle;
}
textarea{
	font-size:1em;
}
input[type="text"]{
	margin:0;
	padding:0;
}
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:0;
    padding:0;
}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{
	display:block;
}


/* 共通
==========================================================*/
body{
	font-size:14px;
	line-height:1.4;
	letter-spacing:0;
	color:#666666;
	font-family:  'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif,Arial, Verdana, Roboto, 'Droid Sans';
	-webkit-text-size-adjust: 100%;
}
#container{
	width:100%;
	position:relative;
}


/*  header  */
#header{
	width:100%;
	position:relative;
}
#header .inner{
	padding:6px 7px 10px 7px;
	position:relative;
	z-index:10;
}
#shoulderTxt{
	color:#999999;
	font-size:10px;
}
#header .headerImg{
	position:absolute;
	width:100%;
	text-align:right;
}



/*  wrapper  */
#wrapper{
	position:relative;
}


.pageTop{
	text-align:right;
	padding:0 10px 18px 0;
}
.pageTop a{
	background:url(/sp/img_n/ico_pagetop.png) 100% 50% no-repeat;
	background-size: 11px 14px;
	padding:0 20px 0 0;
	color:#666;
}
.pageTop.ex{
	margin-bottom:90px;
}



/*  footer  */
#footer{
	background:#eef9fc;
	border-top:2px solid #04b0e6;
}
#footlink{
	border-bottom:1px solid #fff;
	margin-bottom:20px;
}
#footlink li{
	border-top:1px solid #fff;
	border-bottom:1px solid #c5dfea;
	padding:0 10px;
}
#footlink li a{
	display:block;
	padding:18px 21px 18px 0;
	background:url(/sp/img_n/ico_foot_02.png) 100% 50% no-repeat;
	background-size: 13px 12px;
	color:#666;
}
#footlink li a.lk_insite{
	background:url(/sp/img_n/ico_foot_01.png) 100% 50% no-repeat;
	background-size: 13px 12px;
}
#footlink li a.lk_outsite{
	background:url(/sp/img_n/ico_foot_03.png) 100% 50% no-repeat;
	background-size: 13px 12px;
}
#footer .pcSiteBtn{
	width:120px;
	margin:0 auto 20px;
}
#footer .pcSiteBtns{
	display:block;
	clear:both;
	width:249px;
	margin:0 auto 20px;
	overflow:hidden;
}
#footer .pcSiteBtns li{
	width:120px;
	float:left;
	margin-right:9px;
}
#footer .pcSiteBtns li:last-child{
	margin-right:0;
}
#copyright{
	color:#a1b7bd;
	text-align:center;
	padding-bottom:10px;
}







/* 共通パーツ */
a.line {
    text-decoration:underline;
}
.btn_gray{
	color:#333333;
	border: 1px solid #42b0cc;
	padding: 10px 0 8px;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #FFFFFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#EBEBEB));
	background: -webkit-linear-gradient(#FFFFFF, #EBEBEB);
	background: -moz-linear-gradient(#FFFFFF, #EBEBEB);
	background: -ms-linear-gradient(#FFFFFF, #EBEBEB);
	background: -o-linear-gradient(#FFFFFF, #EBEBEB);
	background: linear-gradient(#FFFFFF, #EBEBEB);	
	display: block;
}
.disable{border: 1px solid #DCDCDC;}
span.btn_gray2{
	border: 1px solid #bfbfbf;
	padding: 10px 0 8px;
	text-align: center;
	color:#ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #CCCCCC;
	display: block;
}

.btn_gray3{
	color:#333333;
	border: 1px solid #42b0cc;
	padding: 10px 0 8px;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #FFFFFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#EBEBEB));
	background: -webkit-linear-gradient(#FFFFFF, #EBEBEB);
	background: -moz-linear-gradient(#FFFFFF, #EBEBEB);
	background: -ms-linear-gradient(#FFFFFF, #EBEBEB);
	background: -o-linear-gradient(#FFFFFF, #EBEBEB);
	background: linear-gradient(#FFFFFF, #EBEBEB);	
	display: block;
}
.btn_gray4{
	border: 1px solid #acacac;
	padding: 10px 0 8px;
	text-align: center;
	color:#ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #bfbfbf;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c2c2c2), to(#bfbfbf));
	background: -webkit-linear-gradient(#c2c2c2, #bfbfbf);
	background: -moz-linear-gradient(#c2c2c2, #bfbfbf);
	background: -ms-linear-gradient(#c2c2c2, #bfbfbf);
	background: -o-linear-gradient(#c2c2c2, #bfbfbf);
	background: linear-gradient(#c2c2c2, #bfbfbf);
	display: block;
}



.btn_orange{
	border: 1px solid #af6505;
	padding: 12px 0 10px;
	text-align: center;
	color:#ffffff;
	font-size:20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 0px 0px 2px;
	-moz-box-shadow: #666 0px 0px 2px;
	box-shadow: #666 0px 0px 2px;
	background: #FF790B;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF790B), to(#f26a0d));
	background: -webkit-linear-gradient(#FF790B, #f26a0d);
	background: -moz-linear-gradient(#FF790B, #f26a0d);
	background: -ms-linear-gradient(#FF790B, #f26a0d);
	background: -o-linear-gradient(#FF790B, #f26a0d);
	background: linear-gradient(#FF790B, #f26a0d);
	display: block;
}

.btn_blue{
	border: 1px solid #0c7a9e;
	padding: 10px 0 8px;
	text-align: center;
	color:#ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #0AAFE3;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0AAFE3), to(#0da3d3));
	background: -webkit-linear-gradient(#0AAFE3, #0da3d3);
	background: -moz-linear-gradient(#0AAFE3, #0da3d3);
	background: -ms-linear-gradient(#0AAFE3, #0da3d3);
	background: -o-linear-gradient(#0AAFE3, #0da3d3);
	background: linear-gradient(#0AAFE3, #0da3d3);
	display: block;
}
.btn_pink{
	border: 1px solid #d57ba5;
	padding: 10px 0 8px;
	text-align: center;
	color:#ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: #666 0px 0px 2px;
	-moz-box-shadow: #666 0px 0px 2px;
	box-shadow: #666 0px 0px 2px;
	background: #0AAFE3;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff9ccb), to(#ff70b4));
	background: -webkit-linear-gradient(#ff9ccb, #ff70b4);
	background: -moz-linear-gradient(#ff9ccb, #ff70b4);
	background: -ms-linear-gradient(#ff9ccb, #ff70b4);
	background: -o-linear-gradient(#ff9ccb, #ff70b4);
	background: linear-gradient(#ff9ccb, #ff70b4);
	display: block;
}
.btnCenter{
}
.btn_detail,
.btnRegistBox a,
.btnRegistCloseBox a{
	position:relative;
}
.btn_detail:after,
.btnRegistBox a:after{
	content: ".";
	color:#ffffff;
    font-size: 12px;
    height: 17px;
    line-height: 0;
    position: absolute;
    right: 10px;
    top: 13px;
    width: 16px;
	height:18px;
	display:block;
	background:url(/sp/img_n/btn_arrow_down.png) 0 0 no-repeat;
	background-size:12px 11px;
	text-indent:-999px;
}
.btnRegistCloseBox a:after{
	content: ".";
	color:#ffffff;
    font-size: 12px;
    height: 17px;
    line-height: 0;
    position: absolute;
    right: 10px;
    top: 13px;
    width: 16px;
	height:18px;
	background:url(/sp/img_n/btn_arrow_up.png) 0 0 no-repeat;
	background-size:12px 11px;
	text-indent:-999px;
}

input[type='checkbox']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;
}
input[type='radio']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;
}
.defSectionBox .gradilinkBox .listup .radioButton input[type='radio']{
	display:none;
}
input[type='text'], input[type='password'], input[type='tel'], input[type='email'], input[type='number']{
	border: 1px solid #42b0cc;
	padding: 8px 3px;
	font-size:18px;
	width:100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top,  #cccccc 1%, #ffffff 8%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cccccc), color-stop(8%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cccccc 1%,#ffffff 8%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cccccc 1%,#ffffff 8%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cccccc 1%,#ffffff 8%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cccccc 1%,#ffffff 8%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
select{
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;
	background:url(/sp/img_n/ico_arw_btm.png) 97% 5px no-repeat;
	background-size:8px 7px;
	padding:0 28px 4px 13px;
	border:none;
	display:inline-block;
}
.disable select{
	background:url(/sp/img_n/ico_arw_btm_disable.png) 97% 5px no-repeat;
	background-size:8px 7px;
	}
.selectDsn{
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #42b0cc;
	background: #FFFFFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#EBEBEB));
	background: -webkit-linear-gradient(#FFFFFF, #EBEBEB);
	background: -moz-linear-gradient(#FFFFFF, #EBEBEB);
	background: -ms-linear-gradient(#FFFFFF, #EBEBEB);
	background: -o-linear-gradient(#FFFFFF, #EBEBEB);
	background: linear-gradient(#FFFFFF, #EBEBEB);
}
.selectDsn .slectInner{
	margin-left:13px;
}
.selectDsn input{
	padding:12px 0;
	background:url(/sp/img_n/ico_arw_btm.png) 97% 50% no-repeat;
	background-size:8px 7px;
	border:none;
	width:100%;
	font-size:14px !important;
}
select.sbox{
	font-size:14px !important;
}

.defSectionBox{
	padding:0 0 30px;
}
.defSectionBox.ex{
	padding-bottom:20px;
}
.defSectionBox .inner{
	margin:10px 0 0;
	padding:0 10px;
}
.defSectionBox .innerLine{
	padding:10px 10px 10px;
	border-bottom:1px solid #dcdcdc;
}
.defSectionBox .innerTxt{
	padding:0 10px 15px;
}
.defSectionBox .inner .innerTxt{
	padding:0 0 15px;
}
.defSectionBox .inner .pageTit3{
	padding:10px 0;
}
.defSectionBox .innerLine .pageTit7{
	margin-top:-10px;
}
.defSectionBox .webArea{
	background:url(../../reservation/entry/img_n/img_bottomarrow.jpg) top center no-repeat;
	background-size:185px 30px;
	padding:50px 10px 10px;
	margin-top:12px;
}
.cbxbd label{
	background:url(/sp/img_n/bg_cbx.png) 0 50% no-repeat;
	background-size:22px 22px;
    display: block;
    padding: 0 0 0 30px;
    cursor: pointer;
    overflow: hidden;
	min-height:22px;
}
.cbxbd label.c_on{
	background:url(/sp/img_n/bg_cbx_on.png) 0 50% no-repeat;
	background-size:22px 22px;
}
.cbxbd label.none,
.cbxbd label.none.c_on{
	background:url(/sp/img_n/bg_cbx_none.png) 0 50% no-repeat;
	background-size:22px 22px;
}
.radiobd label,gradilinkBox label{
	background:url(/sp/img_n/bg_radio.png) 0 50% no-repeat;
	background-size:30px 30px;
    display: block;
    padding: 5px 0 0 40px;
    cursor: pointer;
    overflow: hidden;
	min-height:25px;
}
.radiobd label.c_on{
	background:url(/sp/img_n/bg_radio_on.png) 0 50% no-repeat;
	background-size:30px 30px;
}


table.c2list{
	width:100%;
	margin-bottom:15px;
}
table.c2list.ex{
	border-top:1px solid #dcdcdc;
}
table.c2list td{
	width:50%;
	border-bottom:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	padding:10px 10px 10px 0;
}
table.c2list td label{
	margin-left:10px;
}
table.c2list td label.none{
	color:#ccc;
}
table.c2list.arrowlinkBox td a{
	color:#666;
	display:block;
	background:url(/sp/img_n/ico_arw_r.png) 100% 50% no-repeat;
	background-size:12px 12px;
	padding-left:10px;
}
ul.c2list{
	width:100%;
	display:inline-table;
}
ul.c2list li{
	width:50%;
	display:table-cell;
	vertical-align:middle;
}
ul.c2list li.w20{
	width:20%;
}



.pageTit{
	background:#38b5d5;
	border-top:1px solid #32a8ce;
	border-bottom:1px solid #32a8ce;
	color:#ffffff;
	font-size:20px;
	padding:5px 0 5px 10px;
	position:relative;
	margin-bottom:15px;
}
.pageTit .closeBtn{
	position:absolute;
	right:10px;
	top:8px;
	font-size:14px;
	vertical-align:bottom;
}
.pageTit .closeBtn .icon{
	font-weight:bold;
	font-size:16px;
	padding:0 5px 0 0;
}
.pageTit .closeBtn img{
	vertical-align:0;
	padding-right:5px;
}
.pageTit2{
	background:#e2f3fa;
	padding:10px;
	margin-bottom:10px;
	font-size:18px;
}
.pageTit2.ex{
	margin-bottom:15px;
}
.pageTit2.ex0{
	margin-bottom:0px;
}
.pageTit3{
	color:#2ba295;
	padding:10px;
}
.pageTit4{
	background:#fea5ce;
	padding:10px;
	text-align:center;
	font-size:16px;
	color:#fff;
}
.pageTit4.ex{
	margin-bottom:15px;
}
.pageTit5{
	background:#ffdbeb;
	padding:10px;
	text-align:center;
	color:#666;
	margin-bottom:15px;
}
.pageTit6{
	background:#eee;
	padding:10px;
	text-align:center;
	font-size:16px;
	margin-bottom:15px;
}
.pageTit7{
	font-size:14px;
	margin-bottom:12px;
}
.pageTit8{
	background:#eeeeee;
	text-align:center;
	padding:10px;
	margin-bottom:12px;
}
.pageTit8.ex0{
	margin-bottom:0;
}
.pageTit9{
	background:#eee;
	padding:10px;
	font-size:14px;
	margin-bottom:15px;
}
.pageTit9.ex0{
	margin-bottom:0px;
}
.pageTit10{
	overflow:hidden;
	background:#e2f3fa;
	padding:10px;
	font-size:16px;
}

.errorBox{
	border-top:2px solid #fecbcb;
	border-bottom:2px solid #fecbcb;
	background:#fef8f8;
	padding:10px 5px 10px 10px;
	margin-bottom:15px;
	font-size:12px;
}
.errorBox strong{
	display:block;
	color:#ff6666;
	font-size:14px;
}
.errorTxt{
	color:#ff6666;
	padding-top:15px;
}
.astTxt{
	display:block;
	text-indent:-1em;
	padding:8px 0 0 1em;
	font-size:10px;
	color:#666;
}
.astTxt.ex{
	display:block;
	text-indent:-1em;
	padding:8px 0 0 1em;
	font-size:14px;
}
.astTxt a{
	text-decoration:underline;
}
.helpUserLink{
	text-align:center;
	padding:20px 0 0;
}
.helpUserLink li{
	padding:0 0 20px;
}


img.txtinico{
	vertical-align:-1px;
	padding:0 0 0 4px;
}
.createMypage span.txtinico{
	display:inline-block;
	/*width: 8px;*/
	height: 8px;
	border: 2px solid #1496d7;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	-ms-border-radius: 16px;
	background:none;
	padding:0;
	margin:0 5px 2px;
}
.createMypage span.txtinico:before{
	content: '';
	position: relative;
	top: 7px;
	left: 9px;
	float: left;
	width: 3px;
	height: 9px;
	background: #1496d7;
	border-radius: 0 0 4px 4px;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}
.pageTit{
	position:relative;
	margin-bottom:10px;
	text-align:center;
}
.pageTit span{
	display:inline-block;
	font-size:16px;
}
/*.defSectionBox .pageTit{
	text-align:left;
	margin-bottom:0;
}*/
.pageTit a.pageBack{
	position:absolute;
	top:50%;
	left:3px;
	background:url(/sp/img_n/btn_pageBackArw.png) 0 50% no-repeat;
	background-size:52px 28px;
	width:47px;
	height:22px;
	margin-top: -13px;
	padding:4px 0px 0px 5px;
	font-size:14px;
	display:block;
	color:#333;
}
.entryStep{
	/*background-size:320px 45px;*/
	text-indent:-9999px;
	height:45px;
	margin:0 0 12px 0;
}
.entryStep.es1{
	background:url(/sp/img_n/img_entryStep1.png) 50% bottom no-repeat;
	background-size:320px 40px;
}
.entryStep.es2{
	background:url(/sp/img_n/img_entryStep2.png) 50% bottom no-repeat;
	background-size:320px 40px;
}
.entryStep.es3{
	background:url(/sp/img_n/img_entryStep3.png) 50% bottom no-repeat;
	background-size:320px 40px;
}
.entryStep.es4{
	background:url(/sp/img_n/img_entryStep4.png) 50% bottom no-repeat;
	background-size:320px 40px;
}
.cautionBox{
	background:#e2f3fa;
	padding:5px 8px;
}
.profileBox{
	margin-top:20px;
}
.profileBox dl{
}
.profileBox dl dt{
	color:#2BA295;
	padding:12px 10px 0;
}
.profileBox dl dd{
	border-bottom:1px solid #dcdcdc;
	padding:3px 10px 8px;
}

.searchStBox{
}
.searchStBox dl{
}
.searchStBox dl dt{
	color:#2BA295;
	padding:12px 10px 0;
}
.searchStBox dl dd{
	padding:3px 10px 8px;
	font-size:20px;
	font-weight:bold;
}
.searchStBox .errorTxt{
	padding:0 10px 8px;
	border-bottom:1px solid #dcdcdc;
	margin: 0 0 16px;
}
.searchStBox .wonTxt{
	padding:0 10px 8px;
	border-bottom:1px solid #dcdcdc;
	margin: 0 0 16px;
}
.searchStBox .wonTxt{
	padding:0 10px 8px;
	border-bottom:1px solid #dcdcdc;
	margin: 0 0 16px;
	margin-bottom: 0;
}

.profileBox .profileBtmBtn{
	overflow:hidden;
	background:#e2f3fa;
	padding:10px;
	border-top:1px solid #fff;
	border-bottom:2px solid #06b1e6;
}
.profileBox .profileBtmBtn.ex{
	border-bottom:1px solid #fff;
}
.profileBox .profileBtmBtn .btn_gray{
	width:141px;
	float:right;
}
.profileBox .profileBtmBtn .btn_gray.ex{
	width:190px;
}
.profileBox.ex{
	margin-top:0px;
	border-top:1px solid #dcdcdc;
}
.profileBox.ex2{
	margin-top:0px;
}

.btnBtmCenter{
	clear:both;
	overflow:hidden;
	width:300px;
	margin:0 auto 30px;
}
.btnCenter{
	width:300px;
	margin:0 auto;
}
.btnCenter.btnRegistBox .btn_orange,
.btnCenter.btnRegistCloseBox .btn_orange{
	font-size:14px;
}

/* 検索パネル */
.bgSearchPanel{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	background:url(/sp/img_n/bg_searchPanel.png) 0 0 repeat;
	z-index:10000;
	display:none;
}
.searchPanel{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:10001;
	display:none;
}
.searchPanelInner{
	background:#fff;
	position:relative;
	padding-bottom:0;
}
.searchPanelInner .pageTit2{
	margin-bottom:0px;
}
.searchPanelInner .otherItem{
	display:none;
}
.searchPanelInner .otherItemTit{
	background:url(/sp/img_n/ico_arw_b.png) 98% 50% no-repeat #E2F3FA;
	background-size:13px 12px;
}
.searchPanelInner .otherItemTit.open{
	background:url(/sp/img_n/ico_arw_t.png) 98% 50% no-repeat #E2F3FA;
	background-size:13px 12px;
}
.searchPanelInner .jikyuBox{
	padding:15px 10px 25px;
	overflow:hidden;
}
.searchPanelInner .jikyuBox span{
	float:left;
}
.searchPanelInner .jikyuBox span.ex{
	padding-top:12px;
}
.searchPanelInner .jikyuBox .btn_gray{
	padding:10px 0 8px;
}
.searchPanelInner .jikyuBox select{
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;
	background:url(/sp/img_n/ico_arw_btm.png) 90% 5px no-repeat;
	background-size:8px 7px;
	padding:0 30px 4px 15px;
	border:none;
	display:inline;
}

/* ログイン */
.formItemBox{
	background:#fafafa;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	margin-bottom:15px;
}
.formItemBox dl{
	padding-bottom:15px;
}
.formItemBox dl dt{
	color:#2ba295;
	padding:9px 10px 5px;
}
.formItemBox dl dd{
	padding:0 10px 10px;
}
.formItemBox dl dd ul.twoCoulmn{
	overflow:hidden;
}
.formItemBox dl dd ul.twoCoulmn li{
	width:45%;
	float:left;
	padding-right:10px;
}
.formItemBox dl dd ul.birthList {
	overflow:hidden;
}
.formItemBox dl dd ul.birthList li{
	float:left;
	padding-right:10px;
}
.formItemBox dl dd ul.birthList li span{
	width:100%;
}

/* 登録ステップ */
.arrowlinkBox li a{
	display:block;
	padding:18px 21px 18px 0;
	background:url(/sp/img_n/ico_arw_r.png) 100% 50% no-repeat;
	background-size: 12px 12px;
	color: #666;
}
.pageTit10 a.btn_gray{
	float:right;
	padding:2px 10px;
	font-size:12px;
}
.arrowlinkBox li a span,
.arrowlinkBox li a.lk_insite span{
	display:block;
	width:90%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.arrowlinkBox li a.lk_insite{
	background:url(/sp/img_n/ico_insite.png) 100% 50% no-repeat;
	background-size: 13px 12px;
}
.arrowlinkBox ul li{
	padding:0 10px;
	border-bottom:1px solid #dcdcdc;
}
.displaylinkBox li a{
	display:block;
	padding:18px 0 18px;
	background:url(/sp/img_n/ico_pcSite.png) 100% 50% no-repeat;
	background-size: 13px 12px;
	color: #666;
}
.displaylinkBox li a.bgnone{
	background:none;
}
.displaylinkBox ul li{
	padding:0 10px;
	border-bottom:1px solid #dcdcdc;
}
.displaylinkBox.ex20{
	margin-bottom: 20px;
}
.arrowlinkBox ul li.listupTarget{
	padding:0;
}
.arrowlinkBox ul li.listupTarget div{
	padding:18px 10px 18px;
	cursor: pointer;
}
.arrowlinkBox ul li.listupTarget div div{
	padding:0 10px 0 0;
	background:url(/sp/img_n/ico_arw_b.png) 100% 50% no-repeat;
	background-size: 13px 12px;
	border-bottom:none;
}
.arrowlinkBox ul li.listupTarget div.add div{
	background:url(/sp/img_n/ico_arw_t.png) 100% 50% no-repeat;
	background-size: 13px 12px;
}
.arrowlinkBox ul li.listupTarget .subMenu{
	background:#e2f3fa;
}
.arrowlinkBox ul li ul li{
	padding:0 10px 0 20px;
	border-top:1px solid #dcdcdc;
	border-bottom: none;
}
.displaylinkBox2 li{
	display:block;
	padding:18px 10px 18px 0;
	/*background:url(/sp/img_n/ico_pcSite.png) 100% 50% no-repeat;*/
	background-size: 13px 12px;
	text-align: right;
}
.displaylinkBox2{
	padding:0 10px;
}
.displaylinkBox2 a{
	text-decoration: underline;
}

.gradilinkBox ul li .archive{
	border-bottom:1px solid #dcdcdc;
	display:block;
	text-decoration:none;
	color:#333333;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f8f8f8), color-stop(1.00, #ececec), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(top, #f8f8f8 0%, #ececec 93%, #fafafa 100%);
	background: -moz-linear-gradient(top, #f8f8f8 0%, #ececec 93%, #fafafa 100%);
	background: -o-linear-gradient(top, #f8f8f8 0%, #ececec 93%, #fafafa 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%, #ececec 93%, #fafafa 100%);
	background: linear-gradient(top, #f8f8f8 0%, #ececec 93%, #fafafa 100%);
}
.gradilinkBox ul li.arrow{
	padding: 0 0 0 30px;
	border-bottom: 1px solid #dcdcdc;
	border-top: 2px solid #fff;
	background: #ffffff;
}
.gradilinkBox ul li.arrow a.unavailable{
	color:#cccccc;
	background:url(/sp/img_n/ico_arw_r_none.png) 97% 50%  no-repeat;
	background-size:12px 12px;
}
.gradilinkBox ul li .radioButton{
	display: block;
	border-bottom: 1px solid #dcdcdc;
	border-top: 2px solid #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eeeeee), color-stop(0.93, #f6f6f6), color-stop(0.00, #ffffff)) 0 50% no-repeat;
	background: -webkit-linear-gradient(bottom, #ffffff 0%, #f6f6f6 93%, #eeeeee 100%),url(/sp/img_n/bg_radio_on.png) 0 50% no-repeat;
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 93%, #eeeeee 100%),url(/sp/img_n/bg_radio_on.png) 0 50% no-repeat;
	background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 93%, #eeeeee 100%),url(/sp/img_n/bg_radio_on.png) 0 50% no-repeat;
	background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 93%, #eeeeee 100%),url(/sp/img_n/bg_radio_on.png) 0 50% no-repeat;
	background: linear-gradient(top, #ffffff 0%, #f6f6f6 93%, #eeeeee 100%),url(/sp/img_n/bg_radio_on.png) 0 50% no-repeat;
}
.gradilinkBox label{
	display: block;
	padding: 18px 54px;
	background:url(/sp/img_n/bg_radio.png) 20px 50% no-repeat;
	background-size:30px 30px;
}
.gradilinkBox label.c_on{
	background:url(/sp/img_n/bg_radio_on.png) 20px 50% no-repeat;
	background-size:30px 30px;
}

.gradilinkBox ul li span{
	display: block;
	padding: 18px 10px;
	border-bottom: 1px solid #dcdcdc;
	border-top: 2px solid #fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eeeeee), color-stop(0.93, #f6f6f6), color-stop(0.00, #ffffff));
	background: -webkit-linear-gradient(bottom, #ffffff 0%, #f6f6f6 93%, #eeeeee 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 93%, #fafafa 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #fbfbfb 93%, #fafafa 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #fbfbfb 93%, #fafafa 100%);
	background: linear-gradient(top, #ffffff 0%, #fbfbfb 93%, #fafafa 100%);
}
.gradilinkBox ul li span.changeBtn{
	display:inline-block;
	width: 8px;
	height: 8px;
	border: 2px solid #ffffff;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	-ms-border-radius: 16px;
	background:none;
	padding:0;
	margin:0 5px 2px;
}
.gradilinkBox ul li span.changeBtn:before{
	content: '';
	position: relative;
	top: 7px;
	left: 9px;
	float: left;
	width: 3px;
	height: 9px;
	background: #ffffff;
	border-radius: 0 0 4px 4px;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}
.gradilinkBox ul li.arrow a{
	display:block;
	text-decoration:none;
	padding: 18px 25px 18px 0;
	color:#666;
	background:url(/sp/img_n/ico_arw_r.png) 97% 50% no-repeat;
	background-size: 12px 12px;
}
.gradilinkBox ul li.arrow lavel{
	display:block;
	text-decoration:none;
	padding: 18px 0;
	color:#666;
}
.gradilinkBox li div div{
	display:block;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	padding:18px 10px 18px 18px;
	color: #666;
	background:url(/sp/img_n/ico_arw_b02.png) 97% 50% no-repeat;
	background-size :15px 15px;
}
.gradilinkBox li div.add div{
	display:block;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	padding:18px 10px 18px 18px;
	color: #666;
	background:url(/sp/img_n/ico_arw_t02.png) 97% 50% no-repeat;
	background-size :15px 15px;
}
.gradilinkBox ul li ul li.listSaerchBox{
	background: #ffffff;
	overflow: hidden;
	padding: 13px 10px 13px 20px;
	border: none;
}

.listSaerchBox dd.searchWord .btn_blue{
	float:left;
	width:20%;
}
.listSaerchBox dd.searchWord input{
	float:left;
	width:70%;
	margin-right:10px;
}
.gradilinkBox ul li ul .listCategoly p{
	background:url(/sp/img_n/ico_arw_t02.png) #e2f3fa 97% 50% no-repeat;
	background-size :15px 15px;
	padding: 18px 35px 18px 20px;
	border-top: none !important;
	border-bottom: 2px solid #fff;
}
.gradilinkBox ul li ul .listCategoly p.open{
	background-image:url(/sp/img_n/ico_arw_b02.png);
}
.gradilinkBox ul li ul .listCategoly p span{
	background:none;
	border:none;
	padding:0;
}

table.c2list td.ex{
	width:50%;
	border-bottom:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	padding:0;
}

table.c2list td a{
	display:block;
	padding:15px 10px 15px 10px;
	background:url(/sp/img_n/ico_arw_r.png) 98% 50% no-repeat;
	color:#666;
}

.searchPanelBtm .closeBtn{
	width:110px;
	display:block;
	padding:10px 10px 10px 10px;
	margin: 0 auto;
}

.font10{
	font-size:10px;
}
.font12{
	font-size:12px;
}
.font14{
	font-size:14px;
}
.font16{
	font-size:16px;
}

.ta_r{
	text-align:right;
}
.ta_c{
	text-align:center;
}
.ta_l{
	text-align:left;
}
.mar_b0{
	margin-bottom: 0 !important;
}
.mar_t0{
	margin-top: 0 !important;
}
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}



/*  other  */
.hidden{
	display:none;
}

.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

.colOrange{
	color:#ff6666;
}
.colOrange2{
	color:#ff6600;
}
.colBlue{
	color:#06F;
}
.colRed{
	color:#F00;
}
.subTxt{
	text-align:center;
	margin-bottom:10px;
}
.mr10{
	margin-right:10px;
}
.mlr10{
	margin-left:10px;
	margin-right:10px;
}
a.underline {
    text-decoration:underline;
}


#container.iscroll{
	position: absolute;
	z-index: 1;
	left: 0;
	width: 100%;
	height:100%;
	overflow: hidden;
}
#container.iscroll #scroller {
	position: absolute;
	z-index: 1;
	width:100%;
}


/* icon */
.icoInquiryMail{
	display:inline-block;
	width: 20px;
	height: 14px;
	background: #0aafe3;
	overflow: hidden;
	margin:0 0 -2px;
}
.icoInquiryMail:before{
	content: '';
	position: relative;
	top: -4px;
	left: 4px;
	float: left;
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	border-top-color: transparent;
	border-left-color: transparent;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg)
}
.icoMypage{
	display:inline-block;
	width: 14px;
	height: 10px;
	background: #ffffff;
	margin:0 0 -3px;
}
.icoMypage:before{
	position: relative;
	content: '';
	left: -3px;
	top: -18px;
	width: 0;
	height: 0;
	float: left;
	border: 10px solid transparent;
	border-bottom-width: 8px;
	border-bottom-color: #ffffff;
}
.icoMypage:after{
	position: relative;
	content: '';
	left: 5px;
	top: -15px;
	width: 4px;
	height: 7px;
	float: left;
	background: #FEA5CE;
}


/*  LP header  */
#header p.lk_insite {
	margin-top:5px;
	text-align:right;
	font-size:11px;
}
#header p.lk_insite a {
	background:url(/sp/img_n/ico_insite.png) 100% 50% no-repeat;
	background-size: 13px 12px;
	padding-right:18px;
	text-decoration:underline;
}


/*  CP link  */
.cpLinkBox {
	background:#fffef5;
	border:1px solid #11a7d7;
	margin:15px 10px 10px;
	padding:5px 15px;
}

.cpLinkBox li {
	border-bottom:1px dotted #11a7d7;
	padding:10px 0;
}
.cpLinkBox li:last-child { border:none; }
.cpLinkBox a {
	text-decoration:underline;
}
.cpLinkBox span {
	display:block;
	font-weight:bold;
}

/* pattern2 */
.cpLinkBox.pattern2 {
	margin:0 0 30px 0;
	overflow:hidden;
	background:#fff;
}


/*  personaBox  */
input,
select,
textarea {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	outline:none;
}
.personaBox select {
	-webkit-appearance:button;
	-moz-appearance:button;
	appearance:button;
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #333;
	padding: 10px 5px 8px;
	text-align: left;
	background:url(/sp/img_n/bnr_persona/ic_persona02.png) 97% 50% no-repeat;
	background-size:8px 7px;
	-webkit-background-size:8px 7px;
	-moz-background-size:8px 7px;
	background-color:#f8f8f8;
	font-size:15px;
	line-height:15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	height: 40px;
}
.personaBox {
	border:2px solid #0BAFE4;
	background:#FFFFC2;
	margin:auto;
	padding:8px;
	text-align:center;
	width:280px;
}
.personaBox img,
.personaBox select { width:100%; }
.personaBox input {
	background: #57d7c0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#57d7c0), to(#00b696));
	background: -webkit-linear-gradient(#57d7c0, #00b696);
	background: -moz-linear-gradient(#57d7c0, #00b696);
	background: -ms-linear-gradient(#57d7c0, #00b696);
	background: -o-linear-gradient(#57d7c0, #00b696);
	background: linear-gradient(#57d7c0, #00b696);	
	border:1px solid #09a279;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-top:10px;
	font-size:18px;
	text-align:center;
	color:#fff;
	width:150px;
	height: 40px;
}
.personaBox input:hover {
	background: #00b696;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#00b696), to(#57d7c0));
	background: -webkit-linear-gradient(#00b696, #57d7c0);
	background: -moz-linear-gradient(#00b696, #57d7c0);
	background: -ms-linear-gradient(#00b696, #57d7c0);
	background: -o-linear-gradient(#00b696, #57d7c0);
	background: linear-gradient(#00b696, #57d7c0);	
}

.personaBnr {
	background:url(/sp/img_n/bgimg_persona.png) no-repeat;
	background-size:100%;
	margin:0 auto 20px auto;
	display:block;
	font-size:12px;
	color:#333;
	width:300px;
	height:147px;
}
.personaBnr span {
	padding:55px 100px 10px 10px;
	display:block;
}