@charset "utf-8";
/* ===================================================================
	CSS information
	file name  :  index.css
=================================================================== */
.index .main-visual{
	background: #fff;
	overflow: hidden;
}
.index .main-visual h2{
	float: none;
}
.index .main-visual .read-box{
	border: 1px solid #ccc;
	border-top: 0;
}
.index .main-visual div.read{
	width: 926px;
	padding: 16px 0 12px 17px;
}
.index .main-visual ul.read {
	margin: 0 0 0 17px;
	overflow: hidden;
}
.index .main-visual ul.read li{
	float: left;
	margin: 0 12px 12px 0;

}

.index #primary{
	width: 960px;
	float: none;
}

.index #primary .pro,
.index #primary .interview,
.index #primary .qa,
.index #primary .data{
	padding: 16px 15px;
	background: #fff;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}


/* -----pro */
.index #primary .pro{
	overflow: hidden;
}
.index #primary .pro h3{
	margin: 0 0 16px 0;
}

.index #primary .pro ol{
	margin: 13px 0 0 0;
	overflow: hidden;
	background: url("../images/bg_pro.gif") left center no-repeat;
}

.index #primary .pro ol li{
	width: 274px;
	float: left;
	border: 1px solid #97adc2;
	margin: 0 50px 0 0 ;
}

.index #primary .pro ol li.lastchild{
	margin: 0;
}

.index #primary .pro ol li dl{
	margin: 20px;
}
.index #primary .pro ol li dt{
	margin: 0 0 10px 0;
}
.index #primary .pro ol li dd{
	line-height: 1.8;
	margin: 0 0 10px 0;
}

.index #primary .pro ol li dd.txt{
	min-height:8em;
}

/* -----interview */
.index #primary .interview{
	overflow: hidden;
}
.index #primary .interview h3{
	margin: 0 0 16px 0;
}

.index #primary .interview li{
	border: 1px solid #addfe3;
	margin: 0 14px 0 0;
	float: left;
}
.index #primary .interview li.right{
	margin: 0 0 14px 0;
}



.index #primary .interview li.upper{
	width: 455px;
	height: 294px;
}
.index #primary .interview li.thum{
	margin-bottom: 0;
}
.index #primary .interview li.upper .photo{
	width: 184px;
	float: left;
}
.index #primary .interview li.upper .detail{
	width: 227px;
	margin: 20px 20px 0 20px;
	float: left;
}
.index #primary .interview li.upper .detail h4{
	margin: 0 0 16px 0;
}
.index #primary .interview li.upper .detail p{
	line-height: 1.8;
	margin: 0 0 16px 0;
}
.index #primary .interview .entry01 .detail .thum{
	margin: 0 0 13px 0;
}

.index #primary .interview .txt{
	margin: 0 0 0px 16px;
}
.index #primary .interview li dt{
	margin: 20px 0 11px 0;
}
.index #primary .interview li dd{
	margin: 0 0 11px 0;
}

.index #primary .interview li.lastchild{
	background: none;
	padding: 0;
	margin-bottom: 0;
}













/* -----qa */
.index #primary .qa{
	width: 565px;
	float: left;
	position: relative;
}
.index #primary .qa .okwave{
	top: 26px;
	left: 447px;
	position: absolute;
}
.index #primary .qa h3,
.index #primary .qa .read{
	margin: 0 0 18px 0;
}
.index #primary .qa .read{
	line-height: 1.8;
}
.index #primary .qa-contents li .icon img{
	width: 49px;
	height: 49px;
	border: 1px solid #cecece;
}

.index #primary .qa-contents li{
	margin: 0 0 15px 0;
	background: url("/sunvista/chiebukuro/common/images/bg_qa-list_f01.gif") right bottom no-repeat;
}
.index #primary .qa-contents li.lastchild{
	margin: 0;
}

.index #primary .qa-contents li .icon{
	float: left;
}
.index #primary .qa-contents li dl{
	margin: 0 0 0 52px;
	padding: 16px 0 0 0;
	background: url("/sunvista/chiebukuro/common/images/bg_qa-list_h01.gif") left top no-repeat;
}
.index #primary .qa-contents li dt{
	font-weight: bold;
	background: url("/sunvista/chiebukuro/common/images/icon_question.gif") left top no-repeat;
	padding:0 0 0 20px;
	margin: 0 0 5px 28px;
	line-height: 1.5;
}
.index #primary .qa-contents li dd{
	padding:0 16px 10px 47px;
	line-height: 1.7;
}
.index #primary .qa-contents li dd.entry{
	color: #e6a00a;
	padding:8px 16px 12px 43px;
	font-size: 83%;
	float: left;
}
.index #primary .qa-contents li dd.entry span{
	margin: 0 10px 0 0;
}
.index #primary .qa-contents li dd.btn{
	float: right;
	margin: 0 14px 14px 0;
	padding: 0;
}

/*ClearFix-*/
.index #primary .qa-contents li:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}
.index #primary .qa-contents li {
	display:inline-block;
}
/* Hides from IE-mac \*/
	* html .index #primary .qa-contents li {height: 1%;}
	.index #primary .qa-contents li {display: block;}
/* End hide from IE-mac */












/* -----data */
.index #primary .data{
	width: 321px;
	float: right;
}
.index #primary .data .questionnaire{
	padding: 20px 0 0 20px;
	margin: 0 0 14px 0;
	border: 1px solid #c2d11d;
	border-top: 0;
}
.index #primary .data .questionnaire .read{
	margin: 0 0 18px 0;
}

.index #primary .data .questionnaire h4{
	margin: 0 0 15px 0;
}

.index #primary .data .questionnaire table{
	width: 276px;
	margin: 0 0 15px 0;
}
.index #primary .data .questionnaire td{
	padding: 3px 0;
}

.index #primary .data .questionnaire td input{
	vertical-align: middle;
	margin-right: 3px;
}

.index #primary .data .questionnaire td .graf{
	width: 130px;
	height: 10px;
	font-size: 0;
	float: left;
	background: #c8d539;
}
.index #primary .data .questionnaire td .graf img{
	height: 10px;
}


.index #primary .data .questionnaire .valign-top{
	vertical-align: top ! important;
	padding-bottom: 15px;
}
.index #primary .data .questionnaire .valign-top input{
	vertical-align: top;
}
.index #primary .data .questionnaire .valign-top .graf{
	margin: 2px 0 0 0;
}





.index #primary .data .questionnaire .statistics{
	text-align: right;
}
.index #primary .data .questionnaire .btn{
	width: 276px;
	text-align: center;
	margin: 0 0 17px 0;
}