@charset "UTF-8";
/* CSS Document */

/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	font-weight:normal;
}
body {
	line-height:1;
}


article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}
/*全体*/
body{
	font-family: Verdana, Arial, Helvetica, 'sans-serif','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size:73%;
	letter-spacing:0.18em;
	background:#FFFFFF;
	line-height:2em;
}

/*   --------------------   common  --------------------------------   */
a { color:#000;}
a:link { text-decoration:none; color:#000;}f
a:visited { text-decoration:none; color:#000;}
a:hover { text-decoration: underline; color:#000;}

a img {
    border: medium none;
}
p,li{
	color:#1b1a1a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style:none;
}

		
img{-ms-interpolation-mode: bicubic;}


/* cf */
.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.cf {
	display: inline-block;
}

/* exlude MacIE5 \*/
* html .cf {
	height: 1%;
}

.cf {
	display:block;
}
.sp{
	display:none;
}
.sp640{
	overflow:hidden;
}
 .sp-link{
	display:none;
}
/* misc */
#global{
	width:1000px;
	margin:0 auto;
	
}
#global #header{
	padding: 0;
	width:1000px;
}
#top-navi-bg{
	width:100%;
	background:#f7f6f6;
	padding:6px 0px;
}
#top-navi{
	width:1000px;
	margin:0 auto;
}
#global h1{
	width:146px;
	height:47px;
	padding:100px 0px 87px;
	margin:0px auto ;
}
#search_form {
	float:left;
}
#search_form.pn {
	position: static;
}
#search_form input{
	border:none;
	border-bottom:1px #000000 solid;
	height:15px;
	width:120px;
	border-radius: 0;
	background:#f7f6f6;
}
#search_form #searchsubmit {
    border: 0px;
    width: 75px;
    height: 20px;
	padding:5px 0 0 15px;
    background: url(../img/common/search.png) no-repeat 0px 7px;
	cursor:pointer;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	font-size: 10px;
}
p#menu_btn{
	display:none;
}
#navi-top{
	float:right;
}
#navi-top li{
	float:left;
	list-style:none;
	padding:5px 0px 0 26px;
	height:25px;
}
#navi-top li a{
	background:url(../img/common/link_icon.png) no-repeat right 0px;
	padding:2px 20px 0 0;
	font-size: 10px;
}
#global #navi-bottom ul{
	width:1000px;
	background:url(../img/common/navi_bg.png) repeat-x top left;
	position:relative;
}
#global #navi-bottom li{
	float:left;
	list-style:none;
	padding:0px;
	margin:0px;
	width:150px;
	text-align:center;
}
#global #navi-bottom li.n1{
	margin-left:125px;
}
#global #navi-bottom li a{
	display:block;
	padding: 15px 0 5px;
	height:39px;
	font-size:1.1em;
	position:relative;
	z-index:10;
}
#global #navi-bottom ul li ul{
	position:absolute;
	left:0px;
	top:55px;
	z-index: 100;
	padding:19px 0 15px;
	margin-top: 0px;
    text-align: center;
	background:none;
	display: none;
	background:#FFFFFF;
	border-bottom: solid 1px #DDDDDD;
}

#global #navi-bottom ul li ul li {
  display: inline-block;
  float: none;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
  width:auto;
  text-align: center;
}
#global #navi-bottom ul li:hover ul{
 display: block;
}
#global #navi-bottom ul li ul li a {
  padding: 15px 20px;
  height:auto;
  font-size: 1em;
}
#global #navi-bottom ul li.n4 ul li{
	padding: 15px 0 0;
	text-align:left;
	width:110px;
}
#global #navi-bottom ul li.n4 ul li ul {
  width: auto;
  border-bottom: none;
  padding:7px 0 10px;
  text-align: left;
  position: static;
}
#global #navi-bottom ul li.n4 ul li ul li{
	padding:0;
}
#global #navi-bottom ul li.n4 ul li ul li a{
	padding:1px 0 0 5px;
	font-size:0.8em;
}
#global #navi-bottom ul li ul li.f-e span {
  font-family: Georgia;
  font-size: 1.6em;
}
#global #navi-bottom li a.current span,
#global #second-navi li a.current span{
	border-bottom: solid 2px #000000;
	padding:0px 0px 3px;
}
#global #navi-bottom li a:hover span,
#global #second-navi li a:hover span{
	border-bottom: solid 2px #000000;
	padding:0px 0px 3px;
}
#global #navi-bottom li a:hover,
#global #second-navi li a:hover{
	text-decoration:none;
}
/*#global #second-navi{
	display:none;
}*/
#global #second-navi ul{
	width:1000px;
	border-bottom: solid 1px #DDDDDD;
	margin-top:30px;
	padding-bottom:30px;
	text-align: center;
	position:relative;
}
#global #second-navi ul li {
   text-align:center;
   display:inline-block;
   vertical-align:top;
   *display: inline;
   *zoom: 1;
}
#global #second-navi ul li a{
	padding:15px 20px  ;
}
#global #second-navi .close {
	position:absolute;
	left:965px;
	top:0px;
	width:9px;
	height:9px;
}
#global #second-navi.collection-navi ul li{
	padding: 0px;
	text-align:left;
	width:110px;
}
#global #second-navi.collection-navi ul li ul {
  width: auto;
  border-bottom: none;
  margin-top: 7px;
  padding-bottom: 0px;
  text-align: left;
  position: static;
}
#global #second-navi.collection-navi ul li ul li a{
	padding:0px 0 0 5px;
	font-size:0.8em;
}

