@CHARSET "UTF-8";

/**
 * @author T.Hanamura87[at]gmail.com
 */	
th, td, div {
	/* 半角英数字が続いたときに単語の途中で改行する
	　　（際限なく親ボックスが横に伸びるのを防ぐ） */
	/*word-wrap: break-word;*/  /* fx29で効果なし */
	/*word-break:break-all;*/   /* これにすると行末が句読点でも改行されてしまう */
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
img {
	display: block;
}

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



a:hover img, 
input[type="image"]:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}

/* クリックしやすいように枠と下線の幅を広げる */
a.wide_link {
	text-decoration: none !important;
	border-bottom: 1px solid;
	padding: 0 5px;
	display: inline-block;
	line-height: 1em;
}

.tbl-title {
	font-weight: bold;
	margin: 1em 0 0;
}
.tbl-note {
	font-size: 90%;
	text-align: left;
	margin: 5px 0 30px;
	line-height: 1.6;
}
.tbl-note.top {
	margin: 30px 0 5px;
}




.clear {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
.clearfix {
	zoom: 100%;
}
.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	font-size:0;	
	display: block;
	visibility: hidden;
}

/* ▼color▼ */
.red { color: red; }
.lred { color:#ff3737!important; }
.pink {	color: #ff7d7d !important; }
.ppink { color:#ffcdcd!important; }
.lpink { color:#ff6464!important; }
.spink {	color: #ff0099 !important; }
.orange {	color: #f39800 !important; }
.green { color:#00bc5e!important; }
.lgreen { color:#a8ffec!important; }
.egreen {	color: #62ccaa!important; }
.blue { color: #29abe9!important; }
.lblue {	color: #29abe9!important; }
.mblue {	color: #0084f2 !important; }
.lgray { color:#878787 !important; }
.gray {	color:#939393 !important; }
.black {	color: #505050 !important; }
.bred { color:#ff4f4f !important; }

.bg_lblue {	background-color: #29abe9!important; }
.bg_egreen {	background-color: #62ccaa!important; }
.bg_gray {		background-color: #939393!important; }


.bold { font-weight: bold !important; }
.fw-normal { font-weight: normal !important; }
.under { text-decoration: under !important; }
.warning {
	color: red;
	font-weight: bold;
}

/* ▼size▼ 14px基準で何ピクセルか */
.f-xxxx-large {	font-size: 257.1% !important; }	/* 36px */
.f-xxx-large {	font-size: 214.3% !important; }	/* 30px */
.f-xx-large {	font-size: 171.4% !important; }	/* 24px */
.f-x-large {	font-size: 142.8% !important; }		/* 20px */
.f-large {	font-size: 128.5% !important; }			/* 18px */
.f-larger {	font-size: 114.3% !important; }		/* 16px */
.f-normal {	font-size: 100% !important; }			/* 14px */
.f-smaller {	font-size: 85.7% !important; }		/* 12px */
.f-small {	font-size: 78.5% !important; } 			/* 11px */
.f-x-small { font-size: 71.4% !important; }		/* 10px */
.f-xx-small {	font-size: 64.3% !important; }	/* 9px */
.f-xxx-small {	font-size: 57.1% !important; }	/* 8px */

/* ▼width▼ */
.wauto {	width: auto !important; }

.w2em {	width: 2em !important; }
.w3em {	width: 3em !important; }
.w3hem {	width: 3.5em !important; }
.w4em {	width: 4em !important; }
.w4hem {	width: 4.5em !important; }
.w5em {	width: 5em !important; }
.w5hem {	width: 5.5em !important; }
.w6em {	width: 6em !important; }
.w6hem {	width: 6.5em !important; }
.w7em {	width: 7em !important; }
.w7hem {	width: 7.5em !important; }
.w8em {	width: 8em !important; }
.w9em {	width: 9em !important; }
.w10em {	width: 10em !important; }
.w11em {	width: 11em !important; }
.w12em {	width: 12em !important; }
.w13em {	width: 13em !important; }
.w14em {	width: 14em !important; }
.w15em {	width: 15em !important; }
.w16em {	width: 16em !important; }
.w17em {	width: 17em !important; }
.w18em {	width: 18em !important; }
.w19em {	width: 19em !important; }
.w20em {	width: 20em !important; }
.w21em {	width: 21em !important; }
.w22em {	width: 22em !important; }

.w5per { width:5%; }
.w10per { width:10%; }
.w13per { width:13%; }
.w15per { width:15%; }
.w20per { width:20%; }
.w22per { width:22%; }
.w25per { width:25%; }
.w30per { width:30%; }
.w50per { width:50%; }
.w55per { width:55%; }
.w56per { width:56%; }
.w60per { width:60%; }
.w70per { width:70%; }
.w75per { width:75%; }
.w78per { width:78%; }
.w80per { width:80%; }

.w55 { width:55px!important; }
.w60 { width:60px!important; }
.w70 { width:70px!important; }
.w75 { width:75px!important; }
.w80 { width:80px!important; }
.w95 { width:95px!important; }
.w110 { width:110px!important; }
.w120 { width:120px!important; }
.w130 { width:130px!important; }
.w135 { width:135px!important; }
.w160 { width:160px!important; }
.w165 { width:165px!important; }
.w170 { width:170px!important; }
.w220 { width:220px!important; }
.w230 { width:230px!important; }
.w250 { width:250px!important; }
.w280 { width:280px!important; }
.w290 { width:290px!important; }
.w300 { width:300px!important; }
.w340 { width:340px!important; }
.w370 { width:370px!important; }
.w400 { width:400px!important; }
.w460 { width:460px!important; }
.w470 { width:470px!important; }
.w500 { width:500px!important; }
.w580 { width:580px!important; }

.h30 { height:30px!important; }
.h100 { height:100px!important; }
.h150 { height:150px!important; }
.h270 { height:270px!important; }
.h340 { height:340px!important; }

/* パーセンテージ。小数部1桁＋全角単位。100.0％ */
.w-per-d0 {	
	width: 3.5em;
	text-align: right; 
}
.w-per-d1 {	
	width: 4.5em;
	text-align: right; 
}

/* ▼display▼ */
.block { display:block!important; }
.inline { display:inline!important; }
.disp_none { display: none!important; }

.posit_r { position:relative!important; }
.posit_a { position:absolute!important; }
.posit_f { position:fixed!important; }

.align_c { text-align:center!important; }
.align_r { text-align:right!important; }
.align_l { text-align:left!important; }

.disp_l { float:left!important; }
.disp_r { float:right!important; }

.va_top { vertical-align:top!important; }
.va_mid { vertical-align:middle!important; }
.va_btm { vertical-align:bottom!important; }

.indent13 { margin-left:12px; text-indent:-13px; }
.indent11 { margin-left:12px; text-indent:-11px; }

/* ▼area▼ */
.mh-auto { margin-left: auto; margin-right: auto; }

.mb120 { margin-bottom:120px!important; }
.mb95 { margin-bottom:95px!important; }
.mb90 { margin-bottom:90px!important; }
.mb80 { margin-bottom:80px!important; }
.mb75 { margin-bottom:75px!important; }
.mb70 { margin-bottom:70px!important; }
.mb65 { margin-bottom:65px!important; }
.mb60 { margin-bottom:60px!important; }
.mb55 { margin-bottom:55px!important; }
.mb50 { margin-bottom:50px!important; }
.mb45 { margin-bottom:45px!important; }
.mb40 { margin-bottom:40px!important; }
.mb35 { margin-bottom:35px!important; }
.mb30 { margin-bottom:30px!important; }
.mb25 { margin-bottom:25px!important; }
.mb20 { margin-bottom:20px!important; }
.mb15 { margin-bottom:15px!important; }
.mb12 { margin-bottom:12px!important; }
.mb10 { margin-bottom:10px!important; }
.mb8 { margin-bottom:8px!important; }
.mb5 { margin-bottom:5px!important; }
.mb0 { margin-bottom:0px!important; }

.mlr115 { margin-left:115px!important; margin-right:115px!important; }
.mlr100 { margin-left:100px!important; margin-right:100px!important; }
.mlr70 { margin-left:70px!important; margin-right:70px!important; }
.mlr55 { margin-left:55px!important; margin-right:55px!important; }
.mlr45 { margin-left:45px!important; margin-right:45px!important; }
.mlr40 { margin-left:40px!important; margin-right:40px!important; }
.mlr30 { margin-left:30px!important; margin-right:30px!important; }
.mlr25 { margin-left:25px!important; margin-right:25px!important; }
.mlr20 { margin-left:20px!important; margin-right:20px!important; }
.mlr16 { margin-left:16px!important; margin-right:16px!important; }
.mlr15 { margin-left:15px!important; margin-right:15px!important; }
.mlr11 { margin-left:11px!important; margin-right:11px!important; }
.mlr10 { margin-left:10px!important; margin-right:10px!important; }
.mlr8 { margin-left:8px!important; margin-right:8px!important; }
.mlr5 { margin-left:5px!important; margin-right:5px!important; }
.mlr-20 { margin-left:-20px!important; margin-right:-20px!important; }
.mlr-auto { margin-left: auto!important; margin-right: auto!important; }

.mr50 { margin-right:50px!important; }
.mr45 { margin-right:45px!important; }
.mr40 { margin-right:40px!important; }
.mr35 { margin-right:35px!important; }
.mr30 { margin-right:30px!important; }
.mr25 { margin-right:25px!important; }
.mr20 { margin-right:20px!important; }
.mr15 { margin-right:15px!important; }
.mr10 { margin-right:10px!important; }
.mr5 { margin-right:5px!important; }
.mr0 { margin-right:0px!important; }
.mr-15 { margin-right:-15px!important; }

.ml150 { margin-left:150px!important; }
.ml100 { margin-left:100px!important; }
.ml50 { margin-left:50px!important; }
.ml30 { margin-left:30px!important; }
.ml20 { margin-left:20px!important; }
.ml10 { margin-left:10px!important; }
.ml5 { margin-left:5px!important; }
.ml-5 { margin-left:-5px!important; }
.ml-24 { margin-left:-24px!important; }

.mt90 { margin-top:90px!important; }
.mt60 { margin-top:60px!important; }
.mt50 { margin-top:50px!important; }
.mt40 { margin-top:40px!important; }
.mt30 { margin-top:30px!important; }
.mt20 { margin-top:20px!important; }
.mt10 { margin-top:10px!important; }
.mt5 { margin-top:5px!important; }
.mt0 { margin-top:0!important; }



/*************** ボタン関連 ****************************/
.btn-box {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 35px;
}
.btn {
	background-color: #29abe9;
	
	position: relative;
	color: white;
	text-align: center;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	
	margin-bottom: 1em;
	max-width: 100%;
	
	/* PC用 */
	display: inline-block;
	margin-right: 1.8em;
}
.btn input,
a.btn {
	padding: 12px 72px;
	text-decoration: none;
	line-height: normal;
}
.btn input {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: none;
	color: #ffffff;
	font-size: inherit;
	cursor: pointer;
	margin: 0;
}
.btn:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	color: white; /* a:hoverの上書き */
	/*background-color: white;*/
}
.btn.back {
	background-color: #939393;
}
.btn.back input{
	padding: 0.6em 1.6em 0.6em 2.6em;
}

.btn.xl input,
a.btn.xl {
	padding: 10px 110px;
}
.btn.l input,
a.btn.l {
	padding: 10px 80px;
}
.btn.s input,
a.btn.s {
	padding: 12px 30px;
	font-size: 85.7%;
}
.btn.xs input,
a.btn.xs {
	padding: 0.45em 0.65em;
	font-size: 85.7%;
}

.vertical .btn {
	margin: 0 auto 25px;
}

.btn .arrow {
	position: absolute;
	top: 50%;
	right: 1em;
	width: 15px;
	height: 10px;
	margin-top: -0.45em;
}
.arrow.right {
	background: url("../images/arrow_right_white.png") no-repeat scroll left center / 10px auto rgba(0, 0, 0, 0);
}.arrow.left {
	background: url("../images/arrow_left_white.png") no-repeat scroll left center / 10px auto rgba(0, 0, 0, 0);
	left: 1em;
}
.arrow.down {
	background: url("../images/arrow_down_white.png") no-repeat scroll left center / 15px auto rgba(0, 0, 0, 0);
}
.arrow.up {
	background: url("../images/arrow_up_white.png") no-repeat scroll left center / 15px auto rgba(0, 0, 0, 0);
}
.btn .arrow.right,
.btn .arrow.left {
	width: 10px;
	height: 15px;
	margin-top: -0.6em;
}
.btn.back .arrow.left {
	left: 0.6em;
} 

@media only screen and (max-width: 479px) {
	.btn {
		box-sizing: border-box;
		display: block;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.btn.back {
		margin-top: 2.5em;
	}
	form .btn.back {
		max-width: 40%;
	}
	.btn.xs {
		display: inline-block;
		width: auto;
		margin-right: 1.5em;
	}
	
	/* inputを伸ばさないと横の部分クリックしても反応しない*/
	a.btn,
	.btn input {
		padding-left: 0;
		padding-right: 0;
	}
	.btn input {
		width: 100%;
	}
	.btn.back input {
		padding-left: 0;
		padding-right: 0;
	}
	
}

/* imgタグのクラスに直接つける用（aなどで囲わない） */
.img-btn {
	cursor: pointer;
	margin-right: 10px;
}
.img-btn:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}

/* リスト用の編集ボタンとか */
.btn-box form{
	display: inline;
}

/* input[type="submit"], input[type=button]に直接付加 */
input.control_btn {
	width: 195px;
	height: 44px;
	font-weight: bold;
	color: #333333;
}


/*************** メッセージ ****************************/
#err-msg-box,
.err-msg-box {
	margin: 1.6em 0;
}
#err-msg,
.err-msg {
	color: #ff3333;
	font-size: 114.3%;
	/*font-weight: bold;*/
}
.err_icon {
	margin-right: 10px;
	vertical-align: middle;
}
.edit-msg-box {
	margin: 1em 0 1.4em;
}
.edit-msg {
	font-size: 1.25em;
	font-weight: bold;
	color: #007BC3;
}

/*************** その他 ****************************/
.markunder {
	border-bottom-width: 1px;
	border-left-width: 8px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #bbb;
	border-left-color: #af3;
	padding: 5px 10px;
}

.back-link {
	text-align: right;
}