@charset "utf-8";

/* ヘッダーの固定 */
#header-fixed
{
	position: fixed;            /* ヘッダーの固定 */
	top: 0px;                   /* 位置(上0px) */
	left: 0px;                  /* 位置(右0px) */
	width: 100%;              /* 縦幅100px */
	z-index: 101;
}

#header_outside {
	height:120px;              /* 縦の高さ110px */
	width:100%;
	background-image: url(../img/common_img/header_bg.png);
	background-repeat: repeat-x;
}
 
 
#header {
	height: 120px;
	width: 1000px;              /* 横の幅970px */
	margin: auto;              /* 中央揃え */
	position: relative;
}
.inside_logo {
	height: 75px;
	width: 320px;
	position: absolute;
	left: 20px;
	top: 0px;
}

.inside_header_tel {
	height: 65px;
	width: 270px;
	position: absolute;
	top: 10px;
	right: 20px;
}



#wrapper{
	padding-top: 120px;
	font-size: 15px;
	 line-height: 1.6;
}

.inside_main_title_outside {
	background-image: url(../img/common_img/inside_main_title_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	height: 300px;
	width: 100%;
}

.inside_main_title_s_outside{
	background-image: url(../img/common_img/inside_main_title_s_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	height: 120px;
	width: 100%;
}


.inside_main_title {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.page_title_l {
	height: 300px;
	width: 1000px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.page_title_s {
	height: 120px;
	width: 1000px;
	position: absolute;
	left: 0px;
	top: 0px;
}



.inside_contents_outside{
	background-image: url(../img/index_img/maincopy_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
}

.inside_contents{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	zoom: 100%;
	padding-top: 30px;
	padding-bottom: 50px;
}

.inside_contents:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}


.dropmenu{
  *zoom: 1;
	list-style-type: none;
	width: 1000px;
	/*margin: 5px auto 30px;*/
  padding: 0;
	position: absolute;
	left: 0px;
	top: 75px;
	height: 45px;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
	position: relative;
	width: 166px;
	float: left;
	margin: 0;
	padding: 0;

}
.dropmenu li a{
	display: block;
	margin: 0;
	text-decoration: none;
	background-color: #FFF;
	height: 45px;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 99999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  
}
.dropmenu li ul li{
  width: 100%;
/*  	height: 45px;
*/
}
.dropmenu li ul li a{
	text-align: left;
		background-color: #FFF;

}
.dropmenu li:hover > a{
	background-color: #FFF;
/*  background: #6e7c0c;
*/}
.dropmenu li a:hover{
	background-color: #FFF;
/*  background: #616d0b;
*/}

#flip > li{
  perspective: 400px;
}
#flip li ul{
  visibility: hidden;
  transform: rotateX(-90deg);
  transform-origin: 50% 0;
  transition: .3s;
}
#flip li:hover ul{
  visibility: visible;
  transform: rotateX(0);
}

#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}
.headline {
	font-size: 20px;
	line-height: 36px;
	color: #FFF;
	background-image: url(../img/common_img/headline_bg.png);
	background-repeat: no-repeat;
	height: 36px;
	width: 950px;
	padding-left: 10px;
}
.sub_headline {
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #227EC5;
	border-bottom-color: #227EC5;
	background-color: #E3F4FC;
	background-image: url(../img/common_img/sub_title_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}
.common_list li {
	background-image: url(../img/common_img/common_list_icon.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 20px;
}

.common_list2 li {
	background-image: url(../img/common_img/common_list_icon2.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 20px;
}


.common_dl dt {
	font-weight: bold;
	clear: left;
	float: left;
	width: 6em;
	color: #227EC4;
	background-image: url(../img/common_img/common_list_icon.png);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-left: 20px;
	
}

.common_dl dd {
	padding-left:  7em;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	
	
}



.attension_box {
	background-color: #eee;
	padding: 14px;
	border: 1px solid #CCC;
}
.attension_dl dt {
	font-weight: bold;
	clear: left;
	float: left;
	width: 14em;
	color: #227EC4;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.attension_dl dd {
	padding-left:  14em;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}

.attension_dl2 dt {
	font-weight: bold;
	clear: left;
	float: left;
	width: 14em;
	color: #FF4000;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.attension_dl2 dd {
	padding-left:  14em;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}

.attension_dl2 dd:last-child {
	padding-left:  14em;
	margin-bottom: 0px;
	padding-bottom: 5px;
	border-bottom-style: none;
}


/*----------------------------------------
----------------------------------------
	about
----------------------------------------
----------------------------------------*/
.about_step_box_start{
	background-image: url(../img/about_img/step_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	padding-right: 30px;
	padding-left: 30px;
	width: 900px;
	zoom: 100%;
	padding-top: 30px;
    }
	
.about_step_box{
	background: url(../img/about_img/step_arrow.png) center top no-repeat,url(../img/about_img/step_bg.png) repeat-x center top;
	padding-right: 30px;
	padding-left: 30px;
	width: 900px;
	zoom: 100%;
	padding-top: 30px;
    }

.about_step_box_start:after,
.about_step_box:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}


.about_step_txt_box{
	display:table;
	table-layout: fixed;
	float: left;
}
.about_step_txt_box  li{
	display:table-cell;
	vertical-align:top;
	text-align:left;
}



.about_step_no{
	width: 120px;
	vertical-align: baseline;
}

.about_step_txt{
	width: 450px;
}

.about_step_img{
	width: 300px;
	float: right;
}

.hal_type {
zoom: 100%;
}
.hal_type:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

.hal_type li {
	float: left;
	width: 300px;
}

.hal_type li p{

	font-size: 18px;
	color: #227EE1;
}

.hal_type li img {
	border: 5px solid #FFF;
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
	box-shadow: 2px 2px 5px #666;
	margin-bottom: 10px;
}


/*----------------------------------------
----------------------------------------
	halfit
----------------------------------------
----------------------------------------*/

.fixed {
    position: fixed;
    top: 120px;
    width: 980px;
	 z-index: 100;
}


.inside_nav_outside    {
	/*display:table;
	table-layout: fixed;
	width:100%;
	margin-bottom: 30px;*/
	table-layout: fixed;
	width:100%;
	background-color: #227ED6;
}

/*.inside_nav    {
	width:1000px;
	background-color: #0F3;
	margin-right: auto;
	margin-left: auto;
	zoom: 100%;
}
.inside_nav:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
*/

.inside_nav  {
  margin: 0;  /* 余分なマージンを消去 */
  padding: 0; /* 余分なパディングを消去 */
  text-align: center; /* 中央寄せ */
}
 
.inside_nav  li {
	list-style-type: none; /* リストのマーカーを消去 */
	display: inline-block; /* 横並びに */
	margin: 0;
	height: 36px;
	line-height: 36px;
}

.inside_nav  li a {
	color: #FFF;	
}

.inside_nav li:after {
	content:"｜";
	padding-right: 5px;
	padding-left: 5px;
	color: #FFF;
}

.inside_nav li:last-child:after {
	content:"";
}
 
/* IE6 */
.inside_nav  li {
  _display: inline; /* IE6がdisplay: inline-block;に対応していないので */
}
 
/* IE7 */
*:first-child+html .inside_nav.center li {
  display: inline; /* IE7がdisplay: inline-block;に対応していないので */
}


/*.inside_nav li {
	float: left;
	background-color: #69C;
}

.inside_nav li:after {
	content:"｜";
	padding-right: 5px;
	padding-left: 5px;
}

.inside_nav li:last-child:after {
	content:"";
}
*/
/*.inside_nav    {
	display:table;
	table-layout: fixed;
	width:100%;
	margin-bottom: 30px;
	
	width:1000px;
	background-color: #0F3;
	margin-right: auto;
	margin-left: auto;
}*/
/*.inside_nav li{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}*/
.halfit_course_l_box {
	float: left;
	width: 320px;
}

.training_list {
zoom: 100%;
}
.training_list:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}


.training_list li {
	float: left;
	width: 225px;
	position: relative;
}
.magnifier {
	height: 30px;
	width: 30px;
	left: 195px;
	top: 120px;
	position: absolute;
}


.training_course_imglist    {
	display:table;
	table-layout: fixed;
	float: right;
	width: 290px;
	margin-left: 10px;
}
.training_course_imglist li{
	display:table-cell;
	vertical-align:top;
	text-align:left;
	width: 150px;
}


.tb_price  {
	border-spacing: 0;
	border-collapse:collapse;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	}

.tb_price th {
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	background-color: #227EC5;
	font-size: 16px;
	color: #FFF;
	padding: 10px;
	width: 20%;
}

.tb_price td {
	vertical-align: middle;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-right: 10px;
}
.tb_price tr .kaisu {
	background-color: #E3F4FC;
	text-align: right;
	width: 17%;
}
.tb_price tr .kakaku {
	font-size: 16px;
	color: #E63182;
	text-align: right;
	width: 18%;
}

.tb_price2  {
	border-spacing: 0;
	border-collapse:collapse;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	}

.tb_price2 th {
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	background-color: #E3F4FC;
	font-size: 16px;
	padding: 10px;
	width: 30%;
}

.tb_price2 td {
	vertical-align: middle;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-right: 10px;
}
.tb_price2 tr .kaisu {
	background-color: #E3F4FC;
	text-align: right;
	width: 15%;
}
.tb_price2 tr .kakaku {
	font-size: 16px;
	color: #E63182;
	text-align: right;
	width: 15%;
}



.halfit_attension_dl dt {
	font-weight: bold;
	clear: left;
	float: left;
	width: 22em;
	color: #227EC4;
	
}

.halfit_attension_dl dd {
	padding-left:  22em;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	
	
}

.halfit_attension_dl dd.last {
	padding-left:  22em;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom-style: none;	
	
	
}
.cafe_box {
	float: left;
	width: 460px;
}
.goods_box {
	float: right;
	width: 460px;
}


/*----------------------------------------
----------------------------------------
	trial
----------------------------------------
----------------------------------------*/

.trial_l_box {
	float: left;
	width: 690px;
}
.trial_r_box {
	float: right;
	width: 240px;
}
.course_flow     {
    display:table;
    table-layout: fixed;
    width:100%;
}
.course_flow li.course_flow_title{
	display:table-cell;
	vertical-align:top;
	text-align:left;
	width: 100px;
}

.course_flow li.course_flow_contents{
	display:table-cell;
	vertical-align:top;
	text-align:left;
	width: 860px;
}



/*----------------------------------------
----------------------------------------
	setsumei
----------------------------------------
----------------------------------------*/
.setsumei_dl {
}
.setsumei_dl dt {
	background-image: url(../img/common_img/common_dt_bg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	font-weight: bold;
	clear: left;
	float: left;
	width: 7em;
	color: #227EC4;
}

.setsumei_dl dd {
	padding-left:  10em;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
.setsumei_yoyaku {
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	background-color: #E63182;
	margin-left: 1em;
	padding-top: 3px;
	padding-right: 8px;
	padding-bottom: 3px;
	padding-left: 8px;
		border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}


/*----------------------------------------
----------------------------------------
	staff
----------------------------------------
----------------------------------------*/
.staff_box {
	padding: 19px;
	border: 1px solid #CCC;
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
	box-shadow: 2px 2px 5px #666;
	position: relative;
	zoom: 100%;
}

.staff_box:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}



.clip {
	height: 60px;
	width: 39px;
	position: absolute;
	left: 900px;
	top: -7px;
}


.staff_list    {
    display:table;
    table-layout: fixed;
    width:100%;
}
.staff_list li{
	display:table-cell;
	vertical-align:top;
	text-align:left;
}


.staff_list li.staff_face{
	width: 180px;    
}

.staff_list li.staff_txt{
    
}
.staff_name {
	font-size: 17px;
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	color: #227EC4;
}
.staff_yaku {
	color: #FFF;
	background-color: #227EC4;
	font-size: 14px;
	margin-left: 20px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}



/*----------------------------------------
----------------------------------------
	tour
----------------------------------------
----------------------------------------*/

.tour_l_box {
	float: left;
	width: 450px;
}
.tour_r_box {
	float: right;
	width: 490px;
}
.tour_contact {
	background-image: url(../img/tour_img/tour_contact_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 170px;
	width: 960px;
	position: relative;
}
.bt_tour_mail {
	position: absolute;
	left: 400px;
	top: 56px;
	height: 46px;
	width: 220px;
}

/*----------------------------------------
----------------------------------------
	qa
----------------------------------------
----------------------------------------*/

.qa {
	width: 100%;
}
.qa .question {
	display: block;
	width: 95%;
	line-height: 1.2;
	/*height: 50px;
	line-height: 50px;*/
	cursor: pointer;
	position: relative;
	/*	background-color: #FFF0AC;
*/	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 5%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	background-color: #E3F4FC;
}

.qa .question:before {
	content: "";
	position: absolute;
	top: 15px;
	left: 10px;
	display: block;
	width: 18px;
	height: 18px;
	background: url(../img/tour_img/q.png) no-repeat;/*    background-size: contain;
*/}

.qa .question:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 3%;
    display: block;
   width: 18px;
	height: 18px;
    background: url(../img/tour_img/add.png) no-repeat;
    background-size: contain;
}
.qa .active:after {
	content: "";
	position: absolute;
	top: 15px;
	right: 3%;
	display: block;
	width: 18px;
	height: 18px;
	background-size: contain;
	background-image: url(../img/tour_img/minus.png);
	background-repeat: no-repeat;
}
.qa .answer {
	height: auto;
	display: none;
	padding-top: 0;
	padding-right: 0;
	padding-left: 5%;
	margin-bottom: 20px;
	margin-top: 5px;
	position: relative;
}


.qa .answer:before {
    content: "";
    position: absolute;
    top: 3px;

    left: 10px;
    display: block;
    width: 18px;
	height: 18px;
    background: url(../img/tour_img/a.png) no-repeat;
    background-size: contain;
}

/* -----------------------------------------*/
/* contact ----------------------------------*/
/* -----------------------------------------*/
.tb_contact  {
	border-spacing: 0;
	border-collapse:collapse;
	width: 100%;
	margin-bottom: 20px;
}

.tb_contact th {
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 14em;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 1.4;
}

.tb_contact td {
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 10px;
	padding-bottom: 10px;
}

.tb_contact tr .last {
	border-bottom-style: none;
}

input[type="text"]{
	height:32px;
	padding-left:10px;
	width:70%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
}

input[type="text"].seimei{
	height:32px;
	padding-left:10px;
	width:50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
}

.seimei{
	height:32px;
	padding-left:10px;
	width:50%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
}


input[type="text"].yubin{
	height:32px;
	padding-left:10px;
	width:15%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
}

textarea {
width:80%;
resize: vertical;
}

.btn_wrap{
	width: 100px;
	margin-right: auto;
	margin-left: auto;
}

 input[type="submit"]  {
  cursor: pointer;
  display: block;
 height: 35px;
 width: 110px;
  border: none;
  text-indent: -9999px;
  background: url(../img/contact_img/bt_confirm_off.png) no-repeat 0 0;
}

 input[type="submit"]:hover {
  background: url(../img/contact_img/bt_confirm_on.png) no-repeat 0 0;
}

.btn_submit2 {
  cursor: pointer;
  display: block;
 height: 35px;
 width: 110px;
  border: none;
  text-indent: -9999px;
  background: url(../img/contact_img/bt_send_off.png) no-repeat 0 0;
}

.btn_submit2:hover {
  background: url(../img/contact_img/bt_send_on.png) no-repeat 0 0;
}

.contact_attension {
	background-color: #F9F6F2;
	padding: 9px;
	margin-bottom: 20px;
	border: 1px solid #B89F63;
}

.hissu{
	font-size: 12px;
	color: #F00;
}



/* -----------------------------------------*/
/* robo ----------------------------------*/
/* -----------------------------------------*/


.cooperation_logo    {
    display:table;
    table-layout: fixed;
    width:100%;
}
.cooperation_logo li{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

/* -----------------------------------------*/
/* access ----------------------------------*/
/* -----------------------------------------*/
.tb_access  {
	border-spacing: 0;
	border-collapse:collapse;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	}

.tb_access th {
	vertical-align: middle;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	background-color: #227EC5;
	font-size: 16px;
	color: #FFF;
	padding-right: 20px;
}

.tb_access td {
	vertical-align: middle;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-right: 20px;
}

.tb_access tr:nth-child(even) {
background: #eeeeee;	
}

/* -----------------------------------------*/
/* mess ----------------------------------*/
/* -----------------------------------------*/

.mess_box {
	border: 1px solid #CCC;
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
	box-shadow: 2px 2px 5px #666;
	position: relative;
	zoom: 100%;
	padding-top: 39px;
	padding-right: 49px;
	padding-bottom: 39px;
	padding-left: 49px;
}

.mess_box:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}


.mess_list    {
	display:table;
	table-layout: fixed;
	width:100%;
	margin-bottom: 20px;
}
.mess_list li{
	display:table-cell;
	vertical-align:top;
	text-align:left;
}

.mess_list li.mess_logo{
	width: 130px;	
}

.mess_list li.mess_name{
	text-align: right;
	width: 510px;
	vertical-align: bottom;
	padding-right: 20px;
	font-size: 14px;	
}

.mess_list li.mess_img{
	width: 200px;	
}


.mess_txt_box {
	background-color: #060;
	
}
.mess_lead {
	background-color: #E3F3FC;
	padding: 20px;
	margin-bottom: 40px;
}
.mess_profile_box {
	background-color: #eee;
	padding: 20px;
	margin-bottom: 30px;
}
.mess_profile_name {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}




/* -----------------------------------------*/
/* contact ----------------------------------*/
/* -----------------------------------------*/
.tb_link  {
	border-spacing: 0;
	border-collapse:collapse;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	font-size: 14px;
	}

.tb_link th {
	vertical-align: middle;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	background-color: #227EC5;
	font-size: 16px;
	color: #FFF;
	padding-right: 10px;
}

.tb_link td {
	vertical-align: middle;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-right: 10px;
}

.tb_link_bg {
	background-color: #E3F4FC;	
}

/*.tb_link tr:nth-child(odd) {
	background-color: #227EC5;
	
}*/

/* -----------------------------------------*/
/* privacy ----------------------------------*/
/* -----------------------------------------*/
.privacy_dl dt {
	font-size: 16px;
	margin-bottom: 5px;
	color: #227EC4;
}

.privacy_dl dd {
	padding-left: 2em;	
}


/* -----------------------------------------*/
/* company ----------------------------------*/
/* -----------------------------------------*/

.tb_company  {
	border-spacing: 0;
	border-collapse:collapse;
	width: 100%;
	/*border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;*/
	}

.tb_company th {
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width: 7em;
	color: #227EC4;
	background-image: url(../img/common_img/common_list_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.tb_company tr .tb_company_last {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.tb_company td {
	vertical-align: middle;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 10px;
	/*border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;*/
	padding-right: 10px;
}

.tb_company_bg {
	background-color: #E3F4FC;	
}


.mission_box {
	border: 1px solid #CCC;
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
	box-shadow: 2px 2px 5px #666;
	position: relative;
	zoom: 100%;
	background-image: url(../img/company_img/mission_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
}

.mission_box:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}


.mission_dl {
	width: 700px;	
}


.mission_dl dt {
	clear: left;
	float: left;
	width: 12em;
}

.mission_dl dd {
	padding-left:  12em;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.mission_dl dd:last-child{
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom-style: none;
}



/* -----------------------------------------*/
/* goods ----------------------------------*/
/* -----------------------------------------*/
.goods_list    {
    display:table;
    table-layout: fixed;
    width:100%;
}
.goods_list li{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

/* -----------------------------------------*/
/* media ----------------------------------*/
/* -----------------------------------------*/
.media_list    {
	display:table;
	table-layout: fixed;
	width:760px;
	background-color: #990;
}
.media_list li{
	display:table-cell;
	vertical-align:top;
	text-align:left;
}


.media_list li.media_img{
	display:table-cell;
	vertical-align:top;
	text-align:left;
	width: 200px;
}

.media_list li.media_txt{
	display:table-cell;
	vertical-align:top;
	text-align:left;
}

/*----------------------------------------
----------------------------------------
	stay
----------------------------------------
----------------------------------------*/
.stay_sche {
zoom: 100%;
}
.stay_sche:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

.stay_sche li {
	float: left;
	width: 300px;
}

.stay_sche li p{
	color: #227EE1;
}

.stay_sche li img {
	border: 5px solid #FFF;
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
	box-shadow: 2px 2px 5px #666;
	margin-bottom: 10px;
}

.stay_price_box{
	width: 300px;
	float: right;
	margin-left: 20px;
}

.tb_stay_price  {
	border-spacing: 0;
	border-collapse:collapse;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	}

.tb_stay_price td {
	vertical-align: middle;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-right: 10px;
}
.tb_stay_price tr .kaisu {
	background-color: #E3F4FC;
}
.tb_stay_price .kakaku {
	font-size: 16px;
	color: #E63182;
	text-align: right;
}

.tourism_box{
	padding: 15px;
	margin-bottom: 30px;
	background-color: #eee;
}



.tb_tourism  {
	border-spacing: 0;
	border-collapse:collapse;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	font-size: 14px;
	background-color: #FFF;
	}

.tb_tourism th {
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	color: #227EC5;
	background-color: #E3F3FC;
	padding: 10px;
	width: 12em;
}

.tb_tourism td {
	vertical-align: middle;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-right: 10px;
}

.tb_tourism td.tourism_name a {
	color: #227EC5;
	
}

.tb_tourism td.tourism_name a:after {
	content: "»";
	/*display: block;*/
	/*float: left;*/
	/*text-align: center;*/
	color: #227ED9;
	margin-left: 5px;
}







.inside_nav_robo    {
	display:table;
	table-layout: fixed;
	width:100%;
	margin-bottom: 30px;
}
.inside_nav_robo li{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

#halfitpage01{
	margin-top:-120px;
    padding-top:120px;}
	
#halfitpage02,
#halfitpage03,
#halfitpage04{
	margin-top:-156px;
    padding-top:156px;}
	
#robots01{
	margin-top:-120px;
    padding-top:120px;}	
	
	
	
	


/*----------------------------------------
----------------------------------------
	voice
----------------------------------------
----------------------------------------*/
.voice_l_box{
	float: left;
	width: 490px;
}

.voice_r_box{
	float: right;
	width: 700px;
	margin-left: 30px;
}




.voice_dl dt {
	font-weight: bold;
	color: #227EC4;
	}

.voice_dl dt:before {
	content: url(../img/voice_img/icon_q.png);
	position: relative;
	top: 2px;
	margin-right: 10px;
	}

.voice_dl dd {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}

.voice_dl dd:before {
	content: url(../img/voice_img/icon_a.png);
	position: relative;
	top: 2px;
	margin-right: 10px;
	}
	
	
	.voice_img {
	border: 5px solid #FFF;
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
	box-shadow: 2px 2px 5px #666;
}


.voice_img_ul {
zoom: 100%;
}
.voice_img_ul:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

.voice_img_ul li {
	float: left;
	width: 300px;
}

.voice_img_ul img {
	border: 5px solid #FFF;
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
	box-shadow: 2px 2px 5px #666;
	margin-bottom: 10px;
}


.voice_box {
	padding: 29px;
	border: 1px solid #CCC;
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
	box-shadow: 2px 2px 5px #666;
	position: relative;
	zoom: 100%;
}

.voice_box:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

.voice_clip {
	height: 60px;
	width: 39px;
	position: absolute;
	left: 915px;
	top: -7px;
}

.voice_list    {
    display:table;
    table-layout: fixed;
    width:100%;
}
.voice_list li{
	display:table-cell;
	vertical-align:top;
	text-align:left;
}

.voice_list li.voice_name{
	width: 20%;    
}

.voice_list li.voice_txt{
	width: 80%;
		}
		
.voice_profile {
	line-height: 1.4;
	
	font-size: 13px;
	}
	
	.voice_profile:before {
	content: "●";
	position: relative;
	margin-right: 3px;
	color: #227EC4;
	}
	
	
/*----------------------------------------
----------------------------------------
	faq
----------------------------------------
----------------------------------------*/

.q_title {
	counter-increment: story;
	line-height:1.3em;
	background:#E3F3FC;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	color: #227EC4;
	font-weight: bold;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.q_title:before {
	content: "Q" counter(story)  ;
	margin-right:1em;
}

.a_txt{
	padding-left: 40px;
		margin-bottom: 30px;

}




/*タブ部分*/
#demo3 .tab_area ul li{
	display:block;
	float:left;
	background:#E3F3FC;
	width: 320px;
	border-right:1px solid #ffffff;
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	box-sizing : border-box;
	text-align:center;
	
	padding: 5px;
	color:#313131;
}
 
#demo3 .tab_area ul li:hover {
    background:#999999;
    color:#ffffff;
    cursor:pointer;
}
 
/*コンテンツ部分の表示領域を固定してはみ出さないようにする*/
#demo3 .content_area {
	width: 958px;
	overflow: hidden;
	border: 1px solid #DDDDDD;
	position: relative;
	margin-bottom: 30px;
}
 
#demo3 .content_area .content_block {
    height: 140px;
    padding: 10px;
    width: 940px;
    -webkit-box-sizing : border-box ;
    -moz-box-sizing : border-box ;
    box-sizing : border-box ;
}
 
.content_block_3 {
    background: #ffffff;
    padding: 20px;
}
 
#tab_faq_1 {
    background:#47CA40;
}
 
#tab_faq_2 {
    background:#EBEF64;
}
 
#tab_faq_3 {
    background:#F56B6B;
}


/*----------------------------------------
----------------------------------------
	service
----------------------------------------
----------------------------------------*/
.service_box {
	zoom: 100%;
}
.service_box:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

.service_r_box{
	float: right;
	width: 400px;
}

.service_l_box{
	float: left;
	width: 540px;
}

.service_dl dt {
	font-weight: bold;
	clear: left;
	float: left;
	width: 8em;
	color: #227EC4;
	
}

.service_dl dd {
	padding-left:  9em;
	
}




.service_ol  {
   
}
 
.service_ol li  {
   
}