@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	margin: 0;	padding: 0; }
div {/*word-break:break-all;*/word-break: normal;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset { border: 0; }
img { border: 0; vertical-align: bottom;}
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: normal; }
ol,ul {	list-style-type: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }
hr { display: none; }
label {	margin-right: 0.5em; vertical-align: middle; }
input {	margin-right: 0.3em; vertical-align: middle; }
select { margin-right: 0.3em; vertical-align: middle; }
textarea{font-size: 100%; /margin-bottom: 15px;}

body {
	font-size:14px;
	*font-size:small;
	*font:x-small;
	line-height: 1.4;
	letter-spacing: 1px;
	color: #000;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ','Meiryo', 'ＭＳ Ｐゴシック','sans-serif';		
	overflow-y: scroll;
	background: #F9F9F9;
}
br { letter-spacing: 0; }
a {color: #666;text-decoration: underline;}
a:hover {text-decoration: none;}

table { font-size:inherit; 	font:100%; }
table th{ font-size: 107.6%;}
table td{ font-size: 100%;}
pre,code,kbd,samp,tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

textarea {
	font:14px 'メイリオ','Meiryo', "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro",Osaka, sans-serif;
}
select{
	background: #EEE;
	border: 1px solid #DDD;
	padding: 3px 10px;
	font:inherit;
	font-weight: bold;
	font-size: 12px;
	width: 100%;
}
select[name="inf_date_year"],
select[name="inf_date_month"],
select[name="inf_date_day"]{
	width: 120px;
}
select[name="blg_date_year"],
select[name="blg_date_month"],
select[name="blg_date_day"]{
	width: 120px;
}
select[name="vic_date_year"],
select[name="vic_date_month"],
select[name="vic_date_day"]{
	width: 120px;
}
select.select1,
select.select2{
	width: auto;
	font-size: 12px;
	padding: 0;
}
h1,h2,h3,h4,strong,th, .Dbold{font-weight:bold;font-family: 'ヒラギノ角ゴ Pro W6','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ','Meiryo', 'ＭＳ Ｐゴシック','sans-serif' !important;}

/*------------------------------------------------------------------------------ 1=フォントの設定*/
.DfontS		{ font-size: 77% !important;} /*10px*/
.Dfont2S	{ font-size: 90% } /*10px*/
.DfontL		{ font-size: 108%; } /*14px*/
.DfontXL	{ font-size: 123.1%; } /*16px*/
.Dfont2XL	{ font-size: 138.5%; } /*18px*/
.Dfont3XL	{ font-size: 153.9%; } /*20px*/
.Dfont4XL	{ font-size: 182%; } /*24px*/

/*太字*/
.Dbold	{ font-weight: bold; }
.Dnrml  { font-weight: normal;}
/*色*/
.Dgry { color: #666; }
.Dfrm { color: #999; }
.Dred { color: #F00; }
/*------------------------------------------------------------------------------ 2=配置の設定*/
/*縦位置*/
.DvlignT {vertical-align: top;}
.DvlignM {vertical-align: middle;}
.DvlignB {vertical-align: bottom;}

/*横位置*/
.DalignR {text-align: right;}
.DalignL {text-align: left;}
.DalignC {text-align: center;}

/*------------------------------------------------------------------------------ 3=文字の設定*/
/*数字用*/
.DdateNum {	font-family: "Verdana", "sans-serif", "ＭＳ Ｐゴシック";letter-spacing: 0.1em;}
.Dimp{
	font-weight: bold;
	color: #F00;
}
/*------------------------------------------------------------------------------ 4=マージン、パディング設定*/

/*下マージ*/
.DmgT20 {margin-top: 20px !important;}
.DmgT30 {margin-top: 30px !important;}
/*下マージ*/
.DmgB1 {margin-bottom: 1px !important;}
.DmgB5 {margin-bottom: 5px !important;}
.DmgB10 {margin-bottom: 10px !important;}
.DmgB15 {margin-bottom: 15px !important;}
.DmgB20 {margin-bottom: 20px !important;}
.DmgB25 {margin-bottom: 25px !important;}
.DmgB30 {margin-bottom: 30px !important;}
.DmgB40 {margin-bottom: 40px !important;}
.DmgB50 {margin-bottom: 50px !important;}
.DmgB60 {margin-bottom: 60px !important;}
.DmgB70 {margin-bottom: 70px !important;}
/*右マージン*/
.DmgR10 {margin-right: 10px !important;}
.DmgR15 {margin-right: 15px !important;}
.DmgR20 {margin-right: 20px !important;}
.DmgR30 {margin-right: 30px !important;}
/*左右マージン*/
.DmgRL5 {margin-right: 5px !important; margin-left: 5px !important;}
.DmgRL10 {margin-right: 10px !important; margin-left: 10px !important;}
.DmgRL15 {margin-right: 15px !important; margin-left: 15px !important;}
.DmgRL20 {margin-right: 20px !important; margin-left: 20px !important;}

.DmgT5 {margin: 5px 0 0 !important;}
/*全てのマージン*/
.Dpg{padding: 10px;}

/*左右パディング*/
.DpgRL5 {padding-left:5px !important; padding-right: 5px !important;}
.DpgRL10 {padding-left:10px !important; padding-right: 10px !important;}
.DpgRL15 {padding-left:15px !important; padding-right: 15px !important;}
.DpgRL20 {padding-left:20px !important; padding-right: 20px !important;}
/*上下パディング*/

.Dpg0 {padding:0 !important;}
.DpgTB5 {padding: 5px 0 !important;}
.DpgTB10 {padding: 10px 0 !important;}
.DpgTB15 {padding: 15px 0 !important;}
.DpgTB20 {padding: 20px 0 !important;}
.DpgT20 {padding-top: 20px !important;}

/*------------------------------------------------------------------------------ 5=テキスト装飾設定*/

/*共通UL,OLの設定*/

ul.Dul {
	margin-left: 2em;
	list-style-type: disc;
}

ol.Dol {
	margin-left: 2em;
	list-style-type: decimal;
}
/*------------------------------------------------------------------------------ 5=テーブル内設定*/
th.nwp,
td.nwp{
	white-space: nowrap !important;
	width: 7% !important;
}
/*------------------------------------------------------------------------------ 8=改ページナビ設定*/
.Dpager{
	position: relative;
	padding: 6px 0;
}
.Dpager
	ul
		li{
			display: inline;
			font-weight: bold;
			margin-left: 8px;
		}
.Dpager
	ul
		li
			span{
				font-weight: normal;
				margin-right: 8px;
				color: #999;
			}
.Dpager
	ul
		li.last
			span{
				font-weight: normal;
				margin-right: 3px;
				color: #000;
			}
.Dpager
	ul
		li.info{
			font-weight: normal;
		}
.Dpager
	ul
		li.next{
			color: #999;
		}
.Dpager
	ul
		li.prev{
			color: #999;
		}
.Dpager
	ul
		li.info
			strong{
				margin: 0 4px;
			}
.Dpager
	.Dhd{
		position: absolute;
		top: 18%;
		left:0;
	}
/*------------------------------------------------------------------------------ 10=ハック関連*/
/*段落ち回避用ハック*/
.Dcfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.Dcfix { 
	display: inline-block;
}
/*Hides from IE-mac\*/
*html .Dcfix{
	height:1%;
}
.Dcfix{
	display: block
}
/*End hide from IE-mac*/

.hover:hover{
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
}

/*/////////////////////////////////////////////トップページ*/
a.btn{
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: auto !important;
	text-decoration: none;
	color: #000;
	text-align: center;
	padding: 8px 10px;
}
a.btn2{
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: auto !important;
	text-decoration: none;
	color: #000;
	text-align: center;
	padding: 0;
	padding: 4px 0;	
	box-sizing: border-box;
}

input.sbY,
a.sbY{
	display: inline-block;
	letter-spacing: 2px;
	border: none;
	font:inherit;
	font-size: 123.1%;
	font-weight: bold;
	line-height: 36px;
	color: #FFF;
	min-width: 200px;
	height: 36px;
	background: #F70;	
	border: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}
a.sbYS,
input.sbYS{
	width: 80px;
	height: 26px;
	/*background: #FFF url(../images/bg_btn_y.jpg) left top repeat-x;*/
	font:inherit;
	font-weight: bold;
	letter-spacing: 2px;
	border: 0;
	color: #FFF;
/*	background-color: #0085B2;*/
	background-color: #F70;
	/*background: -moz-linear-gradient(top, #B1DAE7, #0085B2);
	background: -webkit-gradient(linear, center top, center bottom, from(#B1DAE7), to(#0085B2));
	background: -ms-linear-gradient(top, #B1DAE7, #0085B2);*/
	cursor: pointer; 	
	line-height: 18px;
}
a.sbYL,
input.sbYL{
	letter-spacing: 2px;
	border: none;
	font:inherit;
	font-size: 123.1%;
	font-weight: bold;
	color: #000;
	width: 240px;
	height: 36px;
	text-shadow:1px 1px 0px rgba(255, 255, 255, 1);	
	background-color: #FF9900;
	background: -moz-linear-gradient(top, #FFCD83, #FF9900);
	background: -webkit-gradient(linear, center top, center bottom, from(#FFCD83), to(#FF9900)); 
	background: -ms-linear-gradient(top, #FFCD83, #FF9900);
	cursor: pointer; 	
}

input.btn-done,
a.btn-done{
	display: inline-block;
	letter-spacing: 2px;
	padding: 0 20px;
	border: none;
	font:inherit;
	font-size: 123.1%;
	font-weight: bold;
	line-height: 36px;
	color: #FFF;
	min-width: 200px;
	height: 36px;
	background: #0085B2;
	border: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}


a.sbBSS,
input.sbBSS{
	width: 55px;
	height: 21px;
	border: 1px solid #87AAD1;
	background: #FFF url(../images/bg_btn_b.jpg) left top repeat-x;
	font:inherit;
	font-weight: bold;
	line-height: 0;
	letter-spacing: 2px;
}
a.sbBS,
input.sbBS{
	width: 120px;
	height: 40px;
	border: 1px solid #87AAD1;
	background: #FFF url(../images/bg_btn_b.jpg) left top repeat-x;
	font:inherit;
	font-weight: bold;
	line-height: 0;
	letter-spacing: 2px;
}
a.sbB,
input.sbB{
	letter-spacing: 2px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	font:inherit;
	font-size: 123.1%;
	padding: 10px;
	font-weight: bold;
	line-height: 1;
	min-height: 1em !important;
	color: #FFF;
	min-width: 180px;
	cursor: pointer; 
	background: #444;	
	border: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
a.sbBL,
input.sbBL{
	letter-spacing: 2px;
	border: 2px solid #0652A0;
	font:inherit;
	font-size: 123.1%;
	font-weight: bold;
	color: #0652A0;
	width: 310px;
	height: 36px;
	text-shadow:1px 1px 0px rgba(255, 255, 255, 1);	
	background-color: #008DB0;
	background: -moz-linear-gradient(top, #FFF, #98B8D8);
	background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#98B8D8));
	background: -ms-linear-gradient(top, #FFF, #98B8D8);
	cursor: pointer; 	
}
a.sbR,
td .sbR,
input.sbR{
	border: 0;
	width: 80px;
	height: 26px;
	font:inherit;	
	font-weight: bold;	
	color: #FFF;
	letter-spacing: 2px;	
	background-color: #D90000;
	/*background: -moz-linear-gradient(top, #EF9696, #D90000);
	background: -webkit-gradient(linear, center top, center bottom, from(#EF9696), to(#D90000));
	background: -ms-linear-gradient(top, #EF9696, #D90000);*/
	cursor: pointer;
}
input.sbRL{
	border: 0;
	width: 260px;
	height: 30px;
	font:inherit;	
	font-weight: bold;	
	color: #FFF;
	background: #F00;	
	border: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	cursor: pointer;
}
a.sbGSS,
input.sbGSS{
	width: 55px;
	height: 21px;
	border: 1px solid #87AAD1;
	background: #FFF url(../images/bg_btn_b.jpg) left top repeat-x;
	font:inherit;
	font-weight: bold;
	line-height: 0;
	letter-spacing: 2px;
}
a.sbBS,
input.sbGS{
	width: 120px;
	height: 40px;
	border: 1px solid #87AAD1;
	background: #FFF url(../images/bg_btn_b.jpg) left top repeat-x;
	font:inherit;
	font-weight: bold;
	line-height: 0;
	letter-spacing: 2px;
}
a.sbG,
input.sbG{
	letter-spacing: 2px;
	font:inherit;
	font-size: 123.1%;
	font-weight: bold;
	color: #000;
	width: 220px;
	height: 36px;

	cursor: pointer; 	
}
a.sbBL,
input.sbGL{
	width: 310px;
	height: 27px;
	border: 1px solid #87AAD1;
	background: #FFF url(../images/bg_btn_b.jpg) left top repeat-x;
	font:inherit;
	font-weight: bold;
	line-height: 0;	
	letter-spacing: 0px;
}

input[type="email"],
input[type="text"],
input[type="password"]{
	height: 28px;
	font:inherit;		
	font-size: 100%;
	border: 1px solid #D0D0D0;
	-webkit-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
	   -moz-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
	        box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset; 	
}
textarea{
	border: 1px solid #D0D0D0;
	-webkit-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
	   -moz-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
	        box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset; 	
}
input.itxtL{
	width: 96%;
}
input.itxtM{
	width: 360px;
}
input.itxtSS{
	width: 50px;
}
input.itxtS{
	width: 110px;
}
input.itxtF{
	width: 100%;
}
textarea.txtAraSS{
	width: 96%;
	height: 60px;
}
textarea.txtAraS{
	width: 96%;
	height: 100px;
}
textarea.txtAraM{
	width: 96%;
	height: 160px;
}
textarea.txtAraL{
	width: 96%;
	height: 200px;
}
textarea.txtAraEX{
	width: 96%;
	/*max-width: 450px;*/
	height: 60px;
}
select.slcM{
	width: 100%;
	max-width: 200px;
}
select.slcS{
	width: 80px;
}
select.slcSS{
	width: 55px;
	padding: 3px 5px;
}
/*ERROR*/
.errMsg{
	background:none;
	position:relative;
	background-color: #FFE1E1;
	border: 1px solid #FF0000;
	/*
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	*/
	padding: 20px;
	font-size: 108%;
	font-weight: bold;
	color: #F00;
	margin-bottom: 18px;
}
.errMsg:after {
	content: url("../images/mrk_fukidashi.png");
	position: absolute;
	left: 160px;
	bottom: -13px;
}
.errMsg a{
	color: #F00;
}
.errMsg ul li{
	margin-bottom: 3px;
}

.errCheck{
	position:relative;
	background-color: #FFE1E1;
	border: 1px solid #FF0000;
	/*
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	*/
	padding: 5px 10px;
	font-size: 85%;
	font-weight: bold;
	color: #F00;
	margin-top: 10px;
}
.errCheck:after {
	content: url("../images/mrk_fukidashi2.png");
	position: absolute;
	left: 30px;
	top: -8px;
}

/**/
.h2ttl{
	padding: 3px 20px;
	font-size: 138.5%;
	background: transparent url(../images/mrk_1.png) left center no-repeat;
}
.h2ttlSub{
	padding: 3px 15px;
	font-size: 108%;
	background: transparent url(../images/arw_6.png) left center no-repeat;
}
.h3ttl{
	padding: 3px 15px;
	font-size: 108%;
	background: url(../images/arw_6.png) left center no-repeat;
}
.usrCount{
	font-size: 123.1%;
	margin-bottom: 5px;
}
.usrCount strong{
	color: #FF0000;
}

.doneMsg{
	border: 4px solid #003399;
	padding: 60px 30px;
	text-align: center;
}
.doneMsg p{
	font-size: 123.1%;
}
.doneMsg h2{
	font-size: 220%;
	color: #003399;
	margin-bottom: 5px;
}
.doneMsg h2 span{
	padding: 5px 5px 5px 45px;
	background: transparent url(../images/icn_check.png) left center no-repeat;	
}

.floatL{float: left;}
.floatR{float: right;}


.float-box{
	width: 90%;
	margin: 0 auto;
}
	.float-box .floatL{
		width: 48%;
	}
	.float-box .floatR{
		width: 48%;
	}
/*--------------------ヘッダー----*/

.indexMnu h2{
	display: inline-block;
	margin: 10px;
}
#upper{
	background: #2C193D;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 32px;
	z-index: 20;
	color: #FFF;
}
	div#upper .headWrap{
		width: 100%;
	}
		div#upper .head{
			position: relative;
			margin: 0px auto;
		}
			div#upper .head .logo{
				position: absolute;
				left: 100px;
				top: 10px;
			}
				div#upper .head .logo a{
					text-decoration: none;
					color: #000;
					font-size: 20px;
					line-height: 30px;
				}
					div#upper .head .logo a:hover{
						color: #888;
					}

/*メニューボタン add 2016/0310 */
			.head #menu-button{
				position: absolute;
				top: 6px;
				left: 5px;
				width: 30px;
				height: 20px;
				text-decoration: none;
			}
			.head #menu-button>p{
				font-size: 10px;
				font-weight: bold;
				color: #000;
				line-height: 30px;
				letter-spacing: -0.4px;
			}
			.head .menu-button__line{
				position: absolute;
				top: 0px;
				right: 0px;
				width: 30px;
				height: 20px;
			}
				.head .menu-button__line>div{
					width: 100%;
					height: 2px;
					background: #fff;
					position: absolute;
					-webkit-transition: all .5s;
					   -moz-transition: all .5s;
					    -ms-transition: all .5s;
					     -o-transition: all .5s;
					        transition: all .5s;
				}
				.head .menu-button__line>div:nth-child(1){
					top: 0px;
					left: 0px;
					-webkit-transform: translate(0%,0%);
					   -moz-transform: translate(0%,0%);
					    -ms-transform: translate(0%,0%);
					     -o-transform: translate(0%,0%);
					        transform: translate(0%,0%);
				}
					.head #menu-button.active .menu-button__line>div:nth-child(1) {
						top: 10px;
						-webkit-transform: translate(-5%,-50%) rotate(45deg);
						   -moz-transform: translate(-5%,-50%) rotate(45deg);
						    -ms-transform: translate(-5%,-50%) rotate(45deg);
						     -o-transform: translate(-5%,-50%) rotate(45deg);
						        transform: translate(-5%,-50%) rotate(45deg);
					}
				.head .menu-button__line>div:nth-child(2){
					top: 9px;
					left: 0px;
				}
					.head #menu-button.active .menu-button__line>div:nth-child(2) {
						opacity: 0;
					}
				.head .menu-button__line>div:nth-child(3){
					top: 18px;
					left: 0px;
					-webkit-transform: translate(0%,0%);
					   -moz-transform: translate(0%,0%);
					    -ms-transform: translate(0%,0%);
					     -o-transform: translate(0%,0%);
					        transform: translate(0%,0%);
				}
					.head #menu-button.active .menu-button__line>div:nth-child(3) {
						top: 10px;
						-webkit-transform: translate(-5%,-50%) rotate(-45deg);
						   -moz-transform: translate(-5%,-50%) rotate(-45deg);
						    -ms-transform: translate(-5%,-50%) rotate(-45deg);
						     -o-transform: translate(-5%,-50%) rotate(-45deg);
						        transform: translate(-5%,-50%) rotate(-45deg);
					}

			div#upper .head .bnr{
				position: absolute;
				left: 50%;
				top: 10px;
				margin-left: -100px;
			}
			div#upper .head .login{
				position: absolute;
				right: 30px;
				top: 4px;
				font-size: 100%;
				font-weight: bold;
				line-height: 22px;
				color: #fff;
			}

