@charset "utf-8";

/**
 *
 *  コンテンツ共通
 *
 */


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

	/-- メインモジュール --/
	formSetModule >>> フォーム
	pagerModule >>> ぺージャー
	articleListModule >>> リストセット

	/-- パーツ --/
	pageHeader   >>> ページヘッダー
	btnLink      >>> ボタンリンク
	btnAdd       >>> 追加ボタンの親要素
	btnGp        >>> 汎用inputボタン
	customCheck  >>> チェックボタン
	customRadio  >>> ラジオボタン
	infoFrame    >>> info枠
	statusIcon   >>> 掲載状態アイコン
	editItem     >>> 編集アイコンセット
	modal        >>> モーダル
	modalFrame   >>> モーダル表示コンテンツ
	suggestList  >>> サジェスト表示コンテンツ
	DatePicker   >>> カレンダー
	upLoad       >>> アップロードボタン
	list-header  >>> リストヘッダー
	resultList   >>> 選択結果リスト
	spinner   >>> スピンボックス


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


/*--------------------------------------------------------------------------
   汎用スタイル
---------------------------------------------------------------------------*/

/* テキスト
-----------------------------------------------------------------*/
.em{
	font-weight: bold;
}

/* 配置
-----------------------------------------------------------------*/
.t-ct{
	text-align: center;
}
.t-lt{
	text-align: left;
}
.t-rt{
	text-align: right;
}


/*--------------------------------------------------------------------------
   モジュール
---------------------------------------------------------------------------*/

