@charset "utf-8";


@import "http://www.kekkon-j.com/css/common/default.css";
@import "http://www.kekkon-j.com/css/common/layout.css";
@import "http://www.kekkon-j.com/css/common/header.css";
@import "http://www.kekkon-j.com/css/common/sidebar.css";
@import "http://www.kekkon-j.com/css/common/footer.css";


/*
		Default Setting
 -------------------------------------------------- */
 
/* IEでのhover利用 */
body{ behavior: url("/swf/csshover.htc"); }

/* リンクの枠線 */
#content a{ outline: none; }		/* FF */
#content a{ border-style: none; }	/* IE */

/* 各テキスト設定 */
#content dl,#content p, #content li{ line-height: 160%;	letter-spacing: 1px; }
#content ul li{ margin-top: 3px; }






/*
		Top
 -------------------------------------------------- */

/* 枠 */
#content .top {
	height: 296px;
	margin: 0px 0px 20px 0px;
	background: url(../img/top-bg.jpg) no-repeat top left;
}


/* タイトル画像 */
#content .top h2 {
	padding: 10px 0px 10px 230px;
}


/* ------------------------------ 今回のテーマ */

/* 枠 */
#content .top dl.theme {
	width: 453px;
	height: 116px;
	margin: 0px 0px 0px 240px;
	border-left: 1px solid #b1b1b1;
	border-right: 1px solid #b1b1b1;
}


/* 見出し */
#content .top dl.theme dt.title {
	margin: 15px auto;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}


/* テキスト */
#content .top dl.theme dd {
	width: 400px;
	margin: 0px auto 10px;
	font-size: 11px;
	line-height: 140%;
}


/* アンケート枠 */
#content .top dl.answer {
	width: 455px;
	height: 60px;
	margin: 0px 0px 0px 240px;
	background-color: #ffd2eb;
}


/* テキスト */
#content .top dl.answer dd {
	height: 22px;
	padding: 0px 0px 0px 30px;
	margin: 10px;
	background: url(../img/arrow.jpg) no-repeat 0px 0px;
}

#content .top dl.answer dd a { font-size: 14px; }







/*
		Question
 -------------------------------------------------- */
 
/* Ques画像 */
#content img.q-ttl {
	margin: 0px 0px 5px 20px;
}


/* ボーダー枠 */
#content .borderbox{
	padding: 0px 0px 15px 0px;
	margin: 15px 15px 40px;
	border: 15px solid #e3e3e3;
}


/* 質問テキスト */
#content h3 {
	font-size: 16px;
	font-weight: bold;
	margin: 20px auto;
	text-align: center;
}


/* テキスト */
#content p {
	width: 550px;
	margin: 15px 0px 0px 80px;
}



/* ------------------------------ みんなのホンネ */

/* 見出し */
#content h4 {
	height: 30px;
	padding: 10px 0px 0px 190px;
	margin: 30px 0px 0px 30px;
	font-size: 16px;
	font-weight: bold;
	background: url(../img/honne-logo.gif) no-repeat 0px 0px;
}


/* 各回答枠 */
#content ul {
	margin: 15px 15px 15px 70px;
}


/* 回答見出し */
#content ul li.yesno {
	color: #d52f8b;
}







/*
		graph
 -------------------------------------------------- */

/*空枠*/
#content .graph{}


/* 枠 */
#content dl.graph {
	position: relative;
	width: 700px;
	margin: 10px auto 0px;
	background: url(../img/graph-bg.gif) repeat-y 140px 0px;
}



/* ------------------------------ 左側 */

/* 人数 */
#content dl.graph dt {
	position: absolute;
	width: 130px;
	height: 25px;
	left: 0px;
	text-align: right;
}


/* トップ３の色変え */
#content dl.graph dt.first { font-size: 16px; font-weight: bold; color: #f03d8e;}
#content dl.graph dt.second { font-size: 14px; color: #f03d8e;}
#content dl.graph dt.third { font-size: 12px; color: #f03d8e;}



/* ------------------------------ 右側 */

/* %の数値 */
#content dl.graph dd {
	width: 460px;
	height: 25px;
	margin: 0px 0px 0px 141px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	background: url(../img/gray-bg.gif) no-repeat 0px 0px;
}


/* トップ3の背景 */
#content dl.graph dd.first { background: url(../img/pink01-bg.gif) no-repeat 0px 0px;}
#content dl.graph dd.second { background: url(../img/pink02-bg.gif) no-repeat 0px 0px;}
#content dl.graph dd.third { background: url(../img/pink03-bg.gif) no-repeat 0px 0px;}


