@charset "utf-8";


@import "reset.css";
@import "common.css";
@import "layout.css";


/* ----------------------------------------------------------------------------
	トップページ
	index.html
---------------------------------------------------------------------------- */


/* -------------------
	content
------------------- */
#content {
	margin:26px auto 70px;
}

/*  mainColumn  */

#mainColumn h2 {
	background:url(../img_common/bg_titleline01.gif) repeat-x right 24px;	
}

/* mainImg */

#mainImg {
	margin: 0 auto;
	width:740px;
	height:436px;
	position: relative;
	zoom: 1;
	overflow:hidden;
	padding: 0;
	z-index:20;
}
#mainImg .slides {
	width:740px;
	height:400px;
	margin: 0 auto;
	zoom: 1;
	position: relative;
	overflow:hidden;
}
#mainImg .slides > li {
	width:740px;
	height:400px;
	-webkit-backface-visibility: hidden;
}
#mainImg .slides img {
	width:740px;
	display: block;
}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

#mainImg .slides li a:hover img {
	filter: alpha(opacity=90);
	-moz-opacity: 0.90;
	opacity: 0.90;
}
#mainImg .flex-disabled{ 
	display:none;
}	
#mainImg .flex-control-nav {
	width: 740px;
	position: absolute;
	bottom: 0;
	text-align: center;
}
#mainImg .flex-control-nav li {
	padding: 0 7px;
	display: inline-block;
	/display: inline;
	zoom: 1;
}
#mainImg .flex-control-paging li a {
	width: 8px;
	height: 8px;
	display: block;
	background: #221714;
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	margin:2px;
}
#mainImg .flex-control-paging li a:hover {
	background: #FFF;
	border:2px solid #221714;
	margin:0;
}
#mainImg .flex-control-paging li a.flex-active {
	background: #FFF;
	cursor: default;
	border:2px solid #221714;
	margin:0;
}

/*  eventBox  */

#mainColumn #eventBox {
	padding:14px 0 0;
}
#mainColumn #eventBox ul {
	padding:15px 0 0;
}
#mainColumn #eventBox li {
	width:230px;
	padding:0 0 0 25px;
	float:left;
	position:relative;
}
#mainColumn #eventBox li:first-child {
	padding:0;
}
#mainColumn #eventBox li p.icn {
	width:55px;
	height:43px;
	position: absolute;
	top:-3px;
	right:170px;
	z-index:100;
}
#mainColumn #eventBox li p.img {
	width:230px;
	height:150px;
	font-size:0;
	padding:0 0 4px;
	overflow:hidden;
}
#mainColumn #eventBox li p.img img {
	width:230px;
}
#mainColumn #eventBox li p.img a {
	width:230px;
	height:150px;
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#mainColumn #eventBox li p.img a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
#mainColumn #eventBox li p.date {
	padding:5px 0 3px 53px;
	text-indent:-53px;
	border-bottom:1px dotted #CCC;
	font-size:75%;
	line-height:1.8;
	vertical-align:bottom;
	font-weight:bold;
}
#mainColumn #eventBox li p.date span.icn {
	width:50px;
	height:18px;
	padding:0 3px 3px 0;
	text-indent:-9999px;
	display: inline-block;
	vertical-align:top;
	background:url(../img_top/icn_date.gif) no-repeat left 0;	
}
#mainColumn #eventBox li p.tit {
	padding:4px 0 0;
}
#mainColumn #eventBox li p.tit a {
	font-size:75%;
	line-height:1.4;
	font-weight:bold;
}
#mainColumn #eventBox li p.update {
	padding:5px 0 0;
	font-size:63%;
	line-height:1.2;
	color:#666;
	text-align:right;
}

/*  laboBox  */

