/* base
===============================================================*/
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd,tr {
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 1px;
}

.txtZip{ width: 110px; }

body {
	color:#111111;
	width: 100%;
	height:100%;
	background-color:#ffffff;
	margin:0;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", Osaka, "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
}

.marincenter{ margin: 0 10px; }
input, textarea{}


.msg_bottom{ margin: 15px 10px; }

input[type=text], input[type=tel], input[type=email], input[type=password], input[type=number], select, textarea{
	padding: 7px 12px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", Osaka, "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	font-size: 16px;
	background-color: #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;

    appearance: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background: url(../../images/common/ico_down.png) 96% 50% no-repeat;
	background-size: 8px 8px;
	padding-right: 18px !important;
	background-color: #ffffff;
}


.inlineBlock{ display: inline-block; }

.spacer_unit{ padding: 0 5px 0 5px; }


.pc{ display: none !important; }
.disnone{ display: none !important; }

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	ローディング画面

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#loading{ position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -10%;
background-color: #ffffff;
border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;
}

#loader-bg{ position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(255, 255, 255, 0.5); z-index: 3000; }




/* font
===============================================================*/
a {
	color:#404040;
	text-decoration:none;
	-moz-transition-duration: .3s;
	-moz-transition-delay: 0;
	transition-duration: .3s;
	transition-delay: 0;
}

a:visited {
	color:#404040;
	text-decoration:none;
}

a:hover {
	/*color:#84b651;*/
	color: #404040;
	text-decoration: none;
}

a:active {
	color: #404040;
	text-decoration: none;
}


#AllBox{ width: 100%; }

.fixed{ position: fixed !important; }


.disnone{ display: none !important; }




.attention{ margin-top: 5px; color: #cc0000; font-weight: bold; font-size: 12px; }


#MsgBox{ position:fixed; width: 100%; height: 100%; display: table; background-color: rgba(144, 144, 144, 0.6); z-index: 10000; }
#MsgBox .MsgBox_inner{ display: table-cell; text-align: center; vertical-align: middle; }
#MsgBox .MsgBox_inner span.MsgBox_border{ background-color: #ffffff; padding: 30px 25px; margin: 0 10px; display: inline-block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#MsgBox .MsgBox_inner span.icon{ display: block; margin-bottom: 20px; }
#MsgBox .MsgBox_inner span.inner{ font-size: 14px; font-weight: bold; color: #333333; letter-spacing: 0.1em; }









/*
*/

#HeaderBox{
	clear: both;
	width:100%;
	z-index:20;
	font-size: 12px;
	background-color: #86b74f;
}

#HeaderBox a{ display: block; }



/* logo */
div#HeaderBox .title{ margin-left: 30px; text-align: center; display: inline-block; }
div#HeaderBox .title a{
	display: inline-block;
	background:url(../images/common/img_logo.png) no-repeat 0 0;
	background-size: 175px auto;
	width: 175px;
	height: 30px;
	text-indent: -9999px;
}

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

#HeaderBox #HeaderBoxTop{ padding: 15px 0; text-align: center; }

#HeaderBox #HeaderBoxTop .menu{
	float: right;
}
#HeaderBox #HeaderBoxTop .menu a{
	margin-right: 10px;
	display: inline-block;
	width: 45px;
	height: 30px;
	text-indent: -9999px;
}
#HeaderBox #HeaderBoxTop .menu a.btnMenu { background:url(../images/common/ico_menu_open.png) no-repeat 0 0; background-size: auto 30px; }
#HeaderBox #HeaderBoxTop .menu a.btnClose{ background:url(../images/common/ico_menu_close.png) no-repeat 0 0; background-size: auto 30px; }

#HeaderBox #HeaderBoxTop .back{
	float: left;
}

#HeaderBox #HeaderBoxTop .back a{
	margin-right: 10px;
	position: absolute;
	left: 10px;
	display: inline-block;
	width: 45px;
	height: 30px;
	text-indent: -9999px;
	float: left;
}


