@charset "utf-8";

/* =====================================================
page-navi + page-number
===================================================== */
/* page-navi ------------------------------------ */
.page-navi{
	clear:both;
	margin:10% 5% 20%;
	overflow:auto;
}
.page-navi a{
	padding:2% 5%;
	border:1px solid #CCC;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	color:#003459;
background-image: linear-gradient(bottom, rgb(230,230,230) 11%, rgb(255,255,255) 56%);
background-image: -o-linear-gradient(bottom, rgb(230,230,230) 11%, rgb(255,255,255) 56%);
background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 11%, rgb(255,255,255) 56%);
background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 11%, rgb(255,255,255) 56%);
background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 11%, rgb(255,255,255) 56%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.11, rgb(230,230,230)),
	color-stop(0.56, rgb(255,255,255))
);
}
.page-navi-back{
	float:left;
}
.page-navi-next{
	float:right;
}
.page-navi-list{
	width:4em;
	margin:0 auto;
	text-align:center;
}

/* page-number ------------------------------------ */
.page-number{
	clear:both;
	width:100%;
	margin:10% 0;
	font-size:1.2em;
	line-height:1.5;
	text-align:center;
}
.page-number a,
.page-number a:link,
.page-number a:visited{
	display:inline;
	padding:5px 15px;
	background:#643000;
	color:#FFF;
	text-decoration: none;
}
.page-number a:active,
.page-number a:hover{
	color:#FFF;
	background:#C1AC99;
	text-decoration: none;
}

/* =====================================================
mt
===================================================== */
/* article-list */
.article-list{
	margin:3% 5% 8% 5%;
}
.article-list li{
	overflow:auto;
	padding:3% 0;
	border-bottom:1px dotted #999;
	line-height:1.5;
}
.article-list li a{
	display:block;
}
.article-list li span.entrydate{
	display:block;
	padding:2% 0 1%;
	color:#555;
}
.article-list li span.entryimg{
	display:block;
	float:left;
	padding:2% 3% 0 0;
	width:80px;
	max-height:60px;
	overflow:hidden;
}
.article-list li img{
	width:80px;
	height:auto;
}
/* article */
.article{
	margin:0 5%;
}
.article h1{
	font-size:1.2em;
	line-height:1.3;
	padding:0 0 3% 0;
	border-bottom:1px dotted #999;
}
.article-body{
	margin:8% 0;
	line-height:1.5;
}
#contents p.article-date{
	margin:5% 0 1%;
}
#contents p.article-date a{
	display:inline;
}
#contents .article-body p{
	margin:8% 0;
	line-height:1.5;
}
.article-body img{
	width:100%;
	height:auto;
}
/* input data -------------------------- */
.article-body-text .img-right{ float:none; }
.article-body-text .img-left{ float:none; }
.article-body-text hr{
	clear:both;
	margin:8% 0;
	border:solid #999;
	border-width:1px 0 0 0;
   	height:1px;
}
.article-body-text a{
	display:inline;
	text-decoration:underline;
}
.article-body-text blockquote{
	margin:8% 0;
	padding:1% 3%;
	border:1px solid #CCC;
	background:#EEE;
}
.article-body-text ul{
	list-style-type:disc;
	margin:8% 0 8% 5%;
}
.article-body-text ol{
	margin:8% 0 8% 5%;
}
.article-body-text h1,
.article-body-text h2,
.article-body-text h3{
	font-size:1.8em;
}
.article-body-text h4{
	font-size:1.6em;
}
.article-body-text h5{
	font-size:1.4em;
}
.article-body-text h6{
	font-size:1.2em;
}
/* article-sns */
.article-sns{
	width:300px;
	height:40px;
	margin:8% auto 8%;
}
.article-sns div{
	float:left;
}
.article-sns-tw{ width:100px; }
.article-sns-fb{ width:120px; }
.article-sns-googleplus{ width:80px; }
.article-sns span a{
	display:block;
}

/* menu ------------------- */
.style-menu .article{
	margin-top:5%;
}
.style-menu .article-list li span.entryimg{
	padding-top:0;
}
.style-menu .article-list li a{
	height:60px;
}