﻿/* CSS Document */


.paragraph p {
	font-size:16px;
}

.date {
	margin:10px 0 0 0;
    clear: both;
}

#newsList {
	clear: both;
	height: 2.5em;
}

#newsList #prev {
	display: inline;
	float: left;
	padding-left: 15px;
	background: url(/photo/tanekiyo/images/arrow_L.gif) left 5px no-repeat;
}

#newsList #next {
	display: inline;
	float: right;
	padding-right: 15px;
	background: url(/photo/tanekiyo/images/arrow_R.gif) right 3px no-repeat;
}

.summary:after, #newsList:after {
	content: "";
	display: block;
	clear: both;
}

/* for IE6 */
* html .summary, * html #newsList {
	display: inline-block;
}

/* for IE7 */
*+html .summary, *+html #newsList {
	display: inline-block;
}

.summary dt {
    clear: none;
	display: inline;
    cursor: pointer;
}

.summary {
	-moz-border-radius: 8px 8px 8px 8px;
    border: 3px double #36C;
    clear: both;
    color: #666666;
    font-size: 12px;
    letter-spacing: 0.1em;
    margin: 0 5px 10px;
    padding: 10px;
   /* width: 700px;*/
	background:url(/photo/tanekiyo/images/img_tanekiyo.gif) top right no-repeat;
}

h1{
	margin: 10px 0 5px;
	padding: 0 0 3px;
	color:#36C;
	border-bottom:dotted 1px #36C;

}

.figure p, .thumbnail p {
	margin: 0 0 0.5em 0;
	font-size: .834em;
}

.phLeft {
	width: 115px;
	float: left;
	margin-right: 10px;
}

.phLeftC {
	width: 115px;
	float: left;
}

.img_left,.img_left2 {
	width: 300px;
	float: left;
}

.img_left {
	margin: 0 50px;
}

.list li{
	font-size:16px;
	font-weight:bold;
	line-height:30px;
}

.phLeft19 {
	width:500px;
	margin: 0 auto;
}

/* 019.html */
.phLeft19_1 {
	width: 240px;
	margin-right: 100px;
	float: left;
}

.phLeft19_2 {
	width: 160px;
	float: left;
}

/* 023.html */
.phLeft23 {
	width: 500px;
	margin: 0 auto;
}

.phLeft23_dl {
	width: 220px;
	float: left;
	margin-right: 60px;
}

.phLeft23_dl {
	margin: 0 auto;
}

.phRight23_dl {
	width: 220px;
	float: left;
}

/* 025.html */

.phLeft_025_p {
	width: 100px;
	float: left;
	margin-right: 30px;
}

.phLeft_025 {
	width: 165px;
	float: left;
	margin-right: 15px;
}

.phLeftC_025 {
	width: 165px;
	float: left;
}

.box_C {
	width: 655px;
	margin: 0 auto;
}

/* 028.html */

.ta028ul {
	width: 400px;
	margin-left: 50px;
}

.listmark {
	list-style-type: disc;
	font-size: 1.4em;
}

/* 正方形1枚450px */

.photo_450 {
	width: 450px;
	margin: 0 auto;
}
	
.cap {
	text-align: center;
}
	
.cap span {
	text-align: center;
	font-size: 12px;
}

/* 横写真1枚 */
.photo_yoko {
	width: 300px;
	margin: 0 auto;
}
	
.cap {
	text-align: center;
}
	
.cap span {
	text-align: center;
	font-size: 12px;
}

/* 縦写真1枚 */
.photo_tate {
	width: 233px;
	margin: 0 auto;
}
	
.cap {
	text-align: center;
}
	
.cap span {
	text-align: center;
	font-size: 12px;
}

/* 縦写真2枚 */

.tate2 {
	width: 496px;
	margin: 0 auto;
}

.tate2_l, .tate2_r {
	width: 233px;
	float: left;
}

.tate2_l {
	padding-right: 30px;
}
	
.tate2_cap {
	text-align: center;
}
	
.tate2_cap span {
	font-size: 12px;
}

/* 縦写真2枚 変則160px (vol.015) */

.tate2_015 {
	width: 350px;
	margin: 0 auto;
}

.tate2_l_015, .tate2_r_015 {
	width: 160px;
	float: left;
}

