@charset "utf-8";
/* CSS Document */

html{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:62.5%;
	}

div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:14px;
	font-size:1.4rem;
	}

*{
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(255,255,255,0.4);
	-webkit-text-size-adjust:100%;
	margin:0px;
	padding:0px;
	border:none;
	}

body{
	margin:0px auto;
	padding:2%;
	background:#333333;
	color:#fff;
	text-shadow: 0px 1px 3px rgba(0,0,0, 0.4);
	font-weight:normal;
	word-break:normal;
	}

body,td,th,input,select{
	line-height:1.5;
	font-family:Arial,Helvetica,Meiryo,sans-serif,TrebuchetMS;
	font-weight:normal;
	}

ol,ul{
	list-style:none;
	}

a:link,a:visited{
	color:#ffc946;
	}

a:link,nav a:visited,nav a:active,nav a:hover{
	color:#ffc946;
	text-decoration:none;
	line-height:100%;
	display:block;
	-webkit-tap-highlight-color:rgba(255,255,255,0.5);
	}

.clearfix{
	zoom:1;
	}

.clearfix:after{
	content:"";
	display:block;
	width:100%;
	clear:both;
}

.tb {
	padding: 5px;
	}

.title {
	float:left;
	background-image: url(help_img/title_back_center.png);
	background-repeat: repeat-x;
	-moz-background-size:contain;
	background-size:contain;
	min-width:30%;
	max-width:70%;
	height:20px;
	padding-top:9px;
	padding-bottom:5px;
	line-height:110%;
	overflow:visible;
	}

.info_title {
	float:left;
	background-image: url(help_img/title_back_center.png);
	background-repeat: repeat-x;
	-moz-background-size:contain;
	background-size:contain;
	min-width:30%;
	max-width:40%;
	height:20px;
	padding-top:9px;
	padding-bottom:5px;
	line-height:110%;
	overflow:visible;
	text-align:center;
        color:#fff;
	}

.title_img {
	float:left;
	height:34px;
	}

.text_back {
	background:#e9e2d9;
	border:1px solid #8f8f8f;
	width:90%;
	margin:5px auto 10px;
	padding:2%;
	text-align:center;
	color:#000;
	line-height:1.5;
	}

.text_info_back {
	width:95%;
	margin:0px auto;
	padding:2%;
	text-align:left;
	color:#fff;
	line-height:1.5;
	}

.help_border {
	border-top:2px solid #949494;
	padding-top:10px;
	}

.link_next_full, .link_bottom_full{
	display:block;
	background:#080808;
	width:94%;
	margin:5px auto;
	padding:15px 2%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	position:relative;
	font-size:14px;
	font-size:1.4rem;
}


.link_next_full_slim {
	display:block;
	background:#080808;
	width:94%;
	margin:5px auto;
	padding:15px 2%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	position:relative;
	font-size:14px;
	font-size:1.4rem
}

.acount_link_text {
	display:block;
	background:#FF0000;
	width:94%;
	margin:5px auto;
	padding:15px 2%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	position:relative;
	font-size:14px;
	font-size:1.4rem;
	color: #f00;
}

.acount_form_link_text {
	display:block;
	background:#0000FF;
	width:94%;
	margin:5px auto;
	padding:15px 2%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	position:relative;
	font-size:14px;
	font-size:1.4rem
}

.link_top_full {
	display:block;
	float:right;
	padding-top:12px;
	padding-right:40px;
	position:relative;
	font-size:14px;
	font-size:1.4rem;
}

.link_back_full {
	display:block;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:40px;
	position:relative;
	font-size:14px;
	font-size:1.4rem;
	border-bottom:solid 1px #949494;
}

.link_back_full_bottom {
	display:block;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:40px;
	margin-top:10px;
	position:relative;
	font-size:14px;
	font-size:1.4rem;
	border-top:solid 1px #949494;
}

.link_bottom_info {
	display:block;
	float:right;
	padding-top:10px;
	padding-right:10px;
	position:relative;
	font-size:1.1rem;
	color:#ccc;
}

.link_next_half, .link_bottom_half{
	display:inline;
	background:#080808;
	width:44%;
	margin:5px 1%;
	padding:15px 2%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	position:relative;
	font-size:14px;
	font-size:1.4rem;
	float:left;
}

.link_next_full:after {
	content: url(help_img/arrow_right.png);
    position:absolute;
	right:10px;
	top:10px;
}

.link_bottom_full:after {
	content: url(help_img/arrow_bottom.png);
    position:absolute;
	right:10px;
	top:10px;
}

.link_top_full:after {
	content: url(help_img/arrow_top.png);
    position:absolute;
	right:10px;
	top:5px;
}

