@charset "UTF-8";

/*margin*/
.mt5{	margin-top:5px;	}
.mt10{	margin-top:10px;	}
.mt20{	margin-top:20px;	}
.mt30{	margin-top:30px;	}
.mr5{	margin-right:5px;	}
.mr10{	margin-right:10px;	}
.mb5{	margin-bottom:5px;	}
.mb10{	margin-bottom:10px;	}
.mb20{	margin-bottom:20px;	}
.mb30{	margin-bottom:30px;	}
.ml5{	margin-left:5px;	}
.ml10{	margin-left:10px;	}
.margin10{	margin:10px;	}
.margin-1em{	margin:.5em;	}
.margin1em{	margin:1em;	}
.mb-5em{	margin-bottom:.5em;	}
.mb1em{	margin-bottom:1em;	}
.mb1-5em{	margin-bottom:1.5em;	}
.mb2em{	margin-bottom:2em;	}
.mb3em{	margin-bottom:3em;	}
/*padding*/
.pt5{	padding-top:5px;	}
.pr5{	padding-right:5px;	}
.pb5{	padding-bottom:5px;	}
.pl5{	padding-left:5px;	}
.pt10{	padding-top:10px;	}
.pr10{	padding-right:10px;	}
.pb10{	padding-bottom:10px;	}
.pl10{	padding-left:10px;	}
.padding10{	padding:10px;	}
.padding-5em{	padding:.5em;	}
.padding1em{	padding:1em;	}
/*align*/
.al{	text-align:left;	}
.ac{	text-align:center;	}
.ar{	text-align:right;	}
/*float*/
.fl{	float:left;	}
.fr{	float:right;	}
.clear{	clear:both;	}
/* display */
.display-none{	display:none;	}
.none{	display:none;	}
.inline-list li,
.inline{	display:inline;	}
.block{	display:block;	}
.inline-block-list li,
.inline-block{	display:inline-block;	}
.inline-item-wrap,
.inline-block-list{
	letter-spacing:-.40em; /* 文字間を詰めて隙間を削除する */
}
.inline-item-wrap > *,
.inline-block-list li{
	letter-spacing:normal; /* 文字間を通常に戻す */
}
.display-table{
	display:table;
}
.display-table .table-cell{
	display:table-cell;
}
/*width*/
.w-auto{	width:auto;	}
.w50{	width:50px;	}
.w100{	width:100px;	}
.w150{	width:150px;	}
.w180{	width:180px;	}
.w200{	width:200px;	}
.w100per{	width:100%;	}
.w80per{	width:80%;	}
.w50per{	width:50%;	}
.w30per{	width:30%;	}
.max-width,
.max-width img{	max-width:100%;	}
/* font-size */
.font10{	font-size:10px;	}
.font11{	font-size:11px;	}
.font12{	font-size:12px;	}
.font13{	font-size:13px;	}
.font14{	font-size:14px;	}
.font15{	font-size:15px;	}
.font16{	font-size:16px;	}
.font18{	font-size:18px;	}
.font20{	font-size:20px;	}
/* font-weight */
.bold{	font-weight:bold;	}
/* position */
.static{	position:static;	}
.relative{	position:relative;	}
.absolute{	position:absolute;	}
.fixed{	position:fixed;	}
/* background-color */
.transparent{	background-color:transparent;	}
/* others */
.pointer{	cursor:pointer;	}
.underline{	text-decoration:underline;	}

/* テーブル */
.table th,
.table td{
	border:1px solid #DEDEDE;
}
.table th{
	background-color:#EDEDED;
}
/* ストライプ */
.table-zebra tbody tr:nth-of-type(odd),
.zebra-list .zebra-item:nth-of-type(odd),
.odd/*,
.odd td*/,
.odd td.even{
	background-color:#FFFFFF;
}
.table-zebra tbody tr:nth-of-type(even),
.zebra-list .zebra-item:nth-of-type(even),
.even/*,
.even td*/{
	background-color:#F9F9F9;
}
.table.table-block{
	border:1px solid #DEDEDE;
	border-top:none;
	overflow:hidden;
}
table.table-block th,
table.table-block td{
	width:100%;
	display:block;
}
table.table-block th{
	background-color:#F9F9F9;
	text-align:left;
	border-left:none;
	border-right:none;
}
table.table-block td{
	background-color:#FFF;
	border:none;
}
table.table-block input[type=text]{
	max-width:100%;
}
.table.table-border th,
.table.table-border td{
	border:1px solid #DEDEDE;
}





