@charset "utf-8";




body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
table{border-collapse:collapse; border-spacing:0;}
/* --- /reset --- */



.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;min-height:1%;}
* html .clearfix {height:0%;}
*{zoom:1;}
.clearfix {display:block;}
/* --- /clearfix ---*/


a,
a:link,
a:visited {
    text-decoration: none;
	color:#000;
}
a:hover {
    color: #FF9900;
    text-decoration: none;
}
a:active {
	text-decoration: none;
}

h1 {
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;	
}

area {
	outline:none;
	}


/* ---------------------------------------- 
 - common
---------------------------------------- */
html{
	height: 100%;
}

body{
	font-family:'ヒラギノ明朝 Pro W','Hiragino Mincho Pro','ＭＳ 明朝','ＭＳ Ｐ明朝','メイリオ','Meiryo','Osaka';
	font-size:13px;
	overflow-x :hidden;
}



strong {
	font-weight:bold;
	}

#wrapper {
	min-width:950px;
	max-width:100%;
	overflow:hidden;
}

a.btn_menuback {
	display:block;
	width:110px;
	height:35px;
	background:url(images/button_back.png) 0 0 no-repeat;
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	margin:auto;
	}

.inline_t_indent {
	display:block;
	text-indent:-12px;
	padding-left:12px;
	color:#ab0000;
	}
	
.sold {
font-weight: bold;
color: #AC0000;
}


/* ---------------------------------------- 
 - opening
---------------------------------------- */

#opening {
	background-color:#FFF;
	position:fixed;
	overflow:hidden;
	z-index:0;
}

#opening img {
	position:absolute;
}

#opening .logo {
	position:absolute;
	top:32px;
	right:44px;
}



	

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

#contents {
	width:357px;
	background:url(images/contents_bg.gif) 0 0 repeat;
	float:right;
	z-index:10000;
	position:relative;
	box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.6);
	min-height:100%;
	height:100%;
	
	
	height:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding-bottom: 32768px;
    margin-bottom: -32768px;
	}
	
#contents h1 {
	width:141px;
	height:308px;
	background:url(images/title.png) 0 0 no-repeat;
	margin:auto;
	margin-bottom:110px;
	margin-top:110px;
	cursor:pointer;
	}
	
#contents h1 a {
	width:141px;
	height:308px;
	cursor:pointer;
	display:block;
	}
	
a.button_facebook {
	display:block;
	width:53px;
	height:55px;
	background:url(images/facebook.png) 0 0 no-repeat;
	right:29px;
	top:19px;
	position:fixed;
	cursor:pointer;
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;
	}
	
a.button_top {
	display:block;
	width:40px;
	height:126px;
	background:url(images/top.png) 0 0 no-repeat;
	right:-40px;
	bottom:26px;
	position:fixed;
	cursor:pointer;
	}
	
#contents ul,
#contents ul li {
	width:278px;
	margin:auto;
	}
	
#contents ul {
	background:url(images/line.png) 0 0 no-repeat;
	margin-bottom:42px;
	}
	
#contents ul li {
	background:url(images/line.png) bottom left no-repeat;
	padding:32px 0 42px 0;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	line-height:1.8;
	}
	
#contents ul li span {
	display:block;
	font-family:'Georgia';
	font-weight:bold;
	font-size:20px;
	}
	
#contents ul li span strong {
	font-size:32px;
	}
	
#contents #staff {
	width:278px;
	margin:auto;
	text-align:center;
	line-height:1.8;
	}
	
#contents #staff h3 {
	margin-bottom:20px;
	font-size:18px;
	font-weight:bold;
	}
	
#contents #staff p {
	text-align:left;
	width:250px;
	margin:auto;
	margin-bottom:110px;
	}

/* ---------------------------------------- 
 - #diary
---------------------------------------- */

#diary {
	width:10px;
	background-color:#FFF;
	box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.6);
	position:relative;
	z-index:1000;
	float:right;
	line-height:1.8;
	}
	
#diaryIn {
	width:500px;
	margin:42px;
	}
	
#diaryIn .no {
	display:block;
	font-family:'Georgia';
	font-weight:bold;
	font-size:32px;
	line-height:51px;
	}
	
#diaryIn .no strong {
	font-size:51px;
	}
	
#diaryIn h2 {
	font-size:28px;
	text-align:center;
	line-height:1.5;
	padding:32px 0;
	}
	
.subti{
	font-size:18px;
	text-align:center;
	line-height:1.5;
	padding:32px 10px;
	}
	
#diaryIn h2 em {
	font-size:17px;
	}
	
#diaryIn p {
	text-align: justify;
	text-justify: inter-ideograph;
	margin-bottom:32px;
	}
	
#diaryIn .img {
	text-align:center;
	margin-bottom:32px;
	}

/*ここから20200512*/
#diaryIn .left{
    clear: both;
    float: left;
    margin-right: 10px;}

#diaryIn .right{
    clear: both;
    float: right;
    margin-left: 10px;
}
/*ここまで20200512*/

.listDialy a {
	cursor:pointer;
	}
	
#cur_page_num span{
	color:#040000;
	background-color:color:#FBF9F3;
	display:table-cell;
	width:28px;
	padding:6px 0px;
	}
	
	
#page_num span {
	border:1px solid :#040000;
	}
	
#page_num li{
	display:inline;
	margin-right:4px;
	
	}
	
ul li{
	list-style-type:none;
}

.buttonEria {
	width:100%;
	position:relative;
	height:34px;
	overflow:hidden;
	}
	
.buttonEria .next,
.buttonEria .prev {
	position:absolute;
	}
	
.buttonEria .next {
	right:0;
	}
	
.buttonEria .prev {
	left:0;
	}
	
#switch
{font-size:120%;
display:block;
float:right;
width:500px;
position:absolute;
top:2px;

left:111px;

}

#switch li {
display:table-cell;
border:dotted 1px #000;
line-height:1.0;
text-align:center;
vertical-align:middle;
float:left;
margin-right:11px;
background-color:#FBF9F3;
}

#switch li:hover {
	background-color:#FC3;
	}

#switch li a {
	display:table-cell;
	width:28px;
	padding:6px 0px;
	}


/* ---------------------------------------- 
 - special
---------------------------------------- */

#special #wrapper {
	background:url(images/vol32/bg.jpg) 0 0 repeat;
	}