@charset "shift_jis";
/* CSS Document */

/* ===== contents ===== */
#genki_content{
	background:url(../img/voice_bg01.jpg) center top fixed;
}
#contents{
	width:100%;
	margin:0 auto 0 auto;
	background:url(../img/voice_frbg2.jpg) repeat-y center top fixed;
}
#contents #contents-head{
	background:url(../img/voice_bgtop.jpg) no-repeat center top fixed;
}
* html #contents{background-position-y:expression(document.body.scrollTop-this.offsetTop+this.scrollTop);}
* html #contents #contents-head{background-position-y:expression(document.body.scrollTop-this.offsetTop+this.scrollTop);}

/* ===== mainarea ===== */
#mainarea{
	width:890px;
	margin:0 auto 0 auto;
	background:url(../img/voice_frbg.jpg) repeat-y center top;
	text-align:left;
}

/* ===== header ===== */
#voice_header{
	background:url(../img/voice_header_bg.jpg) no-repeat center top;
	width:890px;
	height:274px;
	position:relative;
}
#voice_header h1{
	position:absolute;
	left:133px;
	top:57px;
}
#voice_header .caption{
	position:absolute;
	left:285px;
	top:200px;
}
#voice_header .logo{
	position:absolute;
	left:693px;
	top:17px;
}
#voice_header .toindex{
	position:absolute;
	left:34px;
	top:19px;
}

/* ===== link-navi ===== */
.link-navi{
	margin-top:50px;
	padding:0 50px 0 50px;
	overflow:hidden;
	zoom:1;
	font-size:12px;
	font-size-adjust:none;
}
.link-navi img{vertical-align:middle;}
.mac.webkit .link-navi img, .win.webkit .link-navi img{vertical-align:text-bottom;}
.link-navi a{
	background:url(../img/voice_dot2.gif) repeat-y right top;
	display:block;
	padding:5px;
	color:#996600 !important;
	text-decoration:none !important;
}
.link-navi a:hover{
	color:#FFF !important;
	background:#996600 !important;
}
.link-navi .link-prev{
	float:left;
	text-align:left;
	width:100px;
}
.link-navi .link-number{
	float:left;
	width:590px;
	overflow:hidden;
	zoom:1;
}
.link-navi .link-next{
	float:right;
	width:100px;
}
.link-navi .link-next span{text-align:right;}

.link-navi .link-prev img{margin-left:5px;}
.link-navi .link-next img{margin-right:5px;}

.link-navi .link-prev a, .link-navi .link-next a{width:90px;}
.link-navi .link-prev span, .link-navi .link-next span{width:90px;}
* html .link-navi .link-prev a, * html .link-navi .link-next a{width:100px;}
* html .link-navi .link-prev span, * html .link-navi .link-next span{width:100px;}

.link-navi .link-number li{float:left; width:25px; text-align:center; margin-right:5px;}
.link-navi .link-number .pager{
	background:none;
	padding:5px 0 5px 10px;
	width:70px;
	color:#996600;
	text-align:left;
}
.link-navi li{
	background:url(../img/voice_dot1.gif) repeat-x center top;
}
.link-navi li .link-box{
	background:url(../img/voice_dot1.gif) repeat-x center bottom;
}
.link-navi li span{
	display:block;
	background:url(../img/voice_dot2.gif) repeat-y left top;
}
.link-navi li.active .link-box span{
	background:#996600;
	padding:5px;
	color:#FFF;
}

/* ===== messages ===== */
h2{
	padding:30px 0 10px 50px;
	color:#663300;
	font-weight:bold;
	font-size:16px;
	clear:both;
}

.voice_area{
	padding:0 75px 0 75px;
}
.voice_box1, .voice_box2{
	background:url(../img/voice_frbg.gif) repeat-y;
	margin-top:10px;
}
.voice_box1 .voice_frt, .voice_box2 .voice_frt{
	background:url(../img/voice_frt.gif) no-repeat center top;
}
.voice_box1 .voice_frt .voice_frb, .voice_box2 .voice_frt .voice_frb{
	background:url(../img/voice_frb.gif) no-repeat center bottom;
	min-height:100px;
	height:auto !important;
	height:100px;
	position:relative;
}
.voice_box1 .voice_frt .voice_frb .fukidashi{
	position:absolute;
	left:-49px;
	bottom:14px;
}
.voice_box2 .voice_frt .voice_frb .fukidashi{
	position:absolute;
	right:-49px;
	bottom:14px;
}
.voice_box1 .voice_frt .voice_frb .voice_text, .voice_box2 .voice_frt .voice_frb .voice_text{
	padding:15px 0 15px 0;
	margin:0 30px 0 30px;
	line-height:1.7;
	background:url(../img/voice_dot3.gif) repeat-x center bottom;
}
.voice_box1 .voice_frt .voice_frb .voice_name, .voice_box2 .voice_frt .voice_frb .voice_name{
	padding:10px 30px 15px 30px;
	text-align:right;
	color:#996600;
	font-weight:bold;
}
.voice_box1 .voice_frt .voice_frb .voice_name img, .voice_box2 .voice_frt .voice_frb .voice_name img{
	margin-left:30px;
	vertical-align:text-bottom;
}

.voice_entry{
	margin-top:40px;
	text-align:center;
	clear:both;
}

/* ===== footer ===== */
#voice_footer{
	border-top:#FFF 10px solid;
	position:relative;
	height:100px;
	margin-top:45px;
}

#voice_footer .btn_top{
	position:absolute;
	left:32px;
	top:35px;
}
#voice_footer .btn_head{
	position:absolute;
	right:33px;
	top:35px;
}
#voice_footer .copyright{
	position:absolute;
	left:296px;
	top:35px;
}