﻿@charset "utf-8";



/*------- [ トップページ設定 ]
 ---------------------------------------------------------------------*/
/*#top #header{
	background:url(../common/header-bg.jpg) repeat-y center top;
}
*/
#top #contents{
	padding:16px 39px 50px 60px;
}

#top #contents .cover{
	background:url(../common/rightside-bg.jpg) no-repeat right top;
}

#top #container {
	background:url(../common/header-bg.jpg) no-repeat center top;
}

#top #global
{
	height:42px !important;
	overflow:hidden;
}


/*------- [ トップページ左コンテンツ設定 ]--------*/
#top #future img{	
	margin-left:-94px;
}

#top #left-side{
	width:610px;
	float:left;
}

#top .news{
	padding:0 10px 0 20px;
	margin:0 0 40px;
}

#top #left-side .news dt{
	color:#808080;
	float:left;
	width:100px;
	margin:0 10px 0 0;
}

#top #left-side .news dd{
	float:left;
	width:470px;
}

#top #left-side h2{
	margin:0 0 18px;
}

#top #left-side h3{
	margin:0 0 9px;
}

#top .twitter{
	margin:0 0 40px;
}

#top .pickup{
	margin:0 0 40px;
}


#top .goods .left-box{
	width:261px;
	float:left;
}

#top .goods .right-box{
	width:320px;
	float:right;
}

#top .goods .right-box h3{
	color:#FC6693;
	margin:0 0 16px;
}

#top .goods .right-box p{
	margin:0 0 20px;
}

#top .goods{
	margin:0 0 20px;
}

#top img.size-auto,
#top img.size-full,
#top img.size-large,
#top img.size-medium,
#top .attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
#top .alignleft,
#top img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#top .alignright,
#top img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#top .aligncenter,
#top img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#top img.alignleft,
#top img.alignright,
#top img.aligncenter {
	margin-bottom: 12px;
}
#top .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
#top .wp-caption img {
	margin: 5px 5px 0;
}
#top .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}


/*------- [ トップページ右コンテンツ設定 ]--------*/
#top #right-side{
	width:322px;
	float:right;
}

#top #right-side .box{
	padding:10px 0 0 25px;
}

#top #right-side h2{
	margin:0 0 16px;
}

#top #right-side li{
	margin:0 0 10px;
}

#top #right-side li p{
	width:260px;
	font-weight:900;
}



/*--------------------------------------------------------------------------------------------------
 [ 知多娘。_運営団体　知多娘。_スタッフ募集　知多娘。_二次創作について知多娘。_個人情報保護について　知多娘。_お問い合わせ　コンテンツ設定 ]-----------------------------*/
 
#base #contents{
	padding:16px 39px 0 60px;
}

#base #contents .npo-bg{
	background:url(../images/npo/bg.png) no-repeat 100% 30px;
	padding:100px 0 100px;
}

#base #contents .staff-bg{
	background:url(../images/staff/bg.png) no-repeat 100% 30px;
	padding:0 0 100px;
}

#base #contents .contact-bg{
	background:url(../images/contact/bg.png) no-repeat 100% 30px;
	padding:0 0 100px;
}

#base #contents .creation-bg{
	background:url(../images/creation/bg.png) no-repeat 100% 35px;
	padding:0 0 100px;
}

#base #contents .privacy-bg{
	background:url(../images/privacy/bg.png) no-repeat 100% 30px;
	padding:0 0 100px;
}

#base #future{
	/*padding:25px 0 10px 60px;*/
	margin:7px 0 10px 0;
	background:none !important;
	width:447px;
	height:75px;
}

#base #right-side{
	width:322px;
	float:right;
	text-align:right;
}

#base #left-side{
	width:612px;
	/*float:left;*/
}

#base #left-side .warp{
	padding:0 0 0 12px;
}

#base #left-side h2{
	margin:0 0 16px;
	padding:0 0 7px;
	border-bottom:1px solid #FC6694;
}

#base #left-side h2.title{
	margin:0 0 16px;
	border:0;
	padding:0;
}

.grupu{
	margin:0 0 40px;
}

.grupu dt{
	float:left;
	width:80px;
	padding:5px 0 0;
}

.grupu dd{
	float:right;
	width:500px;
}

.grupu dd.arrow a{
	background:url(../common/footer-arow.gif) no-repeat 2px 2px;
	padding:0 0 0 17px;
}


.googlemap{
	width:600px;
	height:360px;
}








