@charset "UTF-8";

/* ------------------------------------------------------
*contents

*reset css
*body
*link
*header
*footer
*common
*side
*clearfix
*adjust
*top page
*time page
*greeting page
*about page
*access page
*only IE6
------------------------------------------------------ */

/* ------------------------------------------------------
reset css
------------------------------------------------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td{
padding: 0;
margin: 0;
}
table{
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
fieldset,img{
border: 0;
}
img{
vertical-align: bottom;
}
address,caption,th,em{
font-style: normal;
}
ol,ul{
list-style: none;
}
caption,th{
text-align: left;
font-weight: normal;
}
h1,h2,h3,h4,h5,h6{
font-size: 100%;
}
button{
border:0;
background: 0;
cursor: pointer;
}
button.formBtn{
padding: 0;
margin:0;
vertical-align: bottom;
}

/* ------------------------------------------------------
body
------------------------------------------------------ */

body{
font-family: 'ＭＳ Ｐゴシック',sans-serif,Osaka;
font-size: 0.75em;
color: #333333;
background-color:#eaf8fc;
border-top:3px solid #74d7f2;
}

/* ------------------------------------------------------
link
------------------------------------------------------ */

a:link{
color: #2780e3;
text-decoration: none;
}
a:visited{
color: #2780e3;
text-decoration: none;
}
a:hover{
color: #2780e3;
text-decoration: underline;
}
a:active{
color: #2780e3;
text-decoration: underline;
}

/* ------------------------------------------------------
header
------------------------------------------------------ */

/* ------------------------------------------------------
footer
------------------------------------------------------ */

div#footer{
margin-top: 17px;
width: 100%;
min-width: 960px;
height: 32px;
background: url('/common/img/bg_foot.jpg') repeat-x 0 0 #44BFE1;
color: #fff;
}
div#footerCont{
margin: 0 auto;
width: 964px;
padding:9px 0;
}

div#footer div#footNavi{
float: left;
width:600px;
}
div#footer div#footNavi ul{
float: left;
font-size: 1em;
}
div#footer div#footNavi li{
padding: 0 5px;
border-right: 1px solid #fff;
float: left;
}
div#footer div#footNavi li.fNaviLast{
border-right: none;
}
div#footer div#footNavi a:link{
color: #fff;
text-decoration: none;
}
div#footer div#footNavi a:visited{
color: #fff;
text-decoration: none;
}
div#footer div#footNavi a:hover{
color: #fff;
text-decoration: underline;
}
div#footer div#footNavi a:active{
color: #fff;
text-decoration: underline;
}

div#footer p#copyright{
text-align: right;
}

/* ------------------------------------------------------
common
------------------------------------------------------ */

div#content{
margin: 9px auto 0;
width: 960px;
}

div#main{
width: 714px;
float: right;
}

div#mainContentWrap{
background: url(/common/img/bg_main_top.jpg) no-repeat left top;
margin: 0 -4px;
padding-top: 9px;
position: relative;
}
div#mainContent{
background: url(/common/img/bg_main_side.jpg) repeat-y left top #fff;
position: relative;
*zoom:1;
}

div#mainContentInner{
min-height: 1015px;
padding: 0 28px 9px;
background: url(/common/img/bg_main_bottom.jpg) no-repeat left bottom;
position: relative;
}

h1#headCopy {
margin: 0 -1px 3px 0;
position: relative;
font-size: 0.9em;
font-weight: normal;
text-align: right;
color: #5c5c5c;
}

ul.ul01{}
ul.ul01 li{
padding-bottom: 10px;
padding-left: 11px;
background: url(/common/img/bullet_list_01.gif) no-repeat 0 3px;
}
ul.ul02{}
ul.ul02 li{
padding: 0 0 11px 17px;
background: url(/common/img/ico_link_01.gif) no-repeat 0 1px;
*zoom:1;
}

ul.ul02Right{}
ul.ul02Right li{
	float: right;
	padding: 0 0 11px 17px;
	background: url(/common/img/ico_link_01.gif) no-repeat 0 1px;
	*zoom:1;
}

ul.noteList01{}
ul.noteList01 li{
margin: 0 0 2px 1.2em;
text-indent: -1.2em;
line-height: 1.5;
}
ul.noteList01 span{
margin-right: 0.2em;
}

.ttl1{
margin-bottom: 15px;
}
.ttl2{
margin-bottom: 15px;
}

.ttl3{
margin-bottom: 10px;
font-size: 1.2em;
font-weight: bold;
color: #58cc81;
}


.paragraph{
margin-bottom: 10px;
line-height: 1.5;
}

p.noteText{
/*font-size:0.8em;*/
}

div.clm2{
margin-bottom: 15px;
}
div.clm2Cont{
width: 321px;
line-height: 1.6;
}
div.clm2Cont.colL{
float: left;
}
div.clm2Cont.colR{
float: right;
margin-left: 24px;
}
div.clm2Cont div{
margin-bottom: 8px;
}

