@charset "utf-8";
* {
  box-sizing: border-box;
}
html, body,
ul, ol, li,
h1, h2, h3, h4, h5, h6, p,
form, input, div {
  margin: 0;
  padding: 0;
}
html{
  min-width:320px;
}
body {
  font-family:'游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic, "メイリオ", Meiryo,
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "ＭＳ　Ｐゴシック","MS P Gothic",
    sans-serif;
  font-size: 14px;
  color: #555;
  line-height: 1.7;
}
.container, .container_m, .container_s{
  max-width: 1140px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.container_m{
  max-width: 900px;
}
.container_s{
  max-width: 600px;
}
.container_login{
  min-width:1140px;
}
.container_m_login{
  width:900px;
}
.p_contents{
	float: right;
  width: -webkit-calc(100% - 250px);
  width: -moz-calc(100% - 250px);
  width: calc(100% - 250px);
  margin-bottom: 50px;
}
.s_contents{
	width: 200px;
  float: left;
  margin-bottom: 50px;
}
.p_contents2{
  float: left;
  width: -webkit-calc(100% - 330px);
  width: -moz-calc(100% - 330px);
  width: calc(100% - 330px);
  margin-bottom: 50px;
}
.s_contents2{
  width: 300px;
  float: right;
  margin-bottom: 50px;
  height:100%;
}
.inner_p_contents{
  float: left;
	width: -webkit-calc(100% - 250px);
  width: -moz-calc(100% - 250px);
  width: calc(100% - 250px);
  margin-bottom: 50px;
}
.inner_s_contents{
  width: 220px;
  float: right;
  margin-bottom: 50px;
  height:100%;
}
p {
  margin: 1.6em 0;
  line-height: 1.6;
  font-size: 14px;
}

li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #4eb7c0;
  transition: all .1s;
}
a:hover {
  color:#0062b1;
  text-decoration: none;
}
a img:hover{
	opacity:0.8;
}

.caution{
  color:#ff40ff; //#DF3B2D;
}
.right{
	float:right;
}
.left{
  float:left;
}
.block {
  display: inline-block;
}
.clear{
	clear:both;
}
.overflow{
	overflow:hidden;
}
img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.center{
	text-align:center;
}
.nowrap{
  display:inline-block;
  white-space: nowrap;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
b, strong {
    font-weight: 700;
    color: #484848;
    letter-spacing: 0.1em;
}
h1{
	margin:30px 0 20px 0;
	font-size:20px;
}
h1.top{
  margin:10px 0 20px 0;
}
h2{
  font-size:20px;
  margin:50px 0 20px 0;
}
h2.top{
	margin:0 0 20px 0;
}
h2 .fa{
	width:25px;
}
h3{
	font-size:20px;
	font-weight:normal;
	margin:10px 0;
}
h2.form_title{
	font-size:17px;
	margin:20px 0 5px 0;
	padding:0;
//	font-weight:bold;
}
h2.form_title span{
	font-weight:normal;
	font-size:14px;
}
.icon_h1_disabled{
	background:#eee;
	border-radius:3px;
	padding:3px 10px;
	font-size:16px;
	vertical-align:middle;
	display:inline-block;
	margin:-3px 10px 0 0;
}

.border_block{
	border:1px solid #f0f0f0;
	border-radius:4px;
	padding:30px;
}
.border_block h3{
  margin-top:0px;
}
.button, .button_small, .button_big{
  color:#fff;
  background-color:#231815;
  padding:3px 20px 2px 20px;
  margin:1px;
  border-radius:3px;
  min-width:40px;
  display:inline-block;
  text-align:center;
  font-size:13px;
  line-height:1.8;
 }
.button_small{
  padding:3px 8px 1px 8px;
  min-width:30px;
  vertical-align:top;
}
.button_big{
  padding:9px 40px 9px 40px;
  min-width:140px;
  font-size:18px;
  line-height:1.7;
  background:#231815;
}
.button:hover, .button_small:hover, .button_big:hover{
  opacity:0.8;
  color:#fff;
}
.button_imp{
	background-color:#EF454A;
}

.anchor{
  margin-top:-60px;
  padding-top:60px;
}
.supText {
	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}

.text_left{
	text-align:left;
}
.underline{
	border-bottom:2px solid #333;
}
.form_caution{
  background:#f01d84;
  color:#fff;
  padding:0 10px;
}
.nodisplay{
	display:none;
}
.spInlineDisplay{
  display:none;
}
.pcInlineDisplay{
  display:inline;
}
.spBlockDisplay{
  display:none;
}
.pcBlockDisplay{
  display:block;
}

.map{
	width: 100%;
  height: 200px;
  margin: 10px 0 0 0;
}


/*************************************/
/* editer */
/*************************************/
.col2_wrap{
	overflow:hidden;
}
.col2_block{
	width:50%;
	float:left;
}

/*************************************/
/* form */
/*************************************/
input[type=submit], input[type=text], input[type=password], input[type=file], input[type=date], textarea, select, button{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size:15px;
  border: 1px solid #e0e0e0;
  padding:5px 10px;
  margin:1px 10px 1px 0;
  line-height:1.6;
  border-radius:3px;
}
input[type=text]:hover, input[type=password]:hover, input[type=file]:hover, textarea:hover, select:hover, fieldset:hover{
  border:1px #3C90BE solid;
}
input::placeholder, textarea::placeholder{
	color:#ddd;
  font-family:"メイリオ", Meiryo,
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "ＭＳ　Ｐゴシック","MS P Gothic",
    sans-serif;
}
.submit{
  text-align:center;
  padding:10px 0;
  margin:10px 0;
}
form{
  display:block;
}
form.inline{
  display:inline-block;
}
textarea{
  width:100%;
}
input[type=text].min{
  width:30px;
}
input[type=text].short, input[type=password].short{
  width:100px;
}
input[type=text].middle, input[type=password].middle{
  width:213px;
}
input[type=text].long, input[type=password].long{
  width:440px;
}
input[type=text].max, input[type=password].max{
  width:100%;
}
input[type=text].half, input[type=password].half{
  width:45%;
  margin:1px 2% 1px 0;
}
input[type=submit], button{
  color:#fff;
  background-color:#231815;
  border:none;
  margin:1px;
  padding:10px 50px 10px 50px;
  border-radius:3px;
  min-width:100px;
  font-size:18px;
}
input[type=submit]:hover, button:hover{
  opacity:0.8;
  cursor:pointer;
}
input[type=submit]:disabled, button:disabled{
  background-color:#dcdcdc;
  opacity:0.8;
  color:#555;
  cursor:default;
}
input[type=submit].middle, button.middle{
  padding:5px 20px 5px 20px;
  min-width:100px;
  font-size:16px;
}
input[type=submit].small, button.small{
  padding:2px 8px 0px 8px;
  min-width:50px;
  font-size:14px;
}
input[type=submit].big, button.big{
  margin:20px 0;
  padding:15px 40px 13px 40px;
  min-width:220px;
  font-size:18px;
  line-height: 1.7;
  border-radius:3px;
}
input[type=file]{
  width:30a0px;
}
label{
  display:inline-block;
  margin:5px 10px 0 0;
  cursor:pointer;
  padding:0;
  font-size:14px;
  vertical-align:middle;
}
label:hover{
  background:#dcdcdc;
}
input[type=radio], input[type=checkbox] {
  margin:5px 0 0 0;
  width:20px;
  vertical-align:middle;
  -moz-transform-origin: right bottom;
  -moz-transform: scale( 0.9 , 0.9 );
}
input[type=checkbox].button, input[type=checkbox].buttonS, input[type=radio].button{
  margin:0 0 0 0;
  width:1px;
  min-width: 1px;
  -moz-transform:scale(0);
  -webkit-transform:scale(0);
  transform:scale(0);
}
input[type=checkbox].button + label, input[type=checkbox].buttonS + label, input[type=radio].button + label{
  position:relative;
  display:inline-block;
  background:#fff;
  border:1px solid #ddd;
  padding:5px 20px 3px 20px;
  margin:1px 5px 1px 0px;
  border-radius:3px;
  min-width:50px;
  display:inline-block;
  text-align:center;
}
input[type=checkbox].buttonS + label, input[type=radio].buttonS + label{
  min-width:30px;
  padding:2px 8px 2px 8px;
  margin:1px 2px 1px -10px;
  font-size:14px;
  line-height:1.7;
}
input[type=checkbox].button:checked + label,
input[type=checkbox].buttonS:checked + label,
input[type=radio].button:checked + label{
  background:#231815;
  border:1px solid #231815;
  color:#fff;
}
input[type=checkbox].button:checked + label:after,
input[type=checkbox].buttonS:checked + label:after,
input[type=radio].button:checked + label:after{
  content:'\2714';
  color:#fff;
  font-size:14px;
  position:absolute;
  top:-2px;
  left:5px;
}
input[type=checkbox].buttonS:checked + label:after{
  left:2px;
}
.form_wrap{
	margin:15px 0;
}
.form_title{
	margin:15px 0 5px 0;
	font-weight:bold;
}
.form_select{
  position:relative;
}
.form_select::after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-bottom: solid 2px #b4b3b3;
  border-right: solid 2px #b4b3b3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -7px;
}
.form_select select{
  padding-right:25px;
}
.form_checkbox, .form_radio {
  overflow:hidden;
}
.form_checkbox input[type=checkbox], .form_radio input[type=radio]{
  display:none;
}
.form_checkbox input[type=checkbox] + label, .form_radio input[type=radio] + label{
  width:32%;
  float:left;
  padding:8px 0 5px 0;
  font-size:12px;
  margin:3px 1% 3px 0;
  border-radius:0px;
}
.form_checkbox input[type=checkbox].button:checked + label:after,
.form_radio input[type=radio].button:checked + label:after{
  display:none;
}