/* formSetModule
-----------------------------------------------------------------*/
/* フォームベース */
.formSetModule input[type="text"],
.formSetModule input[type="password"],
.formSetModule input[type="number"],
.formSetModule textarea{
	display: inline-block;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	resize: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
.formSetModule input::-ms-clear{
	visibility:hidden
}
.formSetModule input[type="text"],
.formSetModule input[type="password"],
.formSetModule input[type="number"]{
	width: 100%;
	padding: 7px 10px;
}
.formSetModule textarea{
	width: 100%;
	padding : 10px;
}
.formSetModule select{
	padding: 6px 0 6px 7px;
	border-radius: 3px;
}
.formSetModule input[type="submit"],
.formSetModule input[type="button"]{
	border: none;
	-webkit-transition: background-color .2s;
	transition: background-color .2s;
	-webkit-appearance: none;
	cursor: pointer;
}
/* ベースカラー */
.formSetModule input[type="text"],
.formSetModule input[type="password"],
.formSetModule input[type="number"],
.formSetModule textarea,
.formSetModule select{
	border: 1px solid #dfe5eb;
	background-color: #f1f4f7;
}
.formSetModule select{
	padding: 7px 24px 7px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:#f1f4f7 url(/assets/img/common/ico_pull.png) right 50% no-repeat;
}
/* エラー時 */
.formSetModule .error input[type="text"],
.formSetModule .error input[type="password"],
.formSetModule .error input[type="number"],
.formSetModule .error textarea,
.formSetModule .error select{
	border: 1px solid #ffafbf;
	background-color: #ffedf6;
}
/* 入力時 */
.formSetModule input[type="text"]:focus,
.formSetModule input[type="password"]:focus,
.formSetModule input[type="number"]:focus,
.formSetModule select:focus,
.formSetModule textarea:focus{
	background-color: #effbff;
	border:1px solid #3b96b4;
}
/* カラバリ */
.formSetModule .c-vari02 input[type="text"],
.formSetModule .c-vari02 input[type="password"],
.formSetModule .c-vari02 input[type="number"],
.formSetModule .c-vari02 select,
.formSetModule .c-vari02 textarea{
	border: 1px solid #dfe5eb;
	background-color: #fff;
}
/* カラバリ_エラー時 */
.formSetModule .c-vari02 .error input[type="text"],
.formSetModule .c-vari02 .error input[type="password"],
.formSetModule .c-vari02 .error input[type="number"],
.formSetModule .c-vari02 .error select,
.formSetModule .c-vari02 .error textarea{
	border: 1px solid #ffafbf;
	background-color: #ffedf6;
}
/* カラバリ_入力時 */
.formSetModule .c-vari02 input[type="text"]:focus,
.formSetModule .c-vari02 input[type="password"]:focus,
.formSetModule .c-vari02 input[type="number"],
.formSetModule .c-vari02 select:focus,
.formSetModule .c-vari02 textarea:focus{
	border:1px solid #3b96b4;
	background-color: #effbff;
}
.formSetModule input:disabled,
.formSetModule textarea:disabled,
.formSetModule select:disabled{
	border: 1px solid #ebeced;
	background: #fafbfc;
}
/* プレースフォルダ */
.formSetModule input::-webkit-input-placeholder,
.formSetModule textarea::-webkit-input-placeholder{
	color: #c2c2c2;
}
.formSetModule input::-moz-placeholder,
.formSetModule textarea::-moz-placeholder{
	color: #c2c2c2;
	opacity: 1;
}
.formSetModule input:focus::-webkit-input-placeholder{
	color:transparent;
}
.formSetModule input:focus:-moz-placeholder{
	color:transparent;
}
.formSetModule input:focus::-moz-placeholder{
	color:transparent;
}

/* form-table */
.formSetModule .form-table.lengthwise  dl{
	padding: 6px 0 10px;
}
.formSetModule .form-table.lengthwise dt{
	padding-bottom: 5px;
}
.formSetModule .form-table.crosswise{
	padding-bottom: 0;
	border-width: 1px 0 1px 0;
}
.formSetModule .form-table.crosswise dl{
	display: table;
	padding: 0;
	border-top: 1px solid #dedede;
/*	line-height: 1.4;*/
}
.formSetModule .form-table.crosswise.bd-non dl{
	border-top: none;
}
.formSetModule .form-table.crosswise dl.last{
	border-bottom: 1px solid #dedede;
}
.formSetModule .form-table.crosswise dl:first-child{
	border-top: none;
}
.formSetModule .form-table.crosswise dt,
.formSetModule .form-table.crosswise dd{
	display: table-cell;
}
.formSetModule .form-table.crosswise dt{
	font-weight: bold;
	vertical-align: top;
}
.formSetModule .form-table.crosswise dt span{
	display: inline-block;
	padding-left: 40px;
	line-height: 17px;
}
.formSetModule .form-table.crosswise .must dt span{
	background: url(/assets/img/common/ico_must.png) no-repeat 0 20%;
}
.formSetModule .form-table.crosswise dd{
	vertical-align: middle;
}
.formSetModule .form-table.crosswise dd .sup-note{
	padding-top: .5em;
	font-size: 85%;
	color: #8c8c8c;
}
.formSetModule .form-table.crosswise dd input + .sup-note{
	padding-top: 10px;
}

/* エラー時 */
.formSetModule .form-table .error .message{
	padding: 0 0 8px 10px;
	color: #e64363;
	font-size: 85%;
}
.formSetModule .form-table.crosswise .error dt{
	padding-top: 50px;
}

/* input */
.formSetModule .form-table input[type="text"].size-s{
	width: 133px;
}
.formSetModule  .form-table input[type="text"].size-m{
	width: 143px;
}
.formSetModule  .form-table input[type="text"].size-l{
	width: 239px;
}

/* operator-box */
.formSetModule .form-table .operator-box li{
	float: left;
	display: inline;
	padding-left: 22px;
}
.formSetModule .form-table .operator-box li:first-child{
	padding-left: 0;
}
.formSetModule .form-table .operator-box.acce li span{
	padding-right: 8px;
	color: #a6a6a6;
}
.formSetModule .form-table .operator-box li label{
	float: left;
	padding-left: 3px;
	line-height: 2.8;
}
.formSetModule  .form-table .operator-box input[type="text"]{
	float: right;
}

/* date-box */
.formSetModule .form-table .date-box li{
	float: left;
	padding-right: 14px;
}
.formSetModule .form-table .date-box input{
	margin-right: 10px;
}
.formSetModule .form-table .date-box .year input[type="text"],
.formSetModule .form-table .date-box .day input[type="text"]{
	width: 73px;
}
.formSetModule .form-table .date-box .month select,
.formSetModule .form-table .date-box .day select{
	width: 61px;
}

/* address-box */
.formSetModule .form-table .address-box{
	padding-top: 12px;
}
.formSetModule .form-table .address-box:first-child{
	padding-top: 0;
}
.formSetModule .form-table .address-box .item{
	display: inline-block;
	width: 59px;
	padding-left: 3px;
}
.formSetModule .form-table .address-box input[type="text"]{
	width: 398px;
}
.formSetModule .form-table .address-box.zip input[type="text"]{
	width: 83px;
	padding-right: 0;
}
.formSetModule .form-table .address-box select{
	padding: 6px 0 6px 7px;
	width: 133px;
}

/* line-box */
.formSetModule .form-table .line-box{
	display: table;
	width: 100%;
	padding-top: 12px;
}
.formSetModule .form-table .line-box.bdt{
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #d6e1e5;
}
.formSetModule .form-table .line-box:first-child{
	padding-top: 1px;
}
.formSetModule .form-table .line-box .item{
	display: table-cell;
}
.formSetModule .form-table .line-box.mode-01 .item{
	width: 108px;
}
.formSetModule .form-table .line-box.mode-02 .item{
	width: 78px;
	padding-top: .5em;
}
.formSetModule .form-table .line-box.mode-03 .item{
	width: 45px;
}
.formSetModule .form-table .line-box.mode-04 .item{
	width: 90px;
}
.formSetModule .form-table .line-box.mode-05 .item{
	width: 64px;
}

.formSetModule .form-table .line-box .txt{
	padding: 0 8px 0 10px;
}
.formSetModule .form-table .line-box.lyt01 .lb-col{
	float: left;
	padding-right: 20px;
}
.formSetModule .form-table .line-box input[type="text"].size-s{
	width: 63px;
}
.formSetModule .form-table .line-box input[type="text"].size-m,
.formSetModule .form-table .line-box select.size-m{
	width: 133px;
}
.formSetModule .form-table .line-box input[type="text"].size-l{
	width: 450px;
}
.formSetModule .form-table .line-box input[type="text"].zip{
	width: 83px;
}

/* list-line */
.formSetModule .form-table .list-line{
	padding-top: 8px;
}
.formSetModule .form-table .list-line.pd-type01{
	padding: 8px 0;
}
.formSetModule .form-table .list-line.pd-type02{
	overflow:hidden;
	width:100%;
	padding-top: 0;
}
.formSetModule .form-table .list-line.pd-type03{
	padding: 5px 0;
}
.formSetModule .form-table .list-line li{
	float: left;
	padding-right: 29px;
}
.formSetModule .form-table .list-line.pd-type02 li{
	float:left;
	display:inline;
	margin: 0 0 0 -15px;
	padding: 6px 30px 6px 15px;
	/white-space:nowrap;
}
.formSetModule .form-table .list-line.case02 li{
	padding-right: 38px;
}

/* textarea-box */
.formSetModule .form-table .textarea-box{
	padding-top: 8px;
}
.formSetModule .form-table .textarea-box:first-child{
	padding-top: 0;
}
.formSetModule .form-table .textarea-box.type01 textarea{
	height: 211px;
}
.formSetModule .form-table .textarea-box.type02 textarea{
	height: 70px;
}
.formSetModule .form-table .textarea-box.type03 textarea{
	height: 106px;
}
.formSetModule .form-table .textarea-box .desc{
	padding: 8px 0;
}

/* division-box */
.formSetModule .form-table .division-box{
	display: table;
	width: 100%;
}
.formSetModule .form-table .division-box select{
	padding: 0 5px;
	font-size: 93%;
	background: none;
}
.formSetModule .form-table .division-box.lyt-02 select{
	width: 256px;
	height: 221px;
}
.formSetModule .form-table .division-box.lyt-03 select{
	width: 164px;
	height: 221px;
}
.formSetModule .form-table .division-box .col{
	display: table-cell;
	vertical-align: bottom;
}
.formSetModule .form-table .division-box .col.lyt-bg{
	padding-right: 30px;
	background: url(/assets/img/corp_admin/bg_division_box.png) no-repeat 96% 50%;
}
.formSetModule .form-table .division-box option{
	padding: 3px 0;
	white-space:normal;
	border-bottom: dotted 1px #ccc;
}
.formSetModule .form-table .division-box option:last-child{
	border-bottom: none;
}
.formSetModule .form-table .division-box .item-cate{
	margin-bottom: 5px;
}

/* count */
.formSetModule .count{
	padding-top: 10px;
	text-align: right;
	font-size: 85%;
	color: #8c8c8c;
}
.formSetModule .count .observer{
	color: #457eba;
}
.formSetModule .count .error{
	color: #e94b3a;
}

/* submit */
.formSetModule .btnArea{
	background: #f2f4f7;
	text-align: center;
}
.formSetModule .btnArea.apply{
	padding: 14px 0;
	border-top: 1px solid #dfe8eb;
}
.formSetModule .btnArea > input[type="submit"]{
	width: 100%;
	height: 64px;
	background-color: #47c690;
	box-shadow: 0px 1px 2px rgba(4, 0, 0, 0.2) inset;
	color: #fff;
	font-size: 139%;
}
.formSetModule .btnArea input[type="submit"]:hover{
	background: #2bb579;
}
.formSetModule .btnArea input[type="submit"].nofocus{
	background: #c3d0d5;
	cursor: default;
}
.formSetModule .btnArea .list-wrap{
	margin: 0 auto;
}
.formSetModule .btnArea .list-wrap.size-01{
	width: 423px;
}
.formSetModule .btnArea .list-wrap.size-02{
	width: 692px;
}
.formSetModule .btnArea ul{
	display: table-cell;
}
.formSetModule .btnArea ul li{
	display: table-cell;
	z-index: 11;
	width: 200px;
	padding: 0 5px;
}
.formSetModule .btnArea ul li.btn-size-02{
	width: 262px;
}
.formSetModule .btnArea ul li input{
	width: 100%;
}

/*プレビューボタン*/
.btnArea .btn-preview{
	position: relative;
}
.btnArea .opts-preview{
	display: none;
	position: absolute;
	top: -73px;
	left: 50%;
	z-index: 1;
	width: 200px;
	margin-left: -100px;
	border-radius: 3px;
	background: #2a333d;
	opacity: .95;
	-ms-filter: "alpha(opacity=95)";
}
.btnArea .opts-preview:after{
	content: "";
	position: absolute;
	top: 63px;
	left: 50%;
	width: 17px;
	height: 9px;
	margin-left: -9px;
	background: url(/assets/img/common/ico_balloon_arrow01.png) no-repeat;
}
.btnArea .opts-preview .inner{
	overflow: hidden;
	padding: 20px 0;
	text-align: center;
}
.btnArea .opts-preview p{
	display: inline-block;
	border-left: 1px solid #4e565c;
	padding: 0 15px;
	line-height: 1;
}
.btnArea .opts-preview p:first-child{
	border-left: none;
}
.btnArea .opts-preview a{
	text-decoration: underline;
	color: #fff;
}
.btnArea .opts-preview a:hover{
	opacity: .5;
	-ms-filter: "alpha(opacity=50)";
}

/* pagerModule
-----------------------------------------------------------------*/
.pagerModule{
}
.pagerModule .pag-inner{
	padding: 30px 0 50px;
	text-align: center;
}
.pagerModule  ul{
	text-align: center;
	letter-spacing: -0.4em;
}
.pagerModule ul li{
	display: inline-block;
	margin-left: 9px;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
	letter-spacing: 0em;
	line-height: 1em;
}
.pagerModule ul li:first-child{
	margin-left: 0;
}
.pagerModule ul li a,
.pagerModule ul li.active span{
	display: block;
	width: 42px;
	padding: 15px 0 14px;
	border-radius: 2px;
	text-align: center;
}
/* IE9・10 */
.pagerModule ul li.active span:not(:target),
.pagerModule ul li a:not(:target){
	padding: 18px 0 14px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .pagerModule ul li.active span{
		padding: 18px 0 14px;
	}
	*::-ms-backdrop, .pagerModule ul li a{
		padding: 18px 0 14px;
	}
}
.pagerModule ul li a{
	border: 1px solid #dadde1;
	background: #fcfcfa;
	transition: all 0.3s;
	text-decoration: none;
}
.pagerModule ul li a:hover,
.pagerModule ul .active span{
	color: #fff;
	border: 1px solid #457eba;
	background: #457eba;
}
.pagerModule .prev a,
.pagerModule .next a{
	position: relative;
	width: auto;
	transition: background 0.2s, border 0.2s;
}
.pagerModule .prev a{
	padding: 15px 17px 14px 32px;
}
/* IE9・10 */
.pagerModule .prev a:not(:target){
	padding: 18px 16px 14px 31px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .pagerModule .prev a{
		padding: 18px 16px 14px 31px;
	}
}
.pagerModule .next a{
	padding: 15px 32px 14px 17px;
}
/* IE9・10 */
.pagerModule .next a:not(:target){
	padding: 18px 31px 14px 16px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .pagerModule .next a{
		padding: 18px 31px 14px 16px;
	}
}
.pagerModule .prev a span:before,
.pagerModule .next a span:after{
	position: absolute;
	top: 50%;
	content: '';
	width: 7px;
	height: 15px;
	margin-top: -7px;
	vertical-align: middle;
}
.pagerModule .prev a span:before{
	left: 17px;
	background: url(/assets/img/common/btn_prev.png) no-repeat;
}
.pagerModule .next a span:after{
	right: 17px;
	background: url(/assets/img/common/btn_next.png) no-repeat;
}
.pagerModule .prev a:hover span:before{
	left: 17px;
	background: url(/assets/img/common/btn_prev_on.png) no-repeat;
}
.pagerModule .next a:hover span:after{
	right: 17px;
	background: url(/assets/img/common/btn_next_on.png) no-repeat;
}
.pagerModule .prev a:hover span:before,
.pagerModule .next a:hover span:after{
	color: #fff;
}


/* articleListModule
-----------------------------------------------------------------*/
.articleListModule .article{
	position: relative;
	margin: 17px 0;
	border:1px solid #dedede;
	border-radius: 3px;
	transition: all 0.3s;
}
.articleListModule.list-type03{
	background: #fafafa;
}
.articleListModule.list-type03 .article{
	margin: 5px 0 0;
}
.articleListModule .article .inbox{
	padding: 13px 0 14px 19px;
	transition: all 0.3s;
}
.articleListModule .hover .inbox,
.articleListModule .active{
	background: #f7f9fa;
}
.articleListModule.list-type03 .hover .inbox{
	background: #ecf5fd;
}
.articleListModule .outline{
	display: table-cell;
	padding-left: 13px;
	vertical-align: middle;
}
.articleListModule.list-type01 .outline{
	width: 520px;
}
.articleListModule.list-type02 .outline{
	width: 580px;
}
.articleListModule.list-type03 .outline{
	padding: 0;
	width: 600px;
}
.articleListModule .ttl{
	font-size: 108%;
}
.articleListModule.list-type03 .ttl{
	margin-bottom: 10px;
}
.articleListModule.list-type03 .ttl a{
	text-decoration: underline;
}
.articleListModule .outline dl{
	float: left;
	padding-right: 10px;
	font-size: 93%;
}
.articleListModule.list-type03 dl{
	padding-right: 20px;
	color: #6d6d6d;
	font-size: 85%;
}
.articleListModule .outline dt,
.articleListModule .outline dd{
	display: inline-block;
}
.articleListModule .outline dt{
	color: #878e91;
}
.articleListModule.list-type03 .outline dt{
	padding-right: 5px;
	color: #818e9c;
}
.articleListModule .edit-icon{
	position: absolute;
	top: 26px;
	right: 0;
}
.articleListModule.list-type01 .edit-icon{
	padding-right: 16px;
}
.articleListModule.list-type02 .edit-icon{
	padding-right: 20px;
}
.articleListModule.list-type03 .edit-icon{
	top: 50%;
	margin-top: -7px;
	padding-right: 16px;
}
.articleListModule .edit-icon li{
	float: left;
	width: 18px;
	padding: 0 0 0 23px;
}
.articleListModule .article .foot-line{
	overflow: hidden;
	padding: 13px 10px 9px 19px;
	border-top: 1px solid #dedede;
	background: #f7f9fa;
	transition: all 0.3s;
}
.articleListModule .article .foot-line a{
	text-decoration: underline;
}
.articleListModule .article .foot-line a:hover{
	text-decoration: none;
	color: #457eba;
}
.articleListModule .article.hover .foot-line{
	background: #edf1f2;
}
.articleListModule .article .foot-line .hit{
	overflow: hidden;
	float: left;
	padding-top: 3px;
}
.articleListModule .article .foot-line .hit dl{
	float: left;
	display: inline;
	margin: 0 0 0 -9px;
	padding: 2px 18px 0 8px;
	border-left: 1px solid #c3ccd6;
	font-size: 93%;
	white-space: nowrap;
	line-height: 1;
}
.articleListModule .article .foot-line .hit dt,
.articleListModule .article .foot-line .hit dd{
	display: inline-block;
}
.articleListModule .article .foot-line .hit dl dt{
	margin-right: 8px;
	color: #878e91;
}
.articleListModule .article .foot-line .update{
	float: right;
	color: #878e91;
	font-size: 85%;
}
.articleListModule .article .foot-line .update .name,
.articleListModule .article .foot-line .update .date{
	display: table-cell;
	padding: 0 5px;
}

.articleListModule .article .detail{
	overflow-y: auto;
	overflow-x: hidden;
	height: 187px;
}
.articleListModule .article.active .detail{
	border-top: 1px solid #e8e8e8;
}
.articleListModule .article .detail .d-inner{
	padding: 15px 20px;
}

/*--------------------------------------------------------------------------
   共通パーツ
---------------------------------------------------------------------------*/

.hdg{
	font-weight: normal;
}

/* ログイン・会員申請 ページタイトル
-----------------------------------------------------------------*/

.visitorTtl{
	margin-bottom: 25px;
	text-align: center;
	font-size: 262%;
}

/* フレーム
-----------------------------------------------------------------*/
.form-frame{
	background: #fff;
	box-shadow: 0px 1px 2px rgba(4, 0, 0, 0.15);
	border-radius: 3px 3px 0 0;
}


/* #pageHeader / ページヘッダー
-----------------------------------------------------------------*/
#pageHeader{
	position: relative;
	margin-bottom: 18px;
	padding-top: 31px;
}
#pageHeader .hdg{
	font-size: 200%;
}
/* ボタン */
#pageHeader .itme-btn{
	position: absolute;
	top: 50%;
	right: 0;
	width: 170px;
	margin-top: -9px;
}
#pageHeader .itme-btn span{
	padding: 13px 0 10px 30px;
}
/* IE9・10 */
#pageHeader .itme-btn span:not(:target){
	padding: 14px 0 11px 30px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, #pageHeader .itme-btn span{
		padding: 13px 0 10px 30px;
	}
}