#HeaderBox #HeaderBoxTop .back a.btnBacks { background:url(../images/common/ico_back.png) no-repeat 0 0; background-size: auto 30px; }


#HeaderBox #HeaderBoxUnder{
	padding: 7px 0;
	text-align: center;
	background-color: #e7f1dc;
}
#HeaderBox #HeaderBoxUnder .name span{
	font-size: 20px;
	padding: 0 4px;
}


/*-- under_contents / HeaderBox_fixed */
.under #HeaderBox{ /*position: fixed; top: 0;*/ }
.under #HeaderBox .HeaderBoxRuler{
	position: fixed;
	top: 0;
	width: 100%;
	z-index:2000;
}





.HeaderBoxRuler{
	width: 100%;
	background-color: #84b651;
}


#HeaderBoxUnder{
	width: 100%;
}






/* FooterBox
===============================================================*/
div#FooterBox {
	margin-top: 20px;
	clear: both;
	width:100%;
	bottom:0;
	left:0;
	z-index:20;
	font-size: 12px;
	background-color: #86b74f;
	padding: 15px 0;
}
div#FooterBox{
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	padding:0 0 66px 0;
}

#FooterBox p.copyright{
	font-size: 10px !important;
}

.sps .demo{
	min-width:1000px;
	text-align: center;
	margin:0 auto;
}

.sps .demo img{
	/*width: 100%;*/
}
.sps .demo2 img{
	width: 100%;
}




.MainContentsBox {
}

.MainContentsBox .MainContentsInner {
	margin-top: 20px;
	margin-bottom: 30px;
}



#MenuBox{ display: none; }




/* pager

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

div.pager {
	clear: both;
	width:100%;
	text-align:center;
	margin-top: 25px;
	margin-bottom:10px;
}

div.pager_entry {
	width:100%;
	text-align:center;
	position:static;
}
div.pager_footer{ margin-top: 10px; }

div.pager ul { letter-spacing:-0.4em; }

div.pager li {
	display:inline-block;
	*display: inline;
	letter-spacing:normal;
	*zoom: 1;
	margin-right: 12px;
}
div.pager li:last-child {
	margin:0 0 0 0;
}

div.pager li.num { padding:6px 5px 10px 0; }

div.pager li.prev { /*padding:0 10px 0 0;*/ }

div.pager li.next { /*padding:0 0 0 10px;*/ }

div.pager li a {
	display:block;
	line-height:14px;
	padding:12px 8px;
	background-color:#f0f0f0;
	border-right:none;
	width: 20px;
}

/*div.pager li a:hover,*/
div.pager li span{
	display:block;
	color:#ffffff;
	line-height:14px;
	text-decoration:none;
	background-color:#86b74f;
	padding:12px 8px;
	border-right:none;
	width: 20px;
}



















.mb_m{ margin-bottom: 10px; }




.RegistBox{ margin: 0 10px; }




