@charset "shift_jis";

/*===============================================================

	USE - アルファ NEX-3,NEX-5 女性のためのカメラトーク インタビュー -
	1.コンテンツ枠
	2.記事タイトルエリア
	3.ナビゲーション
	4.インタビューエリア
	5.作例エリア
	6.ページトップへ戻る
	7.共通使用

===============================================================*/



/*===============================================================
　1.コンテンツ枠
===============================================================*/
#int-wrap {
	width:950px;
	margin:0;
	padding:0;
}

#int-wrap h1 {
	margin:0;
	padding:0;
	display: none;
}

#int-wrap img {
	vertical-align: bottom;
	border: 0;
}



/*===============================================================
　2.記事タイトルエリア
===============================================================*/
#int-wrap #headttl {
	width:950px;
	margin:0;
	padding:0;
}

#int-wrap #headttl ul {
	margin:0;
	padding:0;
	list-style: none;
}

#int-wrap #headttl ul li {
	margin:0;
	padding: 0;
	float: left;
}

#int-wrap p.leadtxt {
	clear: both;
	width:910px;
	margin:0;
	padding:0 0 10px 40px;
	text-align: left;
	color: #333;
	font-size: 110%;
}



/*===============================================================
　3.ナビゲーション
===============================================================*/


/*===============================================================
　4.インタビューエリア
===============================================================*/
#int-wrap h2 {
	clear: both;
	width:950px;
	margin:0;
	padding:35px 0 10px 0;
	height: 39px;
}

#int-wrap .interview {
	width:870px;
	margin:0 0 10px 0;
	padding:39px 39px 24px;
	border: 1px solid #ffc40f;
}

#int-wrap .interview p.pht {
	width:260px;
	margin:0;
	padding:0;
	float: left;
}

#int-wrap .interview p.phtR {
	width:260px;
	margin:0;
	padding:0;
	float: right;
}

#int-wrap .interview p.exam {
	width:580px;
	margin:0;
	padding:0 0 20px 0;
	float: right;
	text-align: right;
	color: #666;
	font-size: 75%;
	line-height: 1.5;
}

#int-wrap .interview p.examL {
	width:580px;
	margin:0;
	padding:0 0 20px 0;
	float: left;
	text-align: right;
	color: #666;
	font-size: 75%;
	line-height: 1.5;
}

#int-wrap .interview p.txt {
	clear: both;
	width:870px;
	margin:0;
	padding:0 0 15px 0;
	text-align: left;
	color: #333;
	font-size: 110%;
	line-height: 1.8;
}

#int-wrap .imgR {
	float: right;
}

#int-wrap .imgL{
	float: left
}



/*===============================================================
　5.作例エリア
===============================================================*/
#int-wrap .exam {
	width:950px;
	margin:0;
	padding:0;
	overflow: hidden;
}

#int-wrap .exam .pht {
	width:580px;
	margin:0;
	padding:0;
	float: left;
}

#int-wrap .exam .pht2 {
	width:428px;
	margin:0;
	padding:0;
	float: left;
}

#int-wrap .exam .pht2 .txt2 {
	display: block;
	width:428px;
	float: left;
	color: #333;
	font-size: 110%;
	line-height: 1.8;
	text-align: left;
	margin: 0;
	padding: 0px 0 0 0;
}

#int-wrap .exam .pht2 .mini2 {
	display: block;
	font-size: 80%;
	color: #666;
	line-height: 1.4;
	padding: 10px;
	background: #f0f0f0;
	margin: 10px 0 0 0;
}

#int-wrap .exam .mov {
	display: block;
	width:490px;
	float: right;
	color: #333;
	font-size: 110%;
	line-height: 1.8;
	text-align: left;
	margin: 0;
	padding: 20px 0 0 0;
}

#int-wrap .exam .mov .textmini {
	display: block;
	width:490px;
	color: #666;
	font-size: 75%;
	line-height: 1.5;
	padding: 0;
	text-align: left;
	margin: 0 0 15px 0;
}

#int-wrap .exam .txt {
	display: block;
	width:298px;
	float: right;
	color: #333;
	font-size: 110%;
	line-height: 1.8;
	text-align: left;
	margin: 0;
	padding: 90px 0 0 0;
}

