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

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;
}

input, textarea{}


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;

}


.inlineBlock{ display: inline-block; }

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



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

	ローディング画面

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

#loading{ position: absolute; left: 50%; top: 50%; margin-top: -25px; margin-left: -25px;
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: 1000; }




/* 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;
	text-decoration: none;
}

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


#AllBox{ width: 100%; }

.fixed{ position: fixed !important; }

.sp{ display: none !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; top: 0; }
#MsgBox .MsgBox_inner{ display: table-cell; text-align: center; vertical-align: middle; }
#MsgBox .MsgBox_inner span.MsgBox_border{ background-color: #ffffff; padding: 30px 25px; display: inline-block; min-width: 300px; 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; }

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





.tdRadio input[type="radio"] { display: none; }
.tdRadio label{
	display: block;
	float: left;
	cursor: pointer;
	margin: 0;
	padding: 12px 35px;
	border-right: 1px solid #abb2b7;
	background: #bdc3c7;
	color: #555e64;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	transition: .2s;
	font-size: 12px;
}
.tdRadio label:first-of-type{ border-radius: 3px 0 0 3px; }
.tdRadio label:last-of-type { border-radius: 0 3px 3px 0; border-right: 0px; }
.tdRadio input[type="radio"]:checked + label { background-color: #86b74f; color: #fff; }
/*.tdRadio input[type="radio"]:checked + label:last-of-type { background-color: #333333; color: #fff; }*/

.tdRadio .error_bg{
	border: #cc0000 1px solid !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}







/*
*/

div#HeaderBox{
	clear: both;
	width:100%;
	bottom:0;
	left:0;
	z-index:20;
	font-size: 12px;
	background-color: #86b74f;
	padding: 15px 0;

}

div#HeaderBox .title{ margin-left: 15px; padding-bottom:0; }

div#HeaderBox .title a{
	display: inline-block;
	background:url(../images/common/img_logo.png) no-repeat 0 0;
	width: 207px;
	height: 35px;
	text-indent: -9999px;
	float: left;
}
div#HeaderBox .name{
	float: right;
	margin-right: 15px;
	margin-top: 8px;
	color: #ffffff;
}

div#HeaderBox .name span{
	font-size: 24px;
	padding: 0 4px;
}




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


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

div#FooterBox .privacy a,
div#FooterBox .privacy a:hover{
	text-decoration: underline;
	color: #ffffff;
}


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

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




.MainContentsBox {
    margin-left: -320px;
    width: 100%;
    float: right;
	margin-bottom: 40px;
}

.MainContentsBox .MainContentsInner {
    margin-left: 320px;
	margin-right:30px;
	min-width: 600px;
	margin-top: 45px;
}



#MenuBox {
	padding: 45px 15px 15px 15px;
    width: 260px;
    float: left; /* leftでも可 */
}

#MenuBox .title{
	border: #86b74f 3px solid;
	border-radius: 30px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 30px;
	text-align: center;
	display: block;
	margin: 0 auto;
	padding: 7px 20px;
	font-size: 22px;
	color: #313131;
	font-weight: bold;
	letter-spacing: 1px;
	background-color: #86b74f;
	color: #ffffff;
}


#MenuBox ul li{ margin-top:15px; position: relative; }

#MenuBox ul li a{
	position: relative;
	border: #e2e2e2 3px solid;
	border-radius: 30px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 30px;
	text-align: center;
	display: block;
	margin: 0 auto;
	padding: 7px 0;
	font-size: 18px;
	color: #303030;
	font-weight: bold;
	letter-spacing: 1px;
	background-color: #ffffff;
	text-decoration: none;
	width: 100%;
	z-index: 10;
}

#MenuBox ul li img{ display: none; }

#MenuBox ul li.here a,
#MenuBox ul li a:hover{
	border: #009de4 3px solid;
	color: #009de4;
	text-decoration: none;
}
#MenuBox ul li:hover img,
#MenuBox ul li.here img{
	display: inherit;
    position: absolute;
    top: -39px;
    right: -22px;
	z-index: 5;
}


