@charset "UTF-8";
/* リセット */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,select,option,
p,blockquote,table,th,td { 
margin: 0; 
padding: 0; 
}
ul { 
list-style-type: none; 
list-style-position: outside; 
}
table { 
border-collapse: collapse; 
border-spacing: 0; 
}
img { 
border: 0; 
}
select{
-webkit-appearance:none;
}
/* 基本指定 */
body { 
font-family: "Hiragino Kaku Gothic Pro", osaka, "ＭＳ Ｐゴシック", 'MS PGothic', "ヒラギノ角ゴ Pro W3", Arial, Helvetica, Verdana, sans-serif; 
color: #333; 
font-size: 14px; 
line-height: 1.3; 
vertical-align: middle; 
_vertical-align: baseline; 
margin-top: 0; 
margin-bottom: 0; 
}
html,body{ height:100%;}
/* フロート */
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.cf:before,
.cf:after { 
content: ""; 
display: block; 
overflow: hidden; 
}
.cf:after { 
clear: both; 
}
/* 文字揃え */
.tar { text-align: right; }
.tac { text-align: center; }
/* リンク */
a{ text-decoration:none;}
a:hover { color:#008bec; text-decoration:underline; }
/* タイトル */
h1,header p:first-of-type { 
font-size: 12px; 
color: #ccc; 
font-weight: normal; 
height:20px;
line-height:20px;
}
h2 { font-size: 14px; }
h3 { font-size: 14px; }
h4 { font-size: 18px; }
h5 { font-size: 12px; }
strong { color: #f30; font-weight: normal;}
/* テキスト */
.txtMainCol { color: #0bf; }
.txtAccentCol { color: #f30; }
.txtAlert { 
color: #f00; 
font-size: 14px; 
margin: 5px 0; 
}
.txtAttention { 
color: #C03; 
font-weight: bold; 
line-height: 1.2; 
}
.txtStrong { 
color: #000; 
font-weight: bold; 
}
.txtCaption { 
color: #666; 
margin-top: 3px; 
}
.txtCaptionS { 
color: #666; 
font-size: 10px; 
}
.txtPageup {
font-size: 10px; 
text-align: right;
margin: 12px 0;
}
.txtPageup a{
color: #6f6fff;
font-size: 10px; 
}
/* 領域
---------------------------------------------- */
#container_background { 
  width: 1020px; 
  margin: 0 auto; 
  position:relative;
  height:auto !important;
  height:100%;
  min-height:100%;
}
#container {
  width: 1000px;
  margin: 0 auto;
}
#containerInner { width: 970px; margin: 0 auto; }
/* contents 
---------------------------------------------- */
#contents { width: 1000px; text-align: center; }
#main_01 { 
width: 970px; margin: 0 auto; text-align: left; 
}
/* registration & contact & rule & regulation & advertisement & sitemap & faq
---------------------------------------------- */
#contents_rule,
#contents_registration,
#contents_sitemap,
#contents_faq,
#contents_guide { 
width: 970px; margin: 0 auto; text-align: left; padding: 20px 0; 
}
#contents_registration{
	margin-bottom:50px;
}
#contents_registration table{
	display:block;
}
#contents_meisai { 
width: 970px; margin: 0 auto; text-align: left; padding: 0 20px; 
}
#contents_fome { 
width: 1000px; padding: 20px 0; 
border-top: 1px solid black; 
}
#contents_advertisement { 
width: 1000px; padding-bottom: 20px; 
background: #eee url(../img/bg_advertisement_01.jpg) repeat-y right; 
border-top: 1px solid black; 
}
/* header 
---------------------------------------------- */
#header { 
width: 1000px; 
height: 76px; 
margin: 0 auto; 
background: black url(../img/bg_head.gif) bottom right no-repeat; 
border-bottom: 1px solid #000; 
}
#headerInner { width: 970px; margin: 0 15px; position: relative; }
#headerInner p:nth-of-type(2),#header p:nth-of-type(3){
position: absolute; 
right:0px;
}
#headerInner p:nth-of-type(2){ 
top:6px; 
color:#ff99cc;
}

#header p:nth-of-type(3){ 
color: #f90;
text-align: right; 
top: 25px;
}

#header #member{float:right;position: absolute;right:0px;
color:#333;
text-align: right; 
top: 50px;}

#header #member ul{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

#header #member ul li{
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#f2eddb));
    background: #f2eddb;
    border: 1px solid #c4c2ba;
    box-shadow: 0 2px 1px 0 rgba(0,0,0,.05), 0 0 0 1px #fff inset;
	border-radius: 5px;
    color: #333;
    text-shadow: 0 1px 1px #fff;
}
#header #member ul li:first-child{margin-right:5px;}