/*スクロール*/
.cls_overflow{
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
/* overflow scrollbar design */
.cls_overflow::-webkit-scrollbar {
	background: transparent;
	overflow: visible;
	width: 10px;
}
.cls_overflow::-webkit-scrollbar-corner {
	background: transparent;
}
.cls_overflow::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.5);
}

#header__navi{
	position: absolute;
	top: 32px;
	left: -248px;
	width: 160px;
	padding: 0 0;
	background: #FFF;
	border-right: 1px solid #CCC;
	/*background: rgba(255,255,255,0.9);*/
	-webkit-box-shadow: 5px 0 3px 0px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 5px 0 3px 0px rgba(0, 0, 0, 0.1);
	    -ms-box-shadow: 5px 0 3px 0px rgba(0, 0, 0, 0.1);
	     -o-box-shadow: 5px 0 3px 0px rgba(0, 0, 0, 0.1);
	        box-shadow: 5px 0 3px 0px rgba(0, 0, 0, 0.1);
	z-index: 20;
}
#header__navi.on{
	left: 0px;
}
	#header__navi ul li{
		/*padding: 10px 15px 10px 15px;*/
	}
	#header__navi ul .pull li{
		/*padding: 10px 0;*/
	}
	#header__navi ul li a.link-under::after{
		bottom: 3px;
	}

