@charset "utf-8";



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

powerd by travision Inc. 

recent status 2015.09.01

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

@media screen and (min-width: 769px){

*html {

	width:100%; zoom: 1;

}

*{ margin:0;padding:0; }

body {

	-webkit-text-size-adjust:100%;

	-webkit-font-smoothing: antialiased;

	font-family:"Helvetica,ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;

}

#wrapper {

	width:100%;

	min-width:1000px;

	padding:30px 0 0 0;

	color:#333333;

	font-size:16px;

	line-height:1.6;

	position:relative;

	background:url(../img/bg_wood.jpg) repeat;

}

#moment a {

	color:#666666;

	outline:none;

}

#moment a:hover {

	color:#666666;

	text-decoration:none;

}

#moment .detailitem { outline:none; }

#moment .disnon { display:none; }



.sp {display:none;}



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

Base

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

#moment .topBox {

  position:relative;

  width:1050px;

  height:100px;

  margin:0 auto 20px;

}



#moment .logo {

  position:absolute;

  left:0;

  top:0;

}



/*バックナンバー*/

#backnumber-pc {

	width:400px;	

	position:absolute;

	top:50px;

	right:0;

	font-size:13px;

	text-align:left;

  box-shadow:0 0 5px #444;

  background: #fff;

  z-index:100;

}

#backnumber-pc a,

#backnumber-pc a:hover

 {

	color:#333333;

	text-decoration:none;

}

#backnumber-pc dt {

	width: 378px;

	height: 50px;

	padding:0 22px 0 0;

	display: block;

	position: relative;

	line-height: 50px;

	text-indent:1em;

	background:url(../img/btn_bn.png) center center no-repeat #ffffff;

  cursor: pointer;

}

#backnumber-pc dt:hover {

opacity: 0.6;

}

#backnumber-pc dd {

display: none;

}

#backnumber-pc .active {

display: block;

}

#backnumber-pc dd a {

  display: block;

  overflow: hidden;

	width: 358px;

	padding:0 22px 0 0;

  margin: 0 auto 10px;

  background:url(../img/bn_arrow.png) right center no-repeat #f7f7f7;

  background-size: auto 12px;

  text-decoration:none;

}

#backnumber-pc dd a:hover {

background:url(../img/bn_arrow.png) right center no-repeat #f6f7e8;

background-size: auto 12px;

text-decoration: none;

}

#backnumber-pc .bn-img {

float: left;

width: 100px;

}

#backnumber-pc .bn-img img {

width: 100%;

height: auto;

}

#backnumber-pc .bn-text {

float:left;

width: 210px;

font-size: 14px;

padding: 10px;

}

#backnumber-pc .bn-text .vols {

  font-family:"serif";

  margin-bottom: 5px;

  font-size: 16px;

}



#moment .base-top {

  clear:both;

	width:100%;

	background:url(../img/bg_base_top.png) no-repeat center top;

	padding-top:19px;

  margin-bottom:60px;

}

#moment .base-bottom {

	width:100%;

	background:url(../img/bg_base_bottom.png) no-repeat center bottom;

	padding-bottom:19px;

}

#moment .base-inner {

	width:100%;

	background:url(../img/bg_base_inner.png)  repeat-y center top;

	padding:40px 0;

}

#moment h1,

#moment h2 {

	margin-bottom:50px;

	text-align:center;

}

#moment h3 {

	width:950px;

	margin:0 auto 30px;

	text-align:left;

}



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

moment BOX

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

#moment #momentBox {

	width:948px;

	height:628px;

	border:1px solid #ffffff;

	box-shadow:0 0 5px #aaaaaa;

	margin:0 auto;

	position:relative;

}

#moment #momentBox p {

	position:absolute;

}

#moment #momentBox p.photo01 { top:0; left:0;}

#moment #momentBox p.photo02 { top:0; right:0;}

#moment #momentBox p.photo03 { top:316px; left:474px;}

#moment #momentBox p.photo04 { top:316px; right:0;}

#moment #momentBox p.photo05 { bottom:0; right:0;}



#moment #momentBox p.photo06 { top:316px; left:474px;}

#moment #momentBox p.photo07 { bottom:0; left:474px;}

#moment #momentBox p.photo08 { bottom:0; right:0;}



#moment #momentBox p a {

	display:block;

	position:relative;

}

#moment #momentBox p.photo01 a { width:474px; height:628px;}

#moment #momentBox p.photo02 a { width:474px; height:316px;}

#moment #momentBox p.photo03 a { width:234px; height:312px;}

#moment #momentBox p.photo04 a { width:240px; height:156px;}

#moment #momentBox p.photo05 a { width:240px; height:156px;}



#moment #momentBox p.photo06 a { width:240px; height:156px;}

#moment #momentBox p.photo07 a { width:240px; height:156px;}

#moment #momentBox p.photo08 a { width:234px; height:312px;}



#moment #momentBox p a img.photo {

	position:absolute;

	top:0;

	left:0;

}

#moment #momentBox p a img.icon {

	position:absolute;

	left:10px;

	bottom:10px;

}



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

Modal

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



.modal {

	width:950px;

	height:628px;

	overflow:hidden;

	position:relative;

	margin:0 auto 40px;

	background:#ffffff;

}

.solo {

	background:#000 !important;

}

.solo .slideArea01 {

	left:50%;

	margin-left:-237px;

}

.modal .slideArea01 {

	width:475px;

	height:628px;

	position:absolute;

	top:0;

	left:0;

}

.solo .slideArea01 {

	left:50%;

	margin-left:-237px;

}

.modal .slideArea02 {

	width:475px;

	height:628px;

	position:absolute;

	top:0;

	right:0;

}

.modal .slideArea03 {

	width:950px;

	height:628px;

	position:absolute;

	top:0;

	left:0;

}

.modal .slideArea04 {

	width:800px;

	height:450px;

	margin:0 auto;

	padding-top:40px;

}

.solo .slideArea05 {

	width:100%;

	text-align:center;

}

.modal .story01,

.modal .story02,

.modal .story03 {

	width:395px;

	font-family:"游明朝","YuMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho";

	font-size:15px;

	position:absolute;

	bottom:40px;

}

.modal .story01 {right:40px;}

.modal .story02 {left:40px;}

.modal .story03 { width:800px; left:75px;}



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

Banner

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

.banArea {

  width:950px;

  margin:0 auto;

  padding-top:80px;

}

.banArea .banttl {

  width:950px;

  height:19px;

  margin-bottom:35px;

  background:url(../img/ban_ttl.png) no-repeat;

  text-indent:-9999px;

}



}