@charset "utf-8";
/**********about*************/
#cont > #about{
	background: url(../img/about/00_bg.jpg) no-repeat;
	height: 759px;	
	width: 980px;
}
#cont #aboutIn{
	width:536px;
	margin:0 auto 0;
	padding:50px;
}
#cont #aboutIn p{
	color:#fff;
	line-height: 36px;
	font-size: 17px;
}
.aboutP1{
	padding: 40px 0 10px;
}
.aboutP2{
	padding: 0 0 30px;
}
#story{
	margin:3px 0 10px;
	position:relative;
	top:0;
	left:0;
	height: 1324px;
	overflow: hidden;
}
.storyMain{
	position: absolute;
	top:0;
	left:0;
}
#story .backBtn{
	position: absolute;
	bottom:30px;
	left: 370px;
	right: 370px;
}
/**********interview*************/
#cont #interview,#cont #lecture{
	background: url(../img/bg_grid.gif);
}
#cont #interviewIn{
	padding: 50px 60px 30px;
}
#interviewIn .com{
	zoom:1;
	display: table;
	margin-bottom: 30px;
	width: 100%
}
#interviewIn .com .faceImg{
	display: table-cell;
	padding-right:30px;
	float:left;
	width:50px;
}
#interviewIn .com .faceImg02{
	display: table-cell;
	padding-right:20px;
	float:left;
	width:60px;
}

#interviewIn .com p{
	font-size: 19px;
	display: table-cell;
	width:780px;
	float:left;
	margin-top:10px;
	letter-spacing: 1px;
}
#interviewIn .lightblue p{
	color:#4a8bd1;
}
#interviewIn .pink p{
	color: #CD609A;
}
/*
#interviewIn .lightpink p{
	color: #e59fc4;
}
*/
#interviewIn .yellow p{
	color: #D8A800;
}
#interviewIn .orange p{
	color: #CD5620;
}
#interviewIn .purple p{
	color: #6A6AA5;
}
#interviewIn .green p{
	color: #718610;
}
#interviewIn .red p{
	color:#C1695D;
}
#interviewIn .att10{
	font-size: 16px !important;
	margin-left: 80px;
	margin-top: -10px !important;
}
#interviewIn .inter_center{
	margin:55px auto 10px;
	width: 853px;
}
#interviewIn .com:after,#interviewIn .I01_img01:after,#interviewIn .I01_img02:after{
	clear: both;
	content: "";
	display: block;
	visibility: hidden;
	font-size: 0;
	height: 0;
}
#interviewIn .I01_img01,#interviewIn .com{ zoom: 1;}
#interviewIn .I01_img01{
	margin-bottom:30px;
	margin-left: 80px;
}
#interviewIn p span.col2{
	width: 395px;
	float: left;
}
#interviewIn p .col2Img{
	float: right;
	font-size: 14px;
}
#interviewIn .iv7 p .col2Img{
	width: 345px;
}
#interviewIn .iv7 p .col2{
	height:280px;
}

#interviewIn .I01_img03{
	padding-left: 80px;
	margin-top: -10px;
}
#interviewIn .font23{
	font-size: 23px;
	font-weight: 600;
}
element {width:100%;} /* clearfix IE6, 7 */
element:after {content:"";} /* clearfix */

#interview .mainInter{
	position: relative;
	top:0;
	left: 0;
	height: 640px;
	background-color: #fff; 
}
#interview .interTitle{
	z-index: 2;
	padding-top:30px; 
}
#interview .interImg{
	z-index: 1;
	position: absolute;
	bottom:0;
	left: 0;
}

#interview .inter03left{
	float: left !important;
	width:500px !important;
}
#interview .inter03poster{
	float: right;
	margin-top: -320px;
	padding-bottom: 70px;
}

#interview #interviewIn #graph .inter05text{
	width: 445px;
	float: left;
	margin-right: 30px;
}

#interview #interviewIn #graph .inter05img{
	width: 301px;
	float: right;
}

#interview #graph div.inter05text .faceImg02{
	float: left;
}