/* btnLink
-----------------------------------------------------------------*/
.btnLink{
	overflow: hidden;
	display: block;
	border-radius: 3px;
	transition: all 0.3s;
	text-align: center;
}
.btnLink span{
	display: inline-block;
	padding: 9px 16px 8px 0;
	vertical-align: middle;
}

/* カラバリ */
.btnLink.c-type01{
	background: #47c690;
	color: #fff;
}
.btnLink.c-type01:hover{
	background: #2bb579;
}
.btnLink.c-type02{
	background: #e94b3a;
	color: #fff;
}
.btnLink.c-type02:hover{
	background: #d93220;
}
.btnLink.c-type03{
	border: 1px solid #dfe8eb;
	background: #fff;
}
.btnLink.c-type03:hover{
	background: #dbe3e7;
}
.btnLink.c-type04{
	border: 1px solid #8bd9b8;
	background: transparent;
	color: #3bad7d;
}
.btnLink.c-type04:hover{
	background: #daffef;
}
.btnLink.c-type05{
	background: #818e9c;
	color: #fff;
}
.btnLink.c-type05:hover{
	background: #67798c;
}

/* ico-back */
.btnLink.ico-back{
	border: 1px solid #c2d1df;
	background: #fff;
	font-size: 108%;
	color: #26303b;
}
.btnLink.ico-back span{
	padding-left: 25px;
	background: url(/assets/img/common/ico_back.png) no-repeat 0 48%;
}
.btnLink.ico-back:hover{
	background: #e5eaf0;
}

