@charset "utf-8";
*{padding:0;margin:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}input:focus,select:focus,textarea:focus,a:focus,li:focus,label:focus{outline:2px dashed #ff922d}
/*Body & Links
------------------------------------------------------------ */
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	font: 10pt Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Verdana,Helvetica,Roboto,Droid Sans,Sans-serif;
	color: #202020;
	background: #eee;
	overflow-y: scroll;
}
a {
	color: #215fab;
}
img{
	border: 0 none;
}
dt{
	font-weight: normal;
}
table{
	border: 2px solid #c6bea3;
}
table tr th{
	text-align: center;
	font-weight: normal;
	color: #635c42;
	background-color: #fff6cc;
	border: 1px solid #c1b487;
	padding: .5em 0;
}
table tr td{
	word-wrap: break-word;
	word-break: break-all;
	border: 1px solid #ccc;
}
li{
	list-style-type: none;
}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="date"]{
	font-size: 1.2em;
	padding: .4em .6em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ccc;
}
input[type="number"]{
	width: 2.5em;
	padding: .4em .4em .4em .5em;
    -moz-appearance: textfield;
}
::-webkit-input-placeholder{
  color: #afafaf;
}
::-moz-placeholder{
  color: #afafaf;
}
:-ms-input-placeholder{
  color: #afafaf;
}
.required input[type="text"],
.required input[type="tel"],
.required input[type="password"],
.required input[type="password"],
.required input[type="number"],
.required input[type="email"],
.required input[type="date"],
.required select{
	background-color: #e6f7c3;
	border-color: #acce7b;
}
.required :-ms-input-placeholder{
	color: #acce7b;
}
.required ::-moz-placeholder{
	color: #acce7b;
}
.required ::-webkit-input-placeholder{
	color: #acce7b;
}
input[type="text"].error,
input[type="password"].error,
input[type="number"].error,
input[type="tel"].error,
input[type="email"].error,
input[type="date"].error,
.required input[type="text"].error,
.required input[type="password"].error,
.required input[type="number"].error,
.required input[type="tel"].error,
.required input[type="email"].error,
.required input[type="date"].error{
	color: #dc143c;
	background-color: #fdd;
	border: 1px solid #f48989;
}
input[type="text"].error:-ms-input-placeholder,
input[type="password"].error:-ms-input-placeholder,
input[type="number"].error:-ms-input-placeholder,
input[type="tel"].error:-ms-input-placeholder,
input[type="email"].error:-ms-input-placeholder,
input[type="date"].error:-ms-input-placeholder{
	color: #fdd;
}
input[type="text"].required.error:-ms-input-placeholder,
input[type="password"].required.error:-ms-input-placeholder,
input[type="number"].required.error:-ms-input-placeholder,
input[type="tel"].required.error:-ms-input-placeholder,
input[type="email"].required.error:-ms-input-placeholder,
input[type="date"].required.error:-ms-input-placeholder{
	color: #fdd;
}
.error::-moz-placeholder,
.required.error::-moz-placeholder{
	color: #fdd;
}
.error::-webkit-input-placeholder,
.required.error::-webkit-input-placeholder{
	color: #fdd;
}
input.spinner.error,
.required input.spinner.error{
	border: 0 none;
}
input[type=number]::-webkit-outer-spin-button{
	display: none;
}
input[type=number]::-webkit-inner-spin-button{
	display: none;
}
select{
	padding: .2em .3em;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.btnGreen{
	color: #fff;
	background-color: #75a832;
	font-size: 1.05em;
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,FontAwesome;
	border: 0 none;
	padding: .4em .6em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: background-color .2s;
}
.btnGreen:hover{
	background-color: #86b544;
}
.btnBlue{
	color: #fff;
	background-color: #215fab;
	font-size: 1.05em;
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,FontAwesome;
	border: 0 none;
	padding: .4em .6em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: background-color .2s;
}
.btnBlue:hover{
	background-color: #497dbd;
}
.btnSky{
	color: #fff;
	background-color: #57a2ed;
	font-size: 1.05em;
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,FontAwesome;
	border: 0 none;
	padding: .4em .6em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: background-color .2s;
}
.btnSky:hover{
	background-color: #70b5f9;
}
.btnGray{
	color: #fff;
	background-color: #808080;
	font-size: 1.05em;
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,FontAwesome;
	border: 0 none;
	padding: .4em .6em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: background-color .2s;
}
.btnGray:hover{
	background-color: #999;
}
.btnBrown{
	color: #fff;
	background-color: #7c6339;
	font-size: 1.05em;
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,FontAwesome;
	border: 0 none;
	padding: .4em .6em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: background-color .2s;
}
.btnBrown:hover{
	background-color: #93794f;
}
.btnRed{
	color: #fff;
	background-color: #d22;
	font-size: 1.05em;
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,FontAwesome;
	border: 0 none;
	padding: .4em .6em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: background-color .2s;
}
.btnRed:hover{
	background-color: #ea4f4f;
}
.btnSilver{
	color: #666;
	background-color: #e0e0e0;
	font-size: 1.05em;
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,FontAwesome;
	border: 0 none;
	padding: .4em .6em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: .2s;
}
.btnSilver:hover{
	color: #808080;
	background-color: #eee;
}
input.large,
a.large{
	font-size: 1.5em;
	padding: .6em;
}
input.middle,
a.middle{
	font-size: 1.125em;
	padding: .5em .6em;
}
.required dt span{
	display: inline-block;
	font-weight: normal;
	font-size: .75em;
	line-height: 1.3em;
	padding: 1px .2em;
	margin-left: .5em;
	color: #fff;
	background-color: #75a832;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.content_body > div.none h3:before,
.list.none h3:before,
.item_body.none h3:before{
	font-family: FontAwesome;
	font-size: 1.2em;
	padding-right: .3em;
}
.content_body > div.none.info h3:before,
.list.none.info h3:before,
.item_body.none.info h3:before{
	content: '\f05a';
	color: #215fab;
}
.content_body > div.none.notice h3:before,
.list.none.notice h3:before,
.item_body.none.notice h3:before{
	content: '\f071';
	color: #fc0;
}
.content_body > div.none.failure h3:before,
.list.none.failure h3:before,
.item_body.none.failure h3:before{
	content: '\f06a';
	color: #d22;
}

/*Basic Structure
------------------------------------------------------------ */
tr.even{
	background-color: #f9f9f9;
}
.toggle{
	position: relative;
}
.toggle input{
	position: absolute;
	width: auto;
	min-width: 32px;
	height: 32px;
	overflow: hidden;
	z-index: 0;
	margin: 1px 0 0 1px;
}
.toggle input:focus{
	outline: 3px dashed #ffa544;
}
.toggle label{
	position: relative;
	display: block;
	cursor: pointer;
	padding: .5em .7em;
	background-color: #eee;
	color: #666;
	border: 1px solid #eee;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1em;
	text-align: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: .2s;
	z-index: 0;
}
.toggle label:hover{
	background-color: #f5f5f5;
	border-color: #f5f5f5;
}
.toggle input[type=radio]:checked + label.switch-off,
.toggle input[type=checkbox]:checked + label.switch-off,
.toggle input[type=radio]:checked + label.switch-on,
.toggle input[type=checkbox]:checked + label.switch-on{
	color: #fff;
	background-color: #ff922d;
	border-color: #ff922d;
}
.toggle input[type=radio].disabled + label,
.toggle input[type=radio].disabled + label.switch-off,
.toggle input[type=radio].disabled + label:hover,
.toggle input[type=checkbox].disabled + label,
.toggle input[type=checkbox].disabled + label.switch-off,
.toggle input[type=checkbox].disabled + label:hover{
	color: #999;
	background-color: #e0e0e0;
	text-shadow: 1px 1px 0 #fff;
}
.toggle input[type=radio].disabled + label.switch-on,
.toggle input[type=checkbox].disabled + label.switch-on,
.toggle input[type=radio].disabled + label.switch-on:hover,
.toggle input[type=checkbox].disabled + label.switch-on:hover{
	color: #fff;
	background-color: #ff922d;
	text-shadow: none;
}
.toggle input[type=radio]:focus.disabled,
.toggle input[type=checkbox]:focus.disabled{
	outline: 0;
}
.toggle.horizontal li,
.toggle.united li{
	float: left;
}
.toggle.horizontal li label{
	margin: 0 10px 10px 0;
}
.toggle.horizontal li:last-child label{
	margin-right: 0;
}
.toggle.united li label{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-left: 1px;
}
.toggle.united li:first-child label{
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	margin-left: 0;
}
.toggle.united li:last-child label{
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.calendar.toggle input{
	width: 40px;
	height: 40px;
	margin: 1px 0 0 1px;
}
.calendar.toggle input.drag,
.calendar.toggle input:focus{
	outline: 3px dashed #ffa544;
}
.calendar.toggle label{
	width: 42px;
	height: 42px;
	color: #666;
	font-size: 1.5em;
	font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	font-weight: normal;
	text-align: center;
	padding: 0;
	line-height: 42px;
	background-color: #fff;
	border: 0 none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
}
.calendar.toggle tr.even td label{
	background-color: #f5f5f5;
}
.calendar.toggle tr td.readonly label{
	color: #a7a7a7;
	background-color: #e7e7e7;
	text-shadow: 1px 1px #fff;
	cursor: default;
}
input.spinner{
	width: 3em;
	padding: .2em;
	font-family: Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,FontAwesome;
	border: 0 none;
}

/*Header
------------------------------------------------------------ */

#wrap #wrap_head,
#wrap_wide #wrap_head{
	width: 100%;
	background-color: #b5e4ff;
}
#wrap_wide #wrap_head #head{
	position: relative;
	width: 960px;
	min-height: 15em;
	max-height: 16em;
	padding-top: 10px;
	margin: 0 auto;
	background: url('../images/common/header_bg_home.png') 50% -50px no-repeat;
}
#wrap #wrap_head #head{
	position: relative;
	width: 960px;
	height: 9em;
	margin: 0 auto;
	background: url('../images/common/header_bg.png') 50% -85px no-repeat;
}
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){
	#wrap_wide #wrap_head #head{
		background-size: 100%;
		background-image: url('../images/common/header_bg_home@2x.png');
	}
	#wrap #wrap_head #head{
		background-size: 100%;
		background-image: url('../images/common/header_bg@2x.png');
	}
}
#wrap_wide #wrap_head #head h1{
	float: left;
	width: 630px;
	font-weight: normal;
}
#wrap_wide #wrap_head #head h1 span.city{
	width: 100%;
	display: block;
	font-size: 1.3em;
	color: #215fab;
	line-height: 1.2em;
}
#wrap_wide #wrap_head #head h1 span.title{
	display: inline-block;
	font-size: .65em;
	line-height: 1.5em;
	color: #fff;
	background-color: #215fab;
	padding: 0 .4em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#wrap #wrap_head #head h1{
	float: left;
	width: 630px;
	font-weight: normal;
	line-height: 1em;
}
#wrap #wrap_head #head h1 span.city{
	display: block;
	width: 100%;
	font-size: 1.2em;
	color: #215fab;
	line-height: 1em;
	margin-top: 10px;
}
#wrap #wrap_head #head h1 span.title{
	display: inline-block;
	font-size: .55em;
	line-height: 1.5em;
	color: #fff;
	background-color: #215fab;
	padding: 0 .4em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#wrap_wide #wrap_head #head.title_img h1{
	width: 680px;
	height: 100%;
	background: url('../images/common/title_home.png') 0 0 no-repeat;
	font-size: 1px;
	text-indent: -9999px;
}
#wrap_wide #wrap_head #head.title_img h1 span{
	display: none;
}
#wrap #wrap_head #head.title_img h1{
	width: 680px;
	height: 100%;
	background: url('../images/common/title.png') 0 0 no-repeat;
	font-size: 1px;
	text-indent: -9999px;
}
#wrap #wrap_head #head.title_img h1 span{
	display: none;
}
#head > .login{
	float: right;
	max-width: 330px;
	text-align: right;
}
#wrap #head > .login p{
	padding-top: 6px;
}
#wrap #head > .login p span{
	color: #215fab;
	vertical-align: middle;
}
#wrap #head > .login a{
	display: inline-block;
	text-decoration: none;
	margin-left: .4em;
	font-size: 1em;
	padding: .2em .6em;
}
#wrap #head > .login a:before{
	font-family: FontAwesome;
	content: '\f090';
	padding-right: .4em;
}
#wrap_wide #head > .login p span{
	color: #215fab;
	vertical-align: top;
}
#wrap_wide #head > .login a{
	display: inline-block;
	text-decoration: none;
	margin-left: .4em;
	font-size: 1.5em;
	padding: .6em;
}
#wrap_wide #head > .login a:before{
	font-family: FontAwesome;
	content: '\f090';
	padding-right: .4em;
}
#head p.user{
	position: absolute;
	top: 5px;
	right: 0;
	color: #215fab;
}
#wrap_wide #head p.user{
	font-size: 1.2em;
	top: 10px;
}
#head p.user:before,
.remodal.nav p.user:before{
	font-family: FontAwesome;
	content: '\f007';
	padding-right: .4em;
}
#btn_login{
	position: absolute;
	top: 0;
	right: 15px;
}
#lbl_login{
	position: absolute;
	top: 6px;
	right: 155px;
}
#head ul{
	position: absolute;
	bottom: .3em;
	right: 0;
	float: left;
}
#wrap_wide #head ul{
	bottom: 2.5em;
}
#head ul li{
	float: left;
	display: block;
}
#head ul li a{
	display: block;
	font-size: .9em;
	text-decoration: none;
	color: #3776bf;
	background-color: #fff;
	background-color: rgba(255,255,255,.8);
	margin-left: 7px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 4px 5px;
	margin-bottom: .2em;
	transition: background-color .2s;
}
#wrap_wide #head ul li a{
	font-size: 1.05em;
	padding: 5px 7px;
}
#head ul li.lang a{
	min-height: 1.5em;
}
#head ul li a:hover{
	text-decoration: none;
	color: #215fab;
	background-color: #fff;
	background-color: rgba(255,255,255,.95);
}
#head ul li a:before{
	font-size: 1.16em;
	font-family: FontAwesome;
	padding-right: .3em;
}
#head ul li.tebiki a:before{
	content: '\f02d';
}
#head ul li.faq a:before{
	content: '\f1cd';
}
#head ul li.lang a:before{
	content: '\f1ab';
}
#head ul li.read a:before{
	content: '\f130';
}
#head ul li.style a:before{
	content: '\f1fc';
}
#head ul li.default a:before{
	content: '\f108';
}
#head ul li.logout a{
	color: #fff;
	background-color: #333;
}
#head ul li.logout a:before{
	content: '\f08b';
}
#head ul li.logout a:hover{
	background-color: #e03333;
}
.dock_nav a,
#head ul li.message a{
	position: relative;
}
#head ul li.message a:before{
	content: '\f075';
}
.dock_nav a span,
#head ul li.message a > span{
	position: absolute;
	top: -1.15em;
	right: -.7em;
	display: block;
	width: 1.7em;
	height: 1.7em;
	font-size: 1em;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	background-color: #e00000;
	line-height: 1.7em;
}
#wrap_wide #head ul li.message a > span{
	font-size: .9em;
	line-height: 1.85em;
}
.dock_nav a span.over:before,
#head ul li.message a > span.over:before{
	content: '.';
	visibility: hidden;
}
.dock_nav a span.over:after,
#head ul li.message a > span.over:after{
	width: .9em;
	height: .9em;
	content: '+';
	font-size: .9em;
	line-height: .9em;
	color: #fff;
	vertical-align: super;
	text-shadow: 0 1px 0 #e00000, 0 -1px 0 #e00000, 1px 0 0 #e00000, -1px 0 0 #e00000;
}
#head .dock_nav{
	display:none;
}
/*Body
------------------------------------------------------------ */
#body{
	max-width: 963px;
	height: auto;
	margin: 0 auto;
}
#wrap_wide #body{
	position: relative;
	top: -3em;
}
.breadcrumbs{
	width: 100%;
	padding: 7px 0 0 0;
	margin-bottom: 1em;
}
.breadcrumbs li{
	float: left;
}
.breadcrumbs li:before{
	font-family: FontAwesome;
	content: '\f105';
	padding: 0 5px;
	color: #999;
}
.breadcrumbs li:first-child:before{
	content: '';
	padding: 0;
}
.breadcrumbs li{
	color: #808080;
}
.breadcrumbs a{
	padding: 2px;
	color: #215fab;
	text-decoration: none;
	transition: color .2s;
}
.breadcrumbs a:hover,
.breadcrumbs a:active{
	border-bottom: 1px solid #c0d9f7;
}
.breadcrumbs li.current span{
	padding: 2px 5px;
	color: #fff;
	background-color: #215fab;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.content_head{
    width: 100%;
}
.content_head h2{
	clear: both;
	color: #333;
	font-size: 2.25em;
	margin-bottom: .2em;
	font-weight: normal;
}
.content_head h2 span{
	display: block;
	font-size: .6em;
	line-height: 1em;
}
.content_head .desc{
	position: relative;
	color: #666;
	line-height: 1.5em;
	padding: 0 0 .5em 0;
}
.content_head .desc span.warning{
	font-size: 1.2em;
	font-weight: bold;
	color: #d33;
}
.content_head .explain{
	display: inline-block;
	width: 5em;
	padding: .2em .4em;
	color: #4580ad;
	background-color: #cae9f9;
	margin-top: 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
	transition: background-color .4s;
}
.content_head .explain:before{
	font-family: FontAwesome;
	content: '\f0eb';
	padding-right: .4em;
}
.content_head .explain:hover{
	background-color: #d1ebf9;
}
.content_body{
	padding: 1em 0 100px 0;
}