#header #member ul li a{
    
    display: table-cell;
    font-size: 14px;
    font-weight: 700;
    height: 23px;
    width: 100px;
    text-align: center;
    vertical-align: middle;
}


#sectionHeadLogo { 
width: 264px; 
height: 54px;
}
#sectionHeadLogo img{ 
width: 264px; 
height: 54px;
}
#sectionHeadLogo a {  
display: block; 
}
#sectionHeadLink { 
}
#sectionHeadLink ul { 
width: 288px; 
height: 20px; 
float: right; 
position: absolute;
right: 0px;
top: 3px;
}
#sectionHeadLink li { 
width: 88px; height: 13px; 
margin: 0 0 0 6px; 
float: left; 
color: #ccc; 
text-align: center;
line-height: 1.3;
font-size: 10px; 
padding: 1px 0 0;
background: #333; 
border-style: solid; border-width: 1px; border-color: #999 #666 #666 #999;
}
#sectionHeadLink li a { 
color: #ccc; 
text-decoration: none;
width: 88px; 
height: 13px; 
display: block; 
}
#sectionHeadLink li a:hover {
background: #0bf; 
}
/* header menu  
---------------------------------------------- */
#headerGmenu { 
  width: 1000px; 
  height: 26px; 
  text-align: left;
  border-bottom:4px solid #008bec;
  background:#f9f9f9;
}
#headerGmenu ul{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap: wrap;
}

#headerGmenu li{
  width:120px;
  height:26px;
  line-height:26px;
  text-align:center;
  background:#f9f9f9;
  border-right:1px solid #000;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
}
#headerGmenu li a{
  display:inline-block;
  height:26px;
  width:100%;
  color:#333;
}
#headerGmenu li a:hover{ text-decoration:none;}

/* header h2 
---------------------------------------------- */
/*#headTitle { 
background: #F90;
width: 970px;
height: 32px;
padding: 0 15px;
margin-top:8px;
}*/
#headTitle h2{
width: 570px; float: left; margin: 4px 0 0 0;
padding-top: 4px;
}
#headTitle h2.index{
width: 970px; float: none; margin: 0; padding: 4px 0 0 0;
}
#headTitle p{ 
width: 400px;
padding-top: 6px;
float:right;
text-align:right;
}
#headTitle +p{ 
font-weight:bold;
text-align:center;
}
/* footer 
---------------------------------------------- */

#sectionFooterLink { 
width: 1000px; 
margin: 4px 0; 
border-top: 1px solid black; 
border-bottom: 1px solid black; 
background-color: #dadada; 
padding: 14px 0 6px 0;
overflow: hidden; 
position: relative;
}
#sectionFooterLink ul { 
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap: wrap;
	width:80%;
	margin:0 auto;
}
#sectionFooterLink ul li { 

line-height: 12px;
margin: 0 12px 10px 0;
padding: 0 12px 0 0 ;

}
#sectionFooterLink ul li:last-child { 

}


.copyright {
  background:#000;
  color:#fff;
  text-align:center;
  height:32px;
  line-height:32px;
}

#sectionFooterLink > ul:before,.FooterLink ul before,
#sectionFooterLink > ul:after,.FooterLink ul after { 
content: ""; 
display: block; 
overflow: hidden; 
}
#sectionFooterLink > ul:after { 
clear: both; 
}


.FooterLink{
width: 1000px; 
border-top: 1px solid black; 
border-bottom: 1px solid black; 
background-color: #000000;
color:#ffffff;
padding: 14px 0 6px 0;
overflow: hidden; 
position: relative;
}
.FooterLink a:hover,.FooterLink a:visited,.FooterLink a:link,.FooterLink a:active{color:#ffffff;}
.FooterLink dl{width:80%;margin:0 auto;}
.FooterLink dt{text-align:center;font-weight:bold;border-top: 1px dotted #fff;padding-top:5px;}
.FooterLink dd{margin:0 auto;}

.FooterLink ul{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap: wrap;
}
.FooterLink li{
	padding:5px 10px;
}

/* advertisement 
---------------------------------------------- */
#contents_advertisement h3 { 
width: 700px; 
height: 26px; 
margin: 20px 0 0 0; 
}
.mainAd01 { 
width: 655px; 
height: 165px; 
margin: 15px 0 0 8px; 
padding: 0 0 0 25px; 
border-bottom: 1px solid #666; 
}
.mainAd01 ul{ 
height: 150px; 
margin: 0 15px 0 0; 
border-right: 1px solid #666; 
}
.mainAd01 li{ 
height: 150px; 
float: right; 
display: inline; 
border-left: 1px solid #666; 
}
.mainAd01 li.listAdImg { width: 64px; }
.mainAd01 li.listAdBnr { width: 107px; }
.mainAd01 li.listAdVip { width: 124px; }

.navigator { font-size: 11px; padding-top: 8px; padding-left: 8px; }
.navigator a { color: #007bff; font-size: 11px; padding-top: 8px; padding-left: 8px; }

/* .line-height { line-height: 140%; } */
.letter-space { letter-spacing: 1em; }
/* guide,meisai
---------------------------------------------- */
#sectionMain {
width: 500px;
float: left;
margin: 0;
}
#sectionSub {
width: 178px;
float: left;
border: 1px solid #ccc;
padding: 10px;
}
#contents_guide #sectionIndex {
margin: 0 -4px 0 0;
overflow: hidden;
}
#contents_guide .guideBox { 
background-color: #ccc;
width: 167px;
float: left;
margin: 0 4px 4px 0;
padding: 5px;
}