#MenuBox ul li.menu00 a{ z-index: 8; }
#MenuBox ul li.menu01 a{ z-index: 10; }
#MenuBox ul li.menu02 a{ z-index: 20; }
#MenuBox ul li.menu03 a{ z-index: 30; }
#MenuBox ul li.menu04 a{ z-index: 40; }
#MenuBox ul li.menu05 a{ z-index: 50; }
#MenuBox ul li.menu06 a{ z-index: 60; }
#MenuBox ul li.menu07 a{ z-index: 70; }
#MenuBox ul li.menu08 a{ z-index: 80; }
#MenuBox ul li.menu09 a{ z-index: 90; }
#MenuBox ul li.menu10 a{ z-index: 100; }
#MenuBox ul li.menu11 a{ z-index: 110; }
#MenuBox ul li.menu12 a{ z-index: 120; }
#MenuBox ul li.menu13 a{ z-index: 130; }
#MenuBox ul li.menu14 a{ z-index: 140; }


#MenuBox ul li.menu01 img{ z-index: 7; }
#MenuBox ul li.menu01 img{ z-index: 9; }
#MenuBox ul li.menu02 img{ z-index: 19; }
#MenuBox ul li.menu03 img{ z-index: 29; }
#MenuBox ul li.menu04 img{ z-index: 39; }
#MenuBox ul li.menu05 img{ z-index: 49; }
#MenuBox ul li.menu06 img{ z-index: 59; }
#MenuBox ul li.menu07 img{ z-index: 69; }
#MenuBox ul li.menu08 img{ z-index: 79; }
#MenuBox ul li.menu09 img{ z-index: 89; }
#MenuBox ul li.menu10 img{ z-index: 99; }
#MenuBox ul li.menu11 img{ z-index: 109; }
#MenuBox ul li.menu12 img{ z-index: 119; }
#MenuBox ul li.menu13 img{ z-index: 129; }
#MenuBox ul li.menu14 img{ z-index: 139; }



/* pager
===============================================================*/

div.pager {
	clear: both;
	width:100%;
	text-align:center;
	margin-top: 60px;
	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;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	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;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 20px;
}

















.mb_m{ margin-bottom: 10px; }


table.tblRegist tr th{ vertical-align: text-bottom; text-align: left; padding: 10px 0; }
table.tblRegist tr td{ padding: 10px 0; word-break: break-all; }


table.tblRegist tr th.titRegist{ width: 180px; }
table.tblRegist tr th.titComment{ width: 180px; }

table.tblRegist tr th p.tit{ padding: 7px 0; }

.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; padding-right: 10px; }
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{ display: table-cell; }
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;
}
table.tblRegist tr td dl.introductionBox dd{ display: table-cell; }
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;
	text-align: center;
}

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: inline-block; padding: 8px 10px; text-align: center; background-color: #86b74f; color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; }
a.btnAdd span{
	display: block;
	background:url(../images/common/ico_arrow_r.png) no-repeat 100% 49%;
	padding: 0 20px 0 15px;
	font-size: 14px;
}

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



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

a.btnGreen{
	display: inline-block; padding: 20px 20px; width: 250px; background-color: #86b74f; color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none;
}
a.btnGreen span{
	display: block;
	background:url(../images/common/ico_arrow_r.png) no-repeat 100% 49%;
	font-size: 16px;
}



a.btnGray{ display: inline-block; padding: 20px 20px; width: 250px; background-color: #c9c9c9; color: #313131; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none; }

a.btnGray:hover{
	background-color: #d9d9d9;
}

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

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









.RegistBox .title {
	text-align: center;
}


.RegistBox .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: 10px 20px;
	font-size: 22px;
	color: #313131;
	font-weight: bold;
	letter-spacing: 1px;
}


.ListBox .title {
	text-align: center;
}
.ListBox .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: 10px 20px;
	font-size: 22px;
	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;
	 word-break: break-all;
}