#header__navi ul.menuBox>li{
	border-bottom: 1px solid #fff;
}


div#title{
	padding-top: 32px;
	position: relative;
	background: #45256C;
}
div#title h1{
	font-size: 138%;
	color: #FFF;
	/*max-width: 1600px;*/
	padding: 15px 20px 15px 50px;
	margin: 0 auto;
}
.menu-on div#title h1{
	padding-left: 180px;
}
div#breadList{
	padding: 7px 20px 7px 70px;
	font-size: 85%;
	background: #000;
	color: #FFF;
}
div#breadList a{
	color: #fff;
}
.menu-on div#breadList{
	padding-left: 180px;
}

/*--------------------フッター----*/
div#foot{

}
.pgTop{
	width: 50px;
	position: fixed;
	bottom: 15px;
	right: 15px;
}
.pgTop a{
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	background: #000 url(../images/arw_top.png) 50% 50% no-repeat;
	background-size: 40%;
	text-decoration: none;
}
.pgTop a:hover{
	background-color: #999;
}
div#foot .copy{
	padding: 15px 0 15px;
	color: #CCC;
	font-size: 10px;
}
div#foot .copy .adrs{
	padding: 0 30px;
	font-size: 85%;
}
div#foot .copy .adrs h3{
	font-size: 123.1%;
}
div#foot .copy .cpy{
	color: #999;
	font-size: 90%;
}
/*--------------------メイン----*/

