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



/*main*/
#main {
	text-align:center;
	}
#mainImg {
	float: left;
	width : 72.916%;
	}
.leadBox01 {
	
	overflow:hidden;
	clear:both;
	}
.leadBox01 h3 {
	padding-top:15px;
	margin-top:10px;
	/*background-image:url(../img/top/bg_main_title01.jpg);*/
	/*background-repeat:repeat-x;*/
	}
.leadBox01 h4 {}




/*ロゴ部門*/
#secLogo {
	overflow: hidden;
	clear: both;
	}
#secLogo h2 {
	text-align: left;
	padding-left: 52px;
	float: left;
	}
.logoTitle01 {
/*	background-color: #564a3a;
	border-bottom: 4px solid orange;
	background-image: url(../img/top/tit_pic01.jpg);
	background-position: 0 8px;
	background-repeat: no-repeat;
	padding: 8px 83px 6px 0;
*/	
	background: url(../img/logo/bg_h3_top.jpg) top left no-repeat;
	padding: 7px 0px 11px 50px;
	overflow:hidden;
	text-align: left;
	}
.logoCatch01 {
	float: right;
	color: #fff;
	margin-top: 3px;
	}
.logoTitle01 p {
	color: #FFF;
	font-size: 110%;
	}
.logoBox01 {
	float: left;
	width: 30%;
	margin: 10px;
	}
.voteArea01{
	margin-top: 10px;
	width: 100%;
	}
.voteArea02{
	margin-top: 10px;
	width: 100%;
	text-align: left;
	}

/*131227　追記*/
.resultArea2{
	width: 840px;
	margin: 0 auto 50px;
	background: url(../img/logo/bg_result.jpg) #f5f1d3 top left repeat-y;
	padding: 15px 0;
	}
.resultBox2{
	width: 780px; 
	margin: 0 auto;
	}
.resultBox2 img {
float: left; margin-right: 30px;
	}
.resultBox2 p{
	text-align: left;
	}
.resultArea{
	overflow: hidden;
	width: 840px;
	margin: 0 auto 50px;
	text-align: left;
	}
.resultBox,.resultBoxHalf{
	background: url(../img/logo/bg_result.jpg) #f5f1d3 top left repeat-y;
	position: relative;
	}
.resultBox{
	height:320px;
	margin-bottom: 20px;
	}
.resultBoxHalf{
	width:410px;
	float: left;
	height:203px;
	}

.logoA{
	margin-right: 20px;
	}
.resultBoxHalf:first-child{
	margin-right: 20px;
	}
.resultBox .point{
	position: absolute;
	top:16px;
	left: 113px;
	}
.resultBox .logo{
	position: absolute;
	top:20px;
	left:476px;
	}
#secLogo .resultBox p{
	position: absolute;
	width: 300px;
	top:160px;
	left:100px;
	text-align: left;
	}

.resultBoxHalf .point{
	position: absolute;
	top:45px;
	left:40px;
	}
.resultBoxHalf .logo{
	position: absolute;
	top:16px;
	left:199px;
	}



/*キャッチ部門*/
#secCatch {
	overflow: hidden;
	clear: both;
	}
#secCatch h2 {
	text-align: left;
	padding-left: 52px;
	float: left;
	}
.catchTitle01 {
/*	background-color: #564a3a;
	border-bottom: 4px solid #5ab0c6;
	background-image: url(../img/top/tit_pic02.jpg);
	background-position: 0 8px;
	background-repeat: no-repeat;
	padding: 8px 83px 6px 0;*/
	background: url(../img/logo/bg_h3_top.jpg) top left no-repeat;
	padding: 7px 0px 11px 50px;
	overflow:hidden;
	text-align: left;
	}
.catchCatch01 {
	float: right;
	color: #fff;
	margin-top: 3px;
	}
.catchTitle01 p {
	color: #FFF;
	font-size: 110%;
	}
.catchSubTitle01{
	font-size: 1.2em;
	font-weight:bold;
	color: #5ab0c6;
	text-align: left;
	width: 90%;
	margin: auto;
	}
	
#secCatch .resultBox{
	height:auto;
	}
/*131227*/
#secCatch .interview{
	margin:0 0 20px 0;
	text-align: left;
	}

