@charset "Shift_JIS";

/* 特集全トップ */
a[href^="http"] {
	word-break: break-all;
	white-space: normal;
	}

#main {
	overflow: hidden;
	}

div#top-feature {
	}

div#feature-index ul {
	width: 529px;
	border-bottom: #999 1px dashed;
	border-right: #999 1px dashed;
	overflow: hidden;
	margin-top: 10px;
	}
div#feature-index ul li {
	width: 243px;
	border-top: #999 1px dashed;
	border-left: #999 1px dashed;
	overflow: hidden;
	float: left;
	padding: 10px;
	}
div#feature-index ul li p.feature-list-image,div#feature-index ul li h2 {
	margin: 0;
	padding: 0;
	}
div#feature-index ul li#list-title {
	width: 260px;
	border-top: none;
	border-left: none;
	padding: 0;
	}
div#feature-index ul li#list-title a {
	width: 260px;
	height: 102px;
	display: block;
	background: url(../image/sp-top-title.gif) 0 0 no-repeat;
	text-indent: -9999px;
	}
div#feature-index ul li#list-title a:hover {
	background-position: 0 -102px;
	}


/* テーブルバージョン */
div#feature-index table {
	width: 529px;
	border-bottom: #999 1px dashed;
	border-right: #999 1px dashed;
	overflow: hidden;
	margin-top: 10px;
	}
div#feature-index table td {
	width: 243px;
	border-top: #999 1px dashed;
	border-left: #999 1px dashed;
	overflow: hidden;
	padding: 10px;
	vertical-align:top;
	}
div#feature-index table td p.feature-list-image,div#feature-index table td h2 {
	margin: 0;
	padding: 0;
	}
div#feature-index table td#list-title {
	width: 255px;
	border-top: none;
	border-left: none;
	padding: 0;
	}
div#feature-index table td#list-title a {
	width: 255px;
	height: 145px;
	display: block;
	background: url(../image/feature-index-title.gif) 0 0 no-repeat;
	text-indent: -9999px;
	}
div#feature-index table td#list-title a:hover {
	background-position: 0 -145px;
	}


p.feature-list-image {
	width: 120px;
	float: left;
	}
div.feature-list-contents {
	width: 115px;
	float: right;
	}

p.sp-title {
	font-size: 100%;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	}
p.sp-name {
	font-size: 80%;
	line-height: 1.3em;
	margin: 5px 0 0 0;
	padding: 0;
	}
p.sp-name span {
	font-size: 120%;
	line-height: 1.5em;
	}
	p.sp-name span.side{
		font-size:85%;
		}
p#sp-btn-01,p#sp-btn-02,p#sp-btn-03,p#sp-btn-04,p#sp-btn-05 {
	margin: 10px 0 0 0;
	padding: 0;
	}

p#sp-btn-01 a,p#sp-btn-02 a,p#sp-btn-03 a,p#sp-btn-04 a,p#sp-btn-05 a {
	width: 95px;
	height: 25px;
	display: block;
	text-indent: -9999px;
	}

p#sp-btn-01 a {
	background: url(../../image/sp-btn-01.gif) 0 0 no-repeat;
	}
p#sp-btn-02 a {
	background: url(../../image/sp-btn-02.gif) 0 0 no-repeat;
	}
p#sp-btn-03 a {
	background: url(../../image/sp-btn-03.gif) 0 0 no-repeat;
	}
p#sp-btn-04 a {
	background: url(../../image/sp-btn-04.gif) 0 0 no-repeat;
	}
p#sp-btn-05 a {
	background: url(../../image/sp-btn-05.gif) 0 0 no-repeat;
	}


p#sp-btn-01 a:hover,p#sp-btn-02 a:hover,p#sp-btn-03 a:hover,p#sp-btn-04 a:hover,p#sp-btn-05 a:hover {
	background-position: 0 -25px;
	}
/* 特集表紙 */
.feature-main {
	display: block;
	position: relative;
	}
.feature-main .main_title {
	margin: auto;
	}
.feature-main_text {
	margin: auto;
	padding: 5% 0 60% 40%;
	background-image: url(../image/feature-main-bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #000;
	font-size: 90%;
	line-height: 1.75em;
	text-shadow: 
		1px 0 1px #FFF, 
		-1px 0 1px #FFF, 
		0 1px 1px #FFF, 
		0 -1px 1px #FFF, 
		0 0 2px #FFF;
	}
.feature-main_text .text_big {
	font-weight: bold;
	font-size: 1.25em;
	}
.feature-main_text .text_big strong {
	font-size: 2em;
	}

/*------------------------------------------------------------ 各号に合わせて、線、文字の色を変更 ------------------------------------------------------------*/
div#feature-talk {
	width: 528px;
	overflow: hidden;
	padding-bottom: 0;
	border-style: solid;
	border-width: 0 1px 1px;
	border-color: #65a9dc;
	}
div#talk-left {
	width: 425px;
	float: left;
	margin-bottom: 0;
	padding-bottom: 0;
	}

div#talk-left-contents {
	margin: 0 15px 15px 15px;
	}
div#talk-left-contents h4 {
	font-size: 120%;
	color: #65a9dc;
	}
/*------------------------------------------------------------ 各号に合わせて、線、文字の色を変更 ここまで ------------------------------------------------------------*/

div#talk-left-contents p {
	margin-top: 5px;
	text-align:justify;
	}
p#talk-right {
	width: 95px;
	text-align: left;
	float: right;
	margin-top: 0;
	padding: 0 5px 0 0;
	}

/* 各特集スタイル */
h2#sp-section-title {
	font-size: 140%;
	text-align: center;
	background: #EAEBEB;
	line-height: 1.3em;
	margin-top: 10px;
	padding: 10px 0;
	}