.navbar{
	position: fixed !important;
	bottom: 0;
	width: 100%;
	height: 54px;
	padding: 10px 0;
	background-color: #fff;
	background-color: rgba(255,255,255,.75);
	z-index: 1000;
}
.navbar ul{
	clear: both;
	max-width: 930px;
	min-width: 320px;
	margin: 0 auto;
}
.navbar ul li.menu{
	float: left;
}
.navbar ul li.prev,
.navbar ul li.next{
	float: right;
}
.navbar ul li.next{
	padding-left: 10px;
}
.navbar ul li a{
	display: block;
	min-width: 4em;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}
.navbar ul li.next a{
	font-size: 1.5em;
	padding: .6em;
	padding: 10px .5em;
}
.navbar ul li.prev a,
.navbar ul li.menu a{
	margin-top: 18px;
}
.navbar ul li a:before,
.navbar ul li a:before{
	font-family: FontAwesome;
	padding-right: .4em;
}
.navbar ul li.prev a:before{
	content: '\f053';
}
.navbar ul li.menu a:before{
	content: '\f015';
}
.navbar ul li.next a:before{
	content: '\f054';
}
.navbar ul li.next.check a:before{
	content: '\f00c';
}
.navbar ul li.next.cancel a:before{
	content: '\f014';
}
.navbar ul li.next.save a:before{
	content: '\f0c7';
}
.navbar ul li.next.send a:before{
	content: '\f1d8';
}
.navbar ul li.next.close a:before{
	content: '\f057';
}
.btnBlue.wait,
.btnBlue.wait:hover,
.btnSky.wait,
.btnSky.wait:hover,
.btnGreen.wait,
.btnGreen.wait:hover,
.btnRed.wait,
.btnRed.wait:hover,
.btnSilver.wait,
.btnSilver.wait:hover,
.btnBrown.wait,
.btnBrown.wait:hover,
.btnGray.wait,
.btnGray.wait:hover{
	color: rgba(255,255,255,.3);
}
.navbar ul li a.wait,
.navbar ul li a.wait:hover{
	position: relative;
	outline: 0;
}
.navbar ul li a.wait:after{
	position: absolute;
	top: 14%;
	left: 0;
	width: 100%;
	font-size: 1.7em;
	text-align: center;
	vertical-align: middle;
	font-family: FontAwesome;
	content: '\f110';
	color: #fff;
	-webkit-animation: spin 2s linear infinite;
	-moz-animation: spin 2s linear infinite;
	-ms-animation: spin 2s linear infinite;
	-o-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}