table.tblRegist tr th{ display: list-item; padding: 15px 0 10px 0; border-bottom: #cccccc 1px solid; }
table.tblRegist tr td{ display: list-item; padding: 10px 0; display: block; word-break: break-all; }



table.tblRegist tr th p.tit{ padding: 0; text-align: left; }

.nec{ padding-left: 7px; color: #cc0000; font-weight: bold; }

.error_bg{ border: #cc0000 1px solid !important; }

table.tblRegist tr td .radioBox{ padding: 5px 0; }
table.tblRegist tr td .radioBox input{ vertical-align:middle; }
table.tblRegist tr td .radioBox label{ padding: 0 25px; }


table.tblRegist tr td dl.addressBox{ display: table; width: 100%; }
table.tblRegist tr td dl.addressBox dt{ display: table-cell; width: 110px; }
table.tblRegist tr td dl.addressBox dd{ display: table-cell; padding-right: 10px; }
table.tblRegist tr td dl.addressBox dd:last-child{ padding-right: 0; }



table.tblRegist tr td dl.introductionBox{ display: table; }
table.tblRegist tr td dl.introductionBox dt.i01{ display: table-cell; width: 42px; }
table.tblRegist tr td dl.introductionBox dt select{

	border-right: none;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
    padding: 8px 12px 7px 12px;
}
table.tblRegist tr td dl.introductionBox dd{ display: table-cell; }
table.tblRegist tr td dl.introductionBox dd.i02{ width: 60px; }
table.tblRegist tr td dl.introductionBox dd.i02 input{
	width: 75px;
	padding: 8px 12px;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
}



table.tblRegist tr td dl.introductionBox dd.i03 .btnCheck a{ padding: 9px 45px; }
table.tblRegist tr td dl.introductionBox dd.i03{ text-align: right; }


table.tblRegist tr td dl.introductionBox dt select.error_bg{}


table.tblRegist tr td dl.introductionBox dd.msg{ padding-left: 20px; color: #cc0000; font-weight: bold; }














.btnZip{ margin-left: 15px; }
.btnConfirm{ margin-left: 15px; }



a.btnAdd{ display: block; padding: 15px 10px; text-align: center; background-color: #86b74f; color: #ffffff; text-decoration: none; }
a.btnAdd span{
	display: block;
	background:url(../../images/common/ico_arrow_r.png) no-repeat 100% 49%;
	background-size: auto 10px;
	padding: 0 20px 0 15px;
	font-size: 14px;
}

a.btnBack{ display: block; padding: 15px 10px; text-align: center; background-color: #f3f3f3; color: #313131; text-decoration: none; }
a.btnBack span.b{
	display: block;
	background:url(../../images/common/ico_arrow_l2.png) no-repeat 0 49%;
	background-size: auto 10px;
	font-size: 14px;
	padding: 0 15px 0 20px;
}



a.btnBlue{ background: #009de4; padding: 9px 18px; color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; }

a.btnGreen{ display: block; padding: 15px 20px;  background-color: #86b74f; color: #ffffff; text-decoration: none; }

.t a.btnGreen{ margin:5px 0 0 0; }

a.btnGreen span{
	display: block;
	background:url(../../../images/common/ico_arrow_r.png) no-repeat 100% 49%;
	background-size: auto 10px;
	font-size: 16px;
}



a.btnGray{ display: block; padding: 20px 20px; background-color: #f3f3f3; color: #313131; text-decoration: none; }
a.btnGray span.b{
	display: block;
	background:url(../../images/common/ico_arrow_l2.png) no-repeat 0 49%;
	background-size: auto 10px;
	font-size: 16px;
}

a.btnGray span.n{
	display: block;
	background:url(../../images/common/ico_arrow_r2.png) no-repeat 100% 49%;
	font-size: 16px;
}








.ListBox .title,
.RegistBox .title,
.DetailBox .title,
.EditBox .title { text-align: center; }




.ListBox .title p,
.RegistBox .title p,
.DetailBox .title p,
.EditBox .title p{
	border: #e2e2e2 3px solid;
	border-radius: 30px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 30px;
	text-align: center;
	display: inline-block;
	margin: 0 auto;
	padding: 6px 20px;
	font-size: 18px;
	color: #313131;
	font-weight: bold;
	letter-spacing: 1px;
}




.ListBox table.tblList{}


.ListBox table.tblList tr th.date{ width: 120px; }

.ListBox table.tblList tr th.edit{ width: 60px; }
.ListBox table.tblList tr th.del { width: 60px; }

.ListBox table.tblList tr th{ background-color: #84b651; color: #ffffff; border-left: #84b651 1px solid; border-right: #ffffff 1px solid; padding: 10px 15px;  border-bottom: #919191 2px solid; }
.ListBox table.tblList tr th:last-child{ border-right: none; border-right: #84b651 1px solid; }



.ListBox table.tblList tr td{
	border-right: #e5e5e5 1px dotted;
	padding: 10px 15px;
	border-bottom: #e5e5e5 1px solid;
}

.ListBox table.tblList tr td:first-child{
	border-left: #e5e5e5 1px solid;
}
.ListBox table.tblList tr td:last-child{
	border-right: #e5e5e5 1px solid;
}

.ListBox table.tblList tr td a.btnEdit{
	background: #009de4; padding: 5px 0; color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none;
	display: block;
	text-align: center;

}


.ListBox table.tblList tr td a.btnDelete{
	background: #777777; padding: 5px 0; color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none;
	display: block;
	text-align: center;

}






















.remarks01{ text-align: left; margin: 15px 0; }

.ButtonBox{ text-align: center; margin: 20px 0 0 0;  }

.ButtonBox .btnDown{ margin-top: 8px; }


#MenuContents{
	/*
	background:url(../images/common/img_bg.png) #ffffff no-repeat 100% 100%;
	background-size: auto 30%;
	*/

	position: fixed;
	background-color: #ffffff;
	z-index: 1200;
width: 100%;
}

/*
.under #MenuContents{
	background-color: #ffffff;
}
*/


#MenuContents .menuBox{
	padding: 20px 0 20px 0;
}
#MenuContents .menuBox ul{ display: table; width: 100%; table-layout: fixed; margin-bottom: 10px; }
#MenuContents .menuBox ul li{ display: table-cell; }

#MenuContents .menuBox ul li a{
	display: block;
	width: 90px;
	padding-top: 95px;
	text-align: center;
	font-weight: bold;
	margin: 0 auto;
}


#MenuContents .menuBox ul li a:hover,
#MenuContents .menuBox ul li a.here{ color: #099de3; }

#MenuContents .menuBox ul li.menu01 a{ background:url(../images/common/ico_menu01_n.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu02 a{ background:url(../images/common/ico_menu02_n.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu03 a{ background:url(../images/common/ico_menu03_n.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu04 a{ background:url(../images/common/ico_menu04_n.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu05 a{ background:url(../images/common/ico_menu05_n.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu06 a{ background:url(../images/common/ico_menu06_n.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu07 a{ background:url(../images/common/ico_menu07_n.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu08 a{ background:url(../images/common/ico_menu08_n.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu09 a{ background:url(../images/common/ico_menu09_n.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu10 a{ background:url(../images/common/ico_menu10_n.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu11 a{ background:url(../images/home/menu10_n.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu12 a{ background:url(../images/home/menu11_n.png) no-repeat 100% 0; background-size: 90px 90px; }
/*
#MenuContents .menuBox ul li.menu01 a:hover{ background:url(../images/common/ico_menu01_o.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu02 a:hover{ background:url(../images/common/ico_menu02_o.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu03 a:hover{ background:url(../images/common/ico_menu03_o.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu04 a:hover{ background:url(../images/common/ico_menu04_o.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu05 a:hover{ background:url(../images/common/ico_menu05_o.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu06 a:hover{ background:url(../images/common/ico_menu06_o.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu07 a:hover{ background:url(../images/common/ico_menu07_o.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu08 a:hover{ background:url(../images/common/ico_menu08_o.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu09 a:hover{ background:url(../../images/home/ico_menu09_o.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu10 a:hover{ background:url(../../images/home/ico_menu10_o.png) no-repeat 100% 0; background-size: 90px 90px; }

#MenuContents .menuBox ul li.menu01 a.here{ background:url(../images/common/ico_menu01_o.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu02 a.here{ background:url(../images/common/ico_menu02_o.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu03 a.here{ background:url(../images/common/ico_menu03_o.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu04 a.here{ background:url(../images/common/ico_menu04_o.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu05 a.here{ background:url(../images/common/ico_menu05_o.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu06 a.here{ background:url(../images/common/ico_menu06_o.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu07 a.here{ background:url(../images/common/ico_menu07_o.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu08 a.here{ background:url(../images/common/ico_menu08_o.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu09 a.here{ background:url(../../images/home/ico_menu09_o.png) no-repeat 100% 0; background-size: 90px 90px; }
#MenuContents .menuBox ul li.menu10 a.here{ background:url(../../images/home/ico_menu10_o.png) no-repeat 100% 0; background-size: 90px 90px; }
*/


#MenuContentsInner{
overflow-y:auto;
height: 100%;
}


/* PrivacyBox
====*/

#PrivacyBox p span{
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
}
#PrivacyBox p{
	font-size: 12px;
	margin-bottom: 25px;
}

#PrivacyBox p:last-child{
	margin-bottom: 0;
}










/**********************************************************************************************************************************


	検索ボックス


**********************************************************************************************************************************/

#PrivacyBox{
	background-color: rgba(102, 102, 102, 0.75);
	display: table;
    position: fixed;
    top: 0;
    z-index: 10000;
	height: 100%;
	width: 100%;
}

#PrivacyBox .PrivacyBoxOuter{
	background-color: #ffffff;
	margin: 40px 10px 10px 10px;
	overflow-y: scroll;
	height: 100%;
	position: relative;

}
#PrivacyBox .PrivacyBoxInner{
}

#PrivacyBox table.tblSearch{
	table-layout: fixed;
}