.tate2_l_015 {
	padding-right: 30px;
}
	
.tate2_cap_015 {
	text-align: center;
}
	
.tate2_cap_015 span {
	font-size: 12px;
}


/* 横写真×縦写真 */

.yokotate2 {
	width: 633px;
	margin: 50px auto 0;
}

.yokotate2_l {
	width: 330px;
	float: left;
	margin: 60px 50px 0 0;
}

.yokotate2_r {
	width: 233px;
	float: left;
}

/* 横写真2枚 */

.yoko2 {
	width: 630px;
	margin: 0 auto;
}

.yoko2_l, .yoko2_r {
	width: 300px;
	float: left;
}

.yoko2_l {
	margin-right: 30px;
}
	
.yoko2_cap {
	text-align: center;
}

.yoko2_cap span {
	font-size: 12px;
}
	
	/* 横写真3枚 */

.yoko3 {
	width: 755px;
	margin: 0 auto;
}

.yoko3_c{
	width: 245px;
	float: left;
}

.yoko3_l, .yoko3_r {
	width: 245px;
	float: left;
}

.yoko3_l {
	margin-right: 5px;
}
	
.yoko3_cap {
	text-align: center;
}

.yoko3_cap span {
	font-size: 12px;
}

/* 横写真2枚 変則240px (vol.015) */

.yoko2_015 {
	width: 510px;
	margin: 0 auto;
}

.yoko2_l_015, .yoko2_r_015 {
	width: 240px;
	float: left;
}

.yoko2_l_015 {
	margin-right: 30px;
}
	
.yoko2_cap_015 {
	text-align: center;
}

.yoko2_cap_015 span {
	font-size: 12px;
}

/* 横写真1枚×横写真2枚 変則496px (vol.066) */

.img_c {
	text-align: center;
}
.img_lm {
	float: left;
	margin-right: 30px;
}
.img_l {
	float: left;
}
.img_ma {
	width: 496px;
	margin: 0 auto;
}

/* 横写真2枚 変則300px (vol.082) */

.yoko2_082 {
	width: 630px;
	margin: 0 auto;
}

.yoko2_l_082, .yoko2_r_082 {
	width: 300px;
	float: left;
	margin-right: 30px;
}

.yoko2_r_082 {
	width: 300px;
	height: 300px;
	float: left;
}
	
.yoko2_cap_082 {
	text-align: center;
}

.yoko2_cap_082 span {
	font-size: 12px;
}

/* 縦写真×横写真 */

.tateyoko2 {
	width: 563px;
	margin: 0 auto;
}

.tateyoko2_l {
	width: 233px;
	margin-right: 30px;
	float: left;
}

.tateyoko2_r {
	width: 300px;
	float: left;
}
	
.cap {
	font-size: 12px;
}

/* VOL100 記念に拡張 */
#tane {

}

#tane .paragraph {
	margin: 0;
	padding: 0;
}

#tane .figure {
	width: 276px;
	margin: 0 0 12px 12px;
	padding: 0 0 12px 12px;
}

#tane .figure img {
	margin: 0;
	padding: 0;
	border: 1px solid #f0f0f0;
}

#tane .figure p {
	font-size: 12px;
}

/* 関連する記事 */
#wCols {
	padding: 15px 0;	
}

#wCols .listWhatsnew {
	float: left;
	width: 375px;
	margin: 0;
	padding: 0;
}

#wCols .listWhatsnew li {
	line-height: 1.5;
	margin: 0 0 10px 0;
	padding: 0;
}

#wCols + p {
	clear: both;
	padding-top: 12px;
	text-align: right;
}


@media screen and (max-width:767px) {

#wPrimary {
	position: relative;
}

.titleSub p {
	margin-bottom: 10px;
	padding-right: 145px;
}

.titleSub p span {
	display: none;
}

.summary {
    border: 3px double #36C;
	-moz-border-radius: 8px 8px 8px 8px;
    margin: 0 6px 10px;
    padding: 6px;
	font-size: 10px;
	font-size: 1rem;
	color: inherit;
	background: none;/*reset*/
}

.date {
	position: absolute;
	top: 0;
	right: 5px;
	margin: 5px 0 0;
}