/* ico-blank */
.btnLink.ico-blank{
	background: #e94b3a;
	color: #fff;
}
.btnLink.ico-blank span{
	padding-left: 25px;
	background: url(/assets/img/common/ico_blank.png) no-repeat 100% 50%;
}
.btnLink.ico-blank:hover{
	background: #d93220;
}

/* ico_cross */
.btnLink.ico_cross{
	padding: 0 13px 0 32px;
	background: url(/assets/img/common/ico_cross.png) no-repeat 11px 50% #818e9c;
	white-space: nowrap;
}
.btnLink.ico_cross span{
	display: inline-block;
	padding: 7px 0 4px 14px;
	border-left: 1px solid #fff;
	font-size: 93%;
	color: #fff;
}
.btnLink.ico_cross:hover{
	background-color: #67798c;
}

/* ico-register */
.btnLink.ico-register span{
	padding-left: 25px;
	background: url(/assets/img/common/ico_register.png) no-repeat 0 48%;
}

/* ico-edit */
.btnLink.ico-edit span{
	padding-left: 25px;
	background: url(/assets/img/common/ico_edit.png) no-repeat 0 48%;
}

/* ico-reset */
.btnLink.ico-reset span{
	padding: 10px 0 9px 19px;
	background: url(/assets/img/common/ico_reset.png) no-repeat 0 43%;
	font-size: 85%;
}


/* btnAdd
-----------------------------------------------------------------*/
.btnAdd{
	display: inline-block;
}


/* btnGp
-----------------------------------------------------------------*/
.btnGp{
	border: none;
	border-radius: 2px;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

/* カラバリ */
.btnGp.c-type01{
	background: #818e9c;
	color: #fff;
}
.btnGp.c-type01:hover{
	background: #67798c;
}
.btnGp.c-type02{
	background: #dbe3e7;
	color: #26303b;
}
.btnGp.c-type02:hover{
	background: #c5d4db;
}
.btnGp.c-type03{
	background: #47c690;
	color: #fff;
}
.btnGp.c-type03:hover{
	background: #2bb579;
}
.btnGp.c-type04{
	background: #2f78c2;
	color: #fff;
}
.btnGp.c-type04:hover{
	background: #1760ab;
}

/* サイズ*/
.btnGp.style01{
	height: 32px;
	border-radius: 3px;
}
.btnGp.style02{
	height: 26px;
	font-size: 85%;
}
.btnGp.style03{
	height: 56px;
	font-size: 116%;
}


/* customCheck
-----------------------------------------------------------------*/
.customCheck{
	position: relative;
	overflow: hidden;
}
.customCheck label{
	display: inline-block;
	cursor: pointer;
}
.customCheck input[type="checkbox"]{
	position: absolute;
	top: -9999px;
	left: 0;
	opacity: 0;
}

/*[option] style01*/
.customCheck.style01 label{
	height: 20px;
	padding: 0 0 0 28px;
	background: url(/assets/img/common/bg_checkbox01.png) no-repeat left center;
	line-height: 20px;
}
.customCheck.style01 label.active{
	background: url(/assets/img/common/bg_checkbox01_on.png) no-repeat left center;
}

/*[option] style02*/
.customCheck.style02 label{
	height: 16px;
	padding: 0 0 0 26px;
	line-height: 16px;
}
.customCheck.style02.ver-a label{
	background: url(/assets/img/common/bg_checkbox02_a.png) no-repeat left center;
}
.customCheck.style02.ver-b label{
	background: url(/assets/img/common/bg_checkbox02_b.png) no-repeat left center;
}
.customCheck.style02 label.active{
	background: url(/assets/img/common/bg_checkbox02_on.png) no-repeat left center;
}

/*[option] style04*/
.customCheck.style04 label{
	height: 20px;
	padding: 0 0 0 30px;
	background: url(/assets/img/common/bg_checkbox03.png) no-repeat left center;
	line-height: 20px;
}
.customCheck.style04 label.active{
	background: url(/assets/img/common/bg_checkbox03_on.png) no-repeat left center;
}

/*[option] style05*/
.customCheck.style05 label{
	height: 20px;
	padding: 0 0 0 31px;
	background: url(/assets/img/common/bg_checkbox04.png) no-repeat left center;
	line-height: 20px;
}
.customCheck.style05 label.active{
	background: url(/assets/img/common/bg_checkbox04_on.png) no-repeat left center;
}

/*[option] type02*/
.customCheck.type02 label{
	display: table-cell;
	height: 28px;
	border-radius: 3px;
	background: #fff;
	font-size: 93%;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-appearance: none;
}
.customCheck.type02 .w-small label{
	width: 70px;
}
.customCheck.type02 .w-large label{
	width: 136px;
}
.customCheck.type02.c-01 label{
	border: 1px solid #818e9c;
	color: #818e9c;
}
.customCheck.type02.c-01 label.active{
	background: #818e9c;
	color: #fff;
}
.customCheck.type02.c-02 label{
	border: 1px solid #c3ccd6;
	color: #457eba;
}
.customCheck.type02.c-02 label.active{
	border: 1px solid #457eba;
	background: #457eba;
	color: #fff;
}

/*[option] type03*/
.customCheck.type03.c-03 label{
	border: 1px solid #c3ccd6;
	color: #9da8b4;
}
.customCheck.type03.c-03 label:hover,
.customCheck.type03.c-03 label.active{
	border: 1px solid #8ab4de;
	background: #f0f6fc;
	color: #457eba;
}
.customCheck.type03.c-03 label.active span{
	background: url(/assets/img/common/bg_checkbox05_on.png) no-repeat 0 50% #f0f6fc;
}


/* customRadio
-----------------------------------------------------------------*/
.customRadio{
	position: relative;
	overflow: hidden;
}
.customRadio label{
	display: block;
	cursor: pointer;
}
.customRadio input[type="radio"]{
	position: absolute;
	top: -9999px;
	left: 0;
	opacity: 0;
}
.customRadio .active{
}

/*[option] style01*/
.customRadio.style01 label{
	height: 20px;
	padding: 0 0 0 28px;
	background: url(/assets/img/common/bg_radio01.png) no-repeat left center;
	line-height: 20px;
}
.customRadio.style01 label.active{
	background: url(/assets/img/common/bg_radio01_on.png) no-repeat left center;
}


/* infoFrame
-----------------------------------------------------------------*/
.infoFrame{
	position: relative;
	border-radius: 3px;
}
.infoFrame.style01{
	border: 1px solid #ffb8b0;
	background: #ffedf0;
	color: #e94b3a;
}
.infoFrame.style02{
	border: 1px solid #4fa480;
	background: #edfaf5;
	color: #4ea480;
}
.infoFrame.style02 a{
	color: #4ea480;
	text-decoration: underline;
}
.infoFrame.style02 a:hover{
	text-decoration: none;
}
.infoFrame.style03{
	border: 1px solid #abd1f7;
	background: #f0f6fc;
	color: #2f78c2;
}
.infoFrame .ico-close{
	position: absolute;
	right: 19px;
}


/* statusIcon
-----------------------------------------------------------------*/
.statusIcon{
	display: table-cell;
	width: 66px;
	vertical-align: middle;
	color: #fff;
}
.statusIcon span{
	display: block;
	border-radius: 2px;
	text-align: center;
}
.statusIcon.c-active span{
	background: #4ebe91;
}
.statusIcon.c-draft span{
	background: #adbac7;
}
.statusIcon.c-end span{
	background: #ef735d;
}
.statusIcon.c-doda span{
	background: #36377a;
}
.statusIcon.c-doda span img{
	vertical-align: middle;
}
.statusIcon.c-new span{
	background: #59c2ff;
}
.statusIcon.c-unsend span{
	background: #ffb516;
}
.statusIcon.c-unread span{
	background: #f87772;
}



/* editItem
-----------------------------------------------------------------*/
.editItem a{
	position: relative;
}
.editItem a:hover:after{
	position: absolute;
	content: '';
	top: -41px;
	height: 34px;
	z-index: 1;
}
.editItem .write:hover:after{
	left: -15px;
	width: 46px;
	background: url(/assets/img/common/img_balloon_write.png) no-repeat;
}
.editItem .copy:hover:after{
	left: -30px;
	width: 75px;
	background: url(/assets/img/common/img_balloon_copy.png) no-repeat;
}
.editItem .copy-target:hover:after{
	left: -49px;
	width: 111px;
	background: url(/assets/img/common/img_balloon_copy_target.png) no-repeat;
}
.editItem .delete:hover:after{
	left: -17px;
	width: 46px;
	background: url(/assets/img/common/img_balloon_delete.png) no-repeat;
}
.editItem .delete-02:hover:after{
	left: -43px;
	width: 99px;
	background: url(/assets/img/common/img_balloon_delete02.png) no-repeat;
}
/*プレビューボタン*/
.editItem .btn-preview{
	position: relative;
}
.editItem .opts-preview{
	display: none;
	position: absolute;
	top: -46px;
	left: 50%;
	width: 128px;
	margin-left: -53px;
}
.editItem .opts-preview:after{
	content: "";
	position: absolute;
	bottom: -6px;
	left: 50%;
	width: 10px;
	height: 6px;
	margin-left: -5px;
	background: url(/assets/img/common/ico_balloon_arrow02.png) no-repeat;
}
.editItem .opts-preview .inner{
	overflow: hidden;
	height: 23px;
	height: 22px\9;
	padding: 10px 0;
	text-align: center;
	border-radius: 3px;
	background: #1f2933;
	opacity: .95;
	-ms-filter: "alpha(opacity=95)";
}
.editItem .opts-preview p{
	display: inline-block;
	border-left: 1px solid #4e565c;
	padding: 0 15px;
	line-height: 1;
}
.editItem .opts-preview p:first-child{
	border-left: none;
}
.editItem .opts-preview a{
	text-decoration: underline;
	color: #fff;
	font-size: 85%;
}
.editItem .opts-preview a:hover{
	opacity: .5;
	-ms-filter: "alpha(opacity=50)";
}


/* modal
-----------------------------------------------------------------*/
#modalWindow{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
}
#modalBG{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.4;
	filter:alpha(opacity=40);
}
#modalContents{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1002;
	width: auto;
	margin-left: -390px;
}