#PrivacyBox table.tblSearch tr{
	border-bottom: #dfdfdf 1px solid;
}

#PrivacyBox table.tblSearch tr th{
	/*width: 110px;*/
	font-weight: normal;
	letter-spacing: 0;
	padding: 0 10px;
	text-align: left;
}

#PrivacyBox .title{
	background-color: #222222;
}


#PrivacyBox .title span.tit{
	padding: 10px;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 3px;
	display: block;
	margin-left: 13px;
	color: #ffffff;
}


#PrivacyBox .title span.order{
	background: url(../images/common/ico_order_w.png) no-repeat 0 50%;
	padding-left: 30px;
}
#PrivacyBox .title span.receipt{
	background: url(../images/common/ico_receipt_w.png) no-repeat 0 50%;
	padding-left: 30px;
}


#PrivacyBox table.tblSearch tr td{
	border-right: #dfdfdf 1px solid;
}


#PrivacyBox table.tblSearch tr td.cb{
	padding: 10px 10px;
	background-color: #eeeeee;
}

#PrivacyBox table.tblSearch tr td input,
#PrivacyBox table.tblSearch tr td select{
	border: none;
	background-color: #efefef;
	padding-top: 10px;
	padding-bottom: 10px;
}

#PrivacyBox table.tblSearch tr td:last-child{
	border-right: none;
}