img.imgRight{
padding-left: 15px;
float: right;
}
img.imgLeft{
padding-right: 15px;
float: left;
}
p.pagetop{
margin-bottom: 20px;
font-size: 0.8em;
text-align: right;
}

.tel{
margin-bottom: 10px;
}

.tel img{
padding: 0 5px 4px 0;
*padding-bottom: 7px;
}

.tel em{
color:#58cc81;
font-family:'Duru Sans', serif;
font-size:2.2em;
font-weight: bold;
line-height:1;
}
#side .tel em{
font-size:1.8em;
}

.box01 {
	padding: 12px 10px;
	background-color: #eaf8fc;
}


/* ------------------------------------------------------
side
------------------------------------------------------ */

div#side{
width: 222px;
float: left;
}
p#siteLogo{
margin: -12px -4px 9px -4px;
position: relative;
}
div#side h3{
margin-bottom: 15px;
}
div.sideMenuWrap{
margin:0 -4px;
padding-top: 28px;
background: url(/common/img/bg_sideMenu_top.jpg) no-repeat left top;
position: relative;
}
div.sideMenu{
background: url(/common/img/bg_sideMenu_side.jpg) repeat-y left top;
position: relative;
*zoom:1;
}
div.sideMenuInner{
padding:0 4px 32px;
background: url(/common/img/bg_sideMenu_bottom.jpg) no-repeat left bottom;
position: relative;
}
div.sideMenu ul.roll{
position: relative;
}
div.sideMenu ul.roll li{
margin-bottom: 5px;
}

div.sideNewsWrap{
margin:0 -4px 17px;
padding-top: 8px;
background: url(/common/img/bg_sideNews_top.jpg) no-repeat left top;
position: relative;
}
div.sideNews{
background: url(/common/img/bg_sideNews_side.jpg) repeat-y left top;
position: relative;
}
div.sideNewsInner{
padding:0 4px 8px;
background: url(/common/img/bg_sideNews_bottom.jpg) no-repeat left bottom;
position: relative;
}
div.sideNews h2{
margin-top: -4px;
position: relative;
}
div.sideNews div.innerBoxWrap{
margin:0 4px;
padding-top: 5px;
background: url(/common/img/bg_sideNews_inner_top.gif) no-repeat left top;
position: relative;
}
div.sideNews div.innerBox{
padding: 10px 10px 5px 10px;
background: url(/common/img/bg_sideNews_inner_bottom.gif) no-repeat left bottom #fff;
position: relative;
}

div.sideNews dl{
}
div.sideNews dl dt{
margin-bottom: 10px;
font-size: 1.2em;
font-weight: bold;
color: #58cc81;
line-height: 1.5;
}
div.sideNews dl dd{
margin-bottom: 5px;
line-height: 1.5;
}

div.sideBox01Wrap{
margin:0 -4px 15px;
padding-top: 9px;
background: url(/common/img/bg_sideBox01_top.jpg) no-repeat left top;
position: relative;
}
div.sideBox01{
background: url(/common/img/bg_sideBox01_side.jpg) repeat-y left top;
position: relative;
*zoom: 1;
}
div.sideBox01Inner{
padding:8px 14px 17px;
background: url(/common/img/bg_sideBox01_bottom.jpg) no-repeat left bottom;
position: relative;
}

/* ------------------------------------------------------
top page
------------------------------------------------------ */

.top div#topVis{
margin: 0 -19px 24px;
position: relative;
}
.top div#section01,
#time div#section01{
margin-bottom: 30px;
}
.top div#section01L,
#time div#section01L{
float: left;
width: 441px;
margin-left: -1px;
position: relative;
}
.top div#section01R,
#time div#section01R{
float: right;
width: 202px;
}

.top div#section02{
margin-bottom: 6px;
}
.top div#section02L{
width:214px;
float:left;
}
.top div#section02R{
width:428px;
float:right;
}
.top div#section02R #accessMap{
width: 337px;
margin: 0 auto 15px;
}
.top div#section02R #accessMap img{
padding-bottom: 15px;
}

.top div#section02R .innerBox{ }
.top div#section02R .innerBoxL{
width: 202px;
float: left;
}
.top div#section02R .innerBoxR{
width: 202px;
float: right;
}

/* ------------------------------------------------------
second page
------------------------------------------------------ */

.second #pageTitle{
margin: 0 -19px 10px;
position: relative;
}

p#topicPath{
text-align: right;
margin-bottom: 24px;
}
p#topicPath span{}

p#topicPath a:link,
p#topicPath a:visited{
text-decoration: underline;
color: #43bfe0;
}
p#topicPath a:hover,
p#topicPath a:active{
text-decoration: none;
color: #43bfe0;
}

/* ------------------------------------------------------
time page
------------------------------------------------------ */

/* ------------------------------------------------------
greeting page
------------------------------------------------------ */

