@charset "UTF-8";
/* CSS Document */

/**
 * proage.css
 */

/**
 * proage_top
 */

#main_content #proage_top {
	padding: 10px 0 0 0;
	width:840px;
	margin:auto;
}

#proage_top .proagetitle {
	float:left;
}

#proage_top .mainphoto {
	float:right;
}

#proage_top .backnumber {
	clear:both;
	float:right;
	}
#proage_top .backnumber a {	
	display: block;
    height: 28px;
	width:134px;
    text-indent: -9999px;

	background-image:url(../images/backnumber_btn.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#proage_top .backnumber a:hover {
	background-image:url(../images/backnumber_btn.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}


#proage_backnumber .newnumber {
	clear:both;
	float:right;
	}
#proage_backnumber .newnumber a {	
	display: block;
    height: 28px;
	width:134px;
    text-indent: -9999px;

	background-image:url(../images/backnumber/newnumber_btn.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#proage_backnumber .newnumber a:hover {
	background-image:url(../images/backnumber/newnumber_btn.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

	
#proage_vol  {
	clear:both;
	width:888px;
	padding-top: 20px;
}

#proage_vol .titlebox {
	width:520px;
	float:left;
	margin-left: 20px;
	padding-top: 10px;
}

#proage_vol .titlebox p {
	padding:10px 0
}

#proage_vol .photobox {
	width:320px;
	float:right;
}

#proage_content {
	width:888px;
	clear:both;
	padding-top:10px;
}

#proage_content h3 {
	padding:20px 0 0 0;
}

#proage_content p {
	padding:10px 0;
}

#proage_content .leftbox {
	width:599px;
	float:left;
	}
	
#proage_content .rightbox {
	width:263px;
	float:right;
	margin-top: 20px;
	}
#proage_content .rightbox img{
	padding-bottom:30px;}

#proage_comment {
	clear:both;
	padding-top:20px;
}

#proage_comment .comment2box {
	background-image:url(../images/comment_bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width: 888px;
	padding:10px 0;
}

#proage_comment p {
	padding:10px 0;
}

#proage_comment .comment2box .commentleft {
	float:left;
	width:400px;
	padding-left: 20px;
}
#proage_comment .comment2box .commentright {
	float:right;
	width:400px;
	text-align:left;
	margin-right: 20px;
}

#proage_profile {
	clear:both;
	padding:30px 0 20px 0;
	width: 888px;
}

#proage_profile .textleftbox {
	float:left;
	width:420px;
}
#proage_profile .textrightbox {
	float:right;
	width:420px;
}

#proage_profile .profiletext {
	text-align:left;
	float:right;
	width:310px;
}
#proage_profile .profilephoto {
	float:left;
	width:100px;
}
#proage_profile p {
	padding:10px 0;
}

#proage_link {
	width:888px;
	clear:both;
	padding:10px 0;
}
#proage_link .link_title{
	border-bottom:2px solid #B0D9E7;
	font-weight: bold;
	font-size:14px;
	line-height: 160%;
}

#proage_link .link_textbox{
	padding:10px 0;
}

/**　text　**/
.namestyle1 {
	color:#A9263F;
}

.namestyle2 {
	color:#999;
}



.clear {
	clear:both;
}


/**  proage_backnumber  **/
#proage_backnumber {
	width:888px;
	height:36px;
	background-image:url(../images/backnumber/backnumber_title.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-top:10px;
}

#proage_backnumber .backnumber {
	clear:both;
	float:right;
	}
#proage_backnumber .numberbox {
	clear:both;

}

#proage_backnumber .numberbox img {
	float:left;
}

#proage_backnumber .numberleft {
	width:436px;
	border-bottom:solid 1px #CCC;
	float:left;
	padding: 20px 0 10px 0;
}

#proage_backnumber .numberright {
	width:436px;
	border-bottom:solid 1px #CCC;
	float:right;
	padding: 20px 0 10px 0;

}


#backnumber_no1 {
	float:right;
}
#backnumber_no2 {
	float:right;
}
#backnumber_no3 {
	float:right;
}
#backnumber_no4 {
	float:right;
}

#backnumber_no1 a {	
	display: block;
    height: 120px;
	width:250px;
    text-indent: -9999px;

	background-image:url(../images/backnumber/catch1.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#backnumber_no1 a:hover {
	background-image:url(../images/backnumber/catch1.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#backnumber_no2 a {	
	display: block;
    height: 120px;
	width:250px;
    text-indent: -9999px;

	background-image:url(../images/backnumber/catch2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#backnumber_no2 a:hover {
	background-image:url(../images/backnumber/catch2.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#backnumber_no3 a {	
	display: block;
    height: 120px;
	width:250px;
    text-indent: -9999px;

	background-image:url(../images/backnumber/catch3.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#backnumber_no3 a:hover {
	background-image:url(../images/backnumber/catch3.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#backnumber_no4 a {	
	display: block;
    height: 120px;
	width:250px;
    text-indent: -9999px;

	background-image:url(../images/backnumber/catch4.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#backnumber_no4 a:hover {
	background-image:url(../images/backnumber/catch4.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
}


/**  proage_予告  **/
#pre #head {
	background-image:url(../images/vol5/pre/tti_bg.jpg);
	background-repeat:no-repeat;
	height:292px;
	width:888px;
	position:relative;
	}
	
#pre #head h2 {
	position:absolute;
	left:32px;
	top:13px;
}

#pre #head h3 {
	position:absolute;
	left:32px;
	top:204px;
}

div.profilephoto img {
	margin-top:14px;
}


#pre .backnumber {
	position:absolute;
	right:0px;
	bottom:0px;
	}
	
#pre .backnumber a {	
	display: block;
    height: 28px;
	width:134px;
    text-indent: -9999px;

	background-image:url(../images/backnumber_btn.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#pre .backnumber a:hover {
	background-image:url(../images/backnumber_btn.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}


div.form_btn {
	margin:10px auto;
	width:888px;
	text-align:center;
}