/* pagination */
.pagination-bt-wrap{
	text-align:center;
	letter-spacing:-.40em; /* 文字間を詰めて隙間を削除する */
}
.pagination{
	display:inline-block;
}
.pagination a,
.pagination span{
	letter-spacing:normal; /* 文字間を通常に戻す */
	display:inline-block;
}
.pagination a{
	text-decoration:none;
}
.pagination .disabled{
	border:1px solid #EEE;
	color:#DDD;
}

/* アスペクト比で表示 */
.youtube-container{
	position:relative;
	padding-bottom:56.25%;/* 16:9 */
	height:0;
	overflow:hidden;
}
.youtube-container iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/* 横並びリスト */
.cell-list-wrap{
	/*width:100%;*/
}
.cell-list-wrap .cell-box{
	float:left;
}
.cell-list2 > .cell-box{	width:50%;	}
.cell-list3 > .cell-box{	width:33.3%;	}
.cell-list4 > .cell-box{	width:25%;	}
.cell-list5 > .cell-box{	width:20%;	}
.cell-list6 > .cell-box{	width:16.66%;	}
.cell-list12 > .cell-box{	width:8.33%;	}
.cell-list2 > .cell-box:nth-of-type(2n+1),
.cell-list3 > .cell-box:nth-of-type(3n+1),
.cell-list4 > .cell-box:nth-of-type(4n+1),
.cell-list5 > .cell-box:nth-of-type(5n+1),
.cell-list6 > .cell-box:nth-of-type(6n+1),
.cell-list12 > .cell-box:nth-of-type(12n+1){
	clear:both;
}




/* 幅100% */
.max-width,
.stretch-width,
.max-width-image img,
.stretch-width-image img,
.max-width-form input[type="text"],
.stretch-width-form input[type="text"],
.max-width-form input[type="password"],
.stretch-width-form input[type="password"],
.max-width-form textarea,
.stretch-width-form textarea,
.max-width-form select,
.stretch-width-form select{
	max-width:100%;
}
.stretch-width,
.stretch-width-image img,
.stretch-width-form input[type="text"],
.stretch-width-form input[type="password"],
.stretch-width-form textarea,
.stretch-width-form select{
	width:100%;
}

.must{
	color:#c00;
	font-weight:bold;
	margin:2px;
}

/* メッセージ窓 */
.info-window{
	padding:1em 1.5em;
	margin-bottom:1em;
	border:1px solid #FFF;
}
.info-window.mb0{
	margin-bottom:0;
}
.info-window.red,
.info-window.annotation{
	background-color:#FCECEC;
	border-color:#C54444;
}
.info-window.red,
.info-window.red .underline-link{
	color:#C54444;
}
.info-window.yellow{
	background-color:#F5F3BA;
	border-color:#C7A20D;
}
.info-window.yellow,
.info-window.yellow .underline-link{
	color:#796616;
}
.info-window.green{
	background-color:#E8F7D3;
	border-color:#64A307;
}
.info-window.green,
.info-window.green .underline-link{
	color:#64A307;
}
.info-window.blue{
	background-color:#DEF4F9;
	border-color:#5290A3;
}
.info-window.blue,
.info-window.blue .underline-link{
	color:#5290A3;
}
/* 注釈 */
.annotation{
	_margin:1em;
}


/* ホバーで開閉ボックス */
.hover-box-wrap{
	position:relative;
}
.hover-box-wrap .hover-box{
	display:none;
	position:absolute;
}
.hover-box-wrap .hover-box.right{
	right:0;
}
.hover-box-wrap:hover .hover-box{
	display:inherit;
	z-index:2;
}



/* --------------------------------------
font-awesome
-------------------------------------------------- */
i.icon,
i.icon1{
	box-sizing:content-box;
	margin:3px;
	background-color:#fff;
	border:.2em solid #999;
	color:#666;
	border-radius:2em;
	display:inline;
	display:inline-block;
	width:1em;
	height:1em;
	line-height:1;
	text-align:center;
}



.dialog{
	overflow:hidden;
	position:absolute;
	top:30%;
	height:auto;
	width:300px;
	display:none;
	border:1px solid #aaa;
	z-index:1000;
	text-align:center;
}
.dialog-header{
	border-bottom:1px solid #aaa;
	background-color:#ccc;
	color:#222;
	font-weight:bold;
	overflow:hidden;
	padding:.5em;
}
.dialog-close{
	float:right;
	border:1px solid #ddd;
	background:#eee;
	font-weight:normal;
	color:#555;
}
.dialog-content{
	position:relative;
	padding:1em;
	background:#fff;
	overflow:auto;
	width:auto;
	height:auto;
}