/*contents（内容が入るボックス）
------------------------*/
#contents{
width:908px;
background:url(../img/common/contents_back.png) repeat-y;
margin:0px auto;
padding:0px 0px;
}
#contents .contents_inside{
width:860px;
margin:20px auto 30px auto;
text-align:left;
}
#contents .contents_inside_m{
width:840px;
margin:30px auto;
text-align:left;
}

#contents .contents_inside_mm{
width:800px;
margin:30px auto;
text-align:left;
}
#contents .contents_inside_mmm{
width:780px;
margin:30px auto;
text-align:left;
}


.contents_bar{
width:642px;
padding:0px 0px 20px 0px;
margin:0px 0px 30px 0px;
font-size:18px;
font-weight:bold;
text-indent:0px;
color:#555555;
border-bottom:2px dotted #cccccc;
}
.contents_bar h3{
margin:0px;
padding:0px;
}
.contents_bar_h_line{
width:100%;
padding:0px 0px 14px 0px;
margin:0px 0px 14px 0px;
border-bottom:1px dotted #cccccc;
}

.contents_bar_none{
width:100%;
margin:0px 0px 30px 0px;
}
.contents_bar_none h3{
margin:0px;
padding:0px;
}


/*kaatu
-----------------------*/
.kaatu_flow{
width:640px;
margin:0px auto 12px auto;
background:#FFF2BB;
}
.kaatu_flow .kaatu_flow_title{
width:640px;
height:80px;
position:relative;
background:url(../img/contents/kaatu/title_bar.jpg) no-repeat;
}
.kaatu_flow .kaatu_flow_title .kaatu_flow_title_no{
width:68px;
font-size:50px;
font-weight:bold;
color:#FFFFFF;
position:absolute;
top:30px;
left:10px;
text-align:center;
height: 74px;
}
.kaatu_flow .kaatu_flow_title .kaatu_flow_title_text{
font-size:16px;
font-weight:bold;
color:#333333;
position:absolute;
top:34px;
left:93px;
width: 521px;
}
.kaatu_flow .kaatu_flow_inside{
width:600px;
margin:0px 0px 0px 40px;
padding:20px 0px;
font-size:14px;
line-height:22px;
}
.kaatu_flow .kaatu_flow_bottom{
width:640px;
height:40px;
background:url(../img/contents/kaatu/footer_arrow.jpg) no-repeat;
display:block;
}

.kaatu_main_box{
width:250px;
border:1px solid #cccccc;
padding:10px 14px;
float:left;
}
.kaatu_main_box .kaatu_main_box_text{
width:250px;
height:100px;
margin:0px 0px 12px 0px;
font-size:12px;
line-height:18px;
}
.kaatu_main_box h3{
font-size:18px;
font-weight:bold;
}
.kaatu_main_box img{
margin:0px 0px 10px 0px;
}
.kaatu_main_box_sp{
width:10px;
height:10px;
float:left;
display:block;
}


/*access
-----------------------*/
#access_map iframe{
border:1px solid #cccccc;
}

/*machine
----------------------*/

#machine_title{
width:840px;
margin:0px 0px 30px 0px;
}
#machine_title #machine_title_text{
width:320px;
float:left;
}
#machine_title #machine_title_img{
width:480px;
float:right;
}

.machine_box{
width:754px;
margin:0px auto 30px auto;
padding:20px 30px;
border:1px solid #cccccc;
background:url(../img/contents/machine/box_back.gif);
}
.machine_box .machine_box_photo{
width:280px;
float:left;
}
.machine_box .machine_box_text{
width:440px;
float:right;
font-size:14px;
}
.machine_box .machine_box_text img{
margin:0px 0px 14px 0px;
}

.machine_box_m{
width:250px;
height:476px;
margin:0px 0px 14px 0px;
padding:15px 10px;
border:1px solid #cccccc;
background:url(../img/contents/machine/box_back.gif);
float:left;
}
.machine_box_m h4{
font-size:16px;
font-weight:bold;
margin:0px 0px 6px 0px;
}
.machine_box_m img{
margin:0px 0px 6px 0px;
}
.machine_box_m td{
margin:0px 0px 10px 0px;
font-size:12px;
}
.machine_box_m_sp{
width:12px;
height:12px;
float:left;
display:block;
}

.machine_box_m_h{
width:500px;
height:476px;
margin:0px 0px 14px 0px;
padding:15px 28px;
border:1px solid #cccccc;
background:url(../img/contents/machine/box_back.gif);
float:left;
}
.machine_box_m_h img{
margin:0px 0px 6px 0px;
}
.machine_box_m_h h4{
font-size:16px;
font-weight:bold;
margin:0px 0px 6px 0px;
}
.machine_box_m_h td{
margin:0px 0px 10px 0px;
font-size:12px;
}