.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;

}



















.DetailBox .title {
	text-align: center;
}
.DetailBox .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: 10px 20px;
	font-size: 22px;
	color: #313131;
	font-weight: bold;
	letter-spacing: 1px;
}



















.RegistBox .title p .tit01{
	background:url(../images/regist/ico_regist01.png) no-repeat 0 49%;
	padding: 0 25px 0 45px;
}
.RegistBox .title p .tit02{
	background:url(../images/regist/ico_regist02.png) no-repeat 0 49%;
	padding: 0 25px 0 45px;
}

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

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













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

	information

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



.information .title p .tit01{
	background:url(../images/information/ico_information01.png) no-repeat 0 49%;
	padding: 0 25px 0 45px;
	background-size: auto 18px;
}







.information .informationList{ border-top: #86b74f 3px solid; margin-top: 25px; border-bottom: #e2e2e2 2px solid;  }

.information .informationList ul li{ border-bottom: #cccccc 1px dotted; }

.information .informationList ul li:last-child{ border-bottom: none; }

.information .informationList dl{ display: table; width: 100%; padding: 15px 0; }

.information .informationList dl dt{ display: table-cell; width: 140px; padding: 0 10px; text-align: center; }

.information .informationList dl dd{ display: table-cell; }

.information .informationList dl dd a{ display: block; padding: 0 10px; text-decoration: none; }



.information .informationList dl dd span.new{ background-color: #d83712; color: #ffffff; font-size: 12px; padding: 3px 8px; margin-right: 10px; }



.information .DetailBox .midashi{ padding-bottom: 15px; margin-bottom: 25px; border-bottom: #86b74f 2px solid; margin-top: 25px; }

.information .DetailBox .midashi dl{ display: table; width: 100%; padding: 15px 0 0 0; }

.information .DetailBox .midashi dl dt{ display: table-cell; padding: 0 20px 0 10px; text-align: center; font-size: 18px; width: 130px; }

.information .DetailBox .midashi dl dd{ display: table-cell; font-size: 18px; }


.information .DetailBox .content{
	font-size: 14px;
	padding: 0 10px;
	line-height: 28px;
	padding-bottom: 15px;
	margin-bottom: 25px;
	border-bottom: #e2e2e2 2px solid;
}

.information .DetailBox .content a {
	color:#85b652;
	text-decoration:underline;
}


ul.sortBox{ float: right; }

ul.sortBox li{ float: left; display: inline-block; border-right: #ffffff 1px solid; }
ul.sortBox li:last-child{ border: none; }
ul.sortBox li.txt{ padding: 7px 10px; }
ul.sortBox li a{ background-color: #f3f3f3; padding: 7px 10px; display: inline-block; text-align: center; }
ul.sortBox li a.here,
ul.sortBox li a:hover{ background-color: #86b74f; color: #ffffff; }



.msg{ margin-top: 15px; text-align: center; }
.msg_bottom{ margin-bottom: 15px; }

.ListHeader{ margin-bottom: 20px; margin-top: 15px; }




.comment .title p .tit01{
	background:url(../images/comment/ico_comment01.png) no-repeat 0 49%;
	padding: 0 25px 0 45px;
	background-size: auto 18px;
}


.comment ul.sortBox li.btn a{ width: 120px; }

.comment dl.commentBox{ display: table; width: 100%; margin-bottom: 20px; }
.comment dl.commentBox dt{ display: table-cell; width: 100px; text-align: center; padding-right: 20px; }


.comment dl.commentBox dt .ph img{
	display: inline-block;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
    border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
    width:  70px;       /* ※縦横を同値に */
    height: 70px;       /* ※縦横を同値に */

}

.comment dl.commentBox dt .ph{ display: block; }
.comment dl.commentBox dt .name{ display: block; margin-top: 7px; }


.comment dl.commentBox dd{
    position: relative;
    padding: 20px 20px;
    background-color: #f3f8ed;
    display: table-cell;
    vertical-align: top;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.comment dl.commentBox dd .comment{ display: block; }
.comment dl.commentBox dd .date{ display: block; text-align: right; font-size: 12px; }




.comment dl.commentBox dd::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 20px;
  border-right: 15px solid #f3f8ed;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}


.comment dl.commentBox:nth-child(2n) dd{
    background-color: #e5f5fc;
}


.comment dl.commentBox:nth-child(2n) dd::before{
  border-right: 15px solid #e5f5fc;
}



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

	Gallery

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



.gallery .title p .tit01{
	background:url(../images/gallery/ico_gallery01.png) no-repeat 0 49%;
	padding: 0 25px 0 45px;
	background-size: auto 18px;
}


#GalleryGroup .box{ width: 200px; float: left; margin-right: 20px; margin-bottom: 20px; }


#GalleryGroup .box .area{
	padding: 5px 0;
}

#GalleryGroup .box .area span{
	background:url(../images/gallery/ico_map.png) no-repeat 2px 3px;
	padding: 0 5px 0 20px;
	display: block;
}

#GalleryGroup .box .comment{
	padding: 5px 0;
}

#GalleryGroup .box .comment span{
	background:url(../images/gallery/ico_comment.png) no-repeat 0 3px;
	padding: 0 5px 0 20px;
	display: block;
}


#GalleryGroup .box .btn{
	padding: 10px 0 0 0;
	text-align: center;
}


#GalleryDetail{ display: table; width: 100%; margin-top: 25px; }
#GalleryDetail .ph{ display: table-cell; width: 400px; padding-right: 25px; }
#GalleryDetail .r_box{ display: table-cell; vertical-align: top; border-top: #86b74f 2px solid; border-bottom: #86b74f 2px solid; padding: 15px 0; }

#GalleryDetail .r_box dl{ display: table; padding: 15px 0; font-size: 16px; width: 100%; }
#GalleryDetail .r_box dl dt{ display: table-cell; width: 140px; text-align: left; }
#GalleryDetail .r_box dl dd{ display: table-cell; word-break: break-all;
    min-width: 245px; text-align: left; }

#GalleryDetail .r_box dl.c{ border-bottom: #e2e2e2 1px solid; }
#GalleryDetail .r_box dl.m{ border-bottom: #e2e2e2 1px solid; }


#GalleryDetail .r_box dl.c span{
	background:url(../images/gallery/ico_comment_d.png) no-repeat 0 49%;
	padding: 0 25px 0 35px;
	background-size: auto 18px;
}

#GalleryDetail .r_box dl.c span{
	background:url(../images/gallery/ico_comment_d.png) no-repeat 0 49%;
	padding: 0 25px 0 35px;
	background-size: auto 18px;
}