/* modalFrame
-----------------------------------------------------------------*/
.modalFrame{
	display: none;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1002;
	width: 780px;
	margin-left: -390px;
	box-shadow: 0 0 5px -3px #000;
	background: #fff;
}
.modalFrame .modal-ttl{
	padding: 14px 0 13px 20px;
	background: #26303b;
	color: #fff;
	font-size: 124%;
}
.modalFrame .btn-close{
	position: absolute;
	top: 20px;
	right: 20px;
}
.modalFrame .m-inside{
	padding:  20px 20px 4px;
}
.modalFrame .txt-link{
	position: absolute;
	top: 50%;
	right: 30px;
	width: 91px;
	margin-top: -16px;
}
.modalFrame .btnArea{
	margin-top: 17px;
}
.modalFrame .txt-link a{
	display: block;
	padding: 7px 0 6px;
	border-radius: 2px;
	background: #dbe3e7;
	color: #26303b;
	font-size: 85%;
}
.modalFrame .txt-link a:hover{
	background: #c5d4db;
}
.modalFrame .btnArea{
	display: block;
	position: relative;
	padding: 14px 0;
	border-top: 1px solid #dfe8eb;
	background: #f2f4f7;
	text-align: center;
}
.modalFrame .btnArea input[type="submit"],
.modalFrame .btnArea input[type="button"],
.modalFrame .btnArea .btnGp{
	display: inline-block;
	width: 210px;
	height: 46px;
	box-shadow: none;
	border-radius: 3px;
	font-size: 116%;
	cursor: pointer;
	line-height: 46px;
}
.modalFrame .inblock-line{
	display: table;
	width: 100%;
	padding: 10px 20px 9px;
	border-top: 1px solid #f6f7f8;
}
.modalFrame .inblock-line:first-child{
	border-top: none;
}
.modalFrame .inblock-line .defin{
	display: table-cell;
	width: 173px;
	padding-top: 2px;
	vertical-align: top;
}
#modalFrame .inblock-line ul{
	padding: 2px 0 3px;
}
/* btn-list */
.modalFrame .btn-list{
	overflow: hidden;
	width: 100%;
}
.modalFrame .btn-list li{
	float: left;
	display: inline;
	margin: 0 0 0 -3px;
	padding: 2px 6px 3px 3px;
	white-space: nowrap;
	line-height: 1.2;
}

/* 汎用確認モーダル用 */
.modalFrame.type-confirm{
	width: 500px;
}
.modalFrame.type-confirm .m-inside{
	padding: 75px 30px 55px;
	text-align: center;
}


/* suggestList
-----------------------------------------------------------------*/
#suggestList{
	display: none;
	position: absolute;
	top: 175px;
	left: 0;
	z-index: 100;
	width: 100%;
}
#suggestList.show{
	display: block;
}
#suggestList li{
	padding: 5px 20px;
	background: #fff;
	border-top: #7f9db9 1px solid;
	color: #58678a;
}
#suggestList li:hover,
#suggestList li.current{
	background: #12b5cd;
	color: #fff;
}
#suggestList li:active{
	background: rgba(242,249,253,1);
}



/* DatePicker
-----------------------------------------------------------------*/
#DatePicker{
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-width: 1024px;
	z-index: 8888;
	_height: expression(this.parentNode.clientHeight + "px");
}
#DatePickerBG{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	_height: expression(this.parentNode.clientHeight + "px");
	background-color: #fff;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	zoom: 1;
}
#DatePickerInner{
	border-radius: 3px;
	position: absolute;
	top: 0;
	left:0;
	z-index: 8888;
	width: 264px;
	border: 1px solid #ccc;
	background-color: #fff;
	padding-bottom: 10px;
}

#DatePicker .pagerBox{
	position: relative;
	padding: 9px 0 6px;
	background: #353b42;
	text-align: center;
}
#DatePicker .pagerBox .label{
	color:#fff;
	font-size: 114%;
}
#DatePicker .pagerBox .dateMonth{
	margin-left: 10px;
}
#DatePicker .pagerBox .prev,
#DatePicker .pagerBox .next{
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	width: 36px;
	height: 36px;
	cursor:pointer;
}
#DatePicker .pagerBox .prev{
	left: 5px;
	background: url(/assets/img/common/calendar_arrow_prev.png) no-repeat 50% 50%;
}
#DatePicker .pagerBox .prev:hover{
	background: url(/assets/img/common/calendar_arrow_prev_on.png) no-repeat 50% 50%;
}
#DatePicker .pagerBox .next{
	right: 5px;
	background: url(/assets/img/common/calendar_arrow_next.png) no-repeat 50% 50%;
}
#DatePicker .pagerBox .next:hover{
	background: url(/assets/img/common/calendar_arrow_next_on.png) no-repeat 50% 50%;
}
#DatePicker .pagerBox .off{
	display: none;
}
#DatePicker .pagerBox select{
	display: none;
	width: 120px;
	padding: 2px 2px;
	font-size: 92%;
	color: #888;
	border: 1px solid #ccc;
	background-color: #fff;
}
#DatePicker table{
	width: 100%;
}
#DatePicker th{
	width:34px;
	line-height: 32px;
	background: #edf1f5;
}
#DatePicker td{
}
#DatePicker td span{
	display: block;
	text-align:center;
	line-height: 34px;
	color:#333;
}
#DatePicker .setDate span{
	cursor:pointer;
}
#DatePicker .active span,
#DatePicker .setDate span:hover{
	background: #353b42;
	color: #fff!important;
}
#DatePicker .today span{
	background: #eeeeee;
	font-weight: bold;
}
#DatePicker .disableDate span{
	color:#b8b8b8!important;
}
#DatePicker .row0 td{
	padding-top: 12px;
}
#DatePicker .week0{
	padding-left: 10px;
}
#DatePicker .week0 span{
	color:#d72321;
}
#DatePicker .week6{
	padding-right: 10px;
}
#DatePicker .week6 span{
	color: #0f65a2;
}
#DatePicker .noDate{
}


