@charset "utf-8";

/* ========================================
枠組み CSS

 - File Name : structure.css
 - Latest Css Updates : 2014.10.16
 - Those who update it : y.e
======================================== */

/*---------------------------------------------------------------------
about
---------------------------------------------------------------------*/
#about{
	background:#fff;
	width:660px;
	display:none;
	margin-bottom: 55px;
}
#aboutInner{
	width:540px;
	margin:0 auto;
	padding:80px 60px 50px;
}
#aboutInner .txtBox {
	float:left;
}
#aboutInner .ttl{
	padding:0 0 30px;
}
#aboutInner dl{	
	width:300px;
}
#aboutInner dt{
	width:105px;
	line-height:100%;
	padding:0 0 10px;
}
#aboutInner dd{
	padding:0 0 25px;
}
#aboutInner .map{
	float:right;
	padding:45px 0 0;
}

/*---------------------------------------------------------------------
header
---------------------------------------------------------------------*/
#logo{
	position:fixed;
	top:75px;
	left:26px;
	z-index:900;
	cursor:pointer;
}
#btnAbout{
	padding: 9px 0;
	cursor:pointer;
}
#btnAbout.open{;
	padding-right:25px;
}

/*---------------------------------------------------------------------
container
---------------------------------------------------------------------*/
#articleContainer{
	padding-left:150px;
}
#articleContainer .hgroup{
	text-align:right;
	margin-bottom:20px;
	font-size:83%;
	background:url(../images/line_title.gif) no-repeat 100% 0;
	padding-top:15px;
	line-height:100%;
}
#articleContainer .hgroup h2{
	font-weight:bold;
	margin-bottom:10px;
	}
#articleContainer .hgroup .cate,
#articleContainer .hgroup .date{
	margin-bottom:5px;
	font-size:108%;
	letter-spacing:0.1em;
	}
#articleContainer .section .article .works{
	margin-bottom:55px;
}
#articleContainer .section .article .works img{
	max-width:660px;
}
#articleContainer .section .article .entry_txt{
	margin:-45px 0 55px 0;
	font-size:83%;
}
    
/*---------------------------------------------------------------------
pagenate
---------------------------------------------------------------------*/
.pagenate{
	text-align:center;
	position:relative;
	width:100%;
}
.pagenate .current,
.pagenate .page{
	display:none;
}
.pagenate .pages{
	display:inline-block;
	padding:8px 0;
	font-size:105%;
}
.pagenate .previouspostslink,
.pagenate .nextpostslink{
	position:absolute;
	top:0;
	padding:8px;
}
.pagenate .previouspostslink{
	left:40%;
	background:url(../images/page_alow_prev.png) no-repeat center center;
	text-indent:-9999px;
}
.pagenate .nextpostslink{
	right:40%;
	background:url(../images/page_alow_next.png) no-repeat center center;
	text-indent:-9999px;
}
    
/*---------------------------------------------------------------------
gnav
---------------------------------------------------------------------*/
#gnav{
	position:fixed;
	bottom:31px;
	left:26px;
}
#gnav li{
	width:150px;
}
#gnav a{
	width:100%;
	display:block;
	padding:9px 0;
}

/*---------------------------------------------------------------------
lnav
---------------------------------------------------------------------*/
#lnav{
	position:fixed;
	bottom:40px;
	right:30px;
}
#lnav #pagetop{
	padding:0 3px;
	margin-bottom:24px;
}
#lnav li{
	height:15px;
}
#lnav li a{
	display:block;
	/*overflow:hidden;*/
	/*height:0;*/
	/*padding-top:15px;*/
}
#lnav #btnPrev{
	margin-bottom:22px;
}
#lnav #btnPrev a{
	/*background:url(../images/pagetop_alow_up.png) no-repeat 50% 5px;*/
}
#lnav #btnNext a{
	/*background:url(../images/pagetop_alow_dwn.png) no-repeat 50% 0;*/
}
/*#lnav #btnPrev a:hover{
	background-position:50% 0;
}
#lnav #btnNext a:hover{
	background-position:50% 5px;
}*/
#lnav #btnPrev{
	position:relative;
	text-align:center;
}
#lnav #btnNext{
	position:relative;
	text-align:center;
}