#greeting #greetingBox{
margin-bottom: 35px;
/*padding-bottom: 50px;*/
background: url('/greeting/img/bg_greeting_01.jpg') no-repeat right top;
min-height: 236px;
}
#greeting #greetingBox .greetingTitle{
margin-bottom: 22px;
}
#greeting #greetingBox .greetingMessage{
margin: 0 0 22px 0;
font-size:1em;
line-height: 2em;
}

#greeting table#signature{
line-height: 1;
}
#greeting table#signature thead th{
padding: 2px 2px 2px 0;
text-align: center;
font-size: 0.8em;
}
#greeting table#signature tbody th{
padding: 5px 15px 0 0;
font-size:1em;
}
#greeting table#signature tbody td{
padding: 2px 4px 2px 2px;
font-size: 1.8em;
}

#greeting #careerBox{
margin-bottom: 30px;
}
#greeting #careerBox h3{
margin-bottom: 10px;
}

#greeting #careerBox .careerBoxL{
float:left;
width:321px;
}
#greeting #careerBox .careerBoxR{
float:right;
width:321px;
}

#greeting table.career{
margin: 0 0 15px 0;
}
#greeting table.career th{
padding: 0 8px 4px 0;
line-height: 1.6;
vertical-align: top;
}
#greeting table.career td{
padding-bottom: 4px;
line-height: 1.5;
vertical-align: top;
}

#greeting .box01 {
	width: 424px;
}
#greeting .box01 .paragraph{
	line-height: 1.8;
}


/* ------------------------------------------------------
access page
------------------------------------------------------ */

#access div#accessBox{
margin:0 0 18px 0;
}
#access div#accessBoxL{
float: left;
width: 440px;
position: relative;
}
#access div#accessBoxR{
float: right;
width: 202px;
line-height: 1.5;
}

/* ------------------------------------------------------
about page
------------------------------------------------------ */

#about div.clm2Cont img.photo{
padding-bottom: 13px;
position: relative;
}

#about #section01{
margin-bottom: 30px;
}

#about #section02 div.clm2{
margin-bottom:30px;
}
#about #section02 div.equipment{
padding-left: 16px;
width: 152px;
float: left;
}
#about #section02 img.equipmentImg{
float: left;
}

/* ------------------------------------------------------
eye page
------------------------------------------------------ */
/*#eye h3{*/
/*margin-bottom: 6px;*/
/*}*/
/*#eye div.clm2{*/
/*margin-bottom:26px;*/
/*}*/

/* ------------------------------------------------------
only IE6
------------------------------------------------------ */
* html table#signature{
display: inline;
}
* html div#mainContentInner{
height: 1015px;
}

* html #greeting #greetingBox{
height: 236px;
}

/* ------------------------------------------------------
clearfix
------------------------------------------------------ */

.clear{
clear: both;
}

div#footer div,
div#footer ul,
div#content,
div#mainContentInner,
div.sideMenuInner,
div.sideNewsInner,
div.sideBox01Inner,
div.clm2,
div.innerBox,
ul.ul02Right,
.top div#section01,
.top div#section02,
#time div#section01,
#access div#accessBox,
#greeting #greetingBox,
#greeting #signatureWrapper,
#greeting #careerBox{
*zoom: 1;
}

div#footer div:after,
div#footer ul:after,
div#content:after,
div#mainContentInner:after,
div.sideMenuInner:after,
div.sideNewsInner:after,
div.sideBox01Inner:after,
div.clm2:after,
div.innerBox:after,
ul.ul02Right:after,
.top div#section01:after,
.top div#section02:after,
#time div#section01:after,
#access div#accessBox:after,
#greeting #greetingBox:after,
#greeting #signatureWrapper:after,
#greeting #careerBox:after{
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0.1em;
}


/* ------------------------------------------------------
adjust
------------------------------------------------------ */

.mb0{
margin-bottom: 0!important;
}
.mb5{
margin-bottom: 5px!important;
}
.mb10{
margin-bottom: 10px!important;
}
.mb15{
margin-bottom: 15px!important;
}
.mb20{
margin-bottom: 20px!important;
}
.mb25{
margin-bottom: 25px!important;
}
.mb30{
margin-bottom: 30px!important;
}
.mb40{
margin-bottom: 40px!important;
}
.mb50{
margin-bottom: 50px!important;
}
.ml10{
margin-left: 10px!important;
}
.ml20{
margin-left: 20px!important;
}
.ml35{
margin-left: 35px!important;
}
.pb0{
padding-bottom: 0!important;
}
.pb5{
padding-bottom: 5px!important;
}

.mt5{
margin-top: 5px!important;
}

.mt10{
margin-top: 10px!important;
}
.pt10{
padding-top: 10px!important;
}

.center{
text-align: center;
}

.hov-underline {
	color: #2780e3;
	cursor: pointer;
}

.hov-underline:hover{
	color: #2780e3;
    text-decoration: underline;
}

/* js */
.toggle {
	display: none;
}

.toggle.isOpen {
	display: block;
}