@charset "utf-8";

.box{
	zoom: 100%;
	margin-right: auto;
	margin-left: auto;
}

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

/* ページタイトル */
.page_title_l_list    {
	display:table;
	table-layout: fixed;
	width:100%;
	background-image: url(../img/common_img/title_bg.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.page_title_l_list li{
	display:table-cell;
	vertical-align:top;
	text-align:left;
	line-height: 0px;
}

.page_title_l {
	width: 70%;
}

.page_title_l_img {
	width: 30%;
	text-align: right;
}
/* ページタイトルkokomade */







.inside_contents_outside{
	background-image: url(../img/common_img/maincopy_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #FFF;
	padding-top: 20px;
}

.inside_contents{
	margin-right: 3%;
	margin-left: 3%;
	zoom: 100%;
	background-color: #FFF;
	/*background-color: #FFF;
	margin-top: 20px;	*/
}

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



.headline {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00B4ED),to(#227EDB));
	background-color: #227EDB;
	color: #fff;
	font-size: 110%;
	margin-bottom: 10px;
	line-height: 24px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.5);
	border: 1px solid #227EDB;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.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 4px;
	padding-left: 20px;
}

.common_list2 li {
	background-image: url(../img/common_img/common_list_icon2.png);
	background-repeat: no-repeat;
	background-position: left 4px;
	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: 9px;
	border: 1px solid #CCC;
}
.attension_dl dt {
	color: #227EC4;
	
}

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

.attension_dl2 dt {
	
	color: #FF4000;
	
}

.attension_dl2 dd {
	padding-left:  1em;
	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:  1em;
	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: 10px;
	padding-left: 10px;
	zoom: 100%;
	padding-top: 20px;
    }
	
.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: 10px;
	padding-left: 10px;
	zoom: 100%;
	padding-top: 20px;
    }

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

.about_step_title   {
    display:table;
    table-layout: fixed;
    width:100%;
		border-spacing:5px;


}
.about_step_title li{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}

.about_step_title_no{
	width: 13%;
}

.about_step_title_title{
	width: 87%;
	line-height: 1.2;
}

.hal_type    {
	display:table;
	table-layout: fixed;
	width:100%;
	border-spacing:10px;
	font-size: 11px;
}
.hal_type li{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.hal_type li p{
	color: #227EE1;
	font-size: 90%;
}

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


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

/*.fixed {
	position: fixed;
	top: 0px;
	z-index: 100;
	width: 100%;
}*/

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


.training_list li {
	float: left;
	width: 50%;
	position: relative;
}

.training_list li:after  {
	content: url("../img/halfit_img/magnifier.png");
	height: 30px;
	width: 30px;
	position: absolute;
	right: 5%;
	bottom: 20%;
}


/*.magnifier {
	height: 30px;
	width: 30px;
	position: absolute;
	right: 5%;
	bottom: 20%;
}*/

.training_flow_list li{
	background-color: #DDF1FC;
	margin-bottom: 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}


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


.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-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.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: left;
	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;
	text-align: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.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: left;
	width: 15%;
}
.tb_price2 tr .kakaku {
	font-size: 16px;
	color: #E63182;
	text-align: right;
	width: 5em;
}



.halfit_attension_dl dt {
		color: #227EC4;
	
}

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

.halfit_attension_dl dd.last {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom-style: none;	
	
	
}
.cafe_box {
	
}
.goods_box {
	
}


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

.trial_min{
	font-size: 90%;
	color: #FFF;
	background-color: #227EC4;
	margin-left: 1em;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}/*.trial_l_box {
	
}
.trial_r_box {
	
}
.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;
	clear: left;
	float: left;
	width: 5em;
	color: #227EC4;
	line-height: 1.2;
}

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

.setsumei_dl dd:last-child {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}

.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: 9px;
	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;
	top: -7px;
	right: 0px;
}


.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: 50%;    
}

.staff_list li.staff_txt{
	padding-left: 10px;    
}

.staff_yaku > span{
	background-color: #227EC4;
	color: #fff;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	margin-right: 1em;
}

.staff_hobby > span{
	background-color: #227EC4;
	color: #fff;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 2px;
	margin-right: 1em;
	line-height: 2;
}

.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;
	font-size: 110%;
	
}

.staff_kana{
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-bottom: 5px;
	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_imglist    {
	display:table;
	table-layout: fixed;
	
	width: 100%;
}
.tour_imglist li{
	display:table-cell;
	vertical-align:top;
	text-align:left;
}
.tour_folw_box {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#E3F3FC));
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #7DCDF4;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.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%;*/
	width: 90%;
	line-height: 1.2;
	
	cursor: pointer;
	position: relative;
		padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 10%;
	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;*/
	left: 2%;
	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: 2%;
    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: 2%;
	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: 10%;
	margin-bottom: 20px;
	margin-top: 5px;
	position: relative;
}