div#wrap{
	padding: 0px 0px 30px;
}
div#wrap .side{

}
div#wrap .side h2{
	position: relative;
	color: #FFF;
	background: #9AB7D8 url(../images/bg_mnu_bar.png) 0 0 repeat-x;
	padding: 7px 15px;
	font-size: 108%;
}
div#wrap .side h2 a{
	position: absolute;
	top: 7px;
	right: 7px;
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url(../images/btn_mClose.png) 0 0 no-repeat;
}
div#wrap .side h2 a.mOpen{
	background: transparent url(../images/btn_mOpen.png?2014) 0 0 no-repeat;
}
div#wrap .side .sBox{
	position: relative; 
	text-align: center;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D0D0D0;
	margin-bottom: 15px;
	background: #EEE;
}
div#wrap .side .sBox .menuBox{display: inline-block;}
div#wrap h3{
	padding: 10px 30px 15px;
 	cursor: pointer;	

	background: #EEE url(../images/arw_6.png) 50% 85% no-repeat;	
}
.side .sBox .menuBox h3 a{
	display: block;
	padding: 10px 15px;
	background: #CCC !important;
	text-decoration: none;
	color: #333;
	font-size: 110%;
	font-size: 14px;
}
.side .sBox .menuBox h3 a:hover{
	color: #888;
}
.side .sBox .menuBox li a{
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #555;
/*	font-weight: bold;*/
	/*border-bottom: 1px solid #EEE;*/
}
.side .sBox .menuBox li a.on{
	font-weight: bold;
	color: #000;
}
.side .sBox .menuBox li .pull a{
	padding: 0.5em 1em 0.5em 2em;
}
/*.side .sBox .menuBox li h3 a{border-bottom: none;}*/
.side .sBox .menuBox h3.on a{text-decoration: none; color: #fff !important; background: #333 !important;}
.side .sBox .menuBox li a:hover{
	color: #999;
}
div#wrap .side .sBox .menuBox:hover h3{
	background: #CCC url(../images/arw_6_on.png) 50% 85% no-repeat;
	color: #FFF;
}
div#wrap .side .sBox .menuBox h3 a{text-decoration: none; color: #000 !important;}
div#wrap .side .sBox .menuBox h3.on a{text-decoration: none; color: #0652A0 !important;}
div#wrap .side .sBox .menuBox:hover h3 a{color: #FFF !important;}
div#wrap .side .sBox ul.pull{
	display: none;
	position: absolute;
	left: 0px;
	top: 45px;
	z-index: 1000;
	width: 90%;
	background: #CCC;
	padding: 20px 0;
	box-shadow:rgba(0, 0, 0, 0.490196) 0px 6px 5px -3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.490196) 0px 6px 5px -3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.490196) 0px 6px 5px -3px;	
	padding: 20px 5%;
}
div#wrap .side .sBox ul.pull li{
	font-size: 100%;
	display: inline-block;
	width: 240px;
	margin-bottom: 5px;
}
div#wrap .side .sBox ul.pull li a{
	display: block;
	padding: 10px 20px 10px 30px;	
	background: #F3F3F3 url(../images/arw_3.png?20148) 97% 80% no-repeat;
	border: 1px solid #BBB;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	font-size: 84.6%;
}
div#wrap .side .sBox ul.pull li a:hover{
	background-color: #FFF;
}

div#wrap .side .sBox .boxA,
div#wrap .side .sBox .boxB{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: top;
	margin: 0 5px;
}

/*メインコンテン*/

div#wrap .main{
	text-align: left;
	padding: 20px 10px 0;
	max-width: 96%;
	margin: 0 auto;
	-webkit-box-sizign: border-box;
	box-sizign: border-box;
}
.menu-on div#wrap .main{
	padding-left: 180px;
}
div#wrap .main .top-block table th{
	background: #45256C;
	color: #FFF;
}