#PrivacyBox .SeachBoxBottom{
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
	padding: 10px 0;
}



#PrivacyBox .SeachBoxBottom a{ margin-left: 15px; }
#PrivacyBox .SeachBoxBottom a:first-child{ margin-left: 0; }


#PrivacyBox .SeachBoxBottom a span{
	padding-top: 12px;
	padding-bottom: 12px;
}



#PrivacyBox .PrivacyBoxClose{
	position: fixed;
	top: 10px;
	right: 10px;
}

#PrivacyBox .PrivacyBoxClose a{
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	background: url(../../images/common/ico_close_w.png) no-repeat 50% 50%;
	background-size: 16px 16px
	padding: 5px;
    -moz-transition-duration: .3s;
    -moz-transition-delay: 0;
    transition-duration: .3s;
    transition-delay: 0;
}

#PrivacyBox .PrivacyBoxClose a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}

div#FooterBox .privacy{
	margin-bottom: 5px;
}

div#FooterBox .privacy a,
div#FooterBox .privacy a:hover{
	text-decoration: underline;
	color: #ffffff;
	font-size: 10px;
	line-height: 18px;
}


.settingBox .settingContents{ border-top: #999999 1px solid; padding: 10px; }

.settingBox .settingContents p.tit{ display: block; font-size: 14px; line-height: 28px; margin-bottom: 3px; }










/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	bannerBox

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.bannerBox{ width:100%; padding: 10px 0; text-align: center; background-color:rgba(0,0,0,0.7); position:fixed; bottom:0;left:0;z-index:100; }
.bannerBox ul{ display: inline-block; }
.bannerBox ul li{ }
.bannerBox ul li:last-child{ display: none; }
.bannerBox ul li:first-child{ display: inline-block; }

.bannerBox ul li a{ display: block; }
.bannerBox ul li a img{ width: 220px }

.bannerBox .close { position:absolute;
top:0;
right:0; }

.stagedetail .bannerBox{ display:none; }









.tdRadioSP input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
.tdRadioSP input[type=radio] + label,
.tdRadioSP input[type=checkbox] + label {
    position: relative;

    display: inline-block;
    margin-right: 12px;

    font-size: 14px;
    line-height: 30px;

    cursor: pointer;
}

@media (min-width: 1px) {
    .tdRadioSP input[type=radio],
    .tdRadioSP input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .tdRadioSP input[type=radio] + label,
    .tdRadioSP input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    .tdRadioSP input[type=radio] + label::before,
    .tdRadioSP input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;

        background: #FFF;
    }
    .tdRadioSP input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    .tdRadioSP input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    .tdRadioSP input[type=radio]:checked + label::after,
    .tdRadioSP input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;

        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .tdRadioSP input[type=radio]:checked + label::after {
        left: 5px;

        width: 8px;
        height: 8px;
        margin-top: -4px;

        background: #009de4;
        border-radius: 8px;
    }
    .tdRadioSP input[type=checkbox]:checked + label::after {
        left: 3px;

        width: 16px;
        height: 8px;
        margin-top: -8px;

        border-left: 3px solid #009de4;
        border-bottom: 3px solid #009de4;

        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    /* either */
    .tdRadioSP .either {
        position: relative;

        display: inline-block;
        width: 120px;
        overflow: hidden;
        border: 2px solid #ccc;
    }
    .tdRadioSP .either input[type=radio] + label {
        position: static;

        float: left;
        display: block;
        width: 50%;
        margin-right: 0;
        padding: 0;
        overflow: hidden;

        text-align: center;
    }
    .tdRadioSP .either input[type=radio] + label::before {
        content: attr(data-label);

        top: 0;
        bottom: 0;
        z-index: 1;

        display: block;
        width: 50%;
        height: auto;
        margin-top: 0;

        text-align: center;

        color: transparent;
        background: transparent;
        border: 0 none;
        border-radius: 0;
    }
    .tdRadioSP .either input[type=radio] + label:last-child::before {
        left: 50%;
        right: 0;

    }
    .tdRadioSP .either input[type=radio]:checked + label::before {
        color: #fff;
    }

    .tdRadioSP .either input[type=radio] + label::after {
        border-radius: 0;
    }
    .tdRadioSP .either input[type=radio]:first-child + label::after {
        content: none;
    }
    .tdRadioSP .either input[type=radio] + label + input[type=radio] + label::after {
        content: "";

        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 0;

        display: block;
        width: auto;
        height: auto;
        margin: auto;

        background: #009de4;
        border: 2px solid #fff;

        -webkit-transition: all 200ms;
        transition: all 200ms;
    }

    .tdRadioSP .either input[type=radio]:checked + label + input[type=radio] + label::after {
        left: 0;
        right: 50%;
    }
    .tdRadioSP .either input[type=radio] + label + input[type=radio]:checked + label::after {
        left: 50%;
        right: 0;
    }

}


.btnUnder{ margin-top: 10px; }


.caution{ text-align: right; font-size: 10px; }


#MsgBox .MsgBox_inner span.point{ font-size: 16px; font-weight: bold; padding: 0 2px; color: #e3950f; }




.adminBox{
	margin-top: 20px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border: #cccccc 1px solid;
}

.adminBox ul li.tit span{
	padding: 10px 10px;
	text-align: center;
	display: block;
	border-bottom: #cccccc 1px solid;
	background-color: #84b651;
	color: #ffffff;
}

.adminBox ul li.line{
	border-bottom: #cccccc 1px dotted;
}


.adminBox ul li a{
	display: block;
	padding: 14px 10px;
	color: #404040;
}

.adminBox ul li a:hover{
	color: #404040;
}


.adminBox ul li a span{
	display: block;
	background:url(../../images/common/ico_arrow_r2.png) no-repeat 100% 49%;
	background-size: auto 10px;
}
.adminBox ul li strong{
	color: #cc0000;
}






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

.steperBox{
	margin: 35px 10px;
	background-color: #efefef;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 20px;
}


.steperBox p.tit{
	font-size: 26px;
	letter-spacing: 2px;
	text-align: center;
	line-height: 40px;
}



.steperBox .l{
	text-align: center;
	background-color: #ffffff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 15px 0;
	margin-bottom: 10px;
}

.steperBox .r{

}

.steperBox p.tit{
	font-size: 26px;
	letter-spacing: 2px;
	text-align: center;
	line-height: 40px;
	margin-bottom: 10px;
}



.steperBox .l dl{
	display: table;
	line-height: 40px;
	width: 100%;
	}
.steperBox .l dl dt{
	display: table-cell;
	font-size: 30px;
	text-align: right;
}
.steperBox .l dl dd{
	padding-left: 15px;
	font-size: 16px;
	display: table-cell;
	text-align: l;
}

.steperBox .r p.u{
	margin-bottom: 10px;
}


.steperBox .r p{
	text-align: center;
	background-color: #ffffff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 6px 0;
}


span.mini{
	font-size: 10px;
}
div.remakrs_txt p{
	margin-top: 5px;
	font-size: 10px;
	text-align: right;
}
,
.steperBox .r strong{
	font-size: 18px;
	color: #84b651;
}


.steperBox .l strong{
	color: #84b651;
}

.b2 strong{
	color: #1da5e5 !important;
}



.steperBox .r strong{
	font-size: 18px;
	color: #84b651;
}

.b2 strong{
	color: #1da5e5 !important;
}


.steperBox .l strong{
	color: #84b651;
}





a.btnReturn{
	text-align: center;
}
a.btnReturn span.b{
	font-size: 12px;
}

a.btnWhite{ display: block; padding: 15px 10px; text-align: center; border: #333333 1px solid; background-color: #ffffff; color: #333333; text-decoration: none; }
a.btnWhite span{
	display: block;
	background-size: auto 10px;
	padding: 0 20px 0 15px;
	font-size: 14px;
}





.msgbox h4{
	border: #333 1px solid;
	padding: 5px 10px;
	display: table;
	margin-bottom: 12px;
}



.msgbox{
     margin: 20px 10px;
}


.msgbox h3.min{
	padding-top: 0;
}

.over{
	padding-top: 10px;
}

.msgbox h3{
	text-align: left;
	margin-bottom: 5px;
	display: block;
	padding-top: 20px;
}
.msgbox p{
    text-align: left;
    font-size: 12px;
    line-height: 20px;
}

.msgbox p span{
	font-weight:bold;
color: #df6c00;
font-size: 14px;
line-height: 22px;
}
.msgbox p span.b{
color: #000000;
}


.msgbox h3.big {
display: flex;
align-items: center;
margin-bottom: 10px;
	color: #82b553;
}
.msgbox h3.big:before,
.msgbox h3.big:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}
.msgbox h3.big:before {
margin-right: 1rem;
}
.msgbox h3.big:after {
margin-left: 1rem;
}

/*
h3.big{
	font-size: 18px;
	line-height: 30px;
}
*/

/* 追加：20190422　*/
p.out {
	padding:0 12px 10px;
	text-align:right;
}

a.LinkLogout{
    display: inline-block;
    width: 130px;
	text-align: center;
    padding: 10px 5px 10px 25px;
	border-radius:5px;
	color:#fff;
	background:url(../../images/common/ico08.png) #86b552 no-repeat 10px 50%;
	background-size:20px 23px;
}