#interview .article{
	float: right
}
#interview .bggk{
	width: auto;
	padding-bottom: 150px;
	background:url(../img/interview/06/img1.png) 220px top no-repeat;
}
#interview a .bggk {
	text-decoration: none;
	}
#interview .bggk02{
	width: auto;
	padding-bottom: 150px;
	background:url(../img/interview/06/img2.jpg) 380px top no-repeat;
}
#interview .fontBig{
	font-size: 1.6em;
}
#cont #interview #pBox03{
	
}
#cont #interview #pBox03 p{
	
}
#interview .riP03{
	

	
}


#cont #interview #pBox01{
	float: left;
}
#cont #interview #pBox01 p{
	width: 520px;
}
#interview .riP01{
	width: 233px;
	float: right;
}

#cont #interview #pBox02{
	float: left;
}
#cont #interview #pBox02 p{
	width: 500px;
}
#interview .riP02{
	width: 262px;
	float: right;
}
.cra{
	clear: both;
}
/**********lecture*************/
#lecture{
	padding-top: 10px;
}
#lectureIn{
	padding:40px 105px 60px;
	font-size: 17px;
	position:relative;
	top:0;
	left:0;
}
#lectureIn p{
	padding:15px 0 15px;
	width: 100%;
}

#lectureIn p img {
	padding-top:30px;
	display: block;
}
#lectureIn .font16{
/* 	font-size: 21!important; */
	font-weight: 600;
}
#lecture .lec02Img{
	margin-bottom: 40px;
}
#lecture .lec02img2{
	float:left;
	margin-top: -50px;
}
.lec02col{
	float:left;
	width: 65%;
}
#lecture .lec03Img{
	margin-top: 20px;
	padding: 0 !important;
}
#lecture .lec03img2{
	margin-left: 30px;
	padding: 0 !important;
	float:right;
	width: 46%;
/* 	width: 350px; */
}
#lecture .lec03img2 img{
	padding-top: 0px !important;
}
#lectureIn .lec03wd{
/* 	width: 380px; */
	width: 50%;
	float:left;
/* 	font-size: 18px; */
}
#lecture .lec03img3{
	margin-left: 30px;
	padding: 0 !important;
	float:right;
	clear:both;
}
.lec03p3{
	overflow: hidden;
}
.lec03bar{
	height:80px;
	float:right;
	width: 1px;
}

#lecture .lec05text{
	width: 56%;
	float: left;
}
#lecture .lec05Img{
	width: 44%;
	float: right;
}
#lecture .lec05Img img{
	padding: 0px;
	margin: 0;
}

#lecture .lec06text{
	width: 55%;
	float: left;
}
#lecture .lec06Img{
	width: 44%;
	float: right;
}
#lecture .lec06Img img{
	padding: 0px;
	margin: 0;
}