#mainColumn #laboBox {
	padding:37px 0 0;
}
#mainColumn #laboBox div.aboutBox {
	padding:1px 10px 0;
}
#mainColumn #laboBox div.aboutBox p.img {
	width:244px;
	float:left;
	font-size:0;
}
#mainColumn #laboBox div.aboutBox div.txtBox {
	width:460px;
	float: right;
	padding:15px 0 0;
}
#mainColumn #laboBox div.aboutBox div.txtBox p.txt {
	font-size:88%;
	line-height:1.6;
}
#mainColumn #laboBox div.aboutBox div.txtBox p.btn {
	padding:15px 0 0;
	font-size:0;
	text-align:right;
}
#mainColumn #laboBox div.listBox {
	margin:25px 10px 0;
	padding:2px;
	border:1px dotted #BCB9B8;
}
#mainColumn #laboBox div.listBox h3 {
	background:#EDF0C3;
	font-size:0;
}
#mainColumn #laboBox div.listBox ul {
	padding:21px 18px 0 0;
}
#mainColumn #laboBox div.listBox li {
	padding:0 0 25px 18px;
	float:left;
	width:330px;
}
#mainColumn #laboBox div.listBox li p.img {
	width:120px;
	height:120px;
	overflow:hidden;
	float:left;
	font-size:0;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	-o-border-radius: 60px;
	border-radius: 60px;
}
#mainColumn #laboBox div.listBox li p.img img {
	width:120px;
}
#mainColumn #laboBox div.listBox li p.img strong,
#mainColumn #laboBox div.listBox li p.img a {
	width:120px;
	height:120px;
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#CCC;
}
#mainColumn #laboBox div.listBox li p.img a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
#mainColumn #laboBox div.listBox li div.txtBox {
	width:200px;
	float: right;
}
#mainColumn #laboBox div.listBox li div.txtBox h4 {
	padding:24px 0 0;
}
#mainColumn #laboBox div.listBox li div.txtBox h4 strong,
#mainColumn #laboBox div.listBox li div.txtBox h4 a {
	padding:2px;
	background:url(../img_top/bg_titleline02.gif) repeat-x 0 bottom;
	font-size:113%;
	line-height:1.2;
	font-weight:bold;
	display:inline-block;
}
#mainColumn #laboBox div.listBox li div.txtBox h4 a:hover {
	text-decoration:none;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}
#mainColumn #laboBox div.listBox li div.txtBox p.txt {
	padding:7px 2px 0;
	font-size:75%;
	line-height:1.5;
}

/*  topicsBox  */

#mainColumn #topicsBox {
	padding:55px 0 0;
}
#mainColumn #topicsBox ul {
	padding:2px 0 0;
}
#mainColumn #topicsBox li {
	padding:18px 10px 6px;
	border-bottom:1px dotted #BCB9B8;
}
#mainColumn #topicsBox li p.date {
	width:110px;
	float:left;
	font-size:88%;
	line-height:1.2;
	font-weight:bold;
}
#mainColumn #topicsBox li p.tit {
	width:600px;
	float: right;
	font-size:88%;
	line-height:1.2;
}
#mainColumn #topicsBox li p.tit a {
	line-height:1.2;
}
#mainColumn #topicsBox p.btn {
	padding:20px 0 0;
	text-align:center;
}



/*  sidebar  */

#sidebar {
}

/*  entryBox  */

#sidebar #entryBox {
	background:url(../img_top/bg_entryframe.gif) repeat 0 0;
	padding:5px;
	margin:0 auto 20px;
}
#sidebar #entryBox .inner {
	background:#FFF;
	padding:10px;
}
#sidebar #entryBox h2 {
	padding:0 0 10px;
	font-size:0;
}
#sidebar #entryBox p.img {
	width:230px;
	height:90px;
	font-size:0;
	overflow:hidden;
}
#sidebar #entryBox p.img img {
	width:230px;
}
#sidebar #entryBox p.img a {
	width:230px;
	height:90px;
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#sidebar #entryBox p.img a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
#sidebar #entryBox p.tit {
	padding:12px 2px 0;
	font-size:100%;
	line-height:1.2;
	font-weight:bold;
}
#sidebar #entryBox p.tit a {
	line-height:1.2;
	font-weight:bold;
}
#sidebar #entryBox p.txt {
	padding:6px 2px 0;
	font-size:75%;
	line-height:1.4;
}
#sidebar #entryBox p.btn {
	padding:10px 0 0;
	font-size:0;
}

/*  journalBox  */

