@charset "utf-8";
@import url(slider.css);
@import url(jqMini.css);
@import url(jqMini3d.css);
/*-------------------------------


Type A Template common.css

※Not Edit. for Edit is (basic.css)
--------------------------------*/
/*あとで削除*/
#container{
	width: 320px !important;
}

/*-------------------------------
1.reset
2.basic
3.layout
4.module
5.color
--------------------------------*/

/*------------------------------------
basic
-------------------------------------*/
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
 }
#header-content:after{
  content: ""; 
  display: block; 
  clear: both;
}
 
html,body{
	margin: 0;
	padding: 0;
	font-size:12px;
	line-height: 1.8;
	font-family: sans-serif;
}

a,img{
	border: none;
}

div,dl,dd,dt,ol,ul,li,p,span,h1,h2,h3,h4,h5,h6{
	margin: 0;
	padding: 0;
	font-size: 100%;
}

li{
	list-style-position: inside;
}

small,.small{font-size: 80%;}




/*------------------------------------
layout
-------------------------------------*/
#header{
	height: 50px;
	border-bottom: #333 1px solid;
	position: fixed;
	top:0;
	left: 0;
	z-index: 15000;
}
#site-name{
	display: inline-block;
	float: left;
	margin: 10px 0 10px 10px;
}
.iconArea{
	width: 150px;
	float: right;
	margin: 10px 0 10px 0;
}
.page {
	padding: 0;
}
#content{
	margin-top: 52px;
}
#main-column{
	padding-bottom: 10px;
}
#main.page .default_main{
	text-align: center;
	position: relative;
	top:50%;
	margin-top: -80px;
}
.inner:after,.block-inner:after{
	content: "";
	display: block;
	clear: both;
}

.mt-image-none{
	max-width: 100% !important;
	height: auto !important;
}


/*------------------------------------
module
-------------------------------------*/
.PageTitle{
	background: #111;
	color: #fff;
	text-align: center;
	padding: 1em;
}
.heading{
	font-size: 116%;
	border-bottom: #999 1px solid;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.first-write{
	margin: 5px 5px 15px;
	padding: 5px;
}
.block{
	margin: 5px 5px 15px;
	padding: 5px;
}


.thumb {
	width: 29.33333333333333%;
	margin: 1%;
	float: left;
	text-align: center;
	border: 3px solid #eee;
}
.thumb img {
	max-width: 100%;
}
.page.photo img  {
	width: 100%;
	max-width: 100%;
}
.page.photo a{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.page.photo .page-header{
	background: #111;
	color: #fff;
	text-align: center;
	padding: 1em;
}


div.list{ position: relative; height: 50px; margin-bottom: 10px; padding: 5px 0;}
div.list:after{display: block; content: ""; clear: both;}
div.list .left{display: inline-block; width: 50px; float: left;}
div.list .right{float: right; width: 255px; padding-left:5px;}
div.list .right .txt{font-size: 87%; line-height: 1.4;}
div.not-image-list .txt{font-size: 87%; line-height: 1.4;}
div.list a{display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.page-back a{background: #333; text-align: center; line-height: 40px; height: 40px; display: block; text-decoration: none; border-bottom: #555 1px solid; border-top: #666 1px solid;}
.page-back span:before{
	content: "<<";
	font-size: 150%;
}
.page-back-none{background: #ccc; text-align: center; line-height: 40px; height: 40px; display: block; color: #333; text-decoration: none; border-bottom: #555 1px solid; border-top: #666 1px solid;}
.page.photo .caution{display: block; padding: 5px 1%; width: 98%; box-shadow:0px 0px 100px 100px rgba(0,0,0,0.6) inset; position: absolute; bottom: 0; font-size: 90%; z-index:99999; opacity: 0.7;}
.pagenate{
	padding: 10px 1%;
	width: 98%;
	overflow: hidden;
	height: 30px;
}
.pagenate ul{
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
.pagenate li{
	display: inline;
	text-align: center;
}
.pagenate li span,.pagenate li a.link_page{
	display: inline-block;
	width: 15px;
	height: 15px;
	text-align: center;
	line-height: 16px;
	text-decoration: none;
	border: #777 1px solid;
	color: #777;
}
.pagenate li span.current_page{
	color: #fff;
	background-color: #777;
}
.pagenate li a.link_page:hover{
	color: #fff;
	background-color: #777;
}
.link_before,.link_next{
	padding: 0 0.5em;
	color: #777;
}
.link_before:hover,.link_next:hover{
	color: #333;
	text-decoration: none;
}

/*menu*/
#menu .navigation li, #foot-nav li,#contentArea li{
	list-style: none;
}
#menu .menu-closing,#menu .navigation li a,#foot-nav li a,#contentArea li a{
	display: block;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	text-decoration: none;
	border-bottom: #555 1px solid;
	text-indent: 1em;
}
#menu .menu-closing:active,#menu .navigation li a:active, #foot-nav li a:active,#contentArea li a:active{
	background: #fff;
	color: #333;
}
#menu .navigation li a, #foot-nav li a,#contentArea li a{
	text-indent: 2em;
}

/*social*/
#socialArea,.entry-footer{text-align: center; margin: 3px 0 6px; padding: 10px 0; border-bottom: #444 1px solid; border-top: #444 1px solid;}
#socialArea a,.entry-footer a{margin: 0 8px !important;}

/*------------------------------------
color
-------------------------------------*/
body{
	background: #111;
	color: #fff;
}
a{
	color: #fff;
}
#main-column a{
	color: #05f;
}
#main-column .page-back a{
	color: #fff;
}
#header{
	background: #111;
}
#main-column{
	color: #333;
	background: #dedede;
}
.first-write{
	background: #fff;
}
.block{
	background: #fff;
}
#page-content{
	z-index: 100;
}
/*module accordion*/
/* accordion
===========================================================*/


dl.accordion{margin-bottom: 10px;}
dl.accordion dt {
	cursor:pointer;
	position: relative;
	height: 38px;
	line-height: 38px;
	display: block;
	border-bottom: #444 1px solid;
	border-top: #666 1px solid;
	text-indent: 1em;
}
dl.accordion dt span{
	position: absolute;
	right: 1em;
	height: 38px;
	line-height: 38px;
	top:0;
}
dl.accordion dt span img{
	position: absolute;
	top:50%;
	margin-top: -5px;
	right: 1em;	
	}
dl.accordion dt.non-active img,#foot-nav dt span img{
	display: none;
}
dl.accordion dt.non-active span:after,#foot-nav dt span:after {
	content: "open";
	position: absolute;
	right: 1em;
	top:0;
}
#foot-nav dt.active span img{
	display: block;
	position: absolute;
	top:50%;
	margin-top: -5px;
	right: 1em;	
}
#foot-nav dt.active span:after{
	content: "";
}
dl.accordion dd { display:none; padding: 5px;}