#contents_guide .guideBox .exp{ 
width: 167px;
border-top: #666 1px dotted ;
}
#contents_guide .guideBox .exp p{ 
width: 100px;
float: right;
}
#contents_guide .guideBox .exp img{ 
width: 65px;
float: left;
margin: 0;
}
.guideBox .more {
padding: 0px;
background: #06c; 
text-align: center; 
border-style: solid; 
border-width: 1px;
border-color: #eee #333 #333 #eee;
}
.guideBox .more a{
color: #fff;
text-decoration: none;
display: block;
}
.guideBox .more a:hover{
background: #0bf;
}
#contents_guide .guideDetail img { 
width: 100px; 
height: 150px;
float: left;
margin: 0;
}
#contents_guide .guideDetail .exp {
width: 600px;
float: left;
margin: 0 0 12px 0;
}
#contents_guide .guideDetail table { 
text-align: center;
margin: 12px 0 0 0;
}
#contents_guide .guideDetail table th { 
width: 150px; 
background: #b0c8ee; 
font-weight: normal;
padding: 0px 0px 0px 0px; 
border: 1px solid #ccc; 
}
.guideDetail table td { 
padding: 0px; 
border: 1px solid #ccc; 
}
.guideDetail table tr { 
border: 1px solid #ccc; 
}
#contents_meisai .meisaiPrf{ 
float: left;
width: 440px; 
}
#contents_meisai .meisaiPrf table { 
width: 440px;
}
#contents_meisai .meisaiPrf table td { 
padding: 4px; 
}
#contents_meisai .meisaiPay{
float: right;
background: #e6f6f9;
}
#contents_meisai .meisaiPay table { 
width: 270px; 
}
#contents_meisai .meisaiPay table td { 
padding: 4px; 
border: 1px solid #ccc; 
}
#contents_meisai .meisaiPay table tr { 
border: 1px solid #ccc; 
}