/* グラフの画像幅設定 */
#content dl.graph dd.p000 { width: 0px;}
#content dl.graph dd.p001 { width: 4.6px;}
#content dl.graph dd.p002 { width: 9.2px;}
#content dl.graph dd.p003 { width: 13.8px;}
#content dl.graph dd.p004 { width: 18.4px;}
#content dl.graph dd.p005 { width: 23px;}
#content dl.graph dd.p006 { width: 27.6px;}
#content dl.graph dd.p007 { width: 32.2px;}
#content dl.graph dd.p008 { width: 36.8px;}
#content dl.graph dd.p009 { width: 41.4px;}
#content dl.graph dd.p010 { width: 46px;}
#content dl.graph dd.p011 { width: 50.6px;}
#content dl.graph dd.p012 { width: 55.2px;}
#content dl.graph dd.p013 { width: 59.8px;}
#content dl.graph dd.p014 { width: 64.4px;}
#content dl.graph dd.p015 { width: 69px;}
#content dl.graph dd.p016 { width: 73.6px;}
#content dl.graph dd.p017 { width: 78.2px;}
#content dl.graph dd.p018 { width: 82.8px;}
#content dl.graph dd.p019 { width: 87.4px;}
#content dl.graph dd.p020 { width: 92px;}
#content dl.graph dd.p021 { width: 96.6px;}
#content dl.graph dd.p022 { width: 101.2px;}
#content dl.graph dd.p023 { width: 105.8px;}
#content dl.graph dd.p024 { width: 110.4px;}
#content dl.graph dd.p025 { width: 115px;}
#content dl.graph dd.p026 { width: 119.6px;}
#content dl.graph dd.p027 { width: 124.2px;}
#content dl.graph dd.p028 { width: 128.8px;}
#content dl.graph dd.p029 { width: 133.4px;}
#content dl.graph dd.p030 { width: 138px;}
#content dl.graph dd.p031 { width: 142.6px;}
#content dl.graph dd.p032 { width: 147.2px;}
#content dl.graph dd.p033 { width: 151.8px;}
#content dl.graph dd.p034 { width: 156.4px;}
#content dl.graph dd.p035 { width: 161px;}
#content dl.graph dd.p036 { width: 165.6px;}
#content dl.graph dd.p037 { width: 170.2px;}
#content dl.graph dd.p038 { width: 174.8px;}
#content dl.graph dd.p039 { width: 179.4px;}
#content dl.graph dd.p040 { width: 184px;}
#content dl.graph dd.p041 { width: 188.6px;}
#content dl.graph dd.p042 { width: 193.2px;}
#content dl.graph dd.p043 { width: 197.8px;}
#content dl.graph dd.p044 { width: 202.4px;}
#content dl.graph dd.p045 { width: 207px;}
#content dl.graph dd.p046 { width: 211.6px;}
#content dl.graph dd.p047 { width: 216.2px;}
#content dl.graph dd.p048 { width: 220.8px;}
#content dl.graph dd.p049 { width: 225.4px;}
#content dl.graph dd.p050 { width: 230px;}
#content dl.graph dd.p051 { width: 234.6px;}
#content dl.graph dd.p052 { width: 239.2px;}
#content dl.graph dd.p053 { width: 243.8px;}
#content dl.graph dd.p054 { width: 248.4px;}
#content dl.graph dd.p055 { width: 253px;}
#content dl.graph dd.p056 { width: 257.6px;}
#content dl.graph dd.p057 { width: 262.2px;}
#content dl.graph dd.p058 { width: 266.8px;}
#content dl.graph dd.p059 { width: 271.4px;}
#content dl.graph dd.p060 { width: 276px;}
#content dl.graph dd.p061 { width: 280.6px;}
#content dl.graph dd.p062 { width: 285.2px;}
#content dl.graph dd.p063 { width: 289.8px;}
#content dl.graph dd.p064 { width: 294.4px;}
#content dl.graph dd.p065 { width: 299px;}
#content dl.graph dd.p066 { width: 303.6px;}
#content dl.graph dd.p067 { width: 308.2px;}
#content dl.graph dd.p068 { width: 312.8px;}
#content dl.graph dd.p069 { width: 317.4px;}
#content dl.graph dd.p070 { width: 322px;}
#content dl.graph dd.p071 { width: 326.6px;}
#content dl.graph dd.p072 { width: 331.2px;}
#content dl.graph dd.p073 { width: 335.8px;}
#content dl.graph dd.p074 { width: 340.4px;}
#content dl.graph dd.p075 { width: 345px;}
#content dl.graph dd.p076 { width: 349.6px;}
#content dl.graph dd.p077 { width: 354.2px;}
#content dl.graph dd.p078 { width: 358.8px;}
#content dl.graph dd.p079 { width: 363.4px;}
#content dl.graph dd.p080 { width: 368px;}
#content dl.graph dd.p081 { width: 372.6px;}
#content dl.graph dd.p082 { width: 377.2px;}
#content dl.graph dd.p083 { width: 381.8px;}
#content dl.graph dd.p084 { width: 386.4px;}
#content dl.graph dd.p085 { width: 391px;}
#content dl.graph dd.p086 { width: 395.6px;}
#content dl.graph dd.p087 { width: 400.2px;}
#content dl.graph dd.p088 { width: 404.8px;}
#content dl.graph dd.p089 { width: 409.4px;}
#content dl.graph dd.p090 { width: 414px;}
#content dl.graph dd.p091 { width: 418.6px;}
#content dl.graph dd.p092 { width: 423.2px;}
#content dl.graph dd.p093 { width: 427.8px;}
#content dl.graph dd.p094 { width: 432.4px;}
#content dl.graph dd.p095 { width: 437px;}
#content dl.graph dd.p096 { width: 441.6px;}
#content dl.graph dd.p097 { width: 446.2px;}
#content dl.graph dd.p098 { width: 450.8px;}
#content dl.graph dd.p099 { width: 455.4px;}
#content dl.graph dd.p100 { width: 460px;}


