@charset "UTF-8";

/*CommonCSS_link*/
@import url(base.css);
@import url(common.css);
@import url(nav.css);

#mainimage{
  padding-top: 50px;
}
#container{
  padding: 2em 10px 0 10px;
}
#intro{
  margin-bottom: 1em;
}
#intro h3{
  font-size: 1.6rem;
  line-height: 1.3em;
  font-weight: bold;
  margin-bottom: 0.5em;
}
#intro .em_tx{
  color: #c00000;
}
#intro p{
line-height: 1.6em;
  margin-bottom: 0.5em;
}

#about{
  margin-bottom: 2em;
  padding: 1em;
  background: #FFF;
}
#about h3{
  margin-bottom: 0.5em;
  padding: 0.3em 0;
  font-size: 1.5rem;
  font-weight: bold;
  border-bottom: 2px solid #ccc;
}
#about .about_link{
  margin: 0.5em;
  padding: 0.5em 0;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bd0000+0,860000+100 */
background: rgb(189,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(189,0,0,1) 0%, rgba(134,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(189,0,0,1) 0%,rgba(134,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(189,0,0,1) 0%,rgba(134,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.about_link a{
  color: #FFF;
}
#record{
	width:300px;
	margin:0 auto 0;
  padding-bottom: 2em;
	text-align:center;
	color:#FFF;
	position:relative;
}
#gallery_wrap{
	width:100%;
	min-width:300px;
	text-align:center;
	padding:12px 0 0;
}

#record h2{
	text-align:center;
	position:relative;
	margin-bottom:20px;
}
#record #webcatalog_div{
	margin:0 auto;
}
#webcatalog_div li{
	padding:0 3px;
}
#webcatalog_div li div{
	padding:0;
}
#webcatalog_div li div img{
	border:1px solid rgba(255,255,255,0.8);
  box-shadow: 0 0 1px rgba(100,100,100,0.2), 0 2px 4px rgba(100,100,100,0.2);
}
#record #prev_btn{
	position:absolute;
	top:50%;
	left:0;
}
#record #next_btn{
	position:absolute;
	top:50%;
	right:0;
}
#record #prev_btn:hover, #record #next_btn:hover{
	cursor:pointer;
}






/*------------------------------------------------------------MainPhoto*/
section#mainphoto div {
	background: #F3F3F3;
	text-align: center;
}
/*------------------------------------------------------------MainNavi*/
/* mainnavi border-top */
nav#mainnavi ul li:first-of-type {
	border-top: 1px solid #81848c;
}
/* mainnavi background & border-bottom */
nav#mainnavi ul li {
	font-size: 1.6rem;
	float: none;
	clear: both;
	border-bottom: 1px solid #81848c;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dce0e5), color-stop(100%, #bcc2c6));
}
/* mainnavi txt & arrow */
nav#mainnavi ul li a {
	font-weight: bold;
	line-height: 160%;
	color: #333;
	padding: 15px;
	display: block;
	overflow: hidden;
	position: relative;
	background: url(../img/common_img/icon_arrow01.png) no-repeat 98% 50%;
	/* ratina */
	background-size: contain;
	-webkit-background-size: auto 27px;/*Android 2.1 対策として表示させたい縦サイズを記載*/
}
/* mainnavi subtxt */
nav#mainnavi ul li a span {
	font-size: 1.2rem;
	list-style: none;
	color: #369;
	left: 50%;
	top: 30%;
	position: absolute;
}
/*------------------------------------------------------------News01*/
section#news01 div {
	background: #FFF;
	padding: 12px 10px 10px;
	border-bottom: 1px solid #333;
}
section#news01 div:first-of-type {
	border-top: 1px solid #333;
}
section#news01 div.news_text {
	padding: 0;
	border: none;
	background: none;
	font-size: 1.2rem;
	line-height: 1.6;
}
section#news01 div a {
	display: block;
	padding: 10px 25px 10px 10px;
}
section#news01 .date {
	font-size: 1.2rem;
	font-weight: bold;
	color: #999;
}
section#news01 .title {
	font-size: 1.6rem;
	font-weight: bold;
	color: #066;
}
section#news01 .phbox {
	text-align: center;
}
section#news01 img {
	margin: 10px 0 0;
}
/*------------------------------------------------------------News02*/
section#news02 div {
	border-bottom: 1px solid #333;
	background: #FFF url(../img/common_img/icon_arrow02.png) no-repeat 97% 50%;/*背景色のみ変更可*/
	/* ratina */
	background-size: contain;
	-webkit-background-size: auto 12px;/*Android 2.1 対策として表示させたい縦サイズを記載*/
}
section#news02 div:first-of-type {
	border-top: 1px solid #333;
}
section#news02 div a {
	display: block;
	padding: 10px 25px 10px 10px;
}
section#news02 p.date {
	font-size: 1.2rem;
	font-weight: bold;
	color: #999;
}