/*journal ナビ*/
#global #journal.eniki #second-navi ul{
	height:145px;
}
#global #journal #second-navi ul li.f-e{
	position:relative;
}
#global #second-navi ul li.f-e span{
	font-family:Georgia;
	font-size: 1.6em;
}
#global #second-navi ul li.f-h span{
	font-family: 'EB Garamond', serif;
	font-size: 1.7em;
}
#global #second-navi ul li.f-h a:hover span{
	padding:0px 0px 0px;
}
#global #second-navi ul li.f-h .current span{
	padding:0px 0px 0px;
}
#global #second-navi ul li.f-c span{
	font-family: 'Fjalla One', sans-serif;
	font-size: 1.7em;
}
#global #second-navi li ul.sub-journal{
	position:absolute;
	left:10px;
	top:20px;
	width:550px;
	border-bottom: none;
}
#global #second-navi ul li ul.sub-journal li{
	float:left;
	text-align: center;
	padding:0;
	width:63px;
	margin:15px 20px 0 0;
	height:70px;
}
#global #second-navi ul li ul.sub-journal li.t{
	padding:20px 10px 0 10px;
	height:50px;
}
#global #second-navi ul li ul.sub-journal li a {
	display: inline-block;
	position: relative;
	width:50px;
	height:6px;
	padding:55px 0 0;
}
#global #second-navi ul li ul.sub-journal li.mona a{
	background:url(../img/journal/eniki/navi.jpg) no-repeat -100px 0px;
}
#global #second-navi ul li ul.sub-journal li.eleanor a{
	background:url(../img/journal/eniki/navi.jpg) no-repeat -200px 0px;
}
#global #second-navi ul li ul.sub-journal li.judy a{
	background:url(../img/journal/eniki/navi.jpg) no-repeat -300px 0px;
}
#global #second-navi ul li ul.sub-journal li.eileen a{
	background:url(../img/journal/eniki/navi.jpg) no-repeat 0px 0px;
}
#global #second-navi ul li ul.sub-journal li a span {
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        opacity:0;
		filter: alpha(opacity=0);
		-ms-filter: "alpha(opacity=0)"; 
		-moz-opacity:0;
		-khtml-opacity: 0;
}
#global #second-navi ul li ul.sub-journal li.mona a span {
        background:url(../img/journal/eniki/navi.jpg) no-repeat -150px 0px;
}
#global #second-navi ul li ul.sub-journal li.eileen a span {
	    background:url(../img/journal/eniki/navi.jpg) no-repeat -50px 0px;
}
#global #second-navi ul li ul.sub-journal li.eleanor a span {
        background:url(../img/journal/eniki/navi.jpg) no-repeat -250px 0px;
}
#global #second-navi ul li ul.sub-journal li.judy a span {
        background:url(../img/journal/eniki/navi.jpg) no-repeat -350px 0px;
}
#global #second-navi ul li ul.sub-journal li.ov a span,
#global #second-navi ul li ul.sub-journal li a:hover span {
	    opacity:1;
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
background-color: rgba(255, 255, 255, 0.5);
		border-bottom:none;
}

#contents{
	margin:80px 0 0;
	display:none;
}

.fade a:hover img {
	opacity: .4;
	-webkit-opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
	-ms-filter: “alpha(opacity=40)”; 
}

.fade a img {
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}



