@charset "utf-8";


@import "reset.css";

table,tr,th,td{
	border-collapse:collapse;
}


a:link {
	color: #535353;
}
a:visited {
	color:#006CBB;
}
a:hover {
	text-decoration: none;
}
a:active {
	color:#006CBB;
}

a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: “alpha( opacity=70 )”;
}


body {
	text-align: center;
	margin:0px;
	padding:0px;
}



/*ヘッダー*/
#Head03 {
	height: 107px;
	width: 100%;
	margin:0 0 20px 0;
	text-align: center;
	padding: 0;
}
#Head03 #HeadCont{
	width:1000px;
	margin:0 auto;
	position:relative;
}
#Head03 #HeadCont h1{
	width:227px;
	height:80px;
	position:absolute;
	top:25px;
	left:0;
}

#lab #Head03 #HeadCont ul#menu{
	float: right;
/*	width: 540px;*/
	width: 479px;
	margin-top: 36px;
}
#lab ul#menu li.lab-m-calender{
	float:left;
	width:119px;
	margin-top:12px;
}
#lab ul#menu li.lab-m-about{
	float:left;
	width:134px;
	margin-top:12px;
	margin-left:38px;
}
#lab ul#menu li.lab-m-access{
	float:left;
	width:85px;
	margin-top:12px;
	margin-left:33px;
}
#lab ul#menu li.lab-m-facebook{
	float:left;
	width:26px;
	margin-left:35px;
	margin-top:5px;
}
/*
#lab ul#menu li.lab-m-gplus{
	float:left;
	width:26px;
	margin-left:35px;
	margin-top:5px;
}
*/


#Wrap {
	margin: 0px auto;
	padding:0px;
	width: 100%;
	text-align:center;
}

#Wrap #pankuzu{
	width:1000px;
	font-size:90%;
	margin:0 auto;
	height:10px;
	margin-top:5px;
	margin-bottom:15px;
}
#Wrap #pankuzu .top{
	margin-bottom:10px;
}
#Wrap #pankuzu li{
	display: inline-block;
	margin:0 8px;
	
}

#Wrap #pankuzu li a{
color:#888;
}

#Wrap .Content01{
	width:1000px;
	margin:0 auto;
}
#Wrap #Content{
	width:1000px;
	margin:0 auto;
}

#Wrap .Content01 .mv{
	background:url(../images/lab-main-bg.gif) top left no-repeat;
	width:1000px;
	height:338px;
	margin-bottom:30px;

}

#slider {
    width: 951px; /* important to be same as image width */
    height: 320px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin:0px 0 20px 24px;
}


#sliderContent {
	width: 951px; /* important to be same as image width or wider */
	position: absolute;
	top: 27px;
	left: -4px;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}

	

#Wrap .Content01 h2.top{
	
}
#Wrap .Content01 h2{
	margin:0 0 30px 0;
}

/* ★お試し追加★ */
#Wrap .Content01 p.main{
	font-weight:bold;
	font-size:15px;
    text-align: center;
}
/* ★お試し追加★ */
#Wrap .Content01 p.mt20{
    text-align: center;
}


#Wrap #Content #WrapMain{
	width:740px;
	float:left;
}


#Wrap #Content #WrapMain .Content03{
	width:740px;
}



#Wrap #WrapMain .Content03 h3.ptn01{
	width:706px;
	height:28px;
	padding-top:4px;
	margin-top:30px;
}
#Wrap #WrapMain .Content03 p{
	font-size:14px;
	line-height:1.8;
}

#Wrap #WrapMain .Content03 p.main{
	font-weight:bold;
	font-size:14px;
}
#Wrap #WrapMain .Content03 h3{
	width:740px;
	height:29px;
	margin:0 0 20px 0;
}
#Wrap #WrapMain .Content03 h3.top{
	width:333px;
	height:29px;
	margin:40px 0 10px 0;
}
#Wrap #WrapMain .Content03 h2.top{
	width:333px;
	height:29px;
	margin:40px 0 10px 0;
}
#Wrap #WrapMain .Content03 .left{
	float:left;
	width:333px;
}
#Wrap #WrapMain .Content03 .left .line{
	width:333px;
	border-bottom:dashed 1px #ccc;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}
#Wrap #WrapMain .Content03 .left .line .date p{
	font-weight:bold;
}
#Wrap #WrapMain .Content03 .left .line .date span{
	font-weight:bold;
	font-size:18px;
	color:#006ABE;
}
#Wrap #WrapMain .Content03 .left .line .date p.title{
	font-size:15px;
	margin-bottom:8px;
	
}
#Wrap #WrapMain .Content03 .left .line .date p.title a{
color:#000;
}

/* ★お試し追加-start★ */
#Wrap #WrapMain .Content03 .left .line .date_event p{
	font-weight:bold;
}
#Wrap #WrapMain .Content03 .left .line .date_event p.title{
	font-size:15px;
	margin-bottom:8px;
	
}
#Wrap #WrapMain .Content03 .left .line .date_event p.title a{
color:#000;
}
#Wrap #WrapMain .Content03 .left .line .date_event li{
    font-size: 14px;
}
/* ★お試し追加-end★ */