div#wrap .main .top-block table td:nth-child(1) a{
	font-size: 1.0rem;
	font-weight: bold;
	text-decoration: none;
	color: #122A85;
}
div#wrap .main .top-block table tr:nth-child(odd){
	background: #ededed;

}
div#wrap .main .top-block table tr:nth-child(2) td:nth-child(1){
	background: transparent url(../images/top-block-icn1.png) 0.5em 50% no-repeat;
	background-size: 2rem;
	padding-left: 3.3rem;
}
div#wrap .main .top-block table tr:nth-child(3) td:nth-child(1){
	background: transparent url(../images/top-block-icn2.png) 0.5em 50% no-repeat;
	background-size: 2rem;
	padding-left: 3.3rem;
}
div#wrap .main .top-block table tr:nth-child(4) td:nth-child(1){
	background: transparent url(../images/top-block-icn3.png) 0.5em 50% no-repeat;
	background-size: 2rem;
	padding-left: 3.3rem;
}
div#wrap .main .top-block table tr:nth-child(5) td:nth-child(1){
	background: transparent url(../images/top-block-icn4.png) 0.5em 50% no-repeat;
	background-size: 2rem;
	padding-left: 3.3rem;
}
div#wrap .main .top-block table tr:nth-child(6) td:nth-child(1){
	background: transparent url(../images/top-block-icn5.png) 0.5em 50% no-repeat;
	background-size: 2rem;
	padding-left: 3.3rem;
}
div#wrap .main .top-block table tr:nth-child(7) td:nth-child(1){
	background: transparent url(../images/top-block-icn6.png) 0.5em 50% no-repeat;
	background-size: 2rem;
	padding-left: 3.3rem;
}
div#wrap .main .top-block table tr{
	border: none !important;
}
div#topMain a{ text-decoration: none;}
div#topMain a:hover{ text-decoration: underline;}
div#topMain .areaList{
	text-align: center;
}
div#topMain .areaList .box{
	width: 32.5%;
	margin: 0.3% !important;
}
div#wrap .main #changeInfo{
	position: relative;
}
div#wrap .main #changeWord{
	position: absolute;
	top: -100px;
	right: 100px;
	width: 400px;
	border: 3px solid #003399;
	padding: 20px;
	background: #FFF;
	display: none;
	 -webkit-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.25);
		     box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.25);
}
div#wrap .main #changeWord .box{
	height: 500px;
	overflow-y: auto;
	margin-bottom: 15px;
}
div#wrap .main #changeWord h2{
	position: relative;
	font-size: 138.5%;
	color: #003399;
	padding-right: 30px;
	margin-bottom: 10px;
}
div#wrap .main #changeWord h2 .winClose{
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}
div#wrap .main #changeWord table{
	width: 95%;
}
div#wrap .main #changeWord table th,
div#wrap .main #changeWord table td{
	border: 1px solid #CCC;
	padding: 5px 10px;
	/*font-size: 85%;*/
}
div#wrap .main #changeWord table th{
	width: 130px;
	background-color: #EBEBEB;
}
div#wrap .main .profileSetA,
div#wrap .main .profileSetB{
	border: 2px solid #9AB7D8;
	padding: 30px;
}
div#wrap .main .profileSetA{
	background-color: #FFFAF0;
}
div#wrap .main .profileSetA h3,
div#wrap .main .profileSetB h3{
	font-size: 108%;
	width: 70%;
	margin: 0 auto;
	margin-bottom: 5px;
}

div#wrap .main .searchBox{
	/*border: 4px solid #FE0000;
	padding: 30px;
	background: #FFFAF0;*/
}

.slcLabel label{
	display: inline-block;
	vertical-align: top;
	margin: 5px 10px;
}
.main .loginBox{
	width: 800px;
	margin: 0 auto;
	padding: 50px 0 0;
}
.main .loginTbl{
	width: 500px;
	margin: 0 auto;
}
.main .loginTbl th{
	width: 1%;
	white-space: nowrap;
}
.main .loginTbl td input[type="email"],
.main .loginTbl td input[type="text"],
.main .loginTbl td input[type="password"]{
	width: 100%;
	height: 40px;
	font-size: 18px;
	font-weight: bold;<br />
}
.main .loginTbl td,
.main .loginTbl th{
	padding: 1em 0.5em 0;
}
/*formテーブル*/
.main .formTbl{
	width: 100%;
	/*border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;*/
	background: #FFF;
	border-top: 1px solid #ddd;
}
.main .formTbl th,
.main .formTbl td{
	position: relative;

	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;		

	vertical-align: top;
	word-break: break-all;
}
.main .formTbl td.gallery{position: static;}
.main .formTbl th{
	font-weight: bold;
	/*background: #CEDCEC;*/
	background: #EEE;
	width: 250px;
	min-width: 130px;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-left: 1px solid #DDD;

}
.main .formTbl th.th1{width: 10%; text-align: center;}
.main .formTbl th.th2{width: 90%;}
.main .formTbl th.th3{width: 45%;}
.main .formTbl th.th4{width: 50%;}
	.main .formTbl td textarea.contents{
		width: 100%;
		resize: vertical;
	}

.main .formTbl th,
.main .formTbl td{
	padding: 12px 15px;
}
.main .formTbl th.auto{
	width: auto;
}
.main .formTbl th.width100{
	width: 100px;
}

.main .formTbl th .imp{
	padding: 3px 0;
	padding-right: 28px;
	background: transparent url(../images/icn_imp.png) 100% 50% no-repeat;
}
.main .formTbl td.aR{
	text-align: right;
}
.main .formTbl td.aC{
	text-align: center;
}
.main .readerProfileSetForm{
	margin: 0 auto;
	width: 80%;
	background-color: #FFF;
}
.main .searchTbl{
	background-color: #FFF;
	/*border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;*/
}
.main .searchTbl th,
.main .searchTbl td{
	padding: 15px 15px;
	border: none;
	border-right: none;
}
.main .searchTbl th{
	padding: 20px 15px;
	background: #FFF;
}


/*一覧テーブル*/
/*スクロール*/
.list-overflow{
	overflow: auto;
	max-height: 500px;
	/*border: 1px solid #bbb;*/
}

/* overflow scrollbar design */
.list-overflow::-webkit-scrollbar {
	background: transparent;
	overflow: visible;
	width: 10px;
}
.list-overflow::-webkit-scrollbar-corner {
	background: transparent;
}
.list-overflow::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.5);
}

.main .listTbl{
/*	width: 100%;*/
	width: 100%;
	/*border-top: 1px solid #98B8D8;
	border-left: 1px solid #98B8D8;*/
	font-size: 108%;
}
.main .listTbl th,
.main .listTbl td{
	/*border-bottom: 1px solid #EEE;*/
	/*border-right: 1px solid #98B8D8;*/
}
.main .listTbl td{
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	/*border-right: 1px solid #98B8D8;*/
}
.main .listTbl td:nth-last-child(1){
/*	border-right: none;*/
}
.main .listTbl th{
	text-align: center;
	font-weight: bold;
	background: #CFCFCF;
}
.main .listTbl th,
.main .listTbl td{
	padding: 10px 10px;
	font-weight: bold;
}
.main .listTbl th.th15{
	width: 15%;
}
.main .listTbl th.width150{
	width: 150px;
}
.main .listTbl th.width30p{
	width: 30%;
}
.main .listTbl th.aL{
	text-align: left;
}
.main .listTbl td.aR{
	text-align: right;
}
.main .listTbl td.aC{
	text-align: center;
}