/*faq
-----------------------------*/
.faq_box_left{
width:100%;
margin:0px 0px 14px 0px;
}
.faq_box_left .faq_box_left_fukidashi{
width:660px;
padding:20px 20px;
font-size:18px;
font-weight:bold;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
box-shadow: 0px 0px 4px #555555;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#dbdbdb');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#dbdbdb')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
background-image: -ms-linear-gradient(top, #ffffff, #dbdbdb);
background-image: -o-linear-gradient(top, #ffffff, #dbdbdb);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#dbdbdb));
background-image: -webkit-linear-gradient(top, #ffffff, #dbdbdb);
background-image: linear-gradient(top, #ffffff, #dbdbdb);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
}
.faq_box_left .faq_box_left_arrow{
width:100%;
text-align:left;
}

.faq_box_right{
width:100%;
margin:0px 0px 14px 0px;
}
.faq_box_right .faq_box_right_fukidashi{
width:660px;
float:right;
padding:20px 20px;
font-size:14px;
background-color: #ffffff;
border: 2px solid #ffd6a6;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 4px #000000;
-webkit-box-shadow: 0px 0px 4px #000000;
box-shadow: 0px 0px 4px #555555;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f3d9b6');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f3d9b6')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffffff, #f3d9b6);
background-image: -ms-linear-gradient(top, #ffffff, #f3d9b6);
background-image: -o-linear-gradient(top, #ffffff, #f3d9b6);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#f3d9b6));
background-image: -webkit-linear-gradient(top, #ffffff, #f3d9b6);
background-image: linear-gradient(top, #ffffff, #f3d9b6);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/

}
.faq_box_right .faq_box_right_arrow{
width:100%;
text-align:right;
}

/*staff
-----------------------------*/
#staff{
width:100%;
margin:0px 0px 20px 0px;
font-size:12px;
}
#staff img{
margin:0px 0px 10px 0px;
}
#staff td.staff_left{
width:260px;
border-right:1px dotted #cccccc; 
border-bottom:1px dotted #cccccc; 
padding:14px 14px 14px 0px;
}
#staff td.staff_center{
width:260px;
border-right:1px dotted #cccccc; 
border-bottom:1px dotted #cccccc; 
padding:14px 10px 14px 14px;
}
#staff td.staff_right{
width:260px;
border-bottom:1px dotted #cccccc; 
padding:14px 0px 14px 14px;
}
#staff td.staff_bottom{
border-bottom:none;
}

.staff_box{
width:420px;
float:left;
border-bottom:1px dotted #cccccc;
margin:0px 0px 12px 0px;
padding:0px 0px 12px 0px;
}
.staff_box .staff_box_img{
width:170px;
float:left;
}
.staff_box .staff_box_text{
width:230px;
float:right;
text-align:left;
}
.staff_box_sp{
width:20px;
height:20px;
display:block;
float:left;
}

/*diet_pro*/
#diet_pro{
width:770px;
margin:0px auto 30px auto;
}
#diet_pro_profile{
width:708px;
margin:0px auto;
padding:30px;
border:1px dotted #cccccc;
background:#F9F1D5;
}
.diet_pro_profile_list{
width:100%;
margin:0px 0px 14px 0px;
padding:0px 0px 14px 0px;
color:#663300;
font-weight:bold;
font-size:16px;
border-bottom:1px dotted #663300;
}

/*summer_cam
---------------------*/
#summer_cam{
width:800px;
margin:0px auto 20px auto;
}
#summer_cam_img{
width:200px;
float:left;
}
#summer_cam_text{
width:574px;
float:right;
text-align:left;
}

#summer_cam_text td,
#summer_cam_text th{
padding:20px 0px;
border-bottom:1px dotted #cccccc;
font-size:18px;
font-weight:bold;
}

/*trx
--------------------*/
.trx_point_box{
width:780px;
margin:0px 0px 30px 0px;
padding:0px 0px 30px 0px;
border-bottom:1px solid #cccccc;
}
.trx_point_box .trx_point_box_img{
width:250px;
float:right;
}
.trx_point_box .trx_point_box_text{
width:500px;
float:left;
font-size:14px;
}
.trx_point_box .trx_point_box_img02{
width:250px;
float:left;
}
.trx_point_box .trx_point_box_text02{
width:500px;
float:right;
font-size:14px;
}

/*3th
-------------------------*/
.third_main_box{
	width:780px;
	margin-bottom:10px;
}
.third_main_box .img_box{
	width:250px;
	float:right;
}
.third_main_box .text_box{
	width:520px;
	font-size:14px;
	line-height:26px;
	float:left;
	padding-top:20px;
}

.3th_training{
	width:780px;
	margin-bottom:30px;
}
.3th_training .text_left{
	width:360px;
	float:left;
}
.3th_training .text_right{
	width:360px;
	float:right;
}

/*spring cam
--------------------------*/
.spr_cam_box{
	width:360px;
	float:left;
	margin-bottom:30px;
}
.spr_cam_box_arrow{
	width:80px;
	height:50px;
	text-align:center;
	float:left;
	display:block;
	padding-top:30px;
}

/*----------------------------
水素水サーバ
-----------------------------*/
.tow_col{
	width:800px;
	margin:0px auto 50px auto;
}
.tow_col .lbox{
	width:495px;
	float:left;
}
.tow_col .rbox{
	width:278px;
	float:right;
}

.lineup_box{
	width:800px;
	border-bottom:1px dotted #ccc;
	margin:0px auto;
	margin-bottom:40px;
	padding-bottom:40px;
}
.lineup_box .img_box{
	width:254px;
	float:left;
}
.lineup_box .text_box{
	text-align:left;
	width:510px;
	float:right;
}
.lineup_box .boxa,
.lineup_box .boxb{
	text-align:left;
	padding-top:30px;
}
.lineup_box .boxa:after{
	content:"";
	clear:both;
	display:block;
}
.lineup_box .boxa .lbox{
	width:340px;
	float:left;
}
.lineup_box .boxa .rbox{
	width:445px;
	float:right;
}
.lineup_box .boxb:after{
	content:"";
	clear:both;
	display:block;
}
.lineup_box .boxb .lbox{
	width:390px;
	float:left;
}
.lineup_box .boxb .rbox{
	width:380px;
	float:right;
}