.lecClear{
	clear:both;
}
#cont #lecture .centerImgs{
	width: 630px;
	text-align: center;
	margin: 0 auto 30px auto;
	padding: 0 0 0 0;
	font-size: 0px;
	line-height: 0px;
}
/**********phrase*************/
#phrase{
	background: url(../img/phrase/bg.jpg);
	padding-bottom: 35px;
}
#contphraseIn{
	background-color: rgba(188,157,102,0.3);
	margin:0 auto;
	width:810px;
	padding:35px 0 15px;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B4bc9d66, endcolorstr=#B4bc9d66, gradienttype=0);  
}
#phraseIn{
	width:740px;
	margin:0 auto;
}
.pluginConnectButton .pluginButtonIcon{width: 20px !important}
.phraseH{
	padding:20px 0 30px;
}
.phraseThs{
	margin-top: 35px;
	width: 740px;
}
.phraseTh{
	height:390px;
}
.phraseTh dl dt.phDayTh{
	font-size: 15px;	
}
.phraseTh dl dd.phDayTh{
	font-size: 13px;
}
.phDayTh{
	color:#3f200d;
	margin-bottom: 1px;
	font-weight: 600;
}
.pluginButtonX .pluginButtonXOff, .pluginButtonX button:hover .pluginButtonXOn, .pluginButtonX button:focus .pluginButtonXOn{
	*display:inline;
	*zoom:1;
}
.phraseLeft{
	width:350px;
	float: left;
}
.phraseRight{
	width:350px;;
	float: right;

}
#phraseIn ul.phraseBt{
	margin-bottom: 40px;
	-webkit-margin-before: 0 !important;
	-webkit-padding-start: 0px !important;
	margin-top: 5px !important;
}
#phraseIn ul.phraseBt li{
	width: 130px;
	float: left;
}
#phraseIn .phTpH{
	content: "";
	height: 23px;
}
#phraseIn .phBtH{
	content: "";
	height: 66px;
}
.phraseDay{
	font-size: 15px;
	color:#3f200d;
	font-weight: 600;
	margin-bottom: 1px;
}
.phraseDay .ls-4{
	letter-spacing: -5px;
}
/**********chara*************/
#chara{
	position:relative;
	top:0;
	left:0;
	overflow: hidden;
	height: 660px;
}
#chara .charaBg{
	z-index: 0;
}
#chara .board{
	position:absolute;
	top:10px;
	left:130px;
	z-index: 1;
}
#chara .boardsign{
	position:absolute;
	top:128px;
	right:160px;
	z-index: 1;

}
#cont2{
	position: relative
}
#cont2 .charaBg{
	width:789px;
	height:455px;
	margin: 0 auto;
	position:relative;
	top:0;
	left:0;
}
#cont2 .charaBg #close{
	position: absolute;
	top: 23px;
	right: 30px;
	width: 30px;
	height: 30px;
}
#cont2 #pager{
	width: 100%;
	height: 53px;
	position: absolute;
	left: 0;
	top: 200px;
}
#cont2 #pager #prev{
	float: left;
}
#cont2 #pager #next{
	float: right
}
#cont2 #pager #prev a,
#cont2 #pager #next a{
	display: block;
	margin: -20px;
	padding: 20px;
}

#chara01{
	background: url(../img/chara/bg_kaku.png) no-repeat;
}
#chara01 #charaImg{
	position:absolute;
	top:50px;
	left:60px;
}
#chara02{
	background: url(../img/chara/bg_gama.png) no-repeat;
}
#chara02 #charaImg{
	position:absolute;
	top:70px;
	left:60px;
}
#chara03{
	background: url(../img/chara/bg_shisa.png) no-repeat;
}
#chara03 #charaImg{
	position:absolute;
	top:80px;
	left:60px;
}
#chara04{
	background: url(../img/chara/bg_yoko.png) no-repeat;
}
#chara04 #charaImg{
	position:absolute;
	top:60px;
	left:85px;
}
#chara05{
	background: url(../img/chara/bg_sun.png) no-repeat;
}
#chara05 #charaImg{
	position:absolute;
	top:40px;
	left:55px;
}

#chara06{
	background: url(../img/chara/bg_poken.png) no-repeat;
}
#chara06 #charaImg{
	position:absolute;
	top:70px;
	left:60px;
}
#chara07{
	background: url(../img/chara/bg_tawara.png) no-repeat;
}
#chara07 #charaImg{
	position:absolute;
	top:80px;
	left:75px;
}
#chara08{
	background: url(../img/chara/bg_kosodate.png) no-repeat;
}
#chara08 .flex-control-nav{
	position:absolute;
	bottom:-50px;
	left:55px !important;
}
#chara08 #charaImg{
	position:absolute;
	top:55px;
	left:70px;
}
#chara09{
	background: url(../img/chara/bg_shii.png) no-repeat;
}
#chara09 #charaImg{
	position:absolute;
	top:70px;
	left:80px;
}
#charaP{
	position:absolute;
	top:45px;
	right:60px;
}
#chara09 #charaP{
	right: 75px;
}
.flex-control-nav{
	position:absolute;
	bottom:-50px;
	left:70px;
}