#sidebar #journalBox {
	margin:0 auto 20px;
	width:260px;
	height:260px;
	position:relative;
	background:#00A0A8;
}
#sidebar #journalBox h2 {
	width:238px;
	position: absolute;
	top:4px;
	left:11px;
	font-size:150%;
	line-height:1.0;
	font-weight:bold;
	color:#FFF;
	z-index:303;
	text-shadow: 2px 2px 0 #00A0A8, 2px 0 0 #00A0A8, 2px -2px 0 #00A0A8, 0 -2px 0 #00A0A8, -2px 2px 0 #00A0A8, 0 2px 0 #00A0A8, -2px -2px 0 #00A0A8, -2px 0 0 #00A0A8;
}
#sidebar #journalBox h2 span {
	font-size:50%;
	line-height:1.0;
	font-weight:bold;
	text-shadow: 2px 2px 0 #00A0A8, 2px 0 0 #00A0A8, 2px -2px 0 #00A0A8, 0 -2px 0 #00A0A8, -2px 2px 0 #00A0A8, 0 2px 0 #00A0A8, -2px -2px 0 #00A0A8, -2px 0 0 #00A0A8;
}
#sidebar #journalBox p.img {
	width:248px;
	height:248px;
	position: absolute;
	top:6px;
	left:6px;
	font-size:0;
	overflow:hidden;
	z-index:301;
}
#sidebar #journalBox p.img img {
	width:248px;
}
#sidebar #journalBox p.img a {
	width:248px;
	height:248px;
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#sidebar #journalBox p.img a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
#sidebar #journalBox p.tit {
	width:242px;
	padding:5px 9px 10px;
	background-color: rgba(0,160,168,0.80);
	background-color:#00A0A8\9;
	position: absolute;
	bottom:0;
	left:0;
	z-index:302;
}
#sidebar #journalBox p.tit a {
	font-size:88%;
	line-height:1.4;
	font-weight:bold;
	color:#FFF;
}
#sidebar #journalBox p.tit a:hover {
	color:#FFF;
	text-decoration:underline;
}

/*  albumBox  */

#sidebar #albumBox {
	margin:0 auto 20px;
	border:1px solid #C9BDB9;
	width:258px;
}
#sidebar #albumBox h2 {
	padding:10px 10px 11px;
	background:url(../img_common/bg_titleline01.gif) repeat-x 0 bottom;	
	font-size:0;
}
#albumImg {
	margin:13px 2px 0;
	width:254px;
	height:186px;
	position: relative;
	zoom: 1;
	overflow:hidden;
	padding: 0;
	z-index:20;
}
#albumImg .slides {
	width:230px;
	height:186px;
	margin: 0 auto;
	padding: 0 12px;
	zoom: 1;
	position: relative;
	overflow:hidden;
}
#albumImg .slides > li {
	width:230px;
	height:186px;
	-webkit-backface-visibility: hidden;
}
#albumImg .slides > li p.img {
	width:230px;
	height:150px;
	font-size:0;
	overflow:hidden;
}
#albumImg .slides > li p.img img {
	width:230px;
}
#albumImg .slides > li p.img a {
	width:230px;
	height:150px;
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#albumImg .slides > li p.img a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
#albumImg .slides > li p.cap {
	width:230px;
	height:1.2em;
	font-size:75%;
	line-height:1.2;
	padding:8px 2px 0;
	overflow:hidden;
	white-space:nowrap;
	font-weight:bold;
}

#albumImg .flex-prev,
#albumImg .flex-next{ 
	display:block;
	position: absolute;
	top:63px;
	width:24px;
	height:24px;
	cursor:pointer;
	z-index:900;
	text-indent:-9999px;
}	
#albumImg .flex-prev{ 
	left:0;
	background:url(../img_top/btn_album_prev_off.png) no-repeat 0 0;	
}														
#albumImg .flex-next{ 
	right:0;
	background:url(../img_top/btn_album_next_off.png) no-repeat 0 0;	
}														
#albumImg .flex-prev:hover{ 
	background:url(../img_top/btn_album_prev_on.png) no-repeat 0 0;	
}														
#albumImg .flex-next:hover{ 
	background:url(../img_top/btn_album_next_on.png) no-repeat 0 0;	
}														
#albumImg .flex-control-nav {
	display:none;
}


#sidebar p.bnr {
	margin:0 auto 20px;
	font-size:0;
}
#sidebar p.bnr a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
#sidebar p.bnr img {
	width: 100%;
}

#sidebar #instagram-feed {
	display: block;
	margin:0 auto 0;
}
#sidebar #instagram-feed h3{
	display: block;
	margin:0 auto 15px;
}
#sidebar #instagram-feed h3 img{
	width: 100%;
}


/*  facebookBox  */

#sidebar #facebookBox {
	padding:0 0 20px;
}