.inp_btn, input[type=submit].inp_btn, button.inp_btn{
	background-color:#0062b1;
}


/*************************************/
/* table */
/*************************************/
table{
  border-collapse:collapse;
  border-spacing:0;
  margin:10px 0;
  padding:0;
  width:100%;
  word-break: break-all;
}
table caption{
  color:#fff;
  background:#ff8699;
  border:1px solid #F07E84;
  border-bottom:none;
  padding:7px 10px;
  font-size:1.2em;
}
table td, table th{
  font-weight:normal;
  padding:10px 15px 8px 15px;
}
table th{
  background:#888;
  color:#fff;
  border-bottom:1px solid #fff;
}
table tr:nth-child(even) {
  background:#fff;
  }
table tr:nth-child(odd) {
  background:#f4f4f4;
}
table th.pcth{
  width:150px;
}
table.auto_width{
  width:auto;
}
.table01_tr{
  clear:both;
}
.table01_th{
  float:left;
  width:100px;
}
.table01_td{
  margin-left:120px;
}
.form_table_tr{
  overflow:hidden;
  border-bottom:1px solid #555;
  margin:0 0 10px 0;
  position:relative;
  clear:both;
}
.form_table_th{
  width:250px;
  float:left;
  padding:5px 10px 5px 0;
}
.form_table_tr:after{
  content:' ';
  position:absolute;
  border-right:1px solid #555;
  height:60%;
  left:250px;
  bottom:0;
}
.form_table_tr_noborder:after{
	display:none;
}
.form_table_caution{
  float:right;
  background:#f01d84;
  color:#fff;
  padding:0 5px;
  font-size:10px;
  margin-top:2px;
}
.form_table_td{
  margin-left:260px;
 }
.form_table_td input[type=text], .form_table_td input[type=password], .form_table_td select,
.form_table_td input[type=date], .form_table_td input[type=file]{
  border:none;
  outline:none;
  width:100%;
}
.form_table_td input[type=date]{
	width:auto;
}
.form_table_td select{
  width:auto;
  position:relative;
}
.form_table_td input[type=text].form_table_exist_label{
	width:80%;
}
.form_table_td input[type=text]:hover, .form_table_td select:hover{
  border:none;
}
.form_table_title{
  border-bottom:1px solid #555;
  font-size:18px;
  padding:0;
  margin:50px 0 20px 0;
}
.form_table_label_space{
	display:inline-block;
}
.table_tr{
	overflow:hidden;
	border-bottom:1px solid #ddd;
	position:relative;
	margin-top:15px;
}
.table_tr:before{
	content:" ";
  border-right:1px solid #ddd;
  position:absolute;
  left:150px;
  top:0;
  height:100%;
}
.table_th{
	width:150px;
	float:left;
	padding:5px 10px;
}
.table_td{
  height:100%;
	margin-left:151px;
	padding:5px 20px;
}
input[type=submit].form_submit{
	padding:20px 70px;
}
input[type=checkbox].button_form_table{
	min-width:0px;
}
input[type=checkbox].button_form_table + label{
	border-radius:0px;
	width:100%;
	margin:0 0 5px 0;
	font-size:12px;
	padding:5px 0;
}
.button_form_table_wrap{
	width:24%;
	display:inline-block;
	white-space: nowrap;
	margin-right:0.9%;
 }


.ex_form{
	border-top: 1px solid #c8c8c8;
	margin-right:170px;
}
.ex_form_h2_span{
	font-size:16px;
}
.ex_form .form_table_th{
  text-align:center;
  padding: 12px 10px 5px 0;
 }
.ex_form .form_table_tr:after{
	height:100%;
	border-right: 1px solid #c8c8c8;
}
.ex_form .form_table_tr{
	border-bottom: 1px solid #c8c8c8;
	margin: 0;
}
.ex_form .form_table_td{
	padding: 5px 0 5px 10px;
}
.ex_form_ad{
	width:150px;
	position:absolute;
	right:0px;
	top:0px;
}
@media (max-width: 768px){
	.ex_form_ad{
	  width:auto;
	  position:relative;
	  right:auto;
	  top:auto;
	  text-align:center;
	  margin-top:50px;
	}
	.ex_form{
	 margin-right:0px;
	}
}


/*************************************/
/* flash message */
/*************************************/
.error-message{
  font-size:14px;
  color:#ff0000;
  background:#ffeeee;
  padding:5px 10px 3px 10px;
}
#flashMessage, #authMessage{
  background:#ffeeee;
  color:#ff0000;
  margin:30px 0 10px 0;
  padding:5px 10px 3px 20px;
}

/*************************************/
/* paginate */
/*************************************/
.paging{
  margin:10px 0;
  text-align:center;
  overflow:hidden;
  font-size:13px;
  min-height:38px;
}
.paging span a, .paging span.current{
  display:inline-block;
  background:#fff;
  margin:0 2px;
  padding:2px 8px 0px 8px;
  border:1px solid #b7b7b7;
  color:#696969;
  line-height:1.8;
}
.paging span.current{
  background:#3C90BE;
  color:#fff;
  border:1px solid #3C90BE;
}