/* upLoad
-----------------------------------------------------------------*/
.upLoad{
  position: relative;
}
.upLoad .info-list li{
	margin-top: 3px;
	line-height: 1.4;
}
.upLoad .logo-img{
	margin-bottom: 15px;
}
.input-wrap{
	display: inline-block;
	overflow: hidden;
	position: relative;
	width: 556px;
	height: 36px;
}
.upLoad .fake-input{
	position: absolute;
	top: 0;
	z-index: 2;
}
.upLoad .fake-input input[type="text"]{
	width: 480px;
}
.upLoad input[type="button"].btnGp{
	position: absolute;
	top: 33px;
	right: 0;
	width: 71px;
	margin-left: 10px;
}
.upLoad input[type=file]{
	position: absolute;
	right: 0;
	height: 100%;
	cursor: pointer;
	font-size: 300px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
.upLoad .file-btn{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: url(/assets/img/common/upload_bg_btn.png) no-repeat 100% 50%;
	-webkit-transition: background .2s;
	transition: background .2s;
}
.upLoad .file-btn:hover{
	background: url(/assets/img/common/upload_bg_btn_on.png) no-repeat 100% 50%;
}


/* listHeader
-----------------------------------------------------------------*/
.listHeader{
	position: relative;
}
.listHeader .list-count{
}
.listHeader .list-count span{
	padding: 0 3px;
	font-size: 277%;
}
.listHeader .view-area{
	position: absolute;
	right: 0;
	bottom: 14px;
}
.listHeader .view-area .col{
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle;
}
.listHeader .view-area dt,
.listHeader .view-area dd{
	display: inline-block;
}
.listHeader .view-area dt{
	padding-right: .2em;
	font-weight: bold;
}
.listHeader .view-area dd a,
.listHeader .view-area dd span{
	margin-right: .5em;
}
.listHeader .view-area dd a{
	text-decoration: underline;
}
.listHeader .view-area a:hover{
	color: #457eba;
	text-decoration: none;
}
.listHeader .view-area .current{
	color: #457eba;
}


/* btnLayer
-----------------------------------------------------------------*/
#btnLayer{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
}