h2#sp-section-title img {
	display: inline-block;
	width: auto;
	height: 1em;

	}
h2#sp-section-title span {
	font-size: 80%;
	}
h2#sp-section-title span.en{
	font-size:60%;
	font-weight:normal;
	line-height:1.4em;
	}
p#sp-profile-photo {
	margin: 0;
	}
div#sp-profile {
	background: #eaf1fa;
	margin: 0;
	padding: 15px;
	}

p#profile-ja {
	font-size: 80%;
	line-height: 1.5em;
	border-bottom: #333 1px dotted;
	margin: 0 0 5px 0;
	padding-bottom: 5px;
	}
p#profile-ja span {
	font-size: 120%;
	}

p#sp-eng {
	font-size: 70%;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	}

#main_text .feature_teacher {
	margin: 15px auto 30px;
	background-color: #efefef;
	}
#main_text .feature_teacher td {
	padding: 5px;
	}
#main_text .feature_teacher p {
	text-indent: 0;
	}


/* ボイススタイル */

h2.voice-title {
	font-size: 120%;
	color: #0a877f;
	border-left: #0a877f 6px solid;
	border-bottom: #0a877f 1px dashed;
	margin: 15px 0;
	padding: 5px 0 5px 10px;
	}
div.voice-profile {
	width: 530px;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;
	}
p.profile-ph {
	width: 170px;
	text-align: center;
	float: left;
	}
div.voice-profile-right {
	width: 350px;
	float: right;
	}

div.voice-profile-right h3 {
	/*height: 50px;*/ /*201401 文字の大きさを変えたときに崩れるためマージンに変更*/
	margin-bottom:10px;
	color: #0a877f;
	font-size: 150%;
	line-height: 1.3em;
	padding: 0;
	}
div.voice-profile-right h3 span {
	color: #666;
	line-height: 1.3em;
	font-size: 60%;
	}
div.voice-profile-right h3 strong {
	font-size: 75%;
	line-height: 1.3em;
	}
p.voice-affiliation {
	font-size: 80%;
	line-height: 1.3em;
	margin: 0;
	}
p.voice-name {
	font-size: 80%;
	line-height: 1.3em;
	margin-top: 10px;
	}
p.voice-name span {
	font-size: 150%;
	line-height: 1.5em;
	}
p.voice-inner-profile {
	font-size: 80%;
	border-top: #0a877f 1px dotted;
	line-height: 1.5em;
	margin: 10px 0 0 0;
	padding-top: 5px;
	}

div.voice-profile-contents {
	width: 330px;
	height: 235px;
	float: right;
	background: #FFFAD7;
	padding: 10px;
	}

div.main_text h4{
	color: #0a877f;
	font-size: 100%;
	margin: 30px 0 10px 0;
	padding: 0 0 0 8px;
	border-left: #0a877f 4px solid;
	clear: both; /* 追加 */
	}

/* 111005拡張 下部の特集リンク */
div#feature-index-foot ul {
	width: 530px;
	overflow: hidden;
	}
div#feature-index-foot ul li {
	width: 255px;
	float: left;
	overflow: hidden;
	border-bottom: 1px dotted #666;
	margin-bottom: 10px;
	}
div#feature-index-foot ul li.list-left {
	margin-right: 20px;
	}
p.feature-footer-ph {
	width: 50px;
	float: left;
	}
div.feature-footer-contents {
	width: 195px;
	float: right;
	}
div.feature-footer-contents p {
	font-size: 80%;
	line-height: 1.5em;
	}

/* テキスト、キャプション画像など */
#main_text .caption-f {
	font-size: 75%;
	line-height: 1.4em;
	text-indent: 0;
	}
.caption-f img {
	display: block;
	padding-bottom:10px;
	}

div.main_text {
	width: 530px;
	}

div.main_text h2 {
	font-weight: bold;
	color: #c83d6e;
	font-size: 130%;
	text-align: center;
	line-height: 1.3em;
	padding: 5px 0 15px 0;
	}
span.ring-title-sub {
	font-size: 75%;
	line-height: 1.3em;
	}

div.main_text p.magazine-text {
	overflow: hidden;
	}
div.main_text > p {
	margin-bottom: 0.5em;
	text-indent: 1em;
	}


span.caption-left > img, 
span.caption-right > img {
	display: block;
	}
span.caption-left {
	float: left;
	display: inline-block;
	color: #333;
	font-size: 80%;
	line-height: 1.3em;
	margin: 0;
	padding: 0 10px 0 0;
	}
span.caption-right {
	float: right;
	display: inline-block;
	color: #333;
	font-size: 80%;
	line-height: 1.3em;
	margin: 0;
	padding: 0 0 0 10px;
	}
span.caption-left + span.caption-right {
	padding-left: 0;
	}
span.caption-c {
	display: inline-block;
	margin: auto;
	color: #333;
	font-size: 80%;
	line-height: 1.3em;
	margin: 0;
	}


span.caption-left img,span.caption-right img, span.caption-c img {
	display: block;
	margin-bottom: 5px;
	}

span.small-main-text {
	display: block;
	font-size: 80%;
	line-height: 1.3em;
	margin-top: 10px;
	}

p.main-text-footer {
	text-align: center;
	font-size: 80%;
	border: #999 1px solid;
	margin-top: 10px;
	padding: 10px;
	}

/* 111013 共通 */
sup {
	vertical-align: baseline;
	position: relative;
	top: -1ex;
	}

hr.dotted {
	margin: 10px auto;
	border-style: dotted;
	border-color: #333;
	border-width: 1px 0 0;
	}



/* 130708　クリアフィックス追加 */
.clearfix:after {
	content: ".";
	display: block;
	height: 0.1px;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* for IE 5.5-7 */
.clearfix {
	zoom:100%;
}