.form-area dl{
	margin:0 0 10px;
}

.form-area dl.m-bottom-30{
	margin:0 0 30px;
}

.form-area dt{
	float:left;
	width:110px;
}

.form-area dd{
	float:right;
	width:460px;
}

.form-area dd .form-type01{
	width:227px;
}

.form-area dd .form-type02{
	width:453px;
}

#contact_submit{
    border: 0px;
    width: 186px;
    height: 46px;
    background: url(../images/contact/btn.jpg) left top no-repeat;
}



/*----------------------------------------------------------------
 [ 知多娘。_知多娘。プロジェクトとは コンテンツ設定 ]-----------------------------*/

#base2 #contents{
	padding:16px 39px 0 60px;
}

#base3 #contents2,
#base2 #contents2{
	padding:16px 39px 100px 60px;
}

#base2 #right-side{
	width:315px;
	float:right;
}

#base2 #right-side .warp{
	text-align:center;
	padding:40px 0 0;
}

#base2 #left-side{
	width:612px;
	float:left;
}

#base2 #left-side h2{
	margin:0 0 16px;
}

#base2 #future{
	/*padding:25px 0 10px 60px;*/
	margin:16px 0 40px 0;
	margin-left:35px;
	background:0;
	text-align:center;
}

#base3 #future2,
#base2 #future2{
	margin:16px 0 10px 0;
	background:0;
	text-align:center;
}

.about-btn{
	margin:0 0 40px;
}

.about-btn .left-box{
	float:left;
	width:105px;
	margin:0 25px 0 0;
}

.about-btn .right-box{
	float:left;
	width:250px;
}

.about-btn .right-box2{
	float:left;
	width:153px;
}


.about-profile{
	margin:0 0 20px;
}

.about-profile .left-box{
	float:left;
	width:139px;
}

.about-profile .right-box{
	float:right;
	width:450px;
}

.about-profile h3{
	margin:0 0 30px;
}


.about-profile h4 {
	margin:0 0 7px;
}



/*----------------------------------------------------------------
 [ 知多娘。_イベント情報 コンテンツ設定 ]-----------------------------*/

.title-line{
	background:url(../common/line.gif) no-repeat left bottom;
	padding:0 0 10px;
	margin:0 0 16px;
}

.title-line3{
	background:url(../common/line.gif) no-repeat left bottom;
	padding:0 0 10px;
	margin:0 0 16px;
}

.title-line h2{
	float:left;
}

.title-line ul{
	width:360px;
	float:right;
}

.title-line li{
	float:left;
	margin:0 12px 0 0;
}

.title-line .cover{
	padding:0 14px;
}


.title-line3 ul{
	width::100%;
	float:right;
}

.title-line3 li{
	float:left;
	margin:0 12px 0 0;
}

.title-line3 .cover{
	padding:0 14px;
}


.title-line2{
	background:0;
	margin:0 0 10px;
}

.title-line2 h2{
	float:left;
}

.title-line2 ul{
	width:360px;
	float:right;
}

.title-line2 li{
	float:left;
	margin:0 12px 0 0;
}

.title-line2 .cover{
	padding:0 14px;
}



.schedule{
	padding:0 25px 40px 30px;
}

.schedule .new-top{
	background:url(../images/event/schedule-top-new.gif) no-repeat left top;
	padding:15px 45px 0 12px;
}

.schedule .top{
	background:url(../images/event/schedule-top.gif) no-repeat left top;
	padding:15px 45px 0 12px;
}

.schedule .middle{
	background:url(../images/event/schedule-content-middle.gif) repeat-y;
	margin:0 0 16px;
}

.schedule .middle img{
	border:#FC6694 solid 1px;
}

.schedule .bottom{
	background:url(../images/event/schedule-content-bottom.gif) no-repeat left bottom;
	padding:0 0 15px;
}

.event .middle img{
	border:#95CE33 solid 1px;
}

.event .left-box,
.schedule .left-box{
	float:left;
	width:140px;
}

.event .right-box,
.schedule .right-box{
	float:right;
	width:675px;
}

.schedule h2{
	margin:0 0 16px;
	padding:2px 0 5px;
	border-bottom:1px solid #FC6694;
	font-size:110%;
}

.schedule .fix{
	background:url(../images/event/warp-middle.gif) repeat-y;
}

.schedule .warp-left{
	width:477px;
	float:left;
}

.schedule .warp-right{
	width:160px;
	float:right;
}

