@charset "utf-8";





/* ----- box ----- */

#box {}

.boxInner {
	width:90%;
	margin:0 auto 100px;
	padding:10px 0 0;}





/* ----- section ----- */

section {
	margin-top:80px;
	padding-top:30px;
	background:url(../img/members/article_line.gif) top repeat-x;}

section#information h3 {width:300px;}
section#letters h3 {width:200px;}
section#photo h3 {width:150px;}

h3 {
	margin:50px auto;
	font-size:2.3em;
	font-weight:bold;
	color:#3c3c3c;
	text-align:center;
	line-height:1.1;
	letter-spacing:0;
	overflow:hidden;}

h3 span {
	font-size:0.4em;
	display:inline-block;
	position:relative;
	padding:0.6em;}

h3 span:before ,
h3 span:after {
	position: absolute;
	top: 50%;
	width: 99em;
	content: '';
	border-top: 1px solid currentColor;}

h3 span:before {
	right:100%;}

h3 span:after {
	left:100%;}



.list_more {
	width:200px;
	height:30px;
	margin:50px auto 0;
	font-size:1.3em;
	font-weight:bold;
	font-style:italic;
	color:#ffffff;
	text-align:center;
	line-height:1.5;
	display:block;
	background:url(../img/members/details_h3_sp_bg.gif) center no-repeat;}





/* ----- #information ----- */

#information {}

#information article {
	margin-top:30px;
	padding-bottom:80px;
	position:relative;
	border-bottom:solid 1px #b4b4b4;}

#information article h4 {
	font-style:italic;
	line-height:1.5;}

#information article h4 span {
	margin-bottom:10px;
	font-size:0.95em;
	color:#d61519;
	display:block;}

#information article a.more {
	width:150px;
	height:20px;
	margin-top:20px;
	font-weight:bold;
	font-style:italic;
	color:#ffffff;
	text-align:center;
	line-height:1;
	display:block;
	position:absolute;
	right:0;
	bottom:30px;
	background:url(../img/members/details_h3_bg.gif) center no-repeat;}





/* ----- #letters ----- */

#letters {}

#letters article {
	margin-top:30px;
	padding-bottom:30px;
	position:relative;
	border-bottom:solid 1px #b4b4b4;}

#letters article h4 {
	padding:0 0 0 160px;
	font-style:italic;
	line-height:1.5;}

#letters article h4 span {
	height:30px;
	padding-right:50px;
	font-size:0.95em;
	color:#d61519;
	position:absolute;
	top:2px;
	left:0;
	background:url(../img/members/letters_pdf.jpg) right no-repeat;}





/* ----- #photo ----- */

#photo {}

#photo h4 {
	padding:0 20px;
	font-style:italic;
	line-height:1.2;
	background:url(../img/members/photo_icon.gif) left center no-repeat;}

#photo h4 span {}

#photo ul {}

#photo ul li {
	padding:15px 0 60px 30px;
	position:relative;}

#photo ul li:nth-child(odd) {
	background:#e6e6e6;}

#photo ul li:nth-child(even) {
	background:#d7d7d7;}

#photo a.download {
	width:161px;
	height:21px;
	font-size:0.9em;
	font-weight:bold;
	font-style:italic;
	color:#ffffff;
	text-align:center;
	line-height:1.5;
	display:block;
	position:absolute;
	bottom:20px;
	right:20px;
	background:url(../img/members/download_bg.png) center no-repeat;}





/* ----- pager ----- */

ul.pager {
	margin:100px auto 0;
	text-align:center;}

ul.pager li {
	width:40px;
	height:40px;
	margin:0 2px;
	font-size:1.5em;
	font-weight:bold;
	font-style:italic;
	color:#ffffff;
	line-height:1.5;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;}

ul.pager li a {
	width:40px;
	height:40px;
	display:block;
	color:#ffffff;
	background:#333333;}

ul.pager li.now a {
	background:#d61519;}





/* ----- members_login ----- */

#members_login {
	margin-top:0;
	padding-bottom:0;
	background:none;}

#members_login h3 span:before {
	right:110%;}

#members_login h3 span:after {
	left:110%;}

#members_login p {
	text-align:center;}

#members_login input {
	padding:5px 8px;}

#members_login input.submit {
	margin:0 auto;
	display:block;
	cursor:pointer;}

#members_login table {
	margin:50px auto 20px;}

#members_login table th {
	padding:0 10px;
	color:#ffffff;
	text-align:center;
	background:#5a5a5a;}

#members_login table td input {
	margin-left:10px;}

#members_login table th ,
#members_login table td {
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:solid 10px #ffffff;}

/* ----- 以下、センクリード修正 ----- */
/* ----- pager ----- */

ul.pager {
	margin:100px auto;
	text-align:center;}

ul.pager li {
	width:40px;
	height:40px;
	margin:0 2px;
	font-size:1.5em;
	font-weight:bold;
	font-style:italic;
	color:#ffffff;
	line-height:1.5;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding:0 !important;
	background:none !important;}

ul.pager li a {
	width:40px;
	height:40px;
	display:block;
	color:#ffffff;
	background:#333333;}

/*ul.pager li.now a {
	background:#d61519;}
*/
ul.pager li span {
	width:40px;
	height:40px;
	background:#d61519;
	display: inline-block;
}