@charset "utf-8";
/* CSS Document */


/* ----------------------------------------------------------------------------------------------------

	リセット

---------------------------------------------------------------------------------------------------- */
/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,p,blockquote,th,td{
	margin:0;padding:0;
}
table{
	border-collapse:collapse;border-spacing:0; font-size:100%;
}
img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;font-weight:normal;
}
ul li,ol li { list-style:none; } 
h1,h2,h3,h4,h5,h6{
	font-size:100%;font-weight:normal;
}
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
a img{border:none;}*/






/* ----------------------------------------------------------------------------------------------------

	全ページ共有セレクタ

---------------------------------------------------------------------------------------------------- */

/*body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align: center;
}
a		{	text-decoration: none;	color: #FFF;}

#wrap{
	width: 700px;
	margin: 0px auto;
	text-align: left;
}*/


.tabSection {
	width: 700px;
	margin: 0 auto;
}
.tab { _position: relative; }
.top { /*margin-bottom: -1px;*/ }
.bottom { /*margin-top: -1px;*/ }

div.tab_top {
}


div.content > div {
	padding: 40px 0px 0px 0px;
}

div.tab_top ul.tab {
	width: 680px;
	list-style: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #007D89;
	padding-left:10px;
	padding-right:10px;
	height:43px;
	clear:both;
}

div.tab_top .tab li {
	/*display: inline;
	margin-right: 3px;
	list-style: none;*/
}
div.tab_top .tab li {
	/*background: #EEE;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;*/
	float: left;
	display: block;
	height: 43px;
	width: 220px;
	margin-right:10px;
}
div.tab_top .tab li#li_r {
	margin-right:0px;
}

/*.tab a {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #cccccc;
	background: #eeeeee;
	text-decoration: none;
	color: #444444;
	_zoom: 1;
}*/
div.tab_top ul.tab li a {
	/*background: #EEE;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;*/
	display: block;
	height: 0px;
	width: 100%;
	padding-top:43px;
	overflow:hidden;
}