#Wrap #WrapMain .Content03 .right{
	float:right;
	width:333px;
}
#Wrap #WrapMain .Content03 p.detail a{
	background:url(../images/icon-lab-arrow01.jpg) 4px no-repeat;
	padding-left:15px;
	padding-bottom:2px;
	font-size:13px;
	float:right;
}
#Wrap #WrapMain .Content03 .map{
	margin:10px 0;
}
#Wrap #WrapMain .Content03 .box{
	width:706px;
	padding:15px;
	font-size:13px;
	margin:30px 0 30px 0;
	border:solid 3px #CCC;
}
#Wrap #WrapMain .Content03 .box .left{
	float:left;
	width:320px;
}
#Wrap #WrapMain .Content03 .box .map{
	float:right;
	width:313px;
	margin:0;
}
#Wrap #WrapMain .Content03 .box span{
	font-weight:bold;
}
#Wrap #WrapMain .Content03 .box span.note{
	color:#0066BF;
}
#Wrap #WrapMain .Content03 .cont-lab h4{
	font-size:18px;
	font-weight:bold;
}
#Wrap #WrapMain .Content03 .cont-lab span{
	font-weight:bold;
}
#Wrap #WrapMain .Content03 p span.sml{
	font-size:12px;
	font-weight:normal;
}
#Wrap #WrapMain .Content03 .cont-lab span.red{
	font-size:14px;
	font-weight:bold;
	color:#8C0000;
}
#Wrap #WrapMain .Content03 .cont-lab{
	width:737px;
	margin-bottom:30px;
}
#Wrap #WrapMain .Content03 .cont-lab .left{
	float:left;
	width:423px;
}
#Wrap #WrapMain .Content03 .cont-lab .right{
	float:right;
	width:423px;
}
#Wrap #WrapMain .Content03 .cont-lab img.left{
	float:left;
	width:295px;
}
#Wrap #WrapMain .Content03 .cont-lab img.right{
	float:right;
	width:295px;
}
#Wrap #WrapMain .Content03 .cont-lab .access-left{
	float:left;
	width:357px;
}
#Wrap #WrapMain .Content03 .cont-lab .access-right{
	float:right;
	width:349px;
}

/*SUB*/
#Wrap #Sub{
	width:229px;
	float:right;
	margin-bottom:20px;
}

#Wrap #Sub .sub-box{
	border:solid 2px #ccc;
	margin-bottom:20px;
	padding-bottom:10px;
}
#Wrap #Sub .sub-box .inside{
	padding:10px;
}
#Wrap #Sub .sub-box .guide{
	margin:10px auto;
	text-align:center;
}
#Wrap #Sub .sub-box .pdf{
	float:right;
	background:url(../images/icon-oof-arrow01.jpg) 2px no-repeat;
	padding-left:15px;
	font-weight:normal;
}
#Wrap #Sub ul#sub-btns{
	margin-top:20px;
}
#Wrap #Sub ul#sub-btns li{
	margin-bottom:9px;
}


#oof .news{
	width:670px;
	border-bottom:dotted 1px #ccc;
	margin-bottom:10px;
	padding-bottom:10px;
}
#oof .news.last{
	border-bottom:none;
}
#oof .news .date{
	float:left;
	width:140px;
	padding-left:3px;
}
#oof .news p{
	font-size:13px;
	font-weight:bold;
}
#oof .news .date span{
	font-size:18px;
	color:#991819;
}
#oof .news .topic{
	float:left;
	width:520px;
}
#oof .news .topic p.link{
	background:url(../images/icon-oof-arrow01.jpg) 2px no-repeat;
	padding:0 0 0 15px;
	margin-top:10px;
	font-weight:normal;
}
#oof .news .more a{
	float:right;
	width:30px;
	background:url(../images/icon-oof-arrow01.jpg) 2px no-repeat;
	padding-left:15px;
	font-weight:normal;
}


#Wrap #WrapMain .Content03 h4#h4_eventcal{
	font-weight:bold;
	float:left;
	margin-right:20px;
	font-size:16px;
	line-height:1;
}

#Wrap #WrapMain .Content03 h3.h3_eventcal{
	font-weight:bold;
	font-size:20px;
	color:#006CBB;
	margin-bottom:5px;
}

ul#ul_menu_cal {/*上部メニュー*/
	margin:0 0 20px 10px;
	}
ul#ul_menu_cal li {
	color:#2E75C9;
	border-left:1px solid;
	display:inline;
	float:left;
	margin-bottom:10px;
	padding:0 10px;
	line-height:1;
	}
ul#ul_menu_cal li a {
	color:#2E75C9;
	}
ul#ul_menu_cal li#ul_menu_cal_btm {
	border-right:1px solid;
	}



#Wrap #Content #WrapMain .Content03 table.tbl_eventcal{
	width:740px;
	border:solid 1px #ccc;
	margin-bottom:30px;
	font-size:12px;
}

table.tbl_eventcal td,
table.tbl_eventcal th{
	padding:5px 8px;
	border:1px solid #ccc;
	
}

table.tbl_eventcal td a,
table.tbl_eventcal td p,
table.tbl_eventcal td p span{
	font-size:12px;
}

table.tbl_eventcal th{
	background:#006CBB;
	color:#FFF;
	font-weight:bold;
}



table.tbl_eventcal td.cal_sat{background-color: #E1ECF6; }

table.tbl_eventcal td.cal_holy{background-color: #F5EBEE; }




/*フッター*/
#Foot{
	width: 100%;
	margin: 0 auto 50px auto;
}
#Foot p{
	font-size:11px;
	padding-top:10px;
	text-align:center;
}
#Foot #Foot02{
	width:1000px;
	margin:0 auto;
	border-top:solid 1px #000;
	text-align:center;
}

/* pagetop */
.pagetop{
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
}