.schedule .warp-right p{
	color:#FC6693;
}

.schedule .warp-right p span{
	font-weight:bold;
	font-size:140%;
}





.event{
	padding:0 25px 0 30px;
}

.event .top{
	background:url(../images/event/event-top.gif) no-repeat left top;
	padding:15px 45px 0 12px;
}

.event .middle{
	background:url(../images/event/event-content-middle.gif) repeat-y;
	margin:0 0 16px;
}

.event .bottom{
	background:url(../images/event/event-content-bottom.gif) no-repeat left bottom;
	padding:0 0 15px;
}

.event h2{
	font-size:110%;
}

.event dl{
	margin:0 0 16px;
	padding:0 0 5px;
	border-bottom:1px solid #95CE33;
}

.event dt{
	float:left;
	width:90px;
	padding:2px 0 0;
}

.event dd{
	float:right;
	width:550px;
}



/*----------------------------------------------------------------
 [ 知多娘。_知多娘。シアター コンテンツ設定 ]-----------------------------*/

.theater{
	text-align:center;
	margin:0 0 40px;
}

.theater .warp{
	width:610px;
	margin:0 auto;
	text-align:justify;
}

.theater .cover{
	margin:0 0 10px;
}

.theater .left-box{
	float:left;
	width:405px;
	font-weight:bold;
	font-size:120%;
	color:#FC6693;
}

.theater .right-box{
	float:left;
	width:190px;
}

.theater .right-box .left{
	float:left;
	width:98px;
}

.theater .right-box .right{
	float:right;
	width:80px;
}

.theater2{
	padding:0 0 0 30px;
	width:866px;
	overflow:hidden;
}

.theater2 .warp{
	width:267px;
	height:200px;
	float:left;
	margin:0 33px 50px 0;
}

.theater2 .cover{
	width:900px;
}

.theater2 .txt{
	font-weight:bold;
	font-size:100%;
	color:#FC6693;
	margin:0 0 12px;
	height:31px;
}

.theater2 .txt img{
	margin:0 0 0 20px;
	vertical-align:middle;
}

.theater2 .txt2{
	font-size:90%;
	margin:0 0 10px;
}

.theater2 .warp .left{
	float:left;
	width:126px;
}

.theater2 .warp .left2{
	clear::both;
	float:left;
	width:126px;
	margin-top:10px;
}

.theater2 .warp .right{
	float:right;
	width:126px;
}



/*----------------------------------------------------------------
 [ 知多娘。_キャラクター コンテンツ設定 ]-----------------------------*/

#base4 #future3{
	margin:0 0 0 0;
	background:0;
	text-align:center;
}

#base4 #contents3{
	padding:10px 39px 100px 60px;
}


#base4 .character{
	position:relative;
	width:960px;
}

#base4 .character-ancker{
	position:relative;
	width:100%;
	left:20px;
	padding:10px;
	text-align:center!important;
}

.character-ancker h3
{
	margin-bottom:15px;
	color:#FC6692;
}

.character-ancker ul
{
	display: table;
_display: inline;
_zoom: 1;
margin-left : auto;
margin-right : auto;
}

.character-ancker ul li
{
	float:left;
	margin-left:25px;
	margin-bottom:30px;
}

.character-ancker ul li a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


.chara-base{
	width:924px;
	height:540px;
	position:relative;
	margin:0 0 10px;
}

.chara-base .portrait{
	width:924px;
	height:540px;
	top:0;
	left:0;
	z-index:1;
	position:absolute;
}

.chara-base .warp{
	width:350px;
	height:540px;
	position:absolute;
	z-index:2;
	top:0;
	right:34px;
}

.chara-base .cv{
	text-align:right;
	padding:17px 12px 17px 0;
	height:18px;
}

.chara-base h2{
	margin:0 0 24px;
}

.chara-base .left01{
	float:left;
	width:208px;
}

.chara-base .right01{
	float:right;
	width:107px;
	padding-top:25px;
}

.chara-base .fix{
	padding:55px 0 0 14px;
	margin:0 0 15px;
}

.chara-base .profile{
	padding:0;
	margin:0;
}

.chara-base .left02{
	float:left;
	width:125px;
	position:relative;
	padding-top:302px;
}

.chara-base .right02{
	float:right;
	width:186px;
	padding-top:302px;
}

.chara-base .left02 p{
	margin:0;
	padding:0 0 0 0;
}

