@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Montserrat:700);

html, body {
	height: 100%; 
}

#page {
	width: 100%;
	margin: 20px auto 0 auto;
	position: relative;
	min-height: 100%;
	height: auto;
}

#header {
	width: 960px;
	margin: 0 auto;
}

#issn {
	float: right;
	text-align: right;
	font-family: 'Montserrat', sans-serif;
	font-style: oblique;
}

#catchtitle {
	width: 710px;
	float: right;
	text-align: right;
	color: #191970;
	border-bottom: solid 1px #191970;
	margin-top: 10px;
	padding-bottom: 0.25em;
}

#titlelogo {
	width: 250px;
	height: 148px;
	float: left;
}

#titlelogo.titlelogo_m {
	height: 188px;
}

#titlelogo img#logoimg {
	width: 250px;
	height: 148px;
}

#titlelogo img#membericon {
	width: 250px;
	height: 40px;
	margin-top: 10px;
}

#main {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 0;/* >= footer height + α190px */
}

h1 {
	border: solid 1px #B9C3C9;
	border-left: solid 10px #EE86A8;
	background-color: #EFEFEF;
	font-size: 0;
	margin-top: 30px;
	padding: 12.5px 20px
}

h1 img {
	height: 16px;	
}

.page_border {
	border-top: solid 2px #0062AC;
	margin: 30px 0 0 0;
}

#footer {
	width: 100%;
	height: 170px;
	margin-top: 20px;
	background-color: #E6EBEE;
}

#footerarea {
	width: 960px;
	margin: auto;
}

#footeritem {
	margin-top: 25px;
	float: left;
}

#footeritem section {
	float: left;
}

#footeritem section#jlzdalink {
	width: 300px;
}

#footeritem section#jlzdalink img {
	width: 300px;
	height: 60px;
}

#footeritem section#socialmedia {
	width: 210px;
}

#footeritem ul li {
	width: 150px;
	text-align: center;
	float: left;
	font-size: 12px;
}

.fb-like {
	margin: 0;
	padding-left: 10px;
}

.twitter-share-button {
	margin: 10px 0 0 0;
	padding-left: 10px;
}

#copyright {
	margin-top: 40px;
	text-align: center;
}

#flash p {
	text-align: left;
}

#flashheader {
	font-size: 16px;
	font-weight: bold;
	line-height: 3em;
}

#flashicon {
	width: 160px;
	height: 41px;
	border: none;
	margin: 20px 0;
}

#flash #linkMargin {
	margin: 1em 0;
}

#flashicon:hover {
	opacity: 0.7;
}

/* agreement */
#textarea {
	width: 860px;
	margin: 30px auto 0 auto;
}

h2.header {
	margin-top: 15px;
	font-size: 15px;
}

p.text {
	text-indent: 1em;
}

p.indent {
	padding-left: 2em;
	text-indent: -1em;
}

ol.list {
	margin: 15px 0;
	padding-left: 2em;
}
/* agreement */

.bold {
	font-weight: bold;
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
	/*height:0;*/
}
.clearfix { /zoom: 1; } /* ie7以前 */

div#textsizearea {
	width: 710px;
	float: right;
}

div#textsize {
	width: 75px;
	margin-top: 10px;
	text-align: center;
	float: right;
	font-weight: bold;
}

div#textsize p {
	font-size: 12px;	
}

/* fontsize
-----------------------------------------*/
.fontS { font-size: 80% }
.fontM { font-size: 86% }
.fontL { font-size: 92% }

/* mod_headerbox_size
-----------------------------------------*/
div.mod_headerbox_size {
	overflow: hidden;
}

.mod_headerbox_size img {
	 width: 25px;
	 height: 50px;
}


.mod_headerbox_size ul {
}

.mod_headerbox_size ul li {
	float: right;
	width:25px;
	height: 25px;
	overflow: hidden;
}

.mod_headerbox_size ul li span {
	display: block;
	cursor: pointer;
}

.mod_headerbox_size ul li.active span {
	margin-top: -25px;
}

.mod_headerbox_size ul li span:hover{
	margin-top:-25px;
}

strong {
	font-weight: bold;
}

#breadlist {
	width: 960px;
	height: 25px;
	margin: 0 auto;
}

#breadlist.member_breadlist {
	margin-top: 20px;
}

#breadlist li {
	float: left;
	line-height: 25px;
}

#breadlist li img {
	width:25px;
	height: 25px; 
}

.btn_top {
	width: 960px;
	margin: 50px auto 0 auto;
	text-align: right;
}

.btn_top img {
	width: 120px;
	height: 30px;
}

.imgbtn a:hover {
	opacity: 0.7;
}