/*
#secCatch .interview{
	margin:119px 0 20px 0;
	text-align: left;
	overflow: hidden;
}
*/
#secCatch .interview h5,
#secCatch .interview p{
	float: right;
	margin:0 20px 0 32px;
	width: 529px;
	}
#secCatch .interview h5{
	font-size:18px;
	margin-bottom: 20px;
	}

#secCatch .interview img{
	float: left;
	margin-left: 45px;
	}
#secCatch .resultBox h4{
	position: absolute;
	left:28px;
	}
#secCatch .resultBox .pic{
	position: absolute;
	top:112px;
	left:45px;
	}

#secCatch .col1of3{
	overflow: hidden;
	text-align: left;
	width: 840px;
	margin: 0 auto 50px;
	}

#secCatch .col1of3 li{
	width:31%;
	float: left;
	margin: 0 1%;
	}
#secCatch .col1of3 li h6,
#secCatch .col1of3 li p{
	margin: 0;
	}
#secCatch .col1of3 li p.auther{
	margin-bottom: 0.5em;
	}
/*応募要項*/
#secOubo {
	background-color: #FFF;
	margin-top: 17px;
	text-align: left;
	border: 1px solid #d9d5c8;
	}
#secOubo h3 {
	background-color: #564a3a;
	color: #FFF;
	padding: 1.5% 3%;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 0.1em;
	}
#secOubo h4 {
	background-color: #f4f1e5;
	max-width: 100%;
	font-size: 110%;
	letter-spacing: 0.1em;
	padding: 0.3em 10px;
	margin-bottom: 5px;
	}
.ouboIn {
	width: 95%;
	margin: auto;
	}
.ouboIn p,
.ouboIn ul {
	width: 93%;
	margin: 0 auto;
	padding-bottom: 3%;
	}

/*131021バナー追加*/
.topBnr01 {
	float: left;
	margin-bottom:15px;
	}
.topBnr02 {
	float: right;
	margin-bottom:15px;
	}

/*131028追加*/
.btnOubo02{
	overflow: hidden;
	clear: both;
	margin: 30px 0px;
	}

/* 131217 追加 */
.leadBox01 h2 {
	padding-top:8px;
	margin-top:10px;
/*	background-image:url(../img/logo/bg_h2_top01.jpg);
	background-repeat:repeat-x;*/
	}
.leadBox01 .leadText{
	width: 860px;
	margin: 0 auto 30px;
	text-align: left;
	}

#secLogo h2{
	background:rul(../img/bg_h3_top)
	}
.topBnr{
	overflow: hidden;
	}
.topBnr li{
	float: left;
	margin:0 40px 40px 0;
	}
.topBnr li.even{	
	margin-right: 0;
	}
#secThanks h3{
	background: #c56d5b;
	padding:13px 0;
	}
#secThanks div{
	overflow: hidden;
	width: 790px;
	padding: 25px;
	margin: 0 auto;
	background: #fff;
	text-align: left;
	margin-bottom: 20px;
	}
#secThanks div img{
	float: left;
	margin-right: 65px;
	}
#secThanks div p{
	margin-top:50px;
	}


/*下階層メインタイトル*/
#mainHistoryImg {
	background-color: #ec7473;
	border-bottom: 10px solid #f19998;
	background-image: url(../img/logo/tit_logo_pic01.jpg);
	background-position: 0 35px;
	background-repeat: no-repeat;
	padding: 7px 0px 6px 0;
	margin-top: 15px;
	margin-bottom: 10px;
	overflow:hidden;
	}
#mainHistoryImg h1 {
	text-align: left;
	padding-left: 60px;
	float: left;
	}





/* ********************************************************* /
/*768px　スマートフォン用*/
@media screen and (max-width : 768px){


h1 {text-align: center;} 

/*共通*/
.txtLead01{
	text-align: center;
	}	


/*コンテンツ*/

#mainImg {
	float: none;
	width: 100%;
	text-align: center;
	}
#main h3 {
	/*background-image: none;*/
	}
#main h4 {}



/*ロゴ部門*/
#secLogo {
	overflow: hidden;
	clear: both;
	}
#secLogo h2 {
	text-align: center;
	padding-left: 0px;
	float: none;
	}