.page-top-sp{
	display:none;
}
.page-top-pc{
	text-align:right;
	padding:80px 0 15px;
	width:1000px;
}
.page-top-pc a{
	background:url(../img/common/pagetop.png) no-repeat 0px 4px;
	padding:0px 0px 0px 20px;
}
.border{
	border-top:solid 1px #CCCCCC;
	width:244px;
	padding-top:25px;
}
.border ul.social{
	margin-bottom:20px;
}
.border ul.social li{
	display:inline-block;
	padding-right:15px;
}
.border ul.social li img {
	padding: 0 5px 0 0;
	height:12px;
	vertical-align:middle;
	margin-bottom:2px;
}
#footer{
	border-top: solid #cccccc 1px;
	padding:50px 0px 10px;
}
#footer-top,
#footer-bottom{
	width:1000px;
	margin:0 auto;
}
#footer-top{
	margin-bottom:30px;
}
#footer .footer-bl{
	width:290px;
	float:left;
}
#footer .footer-bl-02{
	width:410px;
	float:left;
}
#footer li{
	list-style:none;
	line-height:20px;
	font-size:1.4em;
	text-align:left;
}
#footer li ul {
	margin:12px 0 25px;
}
#footer li ul li{
	font-weight: normal;
	font-size:11px;
}
#footer li ul.social li{
	float:left;
	margin:0 10px 0 0;
}
#footer-bottom #footer-copy{
	line-height:1.2em;
	font-size:0.8em;
	font-family: Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif;
	float:left;
	padding:5px 0 0;
	width:500px;
}
#footer-bottom #footer-social{
	float:right;
	width:120px;
}
#footer #footer-social li{
	display:inline-block;
	padding-right:15px;
	font-size: 85%;
}
#footer #footer-social li img {
	padding: 0 5px 0 0;
	height:12px;
	vertical-align:middle;
	margin-bottom:2px;
}
/* PAGER */
.wp-pagenavi {
	clear: both;
	margin: 30px  0;
	padding: 10px 0;
	font-size: 88%;
	line-height: 17px;
	text-align: center;
	position:relative;
}
.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	padding: 3px 7px;
	margin: 2px;
	display: inline-block;
	overflow: hidden;
}
a.nextpostslink{
	background:url(../img/common/yajirusi_n.png) no-repeat 5px 6px;
	margin-left:5px;
	white-space:nowrap;
	text-indent: 100%;
	overflow: hidden;
	width: 30px;
	padding: 3px 0px;
}
a.previouspostslink{
	background: url(../img/common/yajirusi_b.png) no-repeat 5px 6px;
	white-space:nowrap;
	text-indent: 100%;
	overflow: hidden;
	width: 30px;
	padding: 3px 0px;
}
a.last{
	background: url(../img/common/yajirusi_n_stop.png) no-repeat 5px 6px;
	text-indent: 100%;
	white-space:nowrap;
	text-indent: 100%;
	overflow: hidden;
	width: 30px;
	padding: 3px 0px;
}
a.first{
	background: url(../img/common/yajirusi_b_stop.png) no-repeat 5px 6px;
	margin-right:5px;
	white-space:nowrap;
	text-indent: 100%;
	overflow: hidden;
	display: inline-block;
	width: 30px;
	padding: 3px 0px;
}
.pNav_next {float:right;*zoom:1;padding:40px 0;}
.pNav_back {float:left;*zoom:1;padding:40px 0;}

#contents h1{
	font-size:2.5em;
	text-align:center;
	margin:0px 0px 80px;
	padding:0px;
	font-weight:normal;
	width: auto;
	height:auto;
}

h3{
	font-size:100%;
	line-height:1.4em;
	margin:0px;
	padding:0px;
}
h4{
	padding:0 0 20px;
}
.day{
	font-family:Georgia, "Times New Roman", Times, serif;
}





/*search*/
#global #contents .search-text h1{
	font-size:1.5em;
	margin: 0px 0px 30px;
	text-align:left;
}
#page-none {
	padding-top:40px;
}
#page-none p{
	padding-bottom:10px;
}

/*NEWS一覧*/
.newslist ul{
}
.newslist ul li{
	width:202px;
	margin:0 23px 60px 20px;
	vertical-align: top;
    display: inline-block;
	*display: inline;  
    *zoom: 1;
}
.newslist .imgBox img{
	width:200px;
	height:141px;
	border:solid 1px #DDD;
}
.listMsg{
	padding:5px 3px 0;
	line-height:160%;
}
.listMsg-sp{
	display:none;
}
.newslist .day{
	padding:10px 3px 0;
}
.category-icon{
	margin-left:6px;
	line-height:140%;
	display:inline-block;
	font-size:11px;
	color:#5987C2;
}
.newslist ul.s-navi li{
	width: auto;
	margin:10px 3px 0px 2px;
    display: inline-block;
}
.newslist ul.s-navi li a{
	padding:3px 5px;
	font-size:85%;
	border: solid 1px #333333;
	letter-spacing:0.1em;
}
.newslist ul.s-navi li a:hover{
	text-decoration:none;
	background:#f5f4f4;
}


#page-404{
	text-align:center;
	margin:250px 0 0;
	display:none;
}
#page-404 h1{
	padding:0px;
	text-align:center;
	margin:0 0 40px;
}
#page-404 p.fb{
	font-size:150%;
	margin-bottom:35px;
	line-height:1.8em;
}
#page-404 p.fb span{
	font-size:85%;
	color:#9e9e9e;
	font-weight:normal;
}
#page-404 p.topbtn{
	margin:35px auto 0;
	
	width:290px;
}
#page-404 #search_form{
	float:none;
}
#page-404 p a{
	background:#f9f9f9;
	padding:8px 20px;
	display:block;
}
#page-404 p a:hover{
	text-decoration:none;
	background:#e7e6e6;
}
#page-404 #footer-copy{
	padding:50px 20px 0;
	font-size:11px;
}