.chara-base .left02 ul{
	padding:0 0 0 9px;
}

.chara-base .left02 li{
	float:left;
}

.chara-base .right02 .title{
	margin:0 0 5px;
}

#link_friends
{
	clear:both;
	display:block;
	width:100%;
	text-align:right;
}

#chara01{
	margin-top:50px;
}

.chara-icon-pink{
	margin:0 0 40px;
	padding:0 30px 0 0;
	text-align:right;
}

.chara-icon-pink a{
	background:url(../common/icon01.gif) no-repeat left top;
	padding:2px 0 2px 20px;
}



/*----------------------------------------------------------------
 [ 皆様の作品 コンテンツ設定 ]-----------------------------*/

#works{
	width:923px;
	overflow:hidden;
	background:url(../images/works/dot.gif) repeat-y;
}

#works .cover{
	width:927px;
}

#works .cover .warp{
	float:left;
	width:230px;
	margin:0 1px 100px 0;
	height:352px;
	background:url(../images/works/contents-bg.jpg) no-repeat left bottom;
	
}

#works .warp dl{
	margin:0 0 3px;
	font-size:84%;
	padding:0 0 0 15px;
}

#works .warp dt{
	float:left;
	width:50px;
	padding:2px 0 0;
}

#works .warp dd{
	float:left;
	width:155px;
	font-weight:bold;
	color:#FC6693;
	font-size:120%;
}

#works .warp .works{
	position:relative;
}

#works .warp .art{
	position:absolute;
	width:210px;
	height:309px;
	z-index:1;
	top:0;
	left:15px;
	background:url(../images/works/sambnail-bg.gif) no-repeat;
	padding:3px;
}

#works .warp .art img{
	width:185px;
	height:185px;
}

#works .warp .chara{
	position:absolute;
	width:230px;
	height:118px;
	z-index:2;
	top:184px;
}

#works .warp .chara img{
	position:absolute;
	z-index:2;
	bottom:0;
	right:5px;
}

#works .warp .txt{
	position:absolute;
	z-index:2;
	left:15px;
	top:65px;
	width:114px;
	text-align:left;
	font-size:10px;
	line-height:1.4;
}

.btn{
	position:absolute;
	width:127px;
	height:33px;
	z-index:3;
	top:330px;
	left: 52px;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../work/image/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../work/image/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }












/*----------------------------------------------------------------
 [ 知多娘。オフィシャルグッズ コンテンツ設定 ]-----------------------------*/

#goods{
	background:url(../images/goods/left-side-bg.jpg) no-repeat left top;
}

#goods .cover{
	padding:0 20px 0 0;
}

#goods #left-side{
	width:227px;
	float:left;
}

#goods #left-side .warp{
	background:url(../images/goods/left-box-bg-top.gif) no-repeat center top;
	padding:6px 4px 0 4px;
}

#goods #left-side ul{
	margin:0 0 4px;
}

#goods #left-side li a{
	background:url(../common/footer-arow.gif) no-repeat 30px 13px;
	padding:8px 0 7px 45px;
	display:block;
}

*html #goods #left-side li a{
	background:url(../common/footer-arow.gif) no-repeat 30px 13px;
	padding:8px 0 0 45px;
	display:block;
	width:174px;
	height:26px;
	position:relative;
}

#goods #left-side li.odd{
	background:#FDDEE3;
}

#goods #left-side li.even{
	background:#FEF0F3;
}

#goods #left-side .warp2{
	padding:50px 2px 0 3px;
}

#goods #left-side .warp2 h3{
	margin:0 0 6px;
}


#goods #right-side{
	width:679px;
	float:right;
	background:url(../images/goods/right-side-bg.jpg) repeat-y 0 355px;
	overflow:hidden;
}

#goods #right-side .fix{
	background:url(../images/goods/right-side-bg-top.jpg) no-repeat;
	width:710px;
	padding:33px 0 0;
}

#goods #right-side .warp{
	width:215px;
	float:left;
	margin:0 16px 40px 0;
	position:relative;
}

#goods #right-side  .warp .new{
	position:absolute;
	width:26px;
	height:10px;
	right:0;
	top:0;
}

#goods #right-side table{
	margin:0 0 20px;
}

#goods #right-side td{
	width:215px;
	height:180px;
	text-align:center;
	vertical-align:bottom;
	line-height:0;
}

#goods #right-side .warp h2{
	font-size:12px;
	padding:0 0 0 20px;
	margin:0 0 16px;
	line-height:1.4;
}