/* spinner
-----------------------------------------------------------------*/
.spinner{
	-moz-appearance:textfield;
	background: url(/assets/img/common/ico_spinner.png) no-repeat 45px 50%;
}
input[type="number"].spinner{
	-moz-appearance: textfield;
}
.spinner::-webkit-inner-spin-button,
.spinner::-webkit-outer-spin-button{
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"].spinner,
input[type="text"].spinner{
	width: 57px;
}


/* .spinner-item
-----------------------------------------------------------------*/
.spinner-item{
	-moz-appearance:textfield;
	background: url(/assets/img/common/ico_spinner.png) no-repeat 45px 50%;
}
input[type="number"].spinner-item{
	-moz-appearance: textfield;
}
.spinner::-webkit-inner-spin-button,
.spinner::-webkit-outer-spin-button{
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"].spinner-item,
input[type="text"].spinner-item{
	width: 57px;
}



/**
 *
 *  コンテンツ共通
 *
 */


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

	/-- メインモジュール --/
	formSetModule >>> フォーム
	pagerModule >>> ぺージャー
	articleListModule >>> リストセット

	/-- パーツ --/
	cmn-accordionBox   >>> ページヘッダー
	cmn-tableBox       >>> ボタンリンク
	cmn-customRadio    >>> カスタムラジオボタン
	cmn-customCheck    >>> カスタムチェックボックス
	cmn-btnLink        >>> モーダルトリガーボタン
	cmn-modalCheckList >>> モーダル内チェックリスト
	cmn-addedList      >>> モーダルで追加された項目リスト
	cmn-btn            >>> ボタン
	cmn-btnList        >>> ボタン用リスト


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


/*--------------------------------------------------------------------------
   汎用スタイル
---------------------------------------------------------------------------*/

/* formSetModule
-----------------------------------------------------------------*/
/* フォームベース */
input[type="text"],
input[type="password"],
input[type="number"],
textarea{
	display: inline-block;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	resize: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}
input::-ms-clear{
	visibility:hidden
}
input[type="number"]{
	padding: 7px 10px;
	cursor: text;
}
input[type="number"]:focus{
	cursor: n-resize;
}
input[type="text"],
input[type="password"]{
	width: 100%;
	padding: 7px 10px;
}
textarea{
	width: 100%;
	padding : 10px;
}
select{
	padding: 7px 24px 7px 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:#f1f4f7 url(/assets/img/common/ico_pull.png) right 50% no-repeat;
	border-radius: 3px;
}
input[type="submit"],
input[type="button"]{
	border: none;
	-webkit-transition: background-color .2s;
	transition: background-color .2s;
	-webkit-appearance: none;
	cursor: pointer;
}
/* ベースカラー */
input[type="text"],
input[type="password"],
input[type="number"],
textarea,
select{
	border: 1px solid #dfe5eb;
	background-color: #f1f4f7;
}
/* エラー時 */
.error input[type="text"],
.error input[type="password"],
.error input[type="number"],
.error textarea,
.error select{
	border: 1px solid #ffafbf;
	background-color: #ffedf6;
}
/* 入力時 */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus{
	background-color: #effbff;
	border:1px solid #3b96b4;
}
/* カラバリ */
.c-vari02 input[type="text"],
.c-vari02 input[type="password"],
.c-vari02 input[type="number"],
.c-vari02 select,
.c-vari02 textarea{
	border: 1px solid #dfe5eb;
	background-color: #fff;
}
/* カラバリ_エラー時 */
.c-vari02 .error input[type="text"],
.c-vari02 .error input[type="password"],
.c-vari02 .error input[type="number"],
.c-vari02 .error select,
.c-vari02 .error textarea{
	border: 1px solid #ffafbf;
	background-color: #ffedf6;
}
/* カラバリ_入力時 */
.c-vari02 input[type="text"]:focus,
.c-vari02 input[type="password"]:focus,
.c-vari02 input[type="number"],
.c-vari02 select:focus,
.c-vari02 textarea:focus{
	border:1px solid #3b96b4;
	background-color: #effbff;
}
input:disabled,
textarea:disabled,
select:disabled{
	border: 1px solid #ebeced;
	background: #fafbfc;
}
/* プレースフォルダ */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
	color: #c2c2c2;
}
input::-moz-placeholder,
textarea::-moz-placeholder{
	color: #c2c2c2;
	opacity: 1;
}
input:focus::-webkit-input-placeholder{
	color:transparent;
}
input:focus:-moz-placeholder{
	color:transparent;
}
input:focus::-moz-placeholder{
	color:transparent;
}



/*--------------------------------------------------------------------------
   cmn-accordionBox
---------------------------------------------------------------------------*/

.cmn-accordionBox{
	overflow: hidden;
	box-shadow: 0 0 2px 0 rgba(4, 0, 0, .2);
	border-radius: 3px;
	background: #fff;
}
.cmn-accordionBtn a{
	display: block;
	position: relative;
	padding: 16px 20px;
	background-color: #f2f5fa;
	transition: all .2s;
}
.cmn-accordionBtn span{
	display: block;
	position: relative;
	background: url(/assets/img/common/ico_ac_open.png) no-repeat right center;
	vertical-align: middle;
}
.cmn-accordionBtn a:hover{
	background: #fff;
}

/* active */
.cmn-accordionBtn.active a{
	background: #f2f5fa;
}
.cmn-accordionBtn.active span{
	background-image: url(/assets/img/common/ico_ac_close.png);
}
.cmn-accordionCont{
	border-top: 1px solid #dfe8eb;
}


/* type01
-----------------------------------------------------------------*/
.cmn-accordionBox.type01 .cmn-accordionBtn a{
	font-size: 123%;
}
.cmn-accordionBox.type01 + .cmn-accordionBox.type01{
	margin-top: 20px;
}
.cmn-accordionBox.type01 .cmn-accordionContInner{
	padding: 0 20px;
}



/*--------------------------------------------------------------------------
   cmn-tableBox
---------------------------------------------------------------------------*/

.cmn-tableBox{
	display: table;
	width: 100%;
}
.cmn-tableBox > dt,
.cmn-tableBox > dd{
	display: table-cell;
	overflow: hidden;
	vertical-align: top;
}
.cmn-tableBox > dt{
	padding-top: 5px;
}
.cmn-tableBox > dt span{
	display: inline-block;
}

/* type01 */
.cmn-tableBox.type01{
	padding: 25px 0;
}
.cmn-tableBox.type01 > dt{
	width: 155px;
	padding-left: 15px;
	font-weight: bold;
}
.cmn-tableBox.type01 > dd{
	padding-right: 15px;
}
.cmn-tableBox.type01 + .cmn-tableBox.type01{
	border-top: 1px solid #dfe8eb;
}

/* type02 */
.cmn-tableBox.type02 + .cmn-tableBox.type02{
	margin-top: 25px;
}
.cmn-tableBox.type02 > dt{
	width: 80px;
}

/* type03 */
.cmn-tableBox.type03{
	float: left;
	width: 50%;
}
.cmn-tableBox.type03 > dt{
	width: 115px;
}

/* type04 */
.cmn-tableBox.type04{
	padding: 25px 0;
}
.cmn-tableBox.type04 > dt{
	width: 94px;
	padding-left: 15px;
	font-weight: bold;
}
.cmn-tableBox.type04 + .cmn-tableBox.type04{
	border-top: 1px solid #dfe8eb;
}

/* type05 */
.cmn-tableBox.type05{
	padding: 25px 0;
}
.cmn-tableBox.type05 > dt{
	width: 90px;
	padding: 0 0 0 15px;
	font-weight: bold;
}
.cmn-tableBox.type05 > dd{
	padding: 0 10px 0 20px;
}
.cmn-tableBox.type05 + .cmn-tableBox.type05{
	border-top: 1px solid #dfe8eb;
}

/* typeText */
.cmn-tableBox.typeText > dt,
.cmn-tableBox.typeText > dd{
	padding-top: 0;
}



/*--------------------------------------------------------------------------
   cmn-customRadio
---------------------------------------------------------------------------*/

.cmn-customRadio{
	letter-spacing: -.4em;
}
.cmn-customRadio li{
	display: inline-block;
	margin-right: 25px;
	letter-spacing: normal;
}
.cmn-customRadio label{
	display: inline-block;
	padding: 5px 0 5px 28px;
	background: url(/assets/img/common/bg_radio01.png) no-repeat left center;
	cursor: pointer;
}
.cmn-customRadio label.active{
	background-image: url(/assets/img/common/bg_radio01_on.png);
}
.cmn-customRadio input{
	position: absolute;
	left: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
}



/*--------------------------------------------------------------------------
   cmn-customCheck
---------------------------------------------------------------------------*/

.cmn-customCheck{
	letter-spacing: -.4em;
}
.cmn-customCheck li{
	display: inline-block;
	margin-right: 25px;
	letter-spacing: normal;
}
.cmn-customCheck label,
.cmn-customCheck-single{
	display: inline-block;
	padding: 5px 0 5px 28px;
	background: url(/assets/img/common/bg_checkbox02.png) no-repeat left center;
	cursor: pointer;
}
.cmn-customCheck-single{
	background: url(/assets/img/common/bg_checkbox02_b.png) no-repeat left center;
}
.cmn-customCheck label.active,
.cmn-customCheck-single.active{
	background-image: url(/assets/img/common/bg_checkbox02_on.png);
}
.cmn-customCheck input,
.cmn-customCheck-single input{
	position: absolute;
	left: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
}

.cmn-customCheck.type02 label{
	background: url(/assets/img/common/bg_checkbox01.png) no-repeat left center;
}
.cmn-customCheck.type02 label.active{
	background-image: url(/assets/img/common/bg_checkbox01_on.png);
}
.cmn-customCheck.type03 label{
	background: url(/assets/img/common/bg_checkbox01.png) no-repeat left center;
}
.cmn-customCheck.type03 label.active{
	background-image: url(/assets/img/common/bg_checkbox06_on.png);
}



/*--------------------------------------------------------------------------
   cmn-modalTrigger
---------------------------------------------------------------------------*/

.cmn-modalTrigger{
	display: inline-block;
	overflow: hidden;
	margin-bottom: -7px;
	padding: 0 13px 0 32px;
	border-radius: 3px;
	background: #818e9c url(/assets/img/common/ico_cross.png) no-repeat 11px 50%;
	text-align: center;
	white-space: nowrap;
	transition: all .2s;
}
.cmn-modalTrigger:hover{
	background-color: #67798c;
}
.cmn-modalTrigger span{
	display: inline-block;
	padding: 6px 0 4px 14px;
	border-left: 1px solid #fff;
	color: #fff;
	font-size: 93%;
}



/*--------------------------------------------------------------------------
   cmn-addedList
---------------------------------------------------------------------------*/

.cmn-addedList{
	overflow: hidden;
}
.cmn-addedList li{
	overflow: hidden;
	float: left;
	margin: 10px 10px 0 0;
	border: 1px solid #c3ccd6;
	border-radius: 2px;
	font-size: 92%;
	letter-spacing: normal;
}
.cmn-addedList label{
	display: block;
	position: relative;
	padding: 4px 15px 2px 23px;
	background: url(/assets/img/common/ico_close06.png) no-repeat 8px center;
	cursor: pointer;
	transition: all .2s;
}
.cmn-addedList label:hover{
	background: #e1f3ff url(/assets/img/common/ico_close06_on.png) no-repeat 8px center;
}
.cmn-addedList label:hover{
	background-color: #e1f3ff;
}
.cmn-addedList input{
	position: absolute;
	left: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
}


/* type-optSelect
-----------------------------------------------------------------*/
.cmn-addedList.type-optSelect li{
	display: block;
	position: relative;
	float: none;
	margin-right: 0;
}
.cmn-addedList.type-optSelect label{
	overflow: hidden;
	padding: 5px 110px 3px 23px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.cmn-addedList.type-optSelect select{
	position: absolute;
	top: 5px;
	right: 2px;
	float: right;
	padding: 0 0 0 1em;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 1px dotted #c3ccd6;
	border-radius: 0;
	background: none;
	line-height: 1;
}
.cmn-addedList.type-optSelect option{
	display: block;
	padding: 0 1em;
}



/*--------------------------------------------------------------------------
   cmn-btn
---------------------------------------------------------------------------*/

.cmn-btn{
	display: inline-block;
	border-radius: 3px;
	cursor: pointer;
	transition: .2s;
}


/* color
-----------------------------------------------------------------*/
/*
  blue      : #467ebb; hover: #1760ab;
  grey      : #818f9c; hover: #67798c;
  light-grey: #dbe3e7; hover: #c5d4db;
  green     : #47c68f; hover: #2bb579;
*/

/* color-01 #green */
.btn-color01{
	background: #47c68f;
	color: #fff;
}
.btn-color01:hover{
	background: #2bb579;
}
/* color-02 #blue */
.btn-color02{
	background: #467ebb;
	color: #fff;
}
.btn-color02:hover{
	background: #1760ab;
}
/* color-03 #grey */
.btn-color03{
	background: #818f9c;
	color: #fff;
}
.btn-color03:hover{
	background: #67798c;
}
.btn-color04{
	background: #dbe3e7;
	color: #273035;
}
.btn-color04:hover{
	background: #c5d4db;
}


/* size
-----------------------------------------------------------------*/
/* btn-size */
.btn-size01{
	padding: 15px 60px;
}
.btn-size02{
	width: 380px;
	padding: 15px;
}
.btn-size03{
	padding: 8px 15px;
}
.btn-size04{
	height: 32px;
	padding: 0 15px;
	line-height: 32px;
}
.btn-size05{
	width: 210px;
	line-height: 46px;
}


/* unique
-----------------------------------------------------------------*/
/* reset */
.btn-reset{
	position: absolute;
	top: 50%;
	right: 35px;
	height: 38px;
	margin-top: -20px;
	padding: 0 15px;
	border: 1px solid #dfe8eb;
	background: #fff;
	line-height: 38px;
}
.btn-reset:hover{
	background: #e1f3ff;
}
.btn-reset span{
	display: block;
	padding-left: 20px;
	background: url(/assets/img/common/ico_reset.png) no-repeat 0 50%;
	font-size: 85%;
}

/* cancel */
.btn-cancel{
	position: absolute;
	top: 50%;
	right: 20px;
	height: 32px;
	margin-top: -16px;
	padding: 0 15px;
	background: #dbe3e7;
	color: #273035;
	font-size: 92%;
	line-height: 32px;
}
.btn-cancel:hover{
	background: #c5d4db;
}



/*--------------------------------------------------------------------------
   cmn-btnList
---------------------------------------------------------------------------*/

.cmn-btnList{
	position: relative;
	text-align: center;
	letter-spacing: -.4em;
}
.cmn-btnList li{
	display: inline-block;
	text-align: center;
	letter-spacing: normal;
}

/* layout01 */
.cmn-btnList.layout01{
	padding: 15px 0;
	border-top: 1px solid #dfe8eb;
	background: #f3f4f8;
}
.cmn-btnList.layout01 li + li{
	margin-left: 12px;
}

/* layout02 */
.cmn-btnList.layout02{
	margin-top: 30px;
}
.cmn-btnList.layout02 li + li{
	margin-left: 20px;
}

/* extra */
.cmn-submitMax input[type='button']{
	display: block;
	width: 100%;
	padding: 18px 0;
	box-shadow: 0 1px 2px rgba(4, 0, 0, .2) inset;
	font-size: 139%;
}

.main{
	padding-left: 214px;
}
.main-frame{
	width: 780px;
	margin: 0 auto;
	padding: 0 25px;
}



/*--------------------------------------------------------------------------
   cmn-modalCheckList
---------------------------------------------------------------------------*/

.cmn-modalCheckList dt{
	display: table-cell;
	font-weight: bold;
	vertical-align: top;
}
.cmn-modalCheckList dd{
	display: table-cell;
	vertical-align: top;
}

/* .cmn-modalCheckList-unit */
.cmn-modalCheckList-unit{
	overflow: hidden;
}
.cmn-modalCheckList-unit li{
	float: left;
}

/* .cmn-modalCheckList-item */
.cmn-modalCheckList-item{
	display: table-cell;
	border: 1px solid #c3ccd6;
	border-radius: 3px;
	background: #fff;
	color: #9da8b4;
	font-size: 92%;
	text-align: center;
	vertical-align: middle;
	-webkit-transition: background-color 0.2s;
	transition: background-color 0.2s;
}
.cmn-modalCheckList-item:hover{
	border: 1px solid #8ab4de;
	background: #f0f6fc;
	color: #457eba;
}
.cmn-modalCheckList-item.active{
	border: 1px solid #8ab4de;
	color: #457eba;
	background: #f0f6fc url(/assets/img/common/ico_check.png) no-repeat 10px 50%;
}
.cmn-modalCheckList-item span{
	display: inline-block;
	text-align: left;
}

/* .cmn-modalCheckList.layout01 */
.cmn-modalCheckList.layout01+.cmn-modalCheckList{
	margin-top: 15px;
}
.cmn-modalCheckList.layout01 dt{
	width: 105px;
	padding: 0.5em 0 0;
	text-align: center;
}
.cmn-modalCheckList.layout01 .cmn-modalCheckList-item{
	width: 190px;
	height: 30px
}
.cmn-modalCheckList.layout01 .cmn-modalCheckList-unit{
	margin: -15px 0 0 -15px;
}
.cmn-modalCheckList.layout01 li{
	margin: 15px 0 0 15px;
}

/* .cmn-modalCheckList.layout02 */
.cmn-modalCheckList.layout02{
	width: 705px;
	margin: auto;
}
.cmn-modalCheckList.layout02+.cmn-modalCheckList{
	margin-top: 50px;
}
.cmn-modalCheckList.layout02 dt{
	display: block;
	margin: 0 0 15px;
	text-align: left;
}
.cmn-modalCheckList.layout02 .cmn-modalCheckList-unit{
	margin: -5px 0 0 -5px;
}
.cmn-modalCheckList.layout02 li{
	margin: 5px 0 0 5px;
}
.cmn-modalCheckList.layout02 .cmn-modalCheckList-item{
	width: 298px;
	height: 48px;
	padding: 0 20px 0 30px;
}

/* .cmn-modalCheckList.layout03 */
.cmn-modalCheckList.layout03{
	padding-left: 10px;
}
.cmn-modalCheckList.layout03+.cmn-modalCheckList{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #DFE8EB;
}
.cmn-modalCheckList.layout03 dt{
	width: 150px;
}
.cmn-modalCheckList.layout03 .cmn-modalCheckList-unit{
	margin: -6px 0 0 -6px;
}
.cmn-modalCheckList.layout03 li{
	margin: 6px 0 0 6px;
}
.cmn-modalCheckList.layout03 .cmn-modalCheckList-item{
	width: 128px;
	height: 30px;
	font-weight: normal;
}

/* .cmn-modalCheckList ユーティリティクラス */
.cmn-modalCheckList.bd-top{
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #DFE8EB;
}



/*--------------------------------------------------------------------------
   cmn-suggestList
---------------------------------------------------------------------------*/

#cmn-suggestList{
	display: none;
	font-size: 91%;
	position: absolute;
	top: 175px;
	left: 0;
	z-index: 100;
	width: 100%;
	box-shadow: 0 1px 2px rgba(4, 0, 0, 0.15);
}
#cmn-suggestList.show{
	display: block;
}
#cmn-suggestList li{
	padding: 5px 10px;
	background: #fff;
	color: #58678a;
}
#cmn-suggestList li:hover,
#cmn-suggestList li.current{
	background: #3078c2;
	color: #fff;
}
#cmn-suggestList li:active{
	background: rgba(242,249,253,1);
}