.remodal h2{
	color: #333;
	background-color: #eee;
	font-size: 1.5em;
	font-weight: normal;
	padding: .5em .7em;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.remodal.lang h2:before{
	font-size: 1.424em;
	font-family: FontAwesome;
	font-weight: normal;
	color: #215fab;
	content: '\f1ab';
	padding-right: .4em;
}
.remodal.lang ul{
	float: left;
	padding: 1em;
}
.remodal.lang ul li{
	float: left;
}
.remodal.lang ul li a{
	display: block;
	width: 140px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: 50% 10px;
	font-size: 1.2em;
	text-align: center;
	text-decoration: none;
	padding: 4.5em 0 0 0;
	margin-right: 1em;
}
.remodal.lang ul li.jp a{
	background-image: url('../images/flag/japan.png');
}
.remodal.lang ul li.en a{
	background-image: url('../images/flag/us.png');
}
.remodal.lang ul li.kr a{
	background-image: url('../images/flag/korea.png');
}
.remodal.lang ul li.cn_k a{
	background-image: url('../images/flag/china.png');
}
.remodal.lang ul li.cn_h a{
	background-image: url('../images/flag/china.png');
}
.remodal.lang ul li.it a{
	background-image: url('../images/flag/italy.png');
}
.remodal.size h2:before{
	font-size: 1.424em;
	font-family: FontAwesome;
	font-weight: normal;
	color: #215fab;
	content: '\f031';
	padding-right: .4em;
}
.remodal.success h2:before{
	color: #75a832;
	font-size: 1.424em;
	font-family: FontAwesome;
	padding-right: .3em;
	content: '\f058';
}
.remodal.success > div{
	padding: 1em;
}
.remodal.success > div p{
	padding-bottom: 1em;
	font-size: 1.1em;
	line-height: 1.75em;
}
.remodal.success dl{
	padding-bottom: 1em;
}
.remodal.success dl dt{
	float: left;
	width: 150px;
	color: #666;
	font-size: 1.3em;
	text-align: right;
	padding: .4em 1em 0 0;
}
.remodal.success dl dd{
	float: left;
	font-size: 1.3em;
	width: 300px;
	background-color: #f5f5f5;
	padding: .5em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.remodal.success > div a{
	float: right;
	display: inline-block;
	text-decoration: none;
	margin-left: 1em;
}
.remodal.success > div a:before{
	font-family: FontAwesome;
	padding-right: .5em;
	content: '\f015';
}
.remodal.success > div a.close:before{
	content: '\f057';
}
.remodal.success .remodal-close{
	display: none;
}
.remodal.failure h2:before{
	color: #d22;
	font-size: 1.424em;
	font-family: FontAwesome;
	padding-right: .3em;
	content: '\f06a';
}
.remodal.failure > div{
	padding: 1em;
}
.remodal.failure > div p{
	font-size: 1.1em;
	line-height: 1.75em;
	padding-bottom: .25em;
}
.remodal.policy > p{
	font-size: 1.1em;
	padding: 1em;
	color: #666;
}
.remodal.policy > div{
	width: 100%;
	text-align: center;
	padding: 1.5em 0 2em 0;
}
.remodal.policy > div a{
	font-size: 2.12em;
	text-decoration: none;
}
.remodal.policy > ul{
	float: right;
	padding: 1em 1.5em 1em 0;
}
.remodal.policy > ul li{
	float: left;
	padding: 0 0 .5em 1em;
}
.remodal.notice h2:before{
	color: #fc0;
	font-size: 1.424em;
	font-family: FontAwesome;
	padding-right: .3em;
	content: '\f071';
}
.remodal.notice > div{
	padding: 1em;
}
.remodal.notice > div p{
	padding-bottom: 1em;
	font-size: 1.1em;
	line-height: 1.75em;
}
.remodal.notice dl{
	padding-bottom: 1em;
}
.remodal.notice dl dt{
	float: left;
	width: 150px;
	color: #666;
	font-size: 1.3em;
	text-align: right;
	padding: .4em 1em 0 0;
}
.remodal.notice dl dd{
	float: left;
	font-size: 1.3em;
	width: 300px;
	background-color: #f5f5f5;
	padding: .5em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.remodal.notice > div p{
	font-size: 1.1em;
	line-height: 1.75em;
}
.remodal.notice > ul{
	float: right;
	padding-right: 1em;
}
.remodal.notice > ul li{
	float: left;
	padding: 0 0 1em 1em;
}
.remodal.info h2:before{
	color: #215fab;
	font-size: 1.424em;
	font-family: FontAwesome;
	padding-right: .3em;
	content: '\f05a';
}
.remodal.info > div{
	padding: 1em;
}
.remodal.info > div p{
	font-size: 1.1em;
	line-height: 1.75em;
	padding-bottom: .25em;
}
.remodal.info > ul{
	float: right;
	padding-right: 1em;
}
.remodal.info > ul li{
	float: left;
	padding: 1em 0 1em 1em;
}
.remodal.shisetsu_group {
	max-width: 900px;
}
.lt-ie9 .remodal.shisetsu_group {
	width: 900px;
}
.remodal.shisetsu_group h2:before{
	font-family: FontAwesome;
	color: #75a832;
	content: '\f07c';
	padding-right: .3em;
}
.remodal.shisetsu_group > div{
	padding: 1em 14px 0 12px;
}
.remodal.shisetsu_group .item_wrap{
	display: table;
	width: 100%;
	border: 1px solid #c6bea3;
	border-bottom-width: 2px;
	margin-bottom: 2em;
	border-top-width: 1px;
}
.remodal.shisetsu_group .item{
	display: table-row;
}
.remodal.shisetsu_group .item > dl{
	display: table-cell;
	margin: 0 0 .5em 15px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.remodal.shisetsu_group .item > dl:first-child{
	border-left: 1px solid #c6bea3;
}
.remodal.shisetsu_group .item.title > dl{
	color: #635c42;
	background-color: #fff6cc;
	border-top: 1px solid #c6bea3;
}
.remodal.shisetsu_group .item > dl:last-child{
	border-right: 1px solid #c6bea3;
}
.remodal.shisetsu_group .item > dl dt{
	display: none;
}
.remodal.shisetsu_group .item.title > dl dt{
	display: block;
	font-size: 1.1em;
	padding: .75em 0;
	text-align: center;
}
.remodal.shisetsu_group .item > dl dt:before{
	font-family: FontAwesome;
	font-size: .95em;
	padding-right: .4em;
}
.remodal.shisetsu_group .item > dl.date dt:before{
	content: '\f133';
}
.remodal.shisetsu_group .item > dl.group dt:before{
	content: '\f07c';
}
.remodal.shisetsu_group .item > dl.limit dt:before{
	content: '\f1da';
}
.remodal.shisetsu_group .item > dl.group_status dt:before{
	content: '\f024';
}
.remodal.shisetsu_group .item > dl.stop dt:before{
	content: '\f05e';
}
.remodal.shisetsu_group .item > dl dd{
	font-size: 1.1em;
	padding: .5em;
}
.remodal.shisetsu_group .item dl.date,
.remodal.shisetsu_group .item dl.limit{
	width: 135px;
	text-align: center;
}
.remodal.shisetsu_group .item > dl.group_status dd{
	width: 195px;
}
.remodal.shisetsu_group .item > dl.stop dd{
	width: 130px;
}
.remodal.shisetsu_group.none{
	width: 600px;
	min-height: 10em;
}
.remodal.shisetsu_group.none > div{
	padding: 1em;
	font-size: 1.35em;
}
.remodal.shisetsu_group.none > div p:before{
	font-family: FontAwesome;
	font-size: 1.2em;
	content: '\f06a';
	padding-right: .3em;
	color: #215fab;
}
.remodal.stay .remodal-close{
	display: none;
}
.remodal p > .iconRed{
	font-family: FontAwesome;
	font-size: 1.2em;
	color: #d22;
	padding-right: .3em;
}
.remodal p > .iconBlue{
	font-family: FontAwesome;
	font-size: 1.2em;
	color: #215fab;
	padding-right: .3em;
}
/* Fatal Error
--------------------------------------------- */

#body.fatal p.desc{
	font-size: 1.2em;
}
#body.fatal .content_body{
	font-size: 1.05em;
	line-height: 2em;
	background-color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 1em;
}
#body.fatal .content_body ul{
	padding: 1em 0;
	margin-top: .5em;
	border-top: 1px solid #e0e0e0;
}
#body.fatal .content_body ul li{
	list-style: disc inside;
}
#body.fatal{
	text-align: center;
}
#body.fatal h2{
	position: relative;
	font-size: 32px;
	text-align: center;
	line-height: 1em;
	margin: 195px auto 15px auto;
	border-radius: 50%;
}
#body.fatal h2:before,
#body.fatal h2:after{
	width: 100%;
	font-family: FontAwesome;
	position: absolute;
	top: -110px;
	left: 0;
	text-align: center;
}
#body.fatal h2:before{
	color: #215fab;
	font-size: 168px;
	content: '\f05e';
	z-index: 0;
}
#body.fatal h2:after{
	font-size: 180px;
	content: '\f111';
	color: #fff;
	z-index: -1;
}
#body.fatal p.desc{
	width: 628px;
	font-size: 1.2em;
	line-height: 1.7em;
	text-align: left;
	margin: 0 auto;
}
#body.fatal .content_body{
	text-align: left;
	width: 600px;
	margin: 0 auto;
	padding-top: .5em;
}
#body.fatal .back{
	width: 628px;
	text-align: right;
	margin: 0 auto;
	padding-top: 1em;
}
#body.fatal .back a{
	text-decoration: none;
	display: inline-block;
	line-height: 1.8em;
}
#body.fatal .back a:before{
	font-family: FontAwesome;
	content: '\f015';
	padding-right: .4em;
}