.main .listTbl td span{
	display: inline-block;
	width: 3.6em;
	padding: 0.4em 0.2em;
	padding-left: 1.8em;
	border: 1px solid #CCC;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}
.main .listTbl td span.icn1{
	background: transparent url(../svg/min/arrow_right-up.svg) 0.5em 50% no-repeat;
	background-size: 1.3em;
}
.main .listTbl td span.icn2{
	background: transparent url(../svg/min/arrow_right.svg) 0.5em 50% no-repeat;
	background-size: 1.3em;
}
.main .listTbl td span.icn3{
	background: transparent url(../svg/min/icon_comment_alt.svg) 0.5em 50% no-repeat;
	background-size: 1.3em;
}
.main .listTbl td span.icn4{
	background: transparent url(../svg/min/icon_heart_alt.svg) 0.5em 50% no-repeat;
	background-size: 1.3em;
}

.main .listTbl td a{margin: 0 auto;}



.main .readerList tr.odd td{
	background: #FFF;
}
.main .readerList tr.even td{
	background: #FFF;
}
.main .readerList tr.check td{
	background: #E7BDBD;
}
.main .readerList tr.alert td{
	background: #FFF888;
}
.main .readerList th,
.main .readerList td{
	/*padding: 10px 15px;*/
	/*font-size: 85%;*/
	border: 1px solid #DDD;
}
.main .readerList th{
	background: #EEE;
}

.main .readerList td:nth-last-child(1),
.main .readerList td:nth-last-child(2){
	width: 85px;
}
.main .readerList td a.sbYS,
.main .readerList td input.sbYS,
.main .readerList td a.sbR, 
.main .readerList td .sbR,
.main .readerList td input.sbR{
	font-size: 12px;
	width: 60px;
}

.main .readerProfile td div{
	padding: 3px;
}
.main .readerProfile th.rp1{width: %;}
.main .readerProfile th.rp2{width: 10%;}
.main .readerProfile th.rp3{width: %;}
.main .readerProfile th.rp4{width: 15%;}
.main .readerProfile th.rp5{width: 15%;}
.main .readerProfile th.rp6{width: 7%;}

.main .readerProfile td.set select{
	width: 120px;
}
.main .readerProfile td.set select,
.main .readerProfile td.set input{
	margin-right: 5px;
}
.main .readerProfile tr.noSet{
	background-color: #F7F7F7;
}
.main .readerProfileSet{
	margin: 0 auto;
	width: 80%;
	background-color: #FFF;
}
.main .readerProfileSet td .upDown{
	margin: 0 auto;
	width: 60px;
}
.main .readerProfileSet td .upDown .lt{float: left;}
.main .readerProfileSet td .upDown .rt{float: right;}


/*
@media screen and (min-width: 1401px) {
	div#wrap .side{
		width: 17%;
	}
	div#wrap .main{
		margin-left: 20%;
	}
}
@media screen and (max-width: 961px) {
	div#wrap .side{
		width: 16%;
		font-size: 13px;
	}
	div#wrap .main{
		margin-left: 18%;
	}
	div#upper,
	div#title,
	div#breadList,
	div#foot{
		width: 960px;
	}
	div#wrap{
		width: 900px;
	}	
}
*/

.search-result-box{
	position: relative;
}
	.search-box{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 320px;
	}
		.search-word{
			max-height: 500px;
		}
	.result-box{
		position: relative;
		margin-left: 340px;
		width: auto;
	}

/*検索エリア*/
.main .srcDiv{
	background: #FFF;
	border : none;
	padding: 15px;
}
	.main .srcDiv .srcTbl{
		display :block;
		width: 100%;
		background: #fff;
	}
	.main .srcDiv .srcTbl tbody{
		display: block;
	}
		.main .srcDiv .srcTbl tr{
			display: block;
		}
		.main .srcDiv .srcTbl th,
		.main .srcDiv .srcTbl td{
			display :block;
			padding: 0px 5px 10px;
		}
		.main .srcDiv .srcTbl th{
			font-weight: bold;
/*
			padding: 7px 5px;
			background: transparent url(../images/arw_r2.png?20148) 85% 12px no-repeat;
*/
			padding: 7px 5px 7px 10px;
			background: transparent url(../images/arw_r2.png?20148) left 12px no-repeat;
			width: 1%;
			white-space: nowrap;
			vertical-align: top;
		}
		.main .srcDiv .srcTbl tr.non th,
		.main .srcDiv .srcTbl tr.non td{
			background: none;
			padding: 12px 5px;
		}
			
		.main .srcDiv .srcTbl td .itxtS{width: 100px;}
		.main .srcDiv .srcTbl td select{
			width: 100%;
		}
		.main .srcDiv .srcTbl td select.slcM{
			width: 80px;
			font-size: 92.3%;
		}
		.main .srcDiv .srcTbl td select.slcS{
			width: 60px;
			font-size: 92.3%;
		}
		.main .srcDiv .srcTbl td input[type="text"]{
			padding: 0 0.5em;
		}
	.main .srcDiv > input[type="button"],
	.main .srcDiv > button{
		margin: 0 auto;
		display: block;
	}

.error_key{position: absolute; top: 0;}


/*会員情報タブ*/
ul.userTab{
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
	border-bottom: 3px	solid #0652A0;
	text-align: center;
}
ul.userTab li{
	display: inline-block;
	width: 200px;
	margin: 0 3px;
	text-align: center;
	vertical-align: middle;
	background: #FFF;
	border: 1px solid #0652A0;
	border-bottom: none;
	text-shadow:1px 1px 0px rgba(255, 255, 255, 0.6);		
}
ul.userTab li.on{background: #0652A0;}
ul.userTab li a{
	display: block;
	padding: 10px 10px;
	text-decoration: none;
	font-weight: bold;
	font-size: 108%;
	color: #000;

}
ul.userTab li.on a{
	color: #FFF;
	text-shadow:-1px -1px 0px rgba(0, 0, 0, 0.4);			
}
ul.userTab li a:hover{
	background: #98B8D8;
	color: #000;	
	text-shadow:1px 1px 0px rgba(255, 255, 255, 0.6);		
}

/*資格タブ*/
ul.qualifiTab{
	width: 100%;
	border-bottom: 1px solid #CCC;
	font-size:0;
}
ul.qualifiTab li{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	border: 1px solid #CCC;
	border-bottom: none;
	margin: 0;
	margin-left: 10px;
	margin-bottom: -1px;
	background: #FFF url(../images/tab_mnu_bar.png) left bottom repeat-x;
	font-size:13px;	
}
ul.qualifiTab li.on{background: #FFF url(../images/tab_mnu_bar_on.png) left bottom repeat-x; }
ul.qualifiTab li a{
	display: block;
	width: 200px;
	padding: 0 10px;
	line-height: 32px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #888;
}
ul.qualifiTab li.on a{
	color: #000;
}
ul.qualifiTab li a:hover{
	color: #444;
}
.usrInfoBox{
	background: #D6D6D6;
	padding: 15px 20px;
	font-size: 153.9%;
	font-weight: bold;
	margin-top: 15px;
}
.usrInfoBox p{
	display: inline-block;
	margin-right: 10px;
}
/*フォーム*/
.doubleForm{margin: 0 auto;text-align: center;}
.doubleForm form{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 15px;
}


/*一覧テーブル2*/
.main .periodTbl{
	width: 100%;
	border-left: 1px solid #9AB7D8;
	font-size: 90%;
}
.main .periodTbl th,
.main .periodTbl td{
	border-bottom: 1px solid #9AB7D8;
	border-right: 1px solid #9AB7D8;
}
.main .periodTbl th{border-top: 1px solid #9AB7D8;}
.main .periodTbl th{
	text-align: center;
	font-weight: bold;
	background: #CEDCEC;
}
.main .periodTbl th.th1,
.main .periodTbl td.td1{
	width: 25%;
}
.main .periodTbl th.th2,
.main .periodTbl td.td2{
	width: 15%;
}
.main .periodTbl th.th3,
.main .periodTbl td.td3{
	width: 25%;
}
.main .periodTbl th.th4,
.main .periodTbl td.td4{
	width: 25%;
}
.main .periodTbl th.th5,
.main .periodTbl td.td5{
	width: 10%;
}
.main .periodTbl td.aR{
	text-align: right;
}
.main .periodTbl td.aC{
	text-align: center;
}


.main .srcDiv .srcTbl td.checkbox label{
	width: 150px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}



/* 画像ギャラリー*/
ul#image-gallery{text-align: left; display: inline-block;}
td.gallery li{border: 1px solid #ddd;background-color: #EEE;}
ul#image-gallery li{float: left; width: 120px; height: auto; padding: 10px; margin: 10px; text-align: center; }
ul#image-gallery li img{width: 120px; border: 1px solid #ccc;}
ul#image-gallery li.ui-state-highlight { height: auto; border: none; background-color: transparent;}
/*モーダル内*/
#innerFrame{
	width: 760px;
	height: 550px;
	overflow-y: scroll;
}

#file_up{
	position: relative;
	background: url("../images/btn_upload.png") no-repeat;
	width: 215px;
	height: 44px;
	margin: 0 auto;
}
#file_up input[type="file"]{
	opacity: 0;
	right: 0;
	bottom: 0;
	padding: 0;
	margin: 0;
	z-index: 999;
	width: 215px;
	height: 44px;
}
ul#file-gallery li{float: left; width: 190px; margin: 15px; text-align: center;}
ul#file-gallery li p{white-space: nowrap;}
ul#file-gallery li .img{width: 170px; height: 150px; overflow: hidden; vertical-align:middle; text-align: center; margin: 0 auto 10px;}
ul#file-gallery li img{width: 190px;}

/*パネルテーブル*/
table.panel{padding: 0px 0; margin: 10px; border:none;}
td table.panel td{padding: 0px 0 !important; white-space: nowrap; padding-left: 1px !important; margin: 0 !important; border:none !important;}

.ui-sortable{cursor: move;}
.ui-sortable .deleteBtn{cursor: pointer;}

tbody.ui-sortable{width: 100%;}
tr.ui-sortable-helper{
	display: table;
}
tr.ui-sortable-handle:hover{
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
	background-color: #F1F5FA;
}
tr.ui-sortable-helper td{
	background: #FFF;
	-ms-filter: "alpha( opacity=70 )";
	filter: alpha( opacity=70 );
	opacity: 0.7;
	border-top: 1px solid #98B8D8;
	border-left: 1px solid #98B8D8;	
}

.pvMsg{
	text-align: center;
	color: #666;
	padding-top: 5px;
}

/*総件数*/
.max-count{
	display: inline-block;
	padding: 5px 20px;
	margin: 0 auto;
	font-size: 18px;
	text-align: center;
	/*border: 2px solid #ddd;*/
}
	.max-count em{
		font-size: 28px;
		font-weight: bold;
		color: #FE0000;
	}

/*情報表示*/
.info-box{
	letter-spacing: -0.5em;
}

	.info-box .max-count,
	.info-box .Dpager{
		display: inline-block;
		letter-spacing: normal;
		margin-right: 10px;
	}

	.info-box>a,
	.info-box>button,
	.info-box>input[type="button"]{
		float: right;
		margin-left: 15px;
	}



/*ソート条件*/
.sort-box{}
.sort-box p{display: inline-block; margin-right: 5px; font-weight: bold;}
.sort-box ul{display: inline-block;}
.sort-box ul li{display: inline-block; border-right: 1px solid #ccc; padding: 0 15px;}
.sort-box ul li:last-child{border: none;}
.sort-box ul li span{color: #777;}
.sort-box ul li a.ASC{background: url("../images/btn_up.png") no-repeat; padding-left: 25px;}
.sort-box ul li a.DESC{background: url("../images/btn_down.png") no-repeat; padding-left: 25px;}



#editor{
	border: 1px solid #ccc;
	width: 96%;
	min-height: 300px;
	max-height: 300px;
	overflow: auto;
	display: none;
}
#editor.active{
	display: block;
}
#textarea{
	resize: vertical;
}

#thumb-img{
	width: 200px;
	margin: 10px 0 0;
}
	#thumb-img img{width: 100%;}