.qa .answer:before {
    content: "";
    position: absolute;
    top: 3px;
left: 2%;
    /*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;
	padding-top: 10px;
	width: 14em;
	line-height: 1.4;
	text-align: left;
}

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

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

.tbl-layout {
	width: 96%;
	border-bottom: none;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	background-color: #E3F3FC;
	padding: 2%;
	margin-bottom: 30px;
}


.tbl-layout dt {
	clear: both;
	float: none;
	color: #227ED6;
}

.tbl-layout dd {
	padding-left: 0px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}

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

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

.tbl-layout dd textarea {
width:100%;
}

input[type="text"].seimei{
	height:32px;
	padding-left:10px;
	width:100%;
	-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:100%;
	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.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;
}

input.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 ----------------------------------*/
/* -----------------------------------------*/

.concept_box{
	border: 1px solid #00B4ED;
	background-color: #E5F5FD;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.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;
	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;
	color: #FFF;
	padding: 5px;
	width: 4em;
}

.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: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-right: 5px;
}

.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_kuno_box{
	float: right;
	width: 38%;
	margin-bottom: 2%;
	margin-left: 2%;
}

.mess_txt_box {
	background-color: #060;
	
}
.mess_lead {
	background-color: #E3F3FC;
	padding: 10px;
	margin-bottom: 20px;
}
.mess_profile_box {
	background-color: #eee;
	padding: 10px;
	margin-bottom: 20px;
}
.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;
	line-height: 1.2;
	}

.tb_link 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;
	color: #FFF;
	padding: 5px;
}

.tb_link td {
	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;
	padding: 5px;
	
}

.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%;
	
	}

.tb_company th {
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width: 6em;
	color: #227EC4;
	background-image: url(../img/common_img/common_list_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
}
.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;
}

.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: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

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


.mission_dl {
}


.mission_dl dt {
	text-align: center;	
}

.mission_dl dd {
	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;
}



.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;
}


	
/*#robots01{
	margin-top:-54px;
    padding-top:54px;}	*/


/* ------ */
#robots #filter {
	font-size:15px;
}


#robots #filter a:link{ 	
color:#000; text-decoration:none; padding:2px}
#robots #filter a:hover{ color:#000; text-decoration:none; padding:2px}
#robots #filter .current{
	background:#66cccc;
	text-decoration:none;
	padding:1px;
	font-size:15px;
	margin-top:-2px
}
.tab_name {
	display: none;
}
#robots #filter li{ float:left; margin:0 0 15px 0;}


#robots #filter img{ float:left; margin:3px 0 5px 0}

#robots #works {
	zoom: 100%;
	margin-bottom: 10px;
}
#robots #works:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}


#robots #works li{
	float:left;
	/*	width:184px;
*/	width:30%;
	display:inline-block;
	/display:inline; 
	/zoom:1;
	vertical-align:top;
	font-size: 11px;
	line-height: 13px;
	/*height: 240px;*/
	height: auto;
	margin-right: 3%;
	margin-bottom: 20px;
		position: relative;
		color: #333;

	}
	
	

.robots_magnifier {
	height: 30px;
	width: 30px;
	position: absolute;
	right: 0px;
	top: 5px;
}
	
	.robots_thumb{
	border: 1px solid #CCC;
	margin-bottom: 5px;
	}

.roboname{
	height: 30px;
	color: #333;
}


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

.stay_sche    {
	display:table;
	table-layout: fixed;
	width:100%;
	border-spacing:10px;
	font-size: 11px;
}
.stay_sche li{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.stay_sche li p{
	color: #227EE1;
	font-size: 90%;
}

.stay_sche li img {
	border: 2px solid #FFF;
	-moz-box-shadow: 1px 1px 3px #666;
	-webkit-box-shadow: 1px 1px 3px #666;
	box-shadow: 1px 1px 3px #666;
	width: 100%;
}

.stay_price_box{
	
}

.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;
	word-wrap: break-word
	}

.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 {
	width: 50%;
}


.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;
}

/*----------------------------------------
----------------------------------------
	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 img {
	
	vertical-align: bottom;
}

.voice_img2 {
	border: 5px solid #FFF;
	-moz-box-shadow: 2px 2px 5px #666;
	-webkit-box-shadow: 2px 2px 5px #666;
	box-shadow: 2px 2px 5px #666;
	width: 40%;
}

.voice_img2 img {
	
	vertical-align: bottom;
}


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

.voice_img_ul    {
    display:table;
    table-layout: fixed;
    width:100%;
		border-spacing:10px;

}

.voice_img_ul li {
	 display:table-cell;
    vertical-align:middle;
    text-align:center;
}

.voice_img_ul img {
	border: 3px solid #FFF;
	-moz-box-shadow: 1px 1px 3px #666;
	-webkit-box-shadow: 1px 1px 3px #666;
	box-shadow: 1px 1px 3px #666;
	width: 100%;
}


.voice_box {
	padding: 14px;
	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;
	top: -7px;
	right: 5%;
}

.voice_list    {
	display:table;
	table-layout: fixed;
	width:100%;
	border-spacing:10px;

}
.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{
		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;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}