#GalleryDetail .r_box dl.m span{
	background:url(../images/gallery/ico_member_d.png) no-repeat 5px 49%;
	padding: 0 25px 0 35px;
	background-size: auto 18px;
}


#GalleryDetail .r_box dl.a span{
	background:url(../images/gallery/ico_map_d.png) no-repeat 5px 49%;
	padding: 0 25px 0 35px;
	background-size: auto 18px;
}




#GalleryGroup a.btnEdit{
	background: #009de4; padding: 5px 0; color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none;
	display: inline-block;
	text-align: center;
	width: 80px;
}


#GalleryGroup a.btnDelete{
	background: #777777; padding: 5px 0; color: #ffffff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-decoration: none;
	display: inline-block;
	text-align: center;
	width: 80px;
}


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

.data .btnHeader{ float: left; }
.data .dateTab{ float: right; }



.data .btnHeader dl{ display: table; table-layout: fixed; }
.data .btnHeader dl dd{ display: table-cell; }
.data .btnHeader dl dd a{ background-color: #f3f3f3; padding: 7px 20px; display: block; text-align: center; }
.data .btnHeader dl dd a.here,
.data .btnHeader dl dd a:hover{ background-color: #86b74f; color: #ffffff; }

.data .dateTab dl{ width: auto;  display: table; table-layout: fixed; }
.data .dateTab dl dd{ display: table-cell; }
.data .dateTab dl dd a{ background-color: #f3f3f3; padding: 7px 10px; display: block; text-align: center; }
.data .dateTab dl dd a.here,
.data .dateTab dl dd a:hover{ background-color: #86b74f; color: #ffffff; }








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


	検索ボックス


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

#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 30px 30px 30px;
	overflow-y: scroll;
	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: 5px;
	right: 28px;
}

#PrivacyBox .PrivacyBoxClose a{
	display: block;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	background: url(../images/common/ico_close_w.png) no-repeat 50% 50%;
	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 */
}

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

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









.comment .undisp{
	display: block;
	color: #cc0000;
	font-size: 12px;

}

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

	bannerBox

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

.bannerBox{ width:950px; margin: 20px auto 0 auto; text-align: center; position:relative; }
.bannerBox ul{ display: inline-block; text-align: left; }
.bannerBox ul li{ display: inline-block; margin:0 5px 15px 5px; }

.bannerBox .close { display:none; position:absolute;
top:-15px;
right:0; }










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

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

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

    cursor: pointer;
}

@media (min-width: 1px) {
    .tdRadioPC input[type=radio],
    .tdRadioPC input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .tdRadioPC input[type=radio] + label,
    .tdRadioPC input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    .tdRadioPC input[type=radio] + label::before,
    .tdRadioPC 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;
    }
    .tdRadioPC input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    .tdRadioPC input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    .tdRadioPC input[type=radio]:checked + label::after,
    .tdRadioPC input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;

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

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

        background: #009de4;
        border-radius: 8px;
    }
    .tdRadioPC 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 */
    .tdRadioPC .either {
        position: relative;

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

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

        text-align: center;
    }
    .tdRadioPC .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;
    }
    .tdRadioPC .either input[type=radio] + label:last-child::before {
        left: 50%;
        right: 0;

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

    .tdRadioPC .either input[type=radio] + label::after {
        border-radius: 0;
    }
    .tdRadioPC .either input[type=radio]:first-child + label::after {
        content: none;
    }
    .tdRadioPC .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;
    }

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

}