#contents_rule h3,
#contents_sitemap h3,
#contents_faq h3 { font-size: 18px; 
padding: 3px 12px; 
border-left: 6px solid #666; 
border-bottom: 1px solid #ccc; 
}
#contents_guide .guideBox h3 { font-size: 18px; 
padding: 3px 0px;  
border-bottom: 1px solid #ccc; 
}
#contents_guide .guideDetail h3 { font-size: 18px;  
color: #fff; 
background: #0bf url(../img/guide/guide_tit_bg.gif) bottom repeat-x;
padding: 0 0 0 12px; 
margin: 12px 0;
}
#contents_meisai .guideDetail h3 { font-size: 18px; 
color: #fff; 
background: #0bf;
padding: 2px 0 2px 12px;
margin: 20px 0 12px 0;
}
#contents_rule h4,
#contents_registration h4,
#contents_sitemap h4,
#contents_faq h4 { font-size: 14px; 
padding: 5px 6px; 
border-bottom: 1px solid #ccc; 
background: #eee; 
}
h4 span, h3 span { 
font-size: 12px; 
font-weight: normal; 
}
#contents_guide .guideDetail h3 span { padding: 0 0 3px 12px;}
#contents_meisai .guideDetail .jobLink  {
background: #ccc; 
padding: 3px 12px;
}
#contents_guide .guideDetail ul { 
clear: both;
background: #ccc; 
padding: 3px 12px;
}
#contents_guide .guideDetail ul li{ 
float: left;
margin: 0 12px 0 0;
}
#contents_registration ul,
#contents_rule ul { 
list-style-type: decimal; 
margin: 0 0 0 20px; 
}
#contents_registration ul .infoIndex{ 
list-style-type: none; 
}
#contents_registration ul .infoIndex a{ 
text-decoration: underline; 
}
#contents_registration .infoImg{ 
margin: 0 0 20px 0;
text-align: center;
}
#contents_rule ul.alphabet { 
list-style-type: upper-alpha; 
margin: 0 0 0 20px; 
}
#contents_rule ul.alphabet_s { 
list-style-type: lower-alpha; 
margin: 0 0 0 20px; 
}
#contents_rule p { 
margin: 0 0 0 20px; 
}
.arbitrary_item
{ 
text-indent: 1em
}
#contents_sitemap dl,
#contents_faq dl {
border-bottom: 1px dotted #ccc; 
}
#contents_sitemap dt,
#contents_faq dt {
margin: 6px 0;
color: #f30;
text-indent: 1.5em;
font-weight: bold;
}
#contents_sitemap dd,
#contents_faq dd {
margin: 0 0 6px 32px;
}
#contents_registration table { 
width: 100%; 
}
#contents_registration table th { 
width: 140px;
height:48px; 
text-align: left; 
background: #f2f2f2; 
padding: 6px 2px 6px 6px; 
border-bottom: 1px solid #ccc; 
}
#contents_registration table td { 
padding: 6px 0 6px 6px; 
border-bottom: 1px solid #ccc; 
}
#contents_registration table td input[type="text"]{ height:26px;}
#contents_registration table td input[type="submit"]{ height:48px; width:240px;}
#contents_registration table tr { 
border-bottom: 1px solid #ccc; 
}
#contents_registration .registrationConf table th{ height:24px;}
/* フォーム
---------------------------------------------- */
.necessity { color: #f00 ; width: 1em; background: #ddd; }
.necessity2 { width: 1em; background: #ddd; }
textarea { 
width: 300px; 
height: 100px; 
padding: 3px; 
}
/* input[type="file"] { width: 170px; } */
input[type="text"] { width: 300px; }
input[type="password"] { width: 200px; }
input[type="submit"] { width: 120px; }
select { width: 195px; }
select, input, textarea { 
font-size: 12px; 
vertical-align: middle; 
padding:0 8px; 
}
.lengthShort input[type="text"] { width: 150px; }
.lengthMedium input[type="text"] { width: 200px; }
.lengthLong input[type="text"] { width: 480px; }
.lengthLong textarea { width: 480px; height:2em; }
.l2 textarea {height:250px;}
label { cursor: pointer; }
/* member registration */
#contents_registration.memberRegistrationWrap{
  width: 730px;
}
.memberRegistration label{
  display:inline-block;
  float:left;/*ie*/
  width:178px;
  height:32px;
  line-height:30px;
  padding:0 0 0 8px;
  margin:0 4px 4px 0;
  border:1px solid #aaa;
  border-radius:2px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.memberRegistration .labelWrap label:nth-child(3n){ margin-right:0;}
.memberRegistration label + p{ clear:both;}
.memberRegistration input[type="checkbox"]{
  margin:0 2px 0 0;
  position:relative;
  top:-1px;
  border:none;
  width:14px;
}

/* 会員登録フォームリニューアル1606 */
.require{ color:#c03;}
.formHintTxt {
  color : gray;
}
.headBoard{
  width:730px;
  margin:0 auto;
}

.common_msg_line{
  color:#c03;
  font-weight:bold;
  font-size:14px;
  margin:6px 0 0;
  clear:both;
}
.supMessage{
  color:#008bec;
  clear:both;
}
.supMessage2{
  color:#05ac7e;
  clear:both;
}


#contents_registration .registrationConf th,
#contents_registration .registrationConf td{
  padding:16px 0 16px 6px;
}
#contents_registration h3{
  width: auto;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin: 0 0 1px;
  padding: 0 0 0 38px;
  background: #5e5e5e;
  position: relative;
  border: 1px solid #333;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#contents_registration i{
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  padding: 4px;
  background: #333;
}
#contents_registration i:before {
  font-size: 24px;
  width: 24px;
  height: 24px;
  color: #fff;
}


.mailEditWrap{
  position:relative;
}
.mailEditWrap input[type="text"]{
  background:#f1f1f1;
}
.mailEditWrap .mailEdit{
  height: 32px;
  line-height:32px;
  background: #ff4300;
  border:1px solid #aaa;
  border-radius: 2px;
  padding:0 8px;
  margin:0 16px 0 0;
  font-size: 14px;
  cursor: pointer;
  float:right;
}
.mailEditWrap .mailEdit a{
  display:block;
  color: #fff;
  text-decoration:none;
}


/* #Font-Face
================================================== */
@font-face {
font-family: 'icomoon';
src:url('../fonts/icomoon.eot');
src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('../fonts/icomoon.woff') format('woff'),
url('../fonts/icomoon.ttf') format('truetype'),
url('../fonts/icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
font-family: 'icomoon';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
/* Class指定の場合 */
.icon-check{
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}

.icon-check:before{
  content: "\e909";
}