.paging span a:hover{
  background:#3C90BE;
  border:1px solid #3C90BE;
  color:#fff;
  text-decoration:none;
}
.pagingLeft{
  float:left;
  padding-top:5px;
  font-size:15px;
}
.pagingRight{
  float:right;
  padding-top:5px;
  font-size:15px;
}
.paging span.prev a, .paging span.next a{
	padding:2px 7px 0px 7px;
}
.paging span.prev a span, .paging span.next a span{
	margin:0px 3px;
}
.paginateAsc:before{
  margin-right:3px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-bottom: 12px solid #009fde;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.paginateDesc:before{
  margin-right:3px;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 12px solid #009fde;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

/*************************************/
/* bread */
/*************************************/
.breadCrumb{
  margin:15px 0 5px 0;
  overflow:hidden;
}
.breadCrumb li {
  float:left;
  padding:5px 0;
  margin-right:10px;
}
.breadCrumb li span{
  margin-right:10px;
}
.breadCrumb li a.breadNolink, .breadCrumb li a.breadNolink:hover{
  color:#555;
}

/*************************************/
/* share */
/*************************************/
.shareBtnWrap{
  vertical-align:middle;
  line-height:30px;
  overflow:hidden;
}
.fbShare{
	margin-top:-10px;
}
.fbShare, .twitterShare, .linkedinShare, .hatenaShare{
	float:left;
	margin-right:10px;
}



/*************************************/
/* header */
/*************************************/
header{
	height:100px;
	background:#0062b1;
	width:100%;
	min-width:1140px;
}
.header_logo{
	width:200px;
	float:left;
}
.header_logo img{
	width:200px;
	margin-top:15px;
}
.header_nav_btn{
  display:block;
  width:30px;
  height:20px;
  border-top:1px solid #fff;
  border-bottom:1px solid #fff;
	float:right;
	border-radius:0;
	background:0;
	min-width:auto;
	padding:0;
	margin:38px 0 0 0;
	position:relative;
	outline:none;
}
.header_nav_btn:after{
	content:' ';
	border-top:1px solid #fff;
  position:absolute;
  top:50%;
  left:0px;
  width:100%;
}
.header_sign_in_wrap{
  float:right;
  width:140px;
  margin:0 20px 0 0;
}
.header_sign_in{
	border:1px solid #fff;
	display:block;
	color:#fff;
	line-height:28px;
	margin:20px 20px 0 0;
	text-align:center;
	width:140px;
}
.header_about{
	background:#fff;
	color:#0062b1;
	font-size:10px;
	display:block;
	text-align:center;
	margin:5px 0 0 0;
	padding:2px 0;
}
.header_sign_in:hover{
	background:#fff;
	color:#0062b1;
}
.header_account_btn{
	background:none;
  float:right;
  margin:22px 20px 0 0;
  padding:0px 8px 0 0;
  position:relative;
  outline:none;
  font-size:12px;
}
.header_account_btn:after{
	content:" ";
	position:absolute;
	right:0px;
	top:4px;
  border-top: 10px solid #fff;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
}
.header_account_btn:hover{
	opacity:1;
	color:#eee;
}
.header_account_menu{
  position:absolute;
  left:0px;
  top:30px;
  background:#fff;
  border:1px solid #eee;
  padding:0;
  z-index:99;
  display:none;
  width:160px;
}
.header_account_menu li{
	display:block;
  border-bottom:1px solid #eee;
  margin-bottom:-1px;
  text-align:left;
}
.header_account_menu li a{
	display:block;
	color:#555;
	padding:6px 15px 5px 15px;
	font-size:11px;
}
.header_account_menu li a:hover{
	color:#fff;
	background:#0062b1;
}
.header_registration{
	position:absolute;
	right:220px;
	top:20px;
}
.header_regi_btn{
	float:left;
}
.headerAbout{
//	line-height:40px;
}
.headerAboutSp{
	display:none;
}
.header_amazon{
	background:#fff;
  height:58px;
	padding:0px 8px;
	line-height:58px;
	float:left;
	width:170px;
	position:relative;
  margin-right:10px;
}
.header_amazon a {
	display:block;
	line-height:58px;
}
.header_amazon a:hover{
	opacity:0.8;
}
.header_amazon a img:hover{
  opacity:1;
}
.header_amazon span{
	position:absolute;
	top:58px;
	left:3px;
	font-size:10px;
	color:#fff;
	line-height:1.7;
}
.header_regi_btn a{
	border:1px solid #fff;
	width:170px;
	display:block;
	font-size:20px;
	float:left;
	color:#fff;
	text-align:center;
	padding:8px 0;
	margin-right:10px;
	line-height:1;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.header_registration a span{
  font-size:12px;
  font-family:'游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic, "メイリオ", Meiryo,
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "ＭＳ　Ｐゴシック","MS P Gothic",
    sans-serif;
}
.header_registration a:hover{
	background:#fff;
	color:#0062b1;
}
.header_registration a.headerAboutLink{
  border:1px solid #ff0;
  color:#ff0;
}
.header_registration a span.headerAboutB{
	font-size: 16px;
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.header_nav_cover{
	display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black;
  opacity: 0.60;
  filter: alpha(opacity=60);
  z-index: 99;
}
nav{
	display: block;
  position: fixed;
  right: -300px;
  top: 0px;
  background: #231815;
  width: 250px;
  height: 100%;
  border-left: 1px solid #808080;
  border-bottom: 1px solid #808080;
  padding: 40px 20px 10px 20px;
  z-index: 101;
  overflow-y:scroll;
}
nav li a{
	display:block;
	border-bottom:1px solid #ccc;
	color:#fff;
	padding:10px 0;
}
nav li a:hover{
	color:#ccc;
}
.nav_close{
  position:absolute;
  top:10px;
  right:15px;
  cursor:pointer;
  width:30px;
}
.nav_close span{
  display: inline-block;
  position: relative;
  margin: 0 0 0 14px;
  padding: 0;
  width: 2px;
  height: 26px;
  background: #eee;
  transform: rotate(45deg);
}
.nav_close span:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -12px;
  width: 26px;
  height: 2px;
  margin-top: -1px;
  background: #eee;
}
/*************************************/
/* chat */
/*************************************/
.top_chat_wrap{
	width:250px;
	height:378px;
	position:fixed;
	bottom:10%;
	right:0;
	background:#231815;
	padding:20px;
  text-align:center;
  border:1px solid #fff;
  z-index:100;
}
.top_chat_icon{
	border:1px solid #fff;
	width:30px;
	height:30px;
	display:inline-block;
	text-align:center;
	color:#fff;
	font-size:20px;
	border-radius:15px;
}
.top_chat_wrap p{
	font-size:12px;
	color:#fff;
	margin:10px 0;
}

.top_chat_wrap input[type=text], .top_chat_wrap textarea{
	width:100%;
	border-radius:0px;
	margin:0 0 10px 0;
	padding:3px 5px;
	font-size:13px;
}
.top_chat_wrap textarea{
  height:70px;
  margin:0 0 5px 0;
}
.top_chat_wrap input[type=submit]{
	background:none;
	border:1px solid #fff;
	margin:0;
  width:100%;
  padding:2px 0;
  border-radius:0px;
}
.top_chat_close, .top_chat_show{
	position:absolute;
	top:10px;
	right:15px;
  cursor:pointer;
  width:20px;
}
.top_chat_show{
	display:none;
}
.top_chat_close span{
  display: inline-block;
  position: relative;
  margin: 0 0px 0 0;
  padding: 0;
  width: 2px;
  height: 20px;
  background: #eee;
  transform: rotate(45deg);
}
.top_chat_close span:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -9px;
  width: 20px;
  height: 2px;
  margin-top: -1px;
  background: #eee;
}
.top_chat_show span{
	display:block;
  margin-top:3px;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #fff;
  border-left: 10px solid transparent;
}

/*************************************/
/* footer */
/*************************************/
footer{
	clear: both;
	background:#0062b1;
	color:#fff;
	padding:60px 0 0 0;
	text-align:center;
	margin-top:50px;
	overflow:hidden;
	width:auto;
	min-width: 1140px;
}
footer ul li{
	display:block;
	margin:10px 0px;
}
footer ul li a{
	color:#fff;
}
.copyrights{
	clear:both;
	padding:30px 10px;
	margin:50px auto 0 auto;
  color:#fff;
  text-align:center;
  max-width:1000px;
}
.thelist_link{
	text-align:center;
	margin-top:30px;
}
.thelist_link img{
	width:150px;
	margin-top:10px;
}
.footer_memu_col{
	width:24%;
	float:left;
	text-align:left;
	padding:10px 10px 10px 0;
}
.footer_memu_col ul{
	margin-top:-10px;
}
.footer_memu_col a:hover{
	color:#fff;
	opacity:0.8;
}
.footer_memu_col p{
	font-size:10px;
}
.footer_thelist img{
	width:150px;
	margin:10px 0;
	max-width:100%;
}
.footer_amazon{
  background:#fff;
  padding:15px 10px;
  margin:10px 0 0 0;
  width:170px;
  display:inline-block;
}
.footer_amazon img{
	width:150px;
}

/*************************************/
/* top */
/*************************************/
.top_video_wrap{
	width:500px;
	height:500px;
	margin:10px auto 20px auto;
}
.top_video_wrap video{
  width:100%;
}
.top_title{
	margin:30px 0 80px 0;
	font-size:20px;
	text-align:center;
	line-height:2;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.top_menu_wrap, .topic_menu_wrap{
	margin:30px 0 ;
	overflow:hidden;
}
.topic_menu_wrap{
	display:table;
}
.top_menu, .topic_menu{
	width:32%;
	float:left;
	margin-right:1%;
}
.topic_menu{
	display:table-cell;
	float:none;
	position:relative;
	padding-bottom:20px;
}
.top_menu h2, .topic_menu h2{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align:center;
	border-left:1px solid #231815;
}
.top_menu_right, .topic_menu_right{
  border-right:1px solid #231815;
}
.top_menu img, .topic_menu img{
	height:170px;
}
.top_menu p,.topic_menu p{
	margin:10px 50px;
  font-size:12px;
  line-height:2.5;
}
.top_menu_link, .topic_menu_link{
	text-align:right;
	display:block;
	color:#333;
	position:relative;
	padding-right:15px;
}
.topic_menu_link{
	position:absolute;
	bottom:0px;
	right:30px;
}
.top_menu_link::before, .topic_menu_link::before{
  content:' ';
	position:absolute;
	right: 0px;
	top:4px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


.top_attention_caover{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: black;
	opacity: 0.60;
	filter: alpha(opacity=60);
	z-index: 99;
}
.top_attention_wrap{
  display: none;
	position: fixed;
	top: 50%;
	left:50%;
	background: #231815;
	width: 220px;
	height: 230px;
	margin:-110px 0 0 -115px;
	padding: 15px 20px 10px 20px;
	z-index: 101;
	color:#fff;
	text-align:center;
}
.top_attention_img{
	background:#fff;
	padding:10px;
	margin:0;
}
.top_attention_close{
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
}
.top_attention_text01{
	display:block;
	font-size:15px;
}
.top_attention_text02{
  display:block;
  font-size:16px;
  margin-top:5px;
}
.top_attention_text03{
  display:block;
  font-size:22px;
  font-weight:bold;
}
.top_attention_text04{
	font-size:10px;
	line-height:1.4;
	display:block;
}
.top_attention_link{
	border:2px solid #fff;
	padding:0;
	line-height:25px;
	display:block;
	font-size:16px;
	margin-top:5px;
	color:#fff;
	position:relative;
}
.top_attention_link span{
	position:absolute;
	right:10px;
	top:-2px;
}
.top_attention_link:hover{
	background:#fff;
	color:#333;
}



/*************************************/
/* login */
/*************************************/
.login_left{
	width:45%;
	float:left;
}
.login_right{
	width:45%;
	float:right;
}

/*************************************/
/* regis */
/*************************************/
.regi_group_select_wrap{
	overflow:hidden;
  margin:50px 0 50px 0;
  text-align:center;
}

.regi_group_select{
  display:inline-block;
	width:300px;
	background:#fff;
	border:2px solid #0062b1;
	color:#0062b1;
  text-align:center;
  border:2px solid #0062b1;
  margin:0 15px;
  padding:15px 0;
}
.regi_group_selected{
  background:#0062b1;
  color:#fff;
}

/*************************************/
/* about */
/*************************************/
.about_col{
	border-top:1px solid #333;
	padding:50px 0;
	overflow:hidden;
}

.about_maintitle{
	text-align:center;
	margin:70px 0 50px 0;
	font-size:18px;
	line-height:2;
}
.about_img01{
	margin:20px 0;
	text-align:center;
	clear:both;
}
.about_img01 img{
	width:179px;
}
.about_00{
	background-image:url("../img/about00.png");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:45px 45px;
	overflow:hidden;
}
.about_bayer, .about_brand{
  font-size:20px;
  color:#0062b1;
  text-align:center;
  margin-top:20px;
}
.about_bayer{
	float:left;
	margin-left:105px;
}
.about_brand{
	float:right;
  margin-right:90px;
}
.abount_text01{
	clear:both;
	font-size:18px;
	text-align:center;
}
.about_title{
  font-size:20px;
  color:#0062b1;
  text-align:center;
  margin: 20px 0 50px 0;
}
.abount_col2_l{
	width:50%;
	float:left;
	text-align:center;
	line-height:2;
}
.abount_col2_r{
  width:50%;
  float:right;
  text-align:center;
}
.about_img02{
	width:293px;
	margin-bottom:20px;
}
.about_img03{
  width:294px;
  margin-bottom:20px;
}
.about_img04{
	text-align:center;
}
.about_img04 img{
	width:341px;
}

/*************************************/
/* topic */
/*************************************/
.topic_label{
	border-left:1px solid #333;
  border-right:1px solid #333;
  margin:50px 0;
  text-align:center;
  font-size: 14px;
}
.topic_date{
	font-size:16px;
}
.topic_title{
	font-size:20px;
	margin:0 0 30px 0;
}
.topic_prev_next{
	overflow:hidden;
	margin:50px 0 100px 0;
}
.topic_prev{
	float:left;
}
.topic_next{
  float:right;
}
.topic_prev a, .topic_next a{
	color:#333;
	font-size:16px;
  position:relative;
}
.topic_prev a:hover, .topic_next a:hover{
  color:#0062b1;
}
.topic_prev a{
  padding-left:20px;
}
.topic_next a{
  padding-right:20px;
}
.topic_prev a::before{
  content:' ';
  position:absolute;
  left: 5px;
  top:4px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.topic_next a::before{
  content:' ';
  position:absolute;
  right: 5px;
  top:4px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.topic_menu{
	width:49%;
}
.topic_wrap{
	overflow:hidden;
}
.topic_list{
  width:49%;
  float:left;
  margin-right:1%;
  margin-bottom:50px;
}
.topic_img{
	width:170px;
	height:170px;
  float:left;
}
.topic_list h2{
  font-size:16px;
  margin:0 0 0 190px;
}
.topic_list h2 a{
  color:#0062b1;
}
.topic_list img{
  max-width:170px;
  max-height:170px;
}
.topic_list p{
  margin:10px 0 0 190px;
 }

/*************************************/
/* mypage menu */
/*************************************/
.mypage_menu{

}
.mypage_menu li a{
	display:block;
	border-bottom:1px solid #eee;
	padding:10px 0;
	color:#333;
	font-size:16px;
}
.mypage_menu li a:hover{
  color:#0062b1;
  border-bottom:1px solid #0062b1;
}
.mypage_menu .fa{
	width:20px;
	display:inline-block;
}
.mypage_menu_message li{
	margin-left:15px;
}
.mypage_menu_message li a{
  color:#b58a5b;
  font-size:13px;
  padding: 5px 0 5px 5px;
}
.mypage_menu_message li a b{
  color:#b58a5b;
}


/*************************************/
/* mypage */
/*************************************/
.concierge_searching, .concierge_searching2{
  font-size:18px;
  margin-bottom:30px;
  border:1px solid #f3f3f3;
  padding:20px 30px;
  position:relative;
}
.concierge_searching img, .concierge_searching2 img{
	width:50px;
	margin-right:20px;
	float:left;
}
.concierge_searching2 img{
	width:70px;
	margin-top:10px;
}
.concierge_searching_text2{
	margin-left:90px;
}
.concierge_searching_text{
	margin-left:70px;
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.concierge_searching_date{
  position:absolute;
  right:30px;
  bottom:20px;
  font-size:14px;
}
.concierge_searching_small_text{
	font-size:14px;
}
/*************************************/
/* message */
/*************************************/
.meitem_wrap{
	max-height:500px;
	width:610px;
	overflow-y: scroll;
	margin-bottom:10px;
	border-top:1px solid #aaa;
  border-bottom:1px solid #aaa;
  padding:10px 0;
}

.message_col{
	border-bottom:1px solid #eee;
	padding:10px 10px;
	display:block;
	color:#333;
	position:relative;
}
.message_col:hover{
  background:#eee;

}
.message_col_title{
	font-size:16px;
	font-weight:bold;
	margin-right:20px;
}
.message_col_icon{
	background: #f01d84;
  color: #fff;
  padding: 1px 5px;
  display:inline-block;
  font-size:14px;
  position:absolute;
  right:20px;
  top:23px;
}

.message_info{
	line-height:2;
	font-size:13px;
	margin:0 0 0 0;
}
.message_info_logo{
	margin:0 10px 10px 0;
	height:200px;
	background:#fff;
	vertical-align:middle;
	display:table-cell;
}
.message_info_logo img{
  width:100%;
}
.message_info_logo img:hover{
	opacity:1;
}
.message_info_logo:hover{
	opacity:0.8;
}
.message_info_body{
	line-height:1.5;
}
.message_info_img{
	width:33%;
	height:80px;
	display:block;
	float:left;
	margin-right:0.3%;
  line-height:80px;
  text-align:center;
}
.message_info_img img{
  vertical-align:middle;
  max-height:100%;
  max-width:100%;
}
.message_info_img_wrap{
	margin:10px 0;
	overflow:hidden;
}
.meitem_col{
	background:#F9DEF0; // #bae3f9;
	border-radius:5px;
	padding:15px 20px;
	margin:0 150px 20px 60px;
	position:relative;
}
.meitem_col:after{
  content:'';
	position: absolute;
	top:20px;
	left:-8px;
	margin:-5px 0 0 0;
	width:0;
	height:0;
	border-top:6px solid transparent;
	border-right:8px solid #F9DEF0; // #bae3f9;
	border-bottom:6px solid transparent;
}
.meitem_col_myself{
  background:#dff2fc;
  margin:0 10px 35px 200px;
}
.meitem_col_myself:after{
  content:'';
  position: absolute;
  top:20px;
  left:auto;
  right:-8px;
  margin:-5px 0 0 0;
  width:0;
  height:0;
  border-top:6px solid transparent;
  border-left:8px solid #dff2fc;
  border-right:none;
  border-bottom:6px solid transparent;
}

.meitem_col_admin{
  background:#f3f3f3;
}
.meitem_col_admin:after{
  border-right: 8px solid #f3f3f3;
}
.meitem_col_date{
	position:absolute;
	bottom:0px;
	left:405px;
	width:120px;
	line-height:1.4;
}
.meitem_col_myself .meitem_col_date{
  left:auto;
  right:410px;
	text-align:right;
}
.meitem_unread_line{
  text-align:center;
  border-bottom:1px dashed #aaa;
  margin:40px 0;
  position:relative;
}
.meitem_unread_line span{
  background:#fff;
  padding:0 20px;
  display:inline-block;
  position:absolute;
  left:50%;
  top:-10px;
  margin-left:-62px;
}
.no_message{
	background:#eee;
	padding:20px 30px;
	margin:0 0 20px 0;
}

.meitem_col_img_me, .meitem_col_img_partner{
  position:absolute;
  top:5px;
  right:-60px;
}
.meitem_col_img_partner{
	right:auto;
	left:-60px;
}
.meitem_col_img_me img, .meitem_col_img_partner img{
	width:50px;
	border-radius:25px;
	border:1px solid #ddd;
}

.message_menu li{
	border:1px solid #155a99;
	color:#155a99;
	text-align:center;
	margin-bottom:15px;

}
.message_menu li a{
	display:block;
  padding:10px 0;
  color:#155a99;
}
.message_menu li.selected a{
  background:#155a99;
  color:#fff;
}
.message_menu li.message_menu_else a{
	background:#f3f3f3;
}
.message_menu li.message_menu_else_selected a{
  background:#999;
  color:#fff;
}
.message_h2{
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	padding:10px 0;
	text-align:center;
	font-size:14px;
	margin:0 0 15px 0;
}
.message_h2_margintop{
	margin-top:20px;
}
.message_h3{
	color:#155a99;
	font-size:12px;
	margin:20px 0 0 0;
	padding:0px;
	font-weight:bold;
}
.message_link_btn{
  width:100%;
  padding:10px 0;
  font-size:14px;
}
.message_send_elsebtn{
	float:right;
}
.message_send_elsebtn .button{
	width:130px;
	padding:3px 0px 2px 0px;
}
.message_menu_else_wrap{
	margin-top:50px;
}
.messageMoveContents{
	margin:0 150px;
}
.messageLeave{
	font-size:16px;
	color:#ff40ff;
	text-align:center;
	margin:10px 0;
	font-weight:bold;
}



/*************************************/
/* buyer list */
/*************************************/
.buyer_list{
	border-bottom:1px solid #eee;
	padding:10px 10px;
	font-size:12px;
	color:#888;
	display:block;
	position:relative;
}
.buyer_list:hover{
	background:#fafafa;
}
.buyer_list_title{
	font-size:16px;
	display:block;
	color:#333;
	font-weight:bold;
}
.buyer_message_icon{
	position:absolute;
	right:10px;
	top:10px;
	background: #0062b1;
	display:block;
	padding:2px 10px;
	color:#fff;
}
.buyer_list_icon{
	display:inline-block;
	margin:0 10px 0 0;
}
.buyer_search_title{
  background:#eee;
  padding:10px 20px;
  font-size:18px;
  position:relative;
}
.buyer_search_open, .buyer_search_close{
	position:absolute;
	right:20px;
	top:15px;
}
.buyer_search_close{
	display:none;
}
.buyer_search_title:hover{
	background:#ddd;
	cursor:pointer;
}
.buyer_search_wrap{
	margin-bottom:20px;
}
.buyer_search_col{
  border:1px solid #eee;
  padding:0 10px 20px 20px;
}

/*************************************/
/* info */
/*************************************/
.info_list{
	border-bottom:1px solid #eee;
	padding:10px 0;
}
.info_list h2{
  margin:0;
  font-size:18px;
}
/*************************************/
/* 合同展 */
/*************************************/
.exhibYearWrap{
  font-size:15px;
  margin-top:40px;
  text-align:center;
}
.exhibYearNow{
  font-size:19px;
  border-bottom:2px solid #333333;
  padding:0 10px;
//  margin-left:50px;
}
.exhibMonthWrap{
  font-size:14px;
  margin-top:30px;
}
.exhibMonthWrap a, .exhibMonth{
  padding:0;
  width:8.333%;
  display:inline-block;
  text-align:center;
  border:1px solid #aaa;
  border-right:none;
  color:#0062b1;
}
.exhibMonth12{
	border-right:1px solid #aaa;
}
.exhibMonthWrap a:hover{
	background:#0062b1;
	color:#fff;
}
.exhibMonth{
	background:#eee;
}
.exhibMonthNow{
  background:#0062b1;
  color:#fff;
}
.exhibMonthEng{
	font-size:10px;
}
.exhibDayWrap{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content:         space-around;
  margin:10px 0 -28px 0;
  border-top:1px solid #aaa;
  border-bottom:1px solid #aaa;
  padding:2px 0;
}
.exhibDayWrap span{
  padding:0 0;
  width:20px;
  display:inline-block;
  text-align:center;
}
.exhibDayNow{
}
.exhibDayLineWrap{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap:         nowrap;
  border-left:1px solid #aaa;
  position:relative;
}
.exhibDayLine{
  border-right:1px solid #aaa;
  border-bottom:1px solid #aaa;
  min-height:100px;
  flex-grow:1;
  position:relative;
}
.exhibDayLineNow{
  background:rgba(0, 0, 0, 0.1);
}
.exhibDayBlock{
  position:absolute;
  top:0;
  left:0;
  white-space: nowrap;
  background:#e3eef6;
  display:block;
  padding:4px 0 3px 0;
  z-index:100;
  color:#7fb0d8;
}
.exhibDayBlock:nth-child(even){
	background:#bfd8ec;
	color:#0062b1;
}
.spExhibitions{
  display:none;
}
.exhibition_list li{
	overflow:hidden;
}
.exhibition_list li:nth-child(even) {
  background:#f5f5f5;
}
.exhibition_list li span{
	float:left;
	display:block;
  padding:8px 10px;
  word-break: break-all;
}
.exhibition_list_title span{
	text-align:center;
}
.exhibition_list_name{
	width:35%;
}
.exhibition_list_url{
	width:28%;
}
.exhibition_list_date{
	width:22%;
}
.exhibition_list li span.exhibition_list_btn{
  width:15%;
  text-align:center;
  padding:5px 0 0 0;
}
#google_map{
  width:100%;
  height:500px;
  margin:30px 0 30px 0;
}


.top_schedule_link{
  display:block;
  background:#0062b1;
  color:#fff;
  width:200px;
  padding:10px 0px 20px 0;
  text-align:center;
  font-size:14px;
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  position:absolute;
  top:100px;
  left:0px;
}
.top_schedule_link:hover{
  color:#fff;
  opacity:0.9;
}
.top_schedule_link p{
  font-size:16px;
  margin:10px 0;
}
.top_schedule_link_click{
  display:inline-block;
  font-size:30px;
  border-bottom:1px solid #fff;
  line-height:1;
  margin-top:10px;
}

.exhibH1{
  text-align:center;
  margin-top:50px;
}
.exhibH2{
  margin:0 0 0 0;
}
.exhibCatBtn{
  border:1px solid #0062b1;
  display:block;
  width:24%;
  float:left;
  margin:0 1% 1% 0;
  text-align:center;
  color:#333;
  padding:3px 0;
}
.exhibCatBtn:hover{
  background:#0062b1;
  color:#fff;
}
.exhibCatBtnOn{
	background:#0062b1;
	color:#fff;
}
.exhibCatBtnOn:hover{
  background:#fff;
	color:#333;
}
.exhibCatWrap{
  overflow:hidden;
  margin-top:50px;
}
.exhibRegiBtnWrap{
	overflow:hidden;
	margin-top:30px;
}
.exhibLogoWrap{
	float:left;
	width:200px;
	margin-bottom:50px;
}
.exhibInfoWrap{
	margin-left:220px;
  margin-bottom:50px;
}
.openTitleWrap {
    text-align: center;
    background: #aaa;
    padding: 90px 0;
    background-size: cover;
    background-position: center;
    background-image: url(/img/plan_title_bg.png);
}
.openTitleWrapExhibition {
    background-image: url(/img/exhibition_top.png);
}
.openTitleWrap h1 {
    display: inline-block;
    border: 2px solid #fff;
    margin: 0;
    color: #fff;
    padding: 7px 50px 5px 50px;
    font-size: 20px;
    font-weight: bold;
}







/*************************************/
/* brand detail */
/*************************************/
.brand_detail_header{
	overflow:hidden;
}
.brand_detail_img_main_wrap{
	position:relative;
  display:inline-block;
}
.brand_detail_img_main{
  display:inline-block;
}
.brand_detail_logo{
  position:absolute;
  bottom:10px;
  right:10px;
  width:150px;
}
.brand_detail_logo img{
	width:200px;
}
.brand_detail_title{
  float:left;
	width:500px;
	margin:0;
	padding:150px 0 0 20px;
}
.brand_detail_img_wrap{
  overflow:hidden;
  margin:20px 0 50px 0;
}
.brand_detail_img{
	float:left;
	display:block;
	margin-right:10px;
}
.brand_detail_img img{
	height:150px;
}

.brand_detail_img_main img{
  max-width:700px;
  max-height:500px;
  height:auto;
}

/*************************************/
/* plan */
/*************************************/
.planTitle{
	border-bottom:1px solid #221815;
	font-size:30px;
	margin:30px 0 10px 0;
  text-align:center;
}
.planSubtitle{
	margin:5px 0;
	text-align:center;
	font-size:20px;
}
.planColWrap{
	overflow:hidden;
	margin-top:50px;
}
.planLeftCol{
	width:50%;
	float:left;
	padding-right:40px;
  text-align:center;
}
.planRightCol{
	width:50%;
	float:right;
  padding-left:40px;
  text-align:center;
}
.planPoint{
	color:#0062b1;
	font-size:25px;
	display:block;
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.planPoint span{
	font-size:40px;
	padding:0 10px;
	font-weight:bold;
}
.planTitleH2{
	font-weight:bold;
  border-bottom:1px solid #221815;
  font-size:30px;
  margin:0;
  padding:0;
}
.planBenefits{
	overflow:hidden;
	border-right:1px solid #221815;
  border-left:1px solid #221815;
  margin:20px 0;
}
.planBenefitsLeft{
	width:100px;
	float:left;
	padding-top:5px;
}
.planBenefitsLeft span{
  font-size:45px;
  display:block;
  line-height:1.1;
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight:bold;
}
.planBenefitsText{
	margin-left:100px;
	text-align:left;
	font-size:12px;
	line-height:1.6;
	padding:0 5px 0 0;
}
.planBenefitsText2{
	padding-top:20px;
}
.planBenefitsText3{
	padding-top:10px;
}
.planPriceTitle{
	border-bottom:1px solid #221815;
	text-align:center;
	font-size:25px;
	font-weight:bold;
	margin:50px 0 0 0;
}
.planPrice{
	overflow:hidden;
  border-bottom:1px solid #221815;
  font-size:20px;
  text-align:center;
  padding:10px 0 0 0;
}
.planPriceLeft:after{
	content:" ";
	position:absolute;
	height:60%;
	right:0;
	bottom:0;
	border-right:1px solid #221815;
}
.planPriceLeft, .planPriceRight{
	float:left;
	width:50%;
  position:relative;
  padding:0 0 5px 0;
}
.planPriceRight{
  float:right;
}
.planImg{
	border:1px solid #eee;
}
.planLogo{
	max-width:200px;
}



/*************************************/
/* new top */
/*************************************/
.header_signin_menu{
	float:right;
	margin:36px 30px 0 0;
}
.header_signin_menu li{
	float:left;
	display:block;
}
a.header_signin_menu01, a.header_signin_menu02{
	border:2px solid #fff;
	padding:5px 20px;
	color:#fff;
	font-size:10px;
	margin-left:10px;
}
a.header_signin_menu02{
	background:#fff;
	color:#0062b1;
}
.header_unlogin_menu{
	float:right;
  margin:26px 30px 0 0;
}
.header_unlogin_menu li{
	float:left;
}
.header_unlogin_menu li a{
	color:#fff;
	padding:0 15px;
	text-align:center;
	display:block;
	height:50px;
	line-height:50px;
	font-size:16px;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 1000px){
  .header_unlogin_menu li a{
    padding:0 5px;
    font-size:13px;
  }
  .header_unlogin_menu{
	  margin:26px 10px 0 0;
	}
  .header_signin_menu{
    margin: 36px 10px 0 0;
  }
  .header_logo img{
    width:150px;
    margin-top:20px;
  }
  .header_logo{
    width:150px;
  }
}


.top_exp_wrap_gray{
	background:#cdcdcd;
}
.top_exp_inner{
	max-width:1000px;
	margin:0 auto;
	padding:30px 10px 20px 10px;
	position:relative;
}
.top_exp_inner_r{
  padding-left:50%;
}
.top_exp_title{
	font-size:32px;
	color:#1971b9;
	font-weight:normal;
	line-height:1.4;
	margin: 20px 0 10px 0;
}
.top_exp_inner p{
	font-size:16px;
	margin: 20px 0 20px 0;
	color:#000;
}
.top_exp_img{
	position:absolute;
}
.top_exp_img01{
  right:40px;
  top:50px;
  width:179px;
}
.top_exp_img02{
	top:40px;
	left:200px;
	width:150px;
}
.top_exp_img03{
  top:90px;
  left:30px;
	width:190px;
}
.top_exp_img04{
  bottom:0px;
  right:30px;
  width:280px;
}
.top_regi_wrap{
	max-width:1000px;
	text-align:center;
	padding:50px 0;
	overflow:hidden;
	margin:0 auto;
}
.top_regi_wrap h3{
	font-size:30px;
	margin:0;
	padding:0;
	color:#cdcdcd;
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.top_regi_left{
	float:left;
	width:50%;
}
.top_regi_right{
  float:right;
  width:50%;
}
.top_regi_right h3{
	color:#1a1918;
}
.button_b{
	background:#0062b1
}

.top_exhibition_wrap{
  background-image: url(../img/exhibition_top.png);
  text-align:center;
}
.top_exhibition_cover{
  background:rgba(150,150,150,0.9);
  color:#fff;
  padding:25px 0;
  display:block;
}
.top_exhibition_cover h2{
	font-size:36px;
	color:#fff;
	margin:20px 0 0 0;
	padding:0px;
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.top_exhibition_btn{
	background:#fff;
	color:#333;
	display:inline-block;
	padding:5px 30px;
	border-radius:3px;
	margin-top:15px;
}
.top_exhibition_btn:hover{
	background: #0062b1;
	color:#fff;
}
.top_news_blogs_wrap{
	padding:30px 0;
	text-align:center;
}
.top_news_blogs_col_img{
	width:220px;
}
.top_news_blogs_col_img img{
	width:220px;
	height:147px;
	object-fit: cover;
}
.top_news_blogs_wrap h2{
	font-size:20px;
	text-align:center;
	margin:0 0 20px 0;
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.top_news_blogs_col{
	display:inline-block;
	text-align:left;
	width:220px;
	margin:15px;
	text-align:center;
}
.top_news_blogs_col h3{
	font-size:12px;
	margin:5px 0 0 0;
	padding:0;
	height:40px;
	overflow:hidden;
	text-align:center;
}
.top_news_blogs_col h3 a{
  color:#0062b1;
}
.top_contact_title{
	font-size:20px;
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.top_contact_button{
	padding: 6px 40px 5px 40px;
	font-size: 16px;
}

@media (max-width: 1000px){
  .top_exp_title{
    font-size:28px;
  }
  .top_exp_img04{
    width:250px;
  }
}


/*************************************/
/* new about */
/*************************************/
.about02_top_title{
	font-size:35px;
	text-align:center;
	display:block;
	margin:70px 0 30px 0;
  font-weight:bold;
}
.about02_h1{
	text-align:center;
	line-height:1.4;
	font-size:20px;
	font-weight:bold;
}
.about02_contents{
	position:relative;
	height:1100px;
	max-width:900px;
	margin:0 auto;
}
.about02_col01 h2, .about02_col02 h2{
	margin:0;
	padding:0;
	font-weight:bold;
	font-size:30px;
}
.about02_col01 p, .about02_col02 p{
	margin:0;
	font-size:18px;
	line-height:1.5;
}
.about02_col01{
	position:absolute;
	top:80px;
	left:30%;
	color:#0062b1;
	font-weight:bold;
}
.about02_col01_img{
	position:absolute;
	top:30px;
	left:10%;
	width:179px;
}
.about02_col01_subtitle, .about02_col02_subtitle, .about02_col03_subtitle{
  color:#0062b1;
	font-size:38px;
	position:absolute;
	top:230px;
	right:50%;
	font-weight:bold;
	border-right:3px solid #0062b1;
	padding:30px 20px 0 0;
	height:150px;
}
.about02_col02_img01{
	width:200px;
	position:absolute;
	right:20%;
	top:400px;
}
.about02_col02_img02{
	width:250px;
	position:absolute;
	right:10%;
	top:260px;
}
.about02_col02{
	text-align:right;
	position:absolute;
	top:400px;
	right:40%;
  color:#0062b1;
}
.about02_col02_subtitle{
	top:540px;
	border-right:none;
	border-left:3px solid #0062b1;
	left:50%;
	right:auto;
	padding:0px 0 0 15%;
}
.about02_col03_img{
	position:absolute;
	top:760px;
	left:50%;
	margin-left:-135px;
	width:270px;
}
.about02_col03_subtitle{
  top:700px;
  border:none;
  height:auto;
  left:50%;
  padding:0;
  position:absolute;
  margin-left:-70px;
}
.about02_col03_subtitle:before{
	position:absolute;
	content:" ";
	top:8px;
	left:-30px;
	-webkit-transform: skewX(20deg);
	-moz-transform: skewX(20deg);
	transform: skewX(20deg);
	border-right: 1px solid #0062b1;
	height:50px;
}
.about02_col03_subtitle:after{
  position:absolute;
  content:" ";
  top:8px;
  left:170px;
  -webkit-transform: skewX(-20deg);
  -moz-transform: skewX(-20deg);
  transform: skewX(-20deg);
  border-right: 1px solid #0062b1;
  height:50px;
}
.about02_col03{
	text-align:center;
	bottom:30px;
	position:absolute;
	left:50%;
	margin-left:-192px;
	color:#0062b1;
	font-size:25px;
	line-height:1.4;
}
.about02_col03_stext{
	font-size:12px;
	display:block;
	margin:20px 0 0 0;
}
.about02_footer{
	background:#0062b1;
	color:#fff;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	padding:50px 0;
}


/*************************************/
/* new regi */
/*************************************/
.regi02_h1{
	text-align:center;
	font-size:40px;
	font-weight:bold;
	margin:80px 0 50px 0;
}
.regi02_subtitle{
	text-align:center;
	font-weight:bold;
	font-size:18px;
}
.regi02_exp_wrap{
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
}
.regi02_exp_col{
	width:31%;
	margin:0 1%;
	float:left;
	text-align:center;
}
.regi02_exp_col h2{
	margin:20px 0 0 0;
	color:#0062b1;
	font-size:18px;
}
.regi02_exp_col h2 span{
	font-size:40px;
	font-weight:bold;
}
.regi02_exp_col img{
	max-width:170px;
}
.regi02_exp_col h3{
	font-size:16px;
  font-weight:bold;
  min-height:54px;
}
.regi02_exp_col p{
	font-size:12px;
}
.regi02_amazon_wrap{
	background:#0062b1;
	padding:50px;
	text-align:center;
	color:#fff;
	margin:0 -15px;
}
.regi02_amazon01{
	display:block;
	font-size:30px;
	font-weight:bold;
	margin:0 0 10px 0;
}
.regi02_amazon02{
	display:block;
}
.regi02_amazon03{
  dis02play:block;
  font-size:35px;
  font-weight:bold;
  margin:10px 0;
}
.regi02_amazon03 img{
	width:200px;
	margin-right:20px;
}
.regi02_amazon04{
  display:block;
  font-size:10px;
}
.regi02_form_wrap{
	background:#f9f9f9;
	max-width:800px;
	margin:80px auto;
	border:1px solid #0062b1;
	padding:30px 50px;
}
.regi02_form_wrap h2{
	margin:0 0 20px 0;;
	border-bottom:2px solid #333;
	font-weight:bold;
}
.regi02_form_label{
	font-size:16px;
	font-weight:bold;
	margin:15px 0 5px 0;
}
.regi02_form_caution{
	color:#fff;
	font-size:12px;
	background:#0062b1;
	display:inline-block;
	padding:0 10px;
	margin-left:10px;
}
.regi02_form input[type=text], .regi02_form input[type=password]{
	width:100%;
	border:1px solid #333;
}
.regi02_form_half_wrap{
	overflow:hidden;
}
.regi02_form_half_l{
	width:49%;
	float:left;
}
.regi02_form_half_r{
  width:49%;
  float:right;
}
input[type=submit].regi02_form_submit{
	padding: 15px 120px;
	background:#0062b1;
	font-size:16px;
}
a.regi02_brand_link{
	width:304px;
	border:3px solid #0062b1;
	color:#0062b1;
	display:block;
	margin:0 auto 100px auto;
	text-align:center;
	padding:15px 0;
}
a.regi02_brand_link:hover{
  color:#fff;
  background:#0062b1;
}
.about02_footer_margin, .top_news_blogs_wrap_margin{
	margin:0 -15px;
}
.regi02_exp_stext{
	padding:50px 0;
	text-align:left;
	clear:both;
	max-width:620px;
	margin:0 auto;
	display:block;
}
.regi02_hr{
	border-top:2px solid #0062b1;
}
.regi02_form_stext{
    text-align:center;
}

/*************************************/
/* introduction */
/*************************************/
.introductionSubtitle {
    font-size: 30px;
}
.introBlockWrap{
  overflow:hidden;
  clear:both;
  margin:30px 0;
}
.introBlock:nth-child(even){
  float:right;
  width:48%;
}
.introBlock:nth-child(odd){
  float:left;
  width:48%;
}
a.introBlock{
  color:#323232;
  display:block;
}
a.introBlock img{
  width:100%;
  max-width:100%;
}

.introBlock:hover{
  opacity:0.8;
  text-decoration:none;
}
.introBlockTitle{
  border-bottom:1px solid #808080;
  padding:5px 0px 10px 0px;
  margin-bottom:10px;
  font-size:15px;
}
a.introBlockS{
  color:#323232;
  margin-bottom:30px;
  display:block;
  font-size:14px;
}
.introBlockS:hover{
  opacity:0.8;
  text-decoration:none;
}
.introBlockS{
  width:230px;
  margin:0 auto;
}
.introBlockS img{
  max-width:230px;
}
.headerContents{
  margin-bottom:50px;
}
.headerContents img{
  max-width:100%;
}
.introTopText{
  width:760px;
  margin:0 auto;
}
.introTopImg{
  width:500px;
  margin:0 auto;
}
.introductionTitle{
  margin-bottom:5px;
}
.primaryContents {
    width: 700px;
    float: left;
    padding-bottom: 50px;
}
.secondaryContents {
    float: right;
    width: 230px;
    padding-bottom: 50px;
}


/*************************************/
/* calender */
/*************************************/

.calWrap{
//	width:815px;
	margin:0px auto;
	padding:10px 5px 10px 10px;
  background:#fff;
  coloe:#969696;
  width:100%;
  box-sizing:border-box;
  font-family:"Avenir Next Medium", "ヒラギノ角ゴ ProN W6",
  '游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic, "メイリオ", Meiryo,
  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
  "ＭＳ　Ｐゴシック","MS P Gothic",
  sans-serif;
  position:relative;
}
.calWrapMargin{
	margin:50px auto;
}
.calCatWrap{
	margin:0 0 20px 0;
	text-align:right;
}
.calCat{
	color:#969696;
	display:inline-block;
	position:relative;
	padding:5px 5px 2px 35px;
	margin:0 10px 0 10px;
}
.calCatNow{
	background:#eee;
}
.calCat:before{
	position:absolute;
	top:5px;
	left:5px;
	width:20px;
	height:20px;
	background:#969696;
	content:"";
	border-radius:2px;
}
.calCat1:before{
	background:#55d2ff;
}
.calCat2:before{
  background:#ee86a1;
}
.calCat3:before{
  background:#8f82bc;
}
.calCat5:before{
  background:#30b6a1
}
.calCat6:before{
  background:#ff8542
}
.calCat3, .calCat5{
	margin:0 8px 0 8px;
}
.calMenu{
  padding:0 9px 0 0px;
  margin-bottom:8px;
  overflow:hidden;
}
a.calTodayBtn, a.calMenuRBtn{
  display:inline-block;
  border:1px solid #969696;
  border-radius:5px;
  width:80px;
  text-align:center;
  line-height:34px;
  color:#969696;
//  background:#dcc85c;
  font-weight:bold;
  padding-top:1px;
  margin-top:10px;
}


.calMenuR{
	float:right;
}
a.calMenuRBtn{
	display:inline-block;
//	border:1px solid #465a78;
	width:80px;
	text-align:center;
	line-height:35px;
//	color:#465a78;
//	background:#fff;
margin-left:10px;
}
a.calMenuRBtnNow{
//	background:#465a78;
//	color:#fff;
}
.calSelectMonth{
  line-height:30px;
  font-size:24px;
  border:1px solid #fafafa;
  outline:none;
  background:#fafafa;
  padding: 3px 10px;
  color:#969696;
  vertical-align:middle;
}
.calPrevMonthBtn, .calNextMonthBtn{
	position:relative;
	width:34px;
	height:34px;
	display:inline-block;
	margin:0 10px 0 20px;
	vertical-align:middle;
	background:#7a7a7a;
	border-radius:17px;
	line-height:5;
}
.calNextMonthBtn{
	margin:0 0 0 0px;
}
.calPrevMonthBtn::before, .calNextMonthBtn::before{
  content: '';
  position: absolute;
  top: 7px;
  left: 9px;
  border-top: 10px solid transparent;
  border-right: 13px solid #fff;
  border-bottom: 10px solid transparent;
  border-left:none;
}
.calNextMonthBtn::before{
  top: 7px;
  left: 12px;
	border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 13px solid #fff;
  border-right:none;
}

/*
.calPrevMonthBtn::before, .calNextMonthBtn::before{
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 1px #969696;
  border-left: solid 1px #969696;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 6px;
  left: 15px;
}
.calNextMonthBtn::before{
	border-left:none;
  border-right: solid 1px #969696;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0px;
}
*/
.calWeek div{
	width:113px;
	display:inline-block;
//	background:#455977;
//	color:#fff;
  border-top: solid 1px #969696;
  border-left: solid 1px #969696;
	text-align:center;
	padding:5px 0 3px 0;
	font-size:12px;
  width:14%;
  box-sizing:border-box;

}
.calWeek div:last-child{
//	width:114px;
	border-right: solid 1px #969696;
}
.calCol{
	overflow:hidden;
	position:relative;
  height:85px;
  min-height:85px;
}
.calBlock, .calBlank{
//  width:113px;
  float:left;
  border:1px solid #969696;
  border-right:none;
  border-top:none;
  position:relative;
  height:100%;
  position:relative;
  width:14%;
  box-sizing:border-box;
}
.calBlank{
//  background:#fafafa;
}
.calBlock:last-child,.calBlankEd:last-child{
	border-right:1px solid #969696;
}
.calBlockLink{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:100;
}
.calBlockDay{
	font-size:12px;
	text-align:center;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}
.calBlockToday{
//  background:#dcc85c;
  position:relative;
}
.calBlockToday:before{
	position:absolute;
	top:0px;
	left:50%;
	content:"";
	width:20px;
	height:20px;
	background:#ff0055;
	border-radius:10px;
	z-index:1;
	margin-left:-9px;
}
.calBlockToday span{
	z-index:2;
}
.calBlockDay span{
	z-index:2;
	position:relative;
}
.calBlockExhWrap{
	position:absolute;
	width:100%;
	height:100%;
}
.calBlockExh{
	position:absolute;
	left:0px;
	top:20px;
	background:#55d2ff;
	color:#000;
	font-size:12px;
	line-height:1.2;
	padding:3px 5px 3px 5px;
	height:18px;
	width:112px;
	overflow:hidden;
//	border-left:5px solid #fff;
//  border-right:5px solid #fff;
  z-index:105;
  margin-left:1px;
}
.calBlockExh:hover{
	cursor:pointer;
}
.calBlockExh:nth-child(2){
	top:40px;
}
.calBlockExh:nth-child(3){
  top:60px;
}
.calBlockExh:nth-child(4){
  top:80px;
}
.calBlockExh:nth-child(5){
  top:100px;
}
.calBlockExh:nth-child(6){
  top:120px;
}
.calBlockExh:nth-child(7){
  top:140px;
}
.calBlockExh:nth-child(8){
  top:160px;
}
.calBlockExh:nth-child(9){
  top:180px;
}
.calBlockExh:nth-child(10){
  top:200px;
}
.calBlockExhImg{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000;
//	display:none;
  width:100px;
  height:50px;

}



.calOver{
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.7);
	top:0px;
	left:0px;
	z-index:2000;
	padding:10% 10%;
	display:none;
	  font-family:"Avenir Next", "Avenir Next Medium", "ヒラギノ角ゴ ProN W6",
  '游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic, "メイリオ", Meiryo,
  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
  "ＭＳ　Ｐゴシック","MS P Gothic",
  sans-serif;
}
.calCloseOver{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:2001;
}
.calDetailWrap{
	background:#fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
//	height: 80vh;
	width:80%;
	max-height:100%;
//	border-radius:10px;
	padding:0 30px;
	max-width:500px;
  display:none;
  z-index:2002;
  overflow:hidden;
}
.calDetailInner{
  overflow-y:scroll;
  max-height:90vh;
  padding:30px 0;
  width:120%;
  padding-right:18%;
}
.calDetailWrap h2{
	margin:10px 0 0 0;
	padding:0;
	font-size:26px;
	font-weight:bold;
}
.calDetailWrap p{
	margin: 1.6em 0 0 0;
}
.calDetailImg img{
	width:100%;
	max-width:200px;
}
.calDetailDate{
	font-size:22px;
}
.calDetailClose{
	font-size:30px;
	position:absolute;
	top:15px;
	right:20px;
	display:block;
	cursor:pointer;
}
.calDetailBtn{
	width:100%;
	border-radius:0px;
	padding: 19px 40px 19px 40px;
}


.calAgendaWrap{
	border:1px solid #c8c8c8;
	border-bottom:none;
}
.calAgendaCol{
	overflow:hidden;
	padding:15px;
	border-bottom:1px solid #c8c8c8;
	padding-top: 95px;
	margin-top:-80px;
}
.calAgendaCalD{
	width:70px;
	float:left;
}
.calAgendaCalD span{
	border:1px solid #c8c8c8;
	border-radius:3px;
	display:inline-block;
  width:30px;
  height:30px;
  text-align:center;
  line-height:30px;
  font-size:18px;
  margin-right:10px;
//  font-weight:bold;
}
.calAgendaCalD span.calAgendaCalDToday{
	border:1px solid #ff0055;
}
.calAgendaCalE{
	margin-left:80px;
}
.calAgendaBlock{
	background:#969696;
	color:#000;
	padding:10px 20px;
	cursor:pointer;
	margin-bottom:10px;
	position:relative;
	z-index:11;
}
.calAgendaBlock1, .calBlockExh1{
	background:#55d2ff;
}
.calAgendaBlock2, .calBlockExh2{
  background:#ee86a1;
}
.calAgendaBlock3, .calBlockExh3{
  background:#8f82bc;
}
.calAgendaBlock5, .calBlockExh5{
  background:#30b6a1;
}
.calAgendaBlock6, .calBlockExh6{
  background:#ff8542;
}
.calRegiBtn{
	margin-bottom:10px;
}
.calWrap .form_table_td input[type=text], .calWrap .form_table_td input[type=file]{
	padding:5px 0;
}



.calFormFileDiv input[type=file] {
  display: none;
}
.calFormFileDiv label {
  background: #969696;
  color:#fff;
  padding: 3px 10px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-right: 8px;
}
.calFormFileDiv label:hover {
  opacity: 0.7;
  transition: 0.3s ease-out;
}
.calFormFileDiv label:after {
  content: "選択されていません";
  color: #333;
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: -140px;
  top: calc(50% - 10px);
}
.calFormFileDiv label.changed:after {
  content: "";
}
.calFormFileDiv .filename {
  font-size: 12px;
}
.colFormRadioDiv input[type=radio].button{
	display:none;
}



.calPopup{
	position:absolute;
	top:100px;
	left:100px;
	width:400px;
	height:400px;
	background:#fff;
	box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .5);
	overflow:hidden;
	z-index:106;
	padding:12px;
	display:none;
	border:1px solid #eee;
}
.calPopupInner{
	}
.calPopupImg img{
	width:100%;
}
.calPopup h2{
	margin:5px 0;
	font-weight:bold;
}



@media (max-width: 815px){
  .calRegiBtn{
    text-align:center;
  }
}