div.tab_top ul.tab li #tab01 {
	background-image: url(../img/sub02/tab01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.tab_top ul.tab li #tab02 {
	background-image: url(../img/sub02/tab02.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.tab_top ul.tab li #tab03 {
	background-image: url(../img/sub02/tab03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right:0px;
}

div.tab_top ul.tab li.current #tab01 {
	background-image: url(../img/sub02/tab01_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.tab_top ul.tab li.current #tab02 {
	background-image: url(../img/sub02/tab02_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.tab_top ul.tab li.current #tab03 {
	background-image: url(../img/sub02/tab03_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


.tab li.current a {
	/*background: #ffffff;
	color: #ff5b6b;*/
}
.top .current a { /*border-bottom: 1px solid #ffffff;*/ }
.bottom .current a { /*border-top: 1px solid #ffffff;*/ }
.tabSection .contents .content {
	/*padding: 60px 20px;
	border: 1px solid #cccccc;
	background-color: #ffffff;*/
}


div.tab_bottom {
	margin-left:-20px;
}



div.tab_bottom ul.tab {
	clear:both;
}
div.tab_bottom ul.tab li {
border: solid 4px #EEEEEE;
outline: solid 1px #ccc;
min-height:39px;
_height:39px;
padding-top:14px;
cursor:pointer;
font-weight:bold;
font-size:14px;
margin-bottom:20px;
display:block;
width:330px;
float:left;
margin-left:20px;
}

div.tab_bottom ul.tab li.dis_none {
	display:none;
}

div.tab_bottom ul.tab li#li_r {
	/*margin-right:0px;
	float:right;*/
}
div.tab_bottom ul.tab li a {
	display: block;
	cursor: pointer;
	background-image: url(../../shared/img/common/icon_r_s.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	margin-left: 10px;
	padding-right: 20px;
	text-decoration:none;
	margin-top:2px;
	height:!important;
	padding-top:!important;
}

div.tab_bottom ul.tab li.current {
	display:none;
}


		div.tab_bottom ul.tab li:first-child {
			/*border-left: 1px solid #CCC;*/
		}
		
		div.tab_bottom ul.tab li.active {
			/*border-bottom: 1px solid #FFF;
			background-color: #FFF;
			margin-bottom: -1px;*/
		}
		div.tab_bottom ul.tab li a {
			display: block;
			/*padding: 5px 10px;
			color: #777;*/
		}
		div.tab_bottom ul.tab li.active a {
			/*font-weight: bold;
			color:#000;*/
		}
		
		


/****************************/

ul.tabs {
	width: 680px;
	list-style: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #007D89;
	padding-left:10px;
	padding-right:10px;
	height:43px;
	clear:both;
}

ul.tabs li {
	/*background: #EEE;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;*/
	float: left;
	display: block;
	height: 43px;
	width: 220px;
	margin-right:10px;
}
ul.tabs li#li_r {
	margin-right:0px;
}
ul.tabs li a {
	/*background: #EEE;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;*/
	display: block;
	height: 0px;
	width: 100%;
	padding-top:43px;
	overflow:hidden;
}

		ul.tabs li:first-child {
			/*border-left: 1px solid #CCC;*/
		}
		
		ul.tabs li.active {
			/*border-bottom: 1px solid #FFF;
			background-color: #FFF;
			margin-bottom: -1px;*/
		}
		ul.tabs li a {
			display: block;
			/*padding: 5px 10px;*/
			color: #777;
		}
		ul.tabs li.active a {
			font-weight: bold;
			color:#000;
		}

ul.tabs li #tab01 {
	background-image: url(../img/sub02/tab01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.tabs li #tab02 {
	background-image: url(../img/sub02/tab02.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.tabs li #tab03 {
	background-image: url(../img/sub02/tab03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right:0px;
}

ul.tabs li.active #tab01 {
	background-image: url(../img/sub02/tab01_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.tabs li.active #tab02 {
	background-image: url(../img/sub02/tab02_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul.tabs li.active #tab03 {
	background-image: url(../img/sub02/tab03_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

div.tabs_content {
	width:700px;
	/*border:1px solid #ccc;*/
	clear: both;
}
div.tabs_content > div {
	padding: 40px 0px 40px 0px;
}


/**/
div.ul_link_box2 {
}
div.ul_link_box2 ul.tabs2 {
	clear:both;
}
div.ul_link_box2 ul.tabs2 li {
border: solid 4px #EEEEEE;
outline: solid 1px #ccc;
min-height:39px;
_height:39px;
padding-top:14px;
cursor:pointer;
font-weight:bold;
font-size:14px;
margin-bottom:20px;
display:block;
width:330px;
float:left;
}

div.ul_link_box2 ul.tabs2 li.dis_none {
	display:none;
}

div.ul_link_box2 ul.tabs2 li#li_r {
	margin-right:0px;
	float:right;
}
div.ul_link_box2 ul.tabs2 li a {
	display: block;
	cursor: pointer;
	background-image: url(../../shared/img/common/icon_r_s.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	margin-left: 10px;
	padding-right: 20px;
	text-decoration:none;
	margin-top:2px;
	height:!important;
	padding-top:!important;
}

		div.ul_link_box2 ul.tabs2 li:first-child {
			/*border-left: 1px solid #CCC;*/
		}
		
		div.ul_link_box2 ul.tabs2 li.active {
			/*border-bottom: 1px solid #FFF;
			background-color: #FFF;
			margin-bottom: -1px;*/
		}
		div.ul_link_box2 ul.tabs2 li a {
			display: block;
			/*padding: 5px 10px;
			color: #777;*/
		}
		div.ul_link_box2 ul.tabs2 li.active a {
			/*font-weight: bold;
			color:#000;*/
		}



/*****************************/
/*Modal*/



#lean_overlay{
  position: fixed;
  z-index:2000; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}

.hidden{ 
	background:#f3f3f3;
	padding:30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position:relative;
	display:none;
}
#lean_overlay { 
	position: fixed;
	z-index:10000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #000;
	display: none
}

#div787{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 20px;
  width: 760px;
}

#pump01,#pump02,#pump03 {
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 20px;
  width: 760px;
}


#mjirei01,#mjirei02,#mjirei03,#mjirei04,#mjirei05,
#mjirei06,#mjirei07,#mjirei08,#mjirei09 {
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 20px;
  width: 760px;
}

.box_modal_pump {
	background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 20px;
  width: 760px;
  /*overflow:scroll !important;*/
  overflow: auto;
  overflow-x:hidden;
}





.modal_pumpWrap {
	padding-bottom:40px;
	width:720px;
	margin-left:auto;
	margin-right:auto;
}
.box_modal_pump_l {
	float: left;
	height: 300px;
	width: 300px;
	border: 1px solid #CCC;
}
.box_modal_pump_r {
	float: right;
	width: 395px;
	padding-top:50px;
}
#contents .box_modal_pump_r h4 {
	color:#007D87;
	margin-bottom:15px;
	font-size:14px;
}




.modal_close{
	position: absolute;
	bottom: 20px;
	right: 50%;
	/*top: 0px;
	right: 0px;*/
	margin-right:-40px;
	display: block;
	width: 80px;
	height: 24px;
	z-index: 200;
	background-image: url(../_img/modal_close.gif);
}
#modal_close_s{
	position: absolute;
	top: 0px;
	right: 0px;
	margin-right:0px;
	/*margin-right:-40px;*/
	display: block;
	width: 18px;
	height: 18px;
	z-index: 200;
	background-image: url(../_img/btn_close_s.gif);
}



.mjirei_main {
	text-align: center;
	padding-bottom:20px;
	margin-top:15px;
}

.box_modal_jirei_l {
	float: left;
	height: auto;
	width: 210px;
	/*border: 1px solid #CCC;*/
}
.box_modal_jirei_r {
	float: left;
	width: 445px;
	padding-left:30px;
	/*padding-top:50px;*/
}
#contents .box_modal_jirei_r h4 {
	color:#007D87;
	margin-bottom:12px;
	font-size:16px;
}







/*モーダルウィンドウのスタイル*/ 
 
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
#mask0 {
  position:absolute;
  left:0;
  top:0;
  z-index:8000;
  display:none;
}
 