/*--------------------------------------------------------------------------
   Utility
---------------------------------------------------------------------------*/

.u-must > dt span{
	padding:3px 0 3px 37px;
	background: url(/assets/img/common/ico_must.png) no-repeat 0 44%;
}
.item.must{
	padding:3px 0 3px 37px;
	background: url(/assets/img/common/ico_must.png) no-repeat 0 8px;
}

/* margin
-----------------------------------------------------------------*/
.u-mgn-t01{
	margin-top: 10px;
}
.u-mgn-r01{
	margin-right: 10px;
}
.u-mgn-l01{
	margin-left: 30px;
}

/* padding
-----------------------------------------------------------------*/
.u-pdg-r01{
	padding-right: 30px;
}
.u-pdg-l01{
	padding-left: 25px;
}
.u-pdg-must{
	padding-left: 37px;
}
/* input
-----------------------------------------------------------------*/
.u-formSize-type01{
	width: 255px !important;
	margin-right: 13px;
}
.u-formSize-type02{
	width: 90px;
	margin-right: 10px;
}


/* other
-----------------------------------------------------------------*/
.u-must > dt span{
	padding:3px 0 3px 37px;
	background: url(/assets/img/common/ico_must.png) no-repeat 0 44%;
}



/*--------------------------------------------------------------------------
   Error
---------------------------------------------------------------------------*/

.sec-finish .suport{
	position: relative;
	margin:15px 15px 45px 15px;
	text-align: left;
}

.sec-finish .suport dl{
	padding:15px;
	background: #fff;
}