dl.photo_area{display: table; height: 150px;}
dl.photo_area dt{display: table-cell;width: 150px;height: 150px;}
dl.photo_area dd{ display: table-cell; padding-left: 10px; vertical-align: bottom; }


dl.photo_area dt.ph .ph_inner{
    height: 150px;
    overflow: hidden;
    display: inline-block;
	vertical-align: bottom;
}


dl.photo_area dd a.btnDelete{
	display: block;
	text-align: center;
	padding: 7px 0;
	background-color: #999999;
	color: #ffffff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 150px;
}



.upload_photo{ display: block; width: 100%; }

.btnUpload{
	margin-top: 8px;
	display: block;
	text-align: center;
	padding: 7px 0;
	background-color: #009de4;
	color: #ffffff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


.btnDelete{ background-color: #999999; color: #ffffff; }


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







.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%;
}
.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 .r{
	width:100%;
}

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



.steperBox .l{
	text-align: center;
	width: 49%;
	background-color: #ffffff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 15px 0;
    display: block;
    width: 100%;
	margin-bottom: 11px;
}

.steperBox .r{

	width: 100%;
}

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



.steperBox .l dl{
	display: table;
	line-height: 40px;
	width: 100%;
	table-layout: fixed;
	}
.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: 11px;
}


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

.steperBox .r strong{
	font-size: 18px;
}



div.remakrs_txt p{
	margin-top: 5px;
	font-size:12px;
	text-align: right;
}




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

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


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

/* 追加：20190422　*/


p.out {
	width:755px;
	margin:0 auto;
	padding:0 0 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;
}


.witharea .tit {
	text-align: center;
	padding:50px 0 30px;
	font-size:24px;
	font-weight:bold;
}

.witharea .txt {
	text-align: center;
	padding:0 0 30px 0;
}