@import "clearfix.css";
@import "default.css";

/* ----------------------------------------------------------------------------------------------------------------

	popup.css

----------------------------------------------------------------------------------------------------------------*/

/*----------////////// ポップアップ //////////----------*/
#popup {
	width: 100%;
	text-align: center;
	font-size: 12px;
	line-height: 2.0;
}
#popup #popupWrapper {
	width: 900px;
	margin: 0 auto 50px;
	position:relative;
}

#popup .brown {
	color: #B19F79;
}
#popup .red {
	color: #ff0000;
}

#popup #contentsBody {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

#popup #contentsBody .no9_color {
	color: #DF7289;
}
#popup #contentsBody .no10_color {
	color: #3D9368;
}


#popup #contentsBody .leftCol { /* Left */
	padding-left:46px;
	width: 264px;
	float: left;
}

#popup .profile {
	margin: 45px 0 77px;
	font-size: 10px;
}


#popup .photo {
	width:264px;
	margin: 0 0 20px;
}
#popup .photoW { /* 下マージン40px */
	margin: 0 0 40px;
}
#popup .photo p img {
	margin: 0 0 5px;
}
#popup .photo .caption {
	font-size: 10px;
}
#popup .photo .caption2 {
	clear:both;
	font-size: 10px;
	line-height: 1.4;
}
#popup .photo .caption2 .title {
	font-size: 12px;
}
#popup .photo .caption3 {
	font-size: 10px;
	line-height: 1.6;
}
#popup .photo .caption strong {
	color: #ff0000;
	font-weight: normal;
}
#popup .photo .caption_copy {
	float:right;
	font-size: 9px;
	line-height: 1.1;
	margin: 0 0 5px;
}

#popup .color000 {
	color: #000;
}


#popup #contentsBody .rightCol { /* Right */
	width: 524px;
	float: right;
}
#popup #contentsBody .no9_h1_bg {
	background:url("../vol58/images/no9_h1_bg.jpg") no-repeat 0 0;
}
#popup #contentsBody .no10_h1_bg {
	background:url("../vol58/images/no10_h1_bg.jpg") no-repeat 0 0;
}

#popup .mainText {
	margin: 35px 0 60px;
	width: 476px;
}

#popup h2 {
	margin: 0 0 30px;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.4;
}

#popup .question {
	margin: 0 0 15px;
}

#popup .answer {
	margin: 0 0 30px;
}

#popup .note {
	font-size: 10px;
}
#popup .note p {
	margin: 0 0 20px;
}

ruby {
	ruby-align: distribute-space;
	ruby-overhang: auto;
	ruby-position: above;
}

#popup h1.no3 {
	margin: 65px 0 65px;
}
#popup h1.no4 {
	margin: 28px 0 39px;
}
#popup h1.no5 {
	margin: 0 0 9px;
}


/*
-------------------------------------------------------------------- */
#popup #contentsBody2Head {
	width: 900px;
	margin: 0 auto;
}

#popup #contentsBody2Head p {
	margin:8px 39px 0 38px;
}
#popup #contentsBody2Head h1 {
	margin:0 65px;
}

#popup #contentsBody1 {
	position:relative;
	margin:0 55px;
	width:790px;
	height:333px;
	background:url(../vol58/images/watashi_h2_bg.jpg) repeat-y 0 0;
}

#popup #contentsBody1 h2 {
	position:absolute;
	left:0;
	top:0;
}
#popup #contentsBody1 p.q1 {
	position:absolute;
	left:17px;
	top:104px;
}
#popup #contentsBody1 p.q2 {
	position:absolute;
	left:17px;
	top:165px;
}
#popup #contentsBody1 p.q3 {
	position:absolute;
	left:17px;
	top:247px;
}
#popup #contentsBody1 p.q4 {
	position:absolute;
	left:399px;
	top:104px;
}
#popup #contentsBody1 p.q5 {
	position:absolute;
	left:399px;
	top:247px;
}


#popup #contentsBody2 {
	margin:0 55px 50px;
	width:790px;
	background:url(../vol58/images/watashi_h2_bg.jpg) repeat-y 0 0;
}

table,th,td {
	margin:0;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
}


#popup #contentsBody2 table.artwork {
	width:560px;
	margin:0 96px 60px 134px;
	color:#333;
}
#popup #contentsBody2 table.artwork td.photo {
	width:296px;
	vertical-align:top;
	padding-right:20px;
}
#popup #contentsBody2 table.artwork td.copy {
	width:242px;
	text-align:left;
	vertical-align:top;
	line-height:1.5;
	font-size:9px;
}
#popup #contentsBody2 table.artwork td.txt {
	width:242px;
	text-align:left;
	vertical-align:bottom;
	line-height:1.7;
	font-size:10px;
}
#popup #contentsBody2 table.artwork td.txt p:first-child {
	margin-bottom:1em;
}
#popup #contentsBody2 table.artwork td.txt p span.title {
	background-color:#FEFCFB;
}


#popup #contentsBody2 .leftCol2 { /* Left */
	width: 220px;
	padding-left:29px;
	float: left;
}


#popup #contentsBody2 .rightCol2 { /* Right */
	padding-right:20px;
	float: right;
}

#popup #contentsBody2 .rightCol2 table {
	width:493px;
	color:#333;
	line-height:2.0;
	font-size:12px;
}
#popup #contentsBody2 .rightCol2 table th {
	width:41px;
	vertical-align:top;
	padding:2px 0;
}
#popup #contentsBody2 .rightCol2 table th span {
	background-color:#E5EEF3;
	padding:2px;
}

#popup #contentsBody2 .rightCol2 table td {
	width:452px;
	vertical-align:top;
	padding:2px 0;
}
#popup #contentsBody2 .rightCol2 p img {
	margin-top:22px;
	margin-bottom:22px;
}
#popup #contentsBody2 div.line {
	clear:both;
	width:750px;
	padding:26px 0;
	margin:0 20px;
}



#popup #contentsBody2 p.footer {
	clear:both;
	padding-top:107px;
}