#thumb-img .thumb-delete{
	
}

.thumb-img{
	max-width: 800px;
	margin: 10px 0 0;
}
	.thumb-img img{
		width: auto;
		max-width: 800px;
	}

.thumb-img .thumb-delete{
	
}

/*記事パーツ*/
#article-parts{
	margin-bottom: 20px;
}
	#article-parts>li{
		position: relative;
		border: 2px solid #aaa;
		border-bottom: 0px;
		background: #ddd;
		padding-top: 30px;;
	}
	#article-parts>li:last-child{
		border: 2px solid #aaa;
	}
		.article-delete{
			position: absolute;
			display: inline-block;
			top: 5px;
			right: 5px;
			height: 20px;
			padding: 0 10px;
			font:inherit;	
			font-size: 12px;
			line-height: 20px;
			color: #FFF;
			text-align: center;
			letter-spacing: 2px;	
			background-color: #D90000;
			-webkit-border-radius: 4px;
			   -moz-border-radius: 4px;
			        border-radius: 4px;
			cursor: pointer;
		}
		#article-parts .box{
			padding: 20px;
			background: #fff;
			cursor: default !important;
		}
			#article-parts .box .value{
				padding: 10px;
			}
			#article-parts .box .value>div{
				display: none;
				overflow: hidden;
			}
			#article-parts .box .value.type>div:nth-child(1),
			#article-parts .box .value.type1>div:nth-child(1){
				display: block;
			}
			#article-parts .box .value.type2>div:nth-child(2){display: block;}
			#article-parts .box .value.type3>div:nth-child(3){display: block;}
			#article-parts .box .value.type4>div:nth-child(4){display: block;}
			#article-parts .box .value.type5>div:nth-child(5){display: block;}
			#article-parts .box .value.type6>div:nth-child(6){display: block;}
			#article-parts .box .value.type7>div:nth-child(7){display: block;}
			#article-parts .box .value.type8>div:nth-child(8){display: block;}
			#article-parts .box .value.type9>div:nth-child(9){display: block;}
			#article-parts .box .value.type10>div:nth-child(10){display: block;}
			#article-parts .box .value.type11>div:nth-child(11){display: block;}
					#article-parts .box .value .title{
						font-weight: bold;
						padding: 5px;
					}
					#article-parts .box .value input[type="text"]{
						width: 100%;
						height: 28px;
						font:inherit;
						font-size: 100%;
						border: 1px solid #D0D0D0;
						-webkit-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
						   -moz-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
						        box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset; 	
						-webkit-box-sizing: border-box;
						   -moz-box-sizing: border-box;
						        box-sizing: border-box;
					}
					#article-parts .box .value textarea{
						width: 100%;
						height: 100px;
						font:inherit;
						font-size: 100%;
						border: 1px solid #D0D0D0;
						-webkit-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
						   -moz-box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset;
						        box-shadow:1px 1px 0px 0 rgba(200,200,200,0.15) inset; 	
						-webkit-box-sizing: border-box;
						   -moz-box-sizing: border-box;
						        box-sizing: border-box;
						resize: vertical;
					}
					#article-parts .box .value .f-left{
						float: left;
						width: 300px;
					}
					#article-parts .box .value .f-left.text{
						float: left;
						width: -webkit-calc(100% - 310px);
						width:         calc(100% - 310px);
					}
					#article-parts .box .value .f-right{
						float: right;
						width: -webkit-calc(100% - 310px);
						width:         calc(100% - 310px);
					}
					#article-parts .box .value .f-right.image{
						width: 300px;
					}
					#article-parts .box .value .image2{
						float: left;
						width: 50%;
					}
					#article-parts .box .value .image3{
						float: left;
						width: 33.33%;
					}
					.thumb-image{
						width: 100%;
						max-width: 270px;
						padding-right: 10px;
					}
						.thumb-image img{width: 100%; margin-top: 10px;}

	#article-parts .add-box{
		margin-top: 10px;
		width: -webkit-calc(100% - 20px);
		width:         calc(100% - 20px);
		margin-left: 20px;
		margin-bottom: 10px;
	}
		#article-parts .add-box>div{
			position: relative;
			display: table;
			width: 100%;
		}
			#article-parts .add-box>div>span{
				position: absolute;
				left: -20px;
				top: 0px;
				font-size: 20px;
				font-weight: 600;
				line-height: 40px;
				color: #D90000;
				cursor: pointer;
			}
			#article-parts .add-box>div>div{
				display: table-cell;
				width: 40%;
				padding: 5px;
				border: 1px solid #ddd;
				vertical-align: top;
			}
			#article-parts .add-box>div>div.title{
				background: #ccc;
			}
			#article-parts .add-box>div>div:last-child{
				width: 60%;
			}