#boxes .window {
	position: absolute;
	left: 0;
	top: 0;
	width: 760px;
	display: none;
	z-index: 9999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#boxes #pop01 {
	width:760px;
}
#boxes .pop_wapper {
	width: 760px;
	background-color:#fff;
}
#boxes .pop_inner {
	width: 760px;
	overflow: auto;
	overflow-x:hidden;
	
}
#boxes .pop_bottom {
	background-color:#fff;
	height: 50px;
	width: 760px;
	overflow: hidden;
}
.pop_wapper .ttl {
	/*font-size: 18px;
	font-weight: normal;
	text-align: center;
	padding-top: 0px;
	height: 15px;*/
	color: #FFFFFF;
	/*line-height: 1.1em;*/
	text-align:right;
	margin-top:-10px;
}
.pop_wapper .ttl .close img {
width: auto;
}
.pop_inner #btn_area {
	text-align: center;
}
.pop_bottom  #close {
	margin: 10px auto 0px;
	float: none;
	width: 108px;
	width: 80px;
	height: 24px;
	background-image: url('../_img/modal_close.gif');
}

 /*TOP窓のスタイル*/ 
.pop_inner .etop_pop,
.pop_inner .etop_pop2 {
	width: 720px;
	overflow: hidden;
	/*margin: 20px 45px 10px;*/
	margin: 0px auto 0px auto;
}

.pop_inner .etop_pop div {
	/*width: auto;
	overflow: hidden;
	clear: both;
	padding-bottom: 15px;*/
}
/*.pop_inner .etop_pop div p {
	width: 210px;
}

.pop_inner .etop_pop div img {
	float: right;
}
.pop_inner .etop_pop2 div img {
	margin-top: 10px;
}

.pop_inner #btn_area p {
	margin-top: 5px;
}*/