/* IE patches 
--------------------------------------------- */

* html .group,
* html ul.nav,
* html h3.tab { /* IE6 */
	height: 1%;
	}
*:first-child+html .group,
*:first-child+html ul.tabs,
*:first-child+html h3.tab { /* IE7 */
	min-height: 1px;
	}

/*  Media Queries (mobile browsing)
----------------------------------------------------- */
@media only screen and (max-width: 959px) {

body { line-height: 1.75em; }
#head{
	height: 200px;
	background-position: 0 -8px;
}
#head #btn_login{ top:95px;}
#head #lbl_login{ top:105px;}
#head ul{
	display: none;
	bottom: 7px;
	left: 0;
}
#head ul li{
	float: none;
	list-style-type: disc;
	list-style-position: inside;
}
#head ul li a{
	display: inline;
	background: none;
}

input:focus,
select:focus,
textarea:focus,
a:focus,
li:focus,
label:focus,
.toggle input:focus,
.calendar.toggle input:focus{
	outline: 0 none;
}
#head p.user,
.breadcrumbs{
	display: none;
}
#wrap { max-width: 100%; }
#wrap_wide #wrap_head #head{
	width: 100%;
	min-height: 10em;
	height: 10em;
	max-height: 10em;
	background-size: 135% auto;
	background-position: 50% 50%;
}
#wrap #wrap_head #head{
	width: 100%;
	height: 80px;
	background-size: 135% auto;
	background-position: 50% 50%;
}
#wrap_wide #wrap_head #head.title_img h1{
	width: 210px;
	padding: 0;
	margin: 0;
	background-position: 5px 0;
	background-size: 205px;
}
#wrap #wrap_head #head.title_img h1{
	width: 210px;
	padding: 0;
	margin: 0;
	background-position: 5px 5px;
}
#wrap_wide #wrap_head #head h1{
	width: 210px;
	font-size: 1.7em;
	margin-left: 10px;
}
#wrap #wrap_head #head h1{
	width: 210px;
	font-size: 1.5em;
	margin-left: 10px;
}
#wrap_wide #wrap_head #head h1 span.title,
#wrap #wrap_head #head h1 span.title{
	max-width: 180px;
}
#wrap #head div.login{
	position: absolute;
	top: 0;
	right: 10px;
}
#wrap #head div.login p span{
	display: none;
}
#wrap_wide #head div.login{
	margin-right: 10px;
}
#wrap_wide #head div.login span{
	display: none;
}
#wrap_wide #head div.login a{
	display: block;
	margin-left: 0;
	font-size: 1em;
	padding: .3em .4em;
}
#wrap_wide #body{
	position: static;
}
#head .dock_nav{
	position: absolute;
	bottom: 5px;
	right: 5px;
	display: block;
	color:#202020;
	background-color: #fff;
	background-color: rgba(255,255,255,.7);
	font-size: 1.3em;
	line-height: 1em;
	padding: .35em .4em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align:center;
}
#head .dock_nav a{
	color: #202020;
	text-decoration: none;
}
#head .dock_nav a:before{
	font-size: 1.2em;
	font-family: FontAwesome;
	font-weight: normal;
	vertical-align: middle;
	color: #202020;
	content: '\f0c9';
	padding-right: .2em;
}
.content_head{
	width: auto;
    padding: 1em 10px 0 10px;
}
.content_head h2 {
	margin: 0 0 10px 0;
	font-size: 1.8em;
}
.content_head h2 span{
	padding-bottom: .5em;
}
.content_head .desc span.warning{
	font-size: 1.1em;
}
.content_head .explain{
	margin-top: 3px;
}
.content_body{
	margin: 0;
}
.content_foot{
	width: 100%;
}
.dock_nav a span{
	font-size: .72em;
}
.navbar{
	height: 56px;
	padding: 1px 0;
}
.navbar ul{
	position: relative;
}
.navbar ul li.menu,
.navbar ul li.prev{
	position: absolute;
}
.navbar ul li.menu{
	left: 0;
}
.navbar ul li.prev{
	left: 80px;
	margin-left: 1px;
}
.navbar ul li.next{
	padding-left: 1px;
}
.navbar ul li a{
	display: block;
	text-decoration: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.navbar ul li.prev a,
.navbar ul li.menu a,
.navbar ul li.next a{
	position: relative;
	padding: 30px 1em 0 1em;
	height: 26px;
	margin-top: 0;
	font-size: 1em;
}
.navbar ul li a:before{
	position: absolute;
	top: 7px;
	left: 40%;
	font-size: 1.5em;
	padding-right: 0;
}
.remodal h2{
	padding-right: 2em;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.remodal.nav h2:before{
	font-size: 1.424em;
	font-family: FontAwesome;
	font-weight: normal;
	color: #808080;
	content: '\f0c9';
	padding-right: .4em;
}
.remodal.nav p.user{
	font-size: 1.2em;
	float: right;
	padding: .5em 1em 0 0;
}
.remodal.nav ul{
	padding: 0 1em;
	clear: both;
}
.remodal.nav ul li{
	line-height: 1.5em;
	padding: 1em 0 1em 1em;
	border-top: 1px solid #eee;
}
.remodal.nav ul li:first-child{
	border-top: 0 none;
}
.remodal.nav ul li a{
	display: block;
	font-size: 1.2em;
	text-decoration: none;
}
.remodal.nav ul li a:before{
	font-size: .9em;
	font-family: FontAwesome;
	padding-right: .5em;
}
.remodal.nav ul li.tebiki a:before{
	content: '\f02d';
}
.remodal.nav ul li.faq a:before{
	content: '\f1cd';
}
.remodal.nav ul li.lang a:before{
	content: '\f1ab';
}
.remodal.nav ul li.read a:before{
	content: '\f130';
}
.remodal.nav ul li.style a:before{
	content: '\f1fc';
}
.remodal.nav ul li.logout{
	background-color: #202020;
	text-indent: .2em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-top: 0 none;
	margin-bottom: 15px;
}
.remodal.nav ul li.logout a{
	display: block;
	color: #fff;
}
.remodal.nav ul li.logout a:before{
	content: '\f08b';
}
.remodal.nav ul li.message a:before{
	content: '\f075';
}
.remodal.nav ul li.message a span{
	color: #e00000;
}
.remodal.success dl dt,
.remodal.success dl dd,
.remodal.notice dl dt,
.remodal.notice dl dd{
	width: auto;
}
.remodal.policy > ul{
	float: none;
	padding: 0;
	width: 100%;
	text-align: center;
}
.remodal.policy > ul li{
	float: none;
	padding: 1em 0 0 0;
}
.remodal.policy > ul li input{
	width: 12em;
	padding: 1em 0;
}
.remodal.shisetsu_group {
	max-width: auto;
}
.remodal.shisetsu_group > div{
	padding: 1em 14px 0 10px;
}
.remodal.shisetsu_group .item_wrap{
	display: block;
	float: left;
	width: 100%;
	border: 2px solid #c6bea3;
	border-bottom-width: 2px;
	margin-bottom: 2em;
	border-top-width: 0;
}
.remodal.shisetsu_group .item{
	float: left;
	display: block;
}
.remodal.shisetsu_group .item > dl{
	float: left;
	display: block;
	margin: 0 0 0 .55em;
	border-top: 0 none;
	border-right: 0 none;
}
.remodal.shisetsu_group .item > dl:first-child{
	clear: both;
	width: 100%;
	font-size: 1.1em;
	color: #635c42;
	border-left: 0 none;
	border-top: 2px solid #c6bea3;
	border-bottom: 1px solid #c6bea3;
	background-color: #fff6cc;
	margin-left: 0;
}
.remodal.shisetsu_group .item > dl:first-child dd:before{
	font-family: FontAwesome;
	content: '\f07c';
	padding: 0 .3em;
}
.remodal.shisetsu_group .item.title,
.remodal.shisetsu_group .item dl.group dt{
	display: none;
}
.remodal.shisetsu_group .item > dl:last-child{
	border-right: 0 none;
}
.remodal.shisetsu_group .item > dl dt{
	display: block;
	color: #635c42;
	padding: .2em;
	margin-top: 5px;
	text-align: left;
	border-bottom: 1px solid #e0e0e0;
}
.remodal.shisetsu_group .item > dl dd{
	padding: .5em .25em;
}
.remodal.shisetsu_group .item dl.date,
.remodal.shisetsu_group .item dl.limit{
	width: auto;
	text-align: left;
}
.remodal.shisetsu_group .item > dl.group_status dd{
	width: auto;
}
.remodal.shisetsu_group .item > dl.stop dd{
	width: auto;
}
.remodal.shisetsu_group.none{
	width: auto;
	min-height: 10em;
}
.remodal.shisetsu_group.none > div{
	padding: 1em;
	font-size: 1.35em;
}
.remodal.shisetsu_group.none > div p:before{
	font-family: FontAwesome;
	font-size: 1.2em;
	content: '\f06a';
	padding-right: .3em;
	color: #215fab;
}
#body.fatal p.desc{
	font-size: 1.05em;
	width: auto;
}
#body.fatal .content_body{
	width: auto;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
#body.fatal .back{
	width: auto;
	text-align: left;
	padding-top: .8em;
	padding-left: .8em;
}

}