.article-add,
.contents-add{
	display: inline-block;
	background-color: #0652A0;
	height: 30px;
	padding: 2px 15px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	font-size: 14;
	line-height: 30px;
	color: #fff;
	cursor: pointer; 	
}

.contents-delete{
	display: inline-block;
	background-color: #D90000;
	height: 30px;
	padding: 2px 15px;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	font-size: 14;
	line-height: 30px;
	color: #fff;
	cursor: pointer; 	
}


/*登録画面*/
#regist-form{
	position: relative;
	padding-right: 250px;
}
#regist-form .form-button-area{
	width: 220px;
	border: 1px solid #ddd;
	background: #fff;
	position: absolute;
	right: 10px;
	top: 0px;
}
#regist-form .form-button-area.on{
	position: fixed;
	right: 20px;
	top: 52px;
}
	#regist-form .form-button-area button{
		background: #f7f7f7;
		-webkit-appearance: none;
		appearance: none;
		border: 1px solid #ccc;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0 1px 0 #ccc;
		box-shadow: 0 1px 0 #ccc;
		cursor: pointer;
		padding: 2px 10px;
	}
	#regist-form .form-button-area button:hover{
		border: 1px solid #ddd;
		background: #fff;
	}
	#regist-form .form-button-area button:active{
		color: #555;
		background: #f7f7f7;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	#regist-form .form-button-area .top{
		padding: 10px;
		text-align: right;
	}
		#regist-form .form-button-area .top table{
			display: block;
			width: 100%;
		}
		#regist-form .form-button-area .top table tbody{
			display: block;
			width: 100%;
		}
			#regist-form .form-button-area .top table th{
				padding-top: 1.5em;
				display: block;
				width: 100%;
				padding-right: 1em;
				vertical-align: middle;
			}
			#regist-form .form-button-area .top table td{
				display: block;
				width: 100%;
				vertical-align: middle;
				text-align: left;
			}

	#regist-form .form-button-area .bottom{
		padding: 10px;
		text-align: right;
		background: #f5f5f5;
		border-top: 1px solid #ddd;
	}
		#regist-form .form-button-area .bottom button{
			background-color: #0085B2;
			color: #fff;
			border-color: #006799;
			-webkit-box-shadow: 0 1px 0 #006799;
			box-shadow: 0 1px 0 #006799;
			padding: 4px 12px;
		}

	#regist-form .table-button{
		position: absolute;
		right: 250px;
		top: -26px;
	}
		#regist-form .table-button span{
			border: 1px solid #ddd;
			border-bottom: none;
			cursor: pointer;
			padding: 7px 1em;
		}
		#regist-form .table-button span.on{
			background: #eee;
			cursor: auto;
		}

.main .formTbl.set-layout th,
.main .formTbl.set-layout td{
	display: block;
	width: 100%;
	max-width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1em;
	font-size: 12px;
}
.main .formTbl.set-layout td input[type="text"]{
	height: 24px;
	line-height: 24px;
}

.main .formTbl.set-layout th{
	padding: 0.5em;
}
.main .formTbl.set-layout.on th,
.main .formTbl.set-layout.on td{
	display: table-cell;
	padding: 12px 15px;
	padding: 0.5em 1em;
}
.main .formTbl.set-layout.on th{
	width: 250px;
	min-width: 250px;
}

@media screen and (max-width: 767px){
	.main .formTbl.set-layout th,
	.main .formTbl.set-layout td,
	.main .formTbl.set-layout.on th,
	.main .formTbl.set-layout.on td{
		display: block;
		width: 100%;
		max-width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;

		padding: 1em;
	}
	.main .formTbl.set-layout th,
	.main .formTbl.set-layout.on th{
		padding: 0.4em 1em;
	}
}


#upload{
	display: inline-block;
	position: relative;
	width: 200px;
	height: 30px;
	overflow: hidden;
	letter-spacing: normal;
	margin-right: 5px;
}
	#upload input[type="file"]{
		display: none;
	}
	#upload span{
		display: block;
		background: url("../images/upload.png") 6px center no-repeat;
		line-height: 28px;
		height: 30px;
		padding-left: 35px;
		cursor: pointer;
		transition: .3s;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
		border: 1px solid #e0e0e0;
	}
	#upload span:hover{
		background-color: #3b98d6;
		border: 1px solid #6b6b6b;
		border-radius: 3px;
		box-shadow: inset 0 0 7px #fff,inset 0 0 3px #fff;
		color: #fff;
	}


.image-delete-area{
	display: none;
	width: 200px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
.image-delete-area.show{
	display: block;
}
	.image-delete-area span{
		display: inline-block;
		line-height: 26px;
		padding: 0;
		margin-top: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}