h1 {
	border: none;/*reset*/
	margin: 0 0 10px;
	padding: 6px 5px;
	font-size: 18px;
	font-size: 1.8rem; 
	font-weight: bold;
	line-height: 1.4;
	background: #d70b24;
	color: #fff;
}

.paragraph p {
	font-size: 14px;/*reset*/
	font-size: 1.4rem;/*reset*/
}

#tane .figure {
	width: 96%;/*reset*//*standard*/
	margin: 0 auto;
	padding: 0;/*reset*/
	font-size: 0;
}

#tane .figure p {
	display: inline-block;
	width: 48%;
	margin: 0 1% 12px;/*reset*/
	font-size: 14px;/*reset*/
	font-size: 1.4rem;/*reset*/
	vertical-align: top;
	background: #eee;
}

#tane .figure .caption:after {
	padding: 0 5px;
}

#tane .figure img {
	width: auto;
	height: auto;/*必須*/
	margin: 0;/*reset*/
	padding: 0;/*reset*/
	border: none;/*reset*/
}

/*ライトボックスではない場合*/

#tane .figure .nonModalImg,
#tane .figure .nonModalCap {
	display: block;
	width: auto;
	text-align: center;
	background: none;
}

#tane .figure .nonModalImg img {
	width: auto;
	height: auto;	
}

/*ここまで*/


.cboxPhoto {
	width: 100%;
}

#newsList {
	margin-top: 1.4em;
	margin-bottom: 25px;
}

.onePoint {
	margin: 0 5px 25px;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.onePoint p {
	padding: 5px 0 0;
	font-size: 10px;
	font-size: 1rem;
}

h2 {
	margin: 0 5px 10px;
	padding: 0 10px;
	border: 1px solid #ccc;
	font-weight: bold;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: inherit;
	text-align: center;
	background-color: #eee;
}

/*関連コラム*/
#wColsSP {
	padding: 0;	
}

#wColsSP #rerationalLink {
	margin: 0 10px 10px;
}

#wColsSP #rerationalLink li {
	margin-bottom: 10px;
}
/*ここまで*/

#wColsSP + p {
	margin-bottom: 0;
	padding-top: 8px;
	text-align: center;
}

/* 正方形1枚450px */

.photo_450 {
	width: 100%;
	margin: 0 auto;
	padding: 0 5px;
}
	
.cap {
	text-align: center;
}
	
.cap span {
	font-size: 14px;
	font-size: 1.4rem;
}

/* ここまで */

/* 横写真2枚 */

.yoko2 {
	width: auto;/*reset*/
	margin: 0 auto;/*reset*/
	padding: 0 5px;
}

.yoko2_l, .yoko2_r {
	width: 50%;
	float: left;
}

.yoko2_l {
	margin-right: 0;/*reset*/
	padding-right: 2px;
}

.yoko2_r {
	padding-left: 2px;
}
	
.yoko2_cap {
	text-align: center;
}

.yoko2_cap span {
	font-size: 14px;
	font-size: 1.4rem;
}

/*ここまで*/

/* 横写真3枚 */

.yoko3 {
	width: auto;/*reset*/
	margin: 0 auto;/*reset*/
	padding: 0 5px;
}

.yoko3_c{
	float: left;
	width: 50%;
	padding-left: 2px;
}

.yoko3_l, .yoko3_r {
	clear: left;
	float: left;
	width: 50%;
}

.yoko3_l {
	margin-right: 0;/*reset*/
	padding-right: 2px;
}
	
.yoko3_cap {
	text-align: center;
}

.yoko3_cap span {
	font-size: 14px;
	font-size: 1.4rem;
}

/*ここまで*/

/* サイドメニュー
-------------------------------------------------------------------------------------*/
.menuText nav ul li br,
.menuText nav ul li img {
	display: none;
}

#wSideBar aside dl {
	display: none;
}

/*トップページリンク*/
#linkToppage {
	display: none;
}
/*ここまで*/



/* SP clearfix
----------------------------------------------------------------------------------------------------*/
#newsList {
	zoom: 1;/*for IE 5.5-7*/
}

#newsList:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
}


}

/* 追記 */

strong {
	font-size: 62.5%; /* 10px */
	font-size: 1.6rem;
	color: #3366cc ;
	font-weight: bold;
}
em {
	font-size: 62.5%;
	font-size: 1.6rem;
	font-weight: bold;
}