#goods #right-side .warp .txt{
	font-size:84%;
	padding:0 20px 0 20px;
	margin:0 0 13px;
}

#goods #right-side .warp .cover2{
	padding:0 0 0 20px;
}

#goods #right-side .warp .cover2 .left{
	width:122px;
	float:left;
}

#goods #right-side .warp .cover2 .right{
	width:60px;
	float:right;
	font-weight:bold;
	padding:5px 0 0;
	font-size:115%;
}

.kakunin input:hover{
	opacity:0.8;
}

#content{
	margin-bottom:100px;	
}

.blog-entry{
	width:800px;	
}

.blog-entry .entry-title{
	padding:0 0 0px;
	border-bottom:1px solid #FC6694;
}

.blog-entry .entry-date{
	margin:0 0 10px;
	color:#FC6694;
	font-weight:700;
}

.blog-entry .entry-body{
	margin-bottom:60px;	
}

#shoutorihiki
{
	border:thin!important;
	border-style:solid!important;
	border-color:#999!important;
}

#shoutorihiki td
{
	border:thin!important;
	border-style:solid!important;
	border-color:#999!important;
	padding:5px!important;
}

#shoutorihiki b
{
	font-weight:800!important;
}

.twtr-tweet-text p em
{
	color:#FFF;
}

.twtr-tweet-text p em a{
display:block;
width:auto!important;
margin-left:10px;
float:left;
}


/*----------------------------------------------------------------
 [ 知多娘。_声優 コンテンツ設定 ]-----------------------------*/

#base4 #future3{
	margin:0 0 0 0;
	background:0;
	text-align:center;
}

#base4 #contents3{
	padding:10px 39px 100px 60px;
}


#base4 .voice_actress{
	position:relative;
	padding: 10px 39px 100px 60px;
}

#base4 .voice_actress .section{
	position:relative;
	text-align:center!important;
}

.voice_actress .section h2{
	margin-top: 20px;
	margin-bottom:15px;
	color:#FC6692;
	text-align: left
}

.voice_actress .section ul{
	display: table;
	_display: inline;
	_zoom: 1;
	margin: 0 0 0 10px;
}

.voice_actress .section ul li{
	text-align: left;
	float:left;
	margin-bottom:30px;
}
.voice_actress .blogbtn {
	margin: 0 0 20px;
	text-align: center;
}
.voice_actress_wrap ul li a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.voice_actress_wrap .voice_actress .voice_farm{
	/*width: 784px;
	padding: 0 70px 150px;*/
}
.voice_actress .voice_farm h3{
	text-align: left;
	/*margin: 0 0 10px 50px;*/
	margin: 0 0 10px 135px;
}
.voice_actress .voice_farm ul{
	margin: 0 auto;
	width: 725px;
}
.voice_actress .voice_farm ul li{
	/*margin: 0 0 0 100px;*/
}
.voice_actress .voice_farm ul li.first_child{
	margin: 0;
}
.voice_actress_wrap .section02 p{
	color: #FC6692;
	font-weight: bold;
}
.voice_actress_wrap .section02 .txt3{
	text-decoration: underline;
}
.voice_actress_wrap .section03 {
	margin-bottom: 60px;
}
.voice_actress_wrap .section03 ul {
	width: 500px;
	margin-left : auto;
	margin-right : auto;
}
.voice_actress_wrap .section03 ul li{
	padding: 6px 0;
	background: url(../images/voice/li_bottom_line.png) left bottom repeat-x;
}
.voice_actress_wrap .section03 ul li p{
	width: 305px;
	padding: 0 0 0 10px;
	display:inline-block;
	line-height: 75px;
	color: #00C5D9;
	text-decoration: underline;
}
.voice_actress_wrap .section04 p{
	padding: 0 0 0 25px;
	margin-bottom: 25px;
}
.voice_actress_wrap .section04 ul li span{
	width: 196px;
	display:inline-block;
}

.voice_actress_wrap .txt_box {
	width: 618px;
	padding: 15px 13px;
	border: 1px solid;
	text-align: left;
	margin-left : auto;
	margin-right : auto;
	margin-bottom: 40px;
	line-height: 1.4;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 15px; 
	-o-border-radius: 15px;
	-ms-border-radius: 15px;	
}