/* 目盛り設定 */
#content dl.graph dd.scale {
	margin: 0px 0px 0px 136px;
}







/*
		ranking
 -------------------------------------------------- */

/* 枠 */
#content dl.ranking {
	width: 700px;
	line-height: 25px;
	background: url(../img/ranking-bg.gif) no-repeat 100px 0px;	
}


/* 内訳：内容 */
#content dl.ranking dt {
	width: 42%;
	float: left;
	display: inline;
	margin: 0px 0px 0px 200px;
	font-weight: bold;
}


/* 内訳：パーセント */
#content dl.ranking dd {
	height: 33px;
}







/*
		Report
 -------------------------------------------------- */

/* 大枠 */
#content .report {
	padding: 0px 0px 15px 0px;
	margin: 15px 15px 0px;
	border: 15px solid #f2dce8;
}

#content .report img.report-ttl {
	margin: 15px 0px 0px 15px;
}







/*
		bottom
 -------------------------------------------------- */

/* 枠 */
#content .bottom {
	margin: 30px 15px 0px 15px;
}


/* アンケート枠 */
#content .bottom dl.answer {
	float: left;
	width: 345px;
	height: 170px;
	background-color: #ffd2eb;
}


/* 只今の調査テーマ */
#content .bottom dl.answer dt.theme {
	margin: 15px 0px 15px 15px;
}


/* テキスト */
#content .bottom dl.answer dd {
	height: 22px;
	padding: 3px 0px 0px 30px;
	margin: 10px 0px 0px 30px;
	font-size: 14px;
	background: url(../img/arrow.jpg) no-repeat 0px 0px;
}


/* バナー */
#content .bottom .banner {
	float: right;
}







/*
		Enquete list
 -------------------------------------------------- */

#content .list{
	margin: 30px 14px 0px;
	border-right: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	border-left: 1px #000000 solid;
}


/* 枠 */
#content .list ul{
	width: 710px;
	margin: 0px 10px;
	padding: 10px 0px;
	overflow: hidden;
}


/* テキスト */
#content .list ul li{
	float: left;
	display: inline;
	width: 340px;
	margin: 5px 7px 0px;
	background: url(http://www.kekkon-j.com/img/common/link-back.gif) 15px 7px no-repeat;
}


#content .list ul li a{ padding: 0px 0px 0px 25px; }







/*
		ページトップ
 -------------------------------------------------- */

#content .pagetop {
	width: 730px;
	padding: 20px 10px 0px 0px;
	margin: 10px 0px 0px 15px;
	background: #fff url(/img/common/cat-page-top.gif) no-repeat 640px 22px;
}