/*.logoTitle01 {
	background-color: #564a3a;
	border-bottom: 4px solid orange;
	background-image: none;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 0px;
}*/
.logoTitle01 p {
	color: #FFF;
	font-size: 110%;
	}
.logoBox01 {
	float: none;
	width : 100%;
	text-align: center;
	}
.logoCatch01 {
	float: none;
	text-align: center;
	}


/*キャッチ部門*/
#secCatch {
	overflow: hidden;
	clear: both;
	}
#secCatch h2 {
	text-align: center;
	padding-left: 0px;
	float: none;
	}
.catchTitle01 {
/*	background-color: #564a3a;
	border-bottom: 4px solid #5ab0c6;
	background-image: none;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 0px;*/
	}
.catchTitle01 p {
	color: #FFF;
	font-size: 110%;
	}

.catchCatch01 {
	float: none;
	text-align: center;
	}

/*131021バナー追加*/
.topBnr01 {
	float: none;
	text-align: center;
	}
.topBnr02 {
	float: none;
	text-align: center;
	margin-bottom:0px;
	}
/* 131217 追加 */

.leadBox01{
	background: none;
	}
.leadBox01 .leadText{
	width: auto;
	font-size:;
	}
.logoTitle01,
.catchTitle01 {
	background: url(../img/logo/bg_h3_top.jpg) top left no-repeat;
	padding: 10px 0;
	overflow:hidden;
	text-align: center;
	}
.resultArea{
	width: 100%;
	}
.resultBox,
.resultBoxHalf{
	background-image:none;
	overflow: hidden;
	}
.resultBox{
	width: 100%;
	height: auto;
	text-align: center;
	}
.resultBox .point{
	position: static;
	width:120px;
	margin-bottom: 0px;
	}
.resultBox .logo{
	position: static;
	margin: 20px auto;
	width: 70%;
	max-width: 250px;
	}


/*131227　追記*/
.resultArea2{
	width: 100%;
	padding: 15px;
	background: url(../img/logo/bg_result.jpg) #f5f1d3 top right repeat-y;
	}
.resultArea2 img{
	width: 90%;
	}
.resultBox2{
	width: 100%;
	margin: 0 auto;
	}
.resultBox2 img {
	margin-left: 5px;
	margin-right: 10px;
	max-width: 214px;
	width: 40%;
	float: left;
	}
.resultBox2 p{
	text-align: left;
	margin: 20px;
	}
#secLogo .resultBox p {
	position: static;
	margin:20px;
	width: auto;
	height: auto;
	}
.logoA{
	margin: 0;
	}
.resultBoxHalf{
	width: 48%;
	height: auto;
	margin:0 1%;
	text-align: center;
	}
.resultBoxHalf .point{
	position: static;
	width:60px;
	margin-bottom: 20px;
	}
.resultBoxHalf .logo{
	position: static;
	margin: 20px auto;
	}
#secCatch .resultBox h4{
	position: static;
	margin: 0;
	}
#secCatch .interview{
	margin:0;
	}
#secCatch .interview h5,
#secCatch .interview p{
	float: none;
	width: auto;
	margin: 0 10px 10px;
	}
#secCatch .interview h5{
	text-align: center;
	}
#secCatch .interview img{
	margin-left: 5px;
	margin-right: 10px;
	max-width: 214px;
	width: 40%;
	float: left;
	}
#secCatch .col1of3{
	width: 100%;
	}
#secCatch .col1of3 li{
	width: 100%;
	margin-bottom: 30px;
	}
#secThanks h3 {
	padding:10px 30px;
	}
#secThanks div{
	width: auto;
	padding:10px;
	}
#secThanks div img{
	margin-right: 10px;
	max-width: 120px;
	}
#secThanks div p{
	width: auto;
	margin:0;
	}

.topBnr{
	margin: 0 auto;
	max-width: 460px;
	}

.topBnr li{
	margin: 0 0 20px 0;
	text-align: center;
	}

/*下階層メインタイトル*/	
#mainHistoryImg {
	background-image: none;
	padding: 0px;
	text-align: center;
	background-position: center;
	float: none;
	}
#mainHistoryImg h1 {
	text-align: center;
	padding-left: 0px;
	float: none;
	}




}