.link_back_full:after, .link_back_full_bottom:after {
	content: url(help_img/arrow_right.png);
	-webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    position:absolute;
	left:10px;
	top:7px;
}

.link_next_half:after {
	content: url(help_img/arrow_right.png);
    position:absolute;
	right:10px;
	top:10px;
}

.link_bottom_half:after {
	content: url(help_img/arrow_bottom.png);
    position:absolute;
	right:10px;
	top:10px;
}

.link_next_full_slim:after {
	content: url(help_img/arrow_right.png);
    position:absolute;
	right:10px;
	top:10px;
}

.acount_link_text:after {
	content: url(help_img/arrow_right.png);
	position:absolute;
	right:10px;
	top:10px;
}

.acount_form_link_text:after {
	content: url(help_img/arrow_right.png);
	position:absolute;
	right:10px;
	top:10px;
}

#info_list {
	background:#333333;
	width:95%;
	margin:auto;
	padding:1%;
	border:1px solid #949494;
}

#info_list a {
	border-top:solid 2px #949494;
}

#info_list a:first-child {
    border-top-style:none;
}

.form_title {
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	background:#080808;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	margin:10px 5px 10px 5px;
	padding:10px 2%;
}

.form_back {
	background:#000;
	width:90%;
	margin:10px auto;
	padding:10px;
	display:table;
    word-break:break-all;
    word-wrap:break-word;
	}

.form_back_text {
    display:table-cell;
    width:40%;
    vertical-align:middle;
    line-height:1.5;
}

.form_back_textarea {
	background:#000;
	width:90%;
	margin:10px auto 20px;
	padding:10px;
	}

.form_back_textarea_text {
	width:100%;
	margin:auto;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	}

.form_back_input {
	display:table-cell;
	width:40%;
	margin:auto;
	vertical-align:middle;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.5;
	}

.input_text {
	background:#fff;
	width:90%;
	padding:5%;
	border:solid 1px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 1px 4px 20px -10px rgba(0,0,0,1);
	-webkit-box-shadow: inset 1px 4px 20px -10px rgba(0, 0, 0, 1);
	box-shadow: inset 1px 4px 20px -10px rgba(0,0,0,1);
	}

.textarea_text {
	background:#fff;
	width:96%;
	height: 50px;
	padding:2%;
	border:solid 1px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 1px 4px 20px -10px rgba(0,0,0,1);
	-webkit-box-shadow: inset 1px 4px 20px -10px rgba(0, 0, 0, 1);
	box-shadow: inset 1px 4px 20px -10px rgba(0,0,0,1);
	margin-top:10px;
	}

.error_text {
	background:#CC0;
	text-align:center;
	padding:10px;
	width:90%;
	margin:auto;
	margin-top:10px;
	font-weight:bold;
	text-shadow: 0px 1px 3px rgba(0,0,0, 0.8);
	}

input[type="submit"], input[type="button"] {
    -webkit-appearance:none;
    border: 0px;
    width: 150px;
    height: 53px;
    background: url(help_img/info_btn.png) left top no-repeat;
	color:#fff;
	font-weight:bold;
	font-size:16px;
	font-size:1.6rem;
	margin:5px;
	}


.mb15 {
	margin-bottom:15px;
}

.help_datail_border {
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px solid #949494;
}

.help_text {
	font-size:13px;
	font-size:1.3rem;
	background:#000;
	border:1px solid #8f8f8f;
	width:95%;
	margin:5px auto 20px;
	padding:10px 5px 10px 5px;
	color:#FFF;
}

.help_image {
	text-align:center;
	max-width:100%;
	height:auto;
}

.help_image_r {
	text-align:center;
	max-width:100%;
	height:auto;
	zoom:0.5;
}

.help_bold {
	font-size:13px;
	font-size:1.3rem;
	font-weight:bold;
	color:#00FF00;
}

.help_yellow {
	font-size:13px;
	font-size:1.3rem;
	color:#ff0;
}

.help_note {
	font-size:13px;
	font-size:1.3rem;
	color:#CCF;
}

a.help_inline:link, a.help_inline:visited, a.help_inline:active, a.help_inline:hover{
	font-size:13px;
	text-decoration:none;
	line-height:100%;
	display:inline;
	-webkit-tap-highlight-color:rgba(255,255,255,0.5);
}

.licence {
	margin:10px 5px 10px 5px;
}

.licence_title {
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	color:#FFCC00;
	text-align:center;
}

.licence_sub_title {
	font-size:15px;
	font-size:1.6rem;
	font-weight:bold;
	color:#FFCC00;
	margin:20px auto 5px;
}

.licence_chapter {
	font-weight:bold;
	color:#FFCC00;
	margin:20px auto 5px;
}

.licence_child_1 {
	margin-left:7px;
}

.licence_child_2 {
	margin-left:14px;
}

.licence_chapter_end {
	text-align:right;
	margin:20px auto 5px;
}

.enq_title {
	background:#000099;
	border-radius: 5px;
	width:95%;
	margin:5px auto 10px;
	padding:2%;
	color:#FFFFFF;
	line-height:1.5;
	}

.enq_body {
	background:#FFFFFF;
	-webkit-border-radius: 5px;
	width:92%;
	margin:5px auto 10px;
	padding:2%;
	color:#000;
	line-height:1.5;
	}

.enq_body:hover {
	background:#CCCCFF;
	-webkit-border-radius: 5px;
	width:92%;
	margin:5px auto 10px;
	padding:2%;
	color:#000;
	line-height:1.5;
	}

/* エラーの場合、form入力部分の色が変わるCSS。必要なら「required」とセットで使います
input:invalid, textarea:invalid {
  background-color: #f4bcbc;
	-moz-box-shadow: inset 1px 4px 20px -10px rgba(222,95,95,1);
	-webkit-box-shadow: inset 1px 4px 20px -10px rgba(222,95,95, 1);
	box-shadow: inset 1px 4px 20px -10px rgba(222,95,95,1);
}
input:out-of-range, textarea:out-of-range {
  background-color: red;
}
input:required, textarea:required {
  border-style: solid;
}
input:focus, textarea:focus {
    border:solid 1px #f00;
}

.ime_disabled {
ime-mode: disabled;
}
 */

/* アカウント照会フォーム */
#account_form .form_text_must {
	font-size:12px;
	font-size:1.2rem;
	font-weight:bold;
	color:#FF0000;
	}

#account_form .form_text_caution {
	font-size:12px;
	font-size:1.2rem;
	color:#CCF;
	}

#account_form .form_back {
	background:#000;
	display:table;
	width:90%;
	margin:10px auto;
	padding:10px;
	}

#account_form .form_back_text {
	display:block;
	width:auto;
        margin:auto;
	line-height:1.5;
	}

#account_form .form_back_input {
	display:block;
        width:auto;
	margin:auto;
	vertical-align:middle;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	font-size:1.4rem;
	line-height:1.5;
	}

#account_form .input_text {
	background:#fff;
	width:90%;
	padding:3%;
	border:solid 1px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 1px 4px 20px -10px rgba(0,0,0,1);
	-webkit-box-shadow: inset 1px 4px 20px -10px rgba(0, 0, 0, 1);
	box-shadow: inset 1px 4px 20px -10px rgba(0,0,0,1);
	}

#account_form .textarea_text {
	background:#fff;
	width:96%;
	height: 150px;
	padding:2%;
	border:solid 1px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 1px 4px 20px -10px rgba(0,0,0,1);
	-webkit-box-shadow: inset 1px 4px 20px -10px rgba(0, 0, 0, 1);
	box-shadow: inset 1px 4px 20px -10px rgba(0,0,0,1);
	margin:auto;
	}

#account_form .textarea_text_small {
	background:#fff;
	width:96%;
	height: 75px;
	padding:2%;
	border:solid 1px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: inset 1px 4px 20px -10px rgba(0,0,0,1);
	-webkit-box-shadow: inset 1px 4px 20px -10px rgba(0, 0, 0, 1);
	box-shadow: inset 1px 4px 20px -10px rgba(0,0,0,1);
	margin:auto;
	}

a.news_inline:link, a.news_inline:visited, a.news_inline:active, a.news_inline:hover{
	text-decoration:none;
	line-height:100%;
	display:inline;
	-webkit-tap-highlight-color:rgba(255,255,255,0.5);
}

#container .tablebox {
	max-width: 600px;
	margin: 0.5em auto 0.5em auto;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;  
}
#container .detail-in .main .tablebox td p,
#container .detail-in .main .tablebox th p {
	padding: 0px;
}
#container .tablebox td,
#container .tablebox th {
	padding: 4px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	text-align:left;
	vertical-align:top;
}
#container .tablebox th {
	font-weight: bold;
	font-size: 110%;
	background: #0d1946;
	color: #fff;
	text-align:center;
}

.link_next_full_slim2 {
	display:block;
	background:#080808;
	width:90%;
	margin:5px auto;
	padding:15px;
	padding-left:1%;
	padding-right:6%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	position:relative;
	font-size:14px;
	font-size:1.4rem
}
.link_next_full_slim2:after {
	content: url(help_img/arrow_right.png);
    position:absolute;
	right:0px;
	top:10px;
}