#int-wrap .exam .txt2 {
	display: block;
	width:298px;
	float: right;
	color: #333;
	font-size: 110%;
	line-height: 1.8;
	text-align: left;
	margin: 0;
	padding: 110px 0 0 0;
}

#int-wrap .exam .txt3 {
	display: block;
	width:298px;
	float: right;
	color: #333;
	font-size: 110%;
	line-height: 1.8;
	text-align: left;
	margin: 0;
	padding: 160px 0 0 0;
}

#int-wrap .exam .mini {
	display: block;
	font-size: 80%;
	color: #666;
	line-height: 1.4;
	padding: 10px;
	background: #f0f0f0;
	margin: 10px 0 0 0;
}

#int-wrap #gallery {
	clear: both;
	margin: 0;
	padding: 0;
	width: 950px;
}

#int-wrap #gallery ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#int-wrap #gallery ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#int-wrap #gallery ul li#comm {
	float: left;
	margin: 0;
	padding: 0;
	background: url(../img/bg.gif) no-repeat left top;
	width: 950px;
	height: 184px;
}

#int-wrap #gallery ul li#comm span{
	margin: 0;
	padding: 25px 100px 0 100px;
	color: #333;
	font-size: 85%;
	line-height: 1.8;
	text-align: left;
	display: block;
}


#int-wrap #gallery p#back {
	width: 940px;
	clear: both;
	margin: 20px 0 0 0;
	padding: 0 0 0 10px;
	text-align: left;
}

/*===============================================================
	6.ページトップへ戻る
===============================================================*/
#pagetoparea {
	width: 950px;
	clear: both;
	text-align: right;
	margin: 20px 0 0 0;
}

#pagetoparea img {
	border: 0;
}


/*===============================================================
	7.共通使用
===============================================================*/
/*--------------- for registered trademark ---------------*/
div#trademark {
	clear:left;
	padding-top:30px;
	text-align:right;
}

div#trademark p {
	left-margin:auto;
	padding:0;
	line-height:0;
}

div#trademark p.credit {
	margin:7px 0 0 0;
	padding:0;
	line-height:1;
	font-size:79%;
	color:#888888;
	text-align:right;
}

.mgnT5px { margin-top: 5px; }
.mgnT10px { margin-top: 10px; }
.mgnT15px { margin-top: 15px; }
.mgnT20px { margin-top: 20px; }
.mgnT25px { margin-top: 25px; }
.mgnT30px { margin-top: 30px; }
.mgnT35px { margin-top: 35px; }
.mgnT40px { margin-top: 40px; }
.mgnT45px { margin-top: 45px; }
.mgnT50px { margin-top: 50px; }

.mgnR5px { margin-right: 5px; }
.mgnR10px { margin-right: 10px; }
.mgnR15px { margin-right: 15px; }
.mgnR20px { margin-right: 20px; }
.mgnR25px { margin-right: 25px; }
.mgnR30px { margin-right: 30px; }
.mgnR35px { margin-right: 35px; }
.mgnR40px { margin-right: 40px; }
.mgnR45px { margin-right: 45px; }
.mgnR50px { margin-right: 50px; }

.mgnB5px { margin-bottom: 5px; }
.mgnB10px { margin-bottom: 10px; }
.mgnB15px { margin-bottom: 15px; }
.mgnB20px { margin-bottom: 20px; }
.mgnB25px { margin-bottom: 25px; }
.mgnB30px { margin-bottom: 30px; }
.mgnB35px { margin-bottom: 35px; }
.mgnB40px { margin-bottom: 40px; }
.mgnB45px { margin-bottom: 45px; }
.mgnB50px { margin-bottom: 50px; }

.mgnL5px { margin-left: 5px; }
.mgnL10px { margin-left: 10px; }
.mgnL15px { margin-left: 15px; }
.mgnL20px { margin-left: 20px; }
.mgnL25px { margin-left: 25px; }
.mgnL30px { margin-left: 30px; }
.mgnL35px { margin-left: 35px; }
.mgnL40px { margin-left: 40px; }
.mgnL45px { margin-left: 45px; }
.mgnL50px { margin-left: 50px; }