.voice_actress_wrap .voice_actress .txt_box {
	background: #FFF0F4;
	border-color: #FC6893;
	color:  #FC6893;
}
.voice_actress_wrap .voice_farm .txt_box {
	background: #DBF3CF;
	border-color: #66CC33;
	color: #66CC33;
	/*margin-left : 70px;
	margin-right : 0;*/
	margin-left: auto;
	margin-right: auto;
}
.voice_actress_wrap .section04 .txt_box {
	background: #FFF0F4;
	border-color: #FC6893;
	color:  #FC6893;
}
.voice_actress_wrap .section05 .txt_box {
	border: 0;
	background: #FC6692;
	color: #FFF;
}
.voice_actress_wrap .section05 .txt_box p {
	font-weight: bold;
	text-align: center;
	padding: 0 0 10px;
}
.voice_actress_wrap .section05 .txt_box h4 {
	font-weight: bold;
	padding: 15px 0 0 60px;
}
.voice_actress_wrap .section05 p.txt_box {
	width: 480px;
	border: 0;
	padding: 25px 10px;
	background: #FFFFFF;
	color:  #FC6692;
}
.voice_actress .section .h3_area {
	position: relative;
	margin: 0 0 18px;
}
.voice_actress .section .h3_area h3 {
	text-align: left;
	
}
.voice_actress .section .h3_area p{
	position: absolute;
	right: 0;
	top: 14px;
}
.voice_actress_base {
	margin: 0 0 10px;
}
.voice_actress_base .portrait {
	float:left;
}
#base4 .voice_actress02 {
	padding-bottom: 50px;
}
.voice_actress_base .warp {
	text-align:left;
	width: 436px;
	padding: 0 0 0 20px;
	float: left;
}
.voice_actress_base .warp h4 {
	margin: 0 0 8px;
}
.voice_actress_base .warp ul {
	margin: 0 0 15px 10px;
	padding: 0 0 0 1em;
}
.voice_actress_base .warp ul li {
	margin: 0px;
	display:block;
	float: none;
}
.voice_actress_base .warp ul li.etc {
	text-align: right;
}
.voice_actress_base .warp p {
	margin: 0px 0 25px 10px;
	padding: 0 0 0 1em;
}
.voice_actress_base .warp .catch_copy {
	margin: 30px 0 38px;
	padding: 0;
}
.voice_actress .section_footer {
	width: 100%;
}
.voice_actress .section_footer .left{
	text-align: left;
	float: left;
}
.voice_actress .section_footer .left .title {
	margin: 0 0 5px;
}
.voice_actress .section_footer .blogbtn {
	float: right;
	margin: 0 15px 0 0;
}
.voice_actress_wrap .section06 {
	/*margin: 0 0 100px;*/
	margin: 0 0 30px;
}
.voice_actress_wrap .section06 ul{
	width: 924px;
	min-height: 162px;
	background: url(../images/voice/voice_actress_photo_bg.png) left top no-repeat;
	text-align: center;
}
.voice_actress_wrap .section06 ul li{
	margin: 0 0 0 50px;
	display: inline-block;
	height: 145px;
	margin-bottom: 20px;
}
.voice_actress_wrap .section06 ul li.btn{
	position: relative;
	top: 0;
	left: 0;
	
}

.voice_actress_wrap .color_id_01 h4 {
	color: #FC6692;
}
.voice_actress_wrap .color_id_02 h4 {
	color: #67457F;
}
.voice_actress_wrap .color_id_03 h4 {
	color: #EBB21F;
}
.voice_actress_wrap .color_id_04 h4 {
	color: #986C9F;
}
.voice_actress_wrap .color_id_05 h4 {
	color: #F18696;
}
.voice_actress_wrap .color_id_06 h4 {
	color: #40B2D8;
}
.voice_actress_wrap .color_id_07 h4 {
	color: #B07027;
}
.voice_actress_wrap .color_id_08 h4 {
	color: #FA871D;
}
.voice_actress_wrap .color_id_09 h4 {
	color: #E6E77F;
}
.voice_actress_wrap .color_id_10 h4 {
	color: #D23A22;
}
.voice_actress_wrap .color_id_12 h4 {
	color: #7cc2cb;
}
.voice_actress_wrap .color_id_13 h4 {
	color: #96d322;
}
.voice_actress_wrap .color_id_14 h4 {
	color: #E54F63;
}
.voice_actress_wrap .color_id_15 h4 {
	color: #FFFF00;
}
.voice_actress_wrap .color_id_f01 h4 {
	color: #66CC33;
}