@charset "UTF-8";


/*                                                         osumailist
---------------------------------------------------------------------*/
#main ul#osumailist {
	margin-top: 10px;
}
#main ul#osumailist li {
	float: left;
	width: 136px;
	margin-bottom: 15px;
	text-align: center;
	font-size: 77%;
}
#main ul#osumailist li img {
	width: 100px;
	margin: 0 18px 2px;
}
#main ul#osumailist li a:link,
#main ul#osumailist li a:visited,
#main ul#osumailist li a:hover { text-decoration: none; }


/*                                                             osumai
---------------------------------------------------------------------*/
#osumai h3 {
	margin: 15px 0 10px;
}
#osumai p {
	margin: 0 0 5px;
}

/*                                                 mainphoto photobox
---------------------------------------------------------------------*/
#photobox {
	background: url(img/bg_osumai.gif) no-repeat 0 0;
	padding: 25px 20px 20px;
}
#photobox { display:inline-table; zoom:1; }	/*for IE5.5 - 7 */
#photobox:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html #photobox { height: 1%; }
#photobox { display: block; }
/* End hide from IE-mac */

	.mainphoto {
		float: left;
		width: 270px;
		margin: 10px 0 0;
	}
	.mainphoto img {
		background: url(img/bg_mainphoto.gif) no-repeat 0 0;
		padding: 10px 17px 17px 5px;
	}
	.mainphoto span {
		font-size: 114%;
	}

	.photos {
		float: right;
		width: 226px;
		padding-top: 10px;
	}
	.photos span {
		font-size: 77%;
	}
	.photos img {
		border: 1px solid #ccc;
		margin: 5px 0;
		padding: 3px;
	}

/*                                                 mainphoto voicebox
---------------------------------------------------------------------*/
#voicebox {
	clear: both;
}
#voicebox { display:inline-table; zoom:1; }	/*for IE5.5 - 7 */
#voicebox:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html #voicebox { height: 1%; }
#voicebox { display: block; }
/* End hide from IE-mac */

	#voicebox h4 {
		background: url(img/tit_voice.gif) no-repeat;
		height: 11px;
		margin-bottom: 20px;
		padding-top: 45px;
		font-size: 93%;
	}
	#voicebox dl {
		float: left;
		width: 415px;
		margin-bottom: -20px;
	}
	#voicebox dt {
		height: 40px;
		text-indent: -9999px;
	}
	#voicebox dt.faq01 {background: url(img/tit_faq01.gif) no-repeat;}
	#voicebox dt.faq02 {background: url(img/tit_faq02.gif) no-repeat;}
	#voicebox dt.faq03 {background: url(img/tit_faq03.gif) no-repeat;}
	#voicebox dd {
		margin: 0 0 20px;
		line-height: 1.4;
	}
	#voicebox dd strong {
		font-size: 114%;
		color: #c7042e;
	}
	#voicebox ol {
		margin-left: 25px;
		list-style: decimal;
	}
	#voicebox ol li {
		margin-bottom: 7px;
	}
	
	.kyaku {
		float: right;
		width: 127px;
		margin-top: -25px;
		text-align: center;
	}
	.kyaku img {
		margin: 5px 0 3px;
	}

/*                                                mainphoto chargebox
---------------------------------------------------------------------*/
#chargebox {
	clear: both;
	background: url(img/bg_charge.gif) no-repeat left bottom;
	_height: 1%;
	margin-top: 10px;
}
#chargebox h4 {
	background: url(img/tit_charge.gif) no-repeat;
	height:30px;
	text-indent: -9999px;
}
#chargebox p {
	padding: 0 15px 15px;
	line-height: 1.4;
}


/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */
	div.pictureHolder .top .left { background: url(images/prettyPhoto/tl.gif) top left no-repeat; } /* Top left corner */
	div.pictureHolder .top .middle { background: #fff; } /* Top pattern/color */
	div.pictureHolder .top .right { background: url(images/prettyPhoto/tr.gif) top left no-repeat; } /* Top right corner */
	
	div.pictureHolder .content a.next { background: url(images/prettyPhoto/btnNext.gif) center right no-repeat; cursor: pointer; } /* Next button */
	div.pictureHolder .content a.previous { background: url(images/prettyPhoto/btnPrevious.gif) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pictureHolder .content a.close { width: 52px; height: 26px; background: url(images/prettyPhoto/btnClose.gif) center left no-repeat; cursor: pointer; } /* Close button */
	
	div.pictureHolder .bottom .left { background: url(images/prettyPhoto/bl.gif) top left no-repeat; } /* Bottom left corner */
	div.pictureHolder .bottom .middle { background: #fff; } /* Bottom pattern/color */
	div.pictureHolder .bottom .right { background: url(images/prettyPhoto/br.gif) top left no-repeat; } /* Bottom right corner */
	
	div.pictureHolder .loaderIcon { background: url(images/prettyPhoto/loader.gif) top left no-repeat; } /* Loader icon */

/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */
	div.prettyPhotoOverlay{background:#000;position:absolute;top:0;left:0;z-index:1;width:100%}
	div.pictureHolder{position:absolute;z-index:2;top:50%;left:50%;width:100px;color:#000;font-size:116%;}
	div.pictureHolder .top{position:relative;height:20px}
	* html div.pictureHolder .top{padding:0 20px}
	div.pictureHolder .top .left{position:absolute;left:0;width:20px;height:20px}
	div.pictureHolder .top .middle{position:absolute;left:20px;right:20px;height:20px}
	* html div.pictureHolder .top .middle{position:static}
	div.pictureHolder .top .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}
	div.pictureHolder .content{position:relative;background-color:#fff;text-align:left;width:100%;height:40px}
	div.pictureHolder .content .details{display:none;margin:10px 15px 0 20px}
	div.pictureHolder .content .details p{float:left;clear:left;margin:0}
	div.pictureHolder .content div.hoverContainer{position:absolute;z-index:2000;top:0;left:0;width:100%}
	div.pictureHolder .content a.next{position:relative;z-index:2000;display:block;float:right;text-indent:-10000px;width:49%;height:100%;}
	div.pictureHolder .content a.previous{cursor:pointer;display:block;text-indent:-10000px;width:49%;height:100%;}
	div.pictureHolder .content a.close{float:right;display:block;text-indent:-10000px}
	div.pictureHolder .bottom{position:relative;height:20px}
	* html div.pictureHolder .bottom{padding:0 20px}
	div.pictureHolder .bottom .left{position:absolute;left:0;width:20px;height:20px}
	div.pictureHolder .bottom .middle{position:absolute;left:20px;right:20px;height:20px}
	* html div.pictureHolder .bottom .middle{position:static}
	div.pictureHolder .bottom .right{position:absolute;top:0;left:auto;right:0;width:20px;height:20px}
	div.pictureHolder .loaderIcon{display:none;position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px}
	div.pictureHolder #fullResImage{display:block;margin:0 auto}
	
.currentTextHolder {
	padding-bottom: 5px;
}