@charset "shift_jis";

/* 共通要素
------------------------------------------ */
.txt1 {
	color:#353a23;
	letter-spacing:0.05em;
	line-height:1.7;
	font-size:14px;
	text-indent:1em;
}
.txt2 {
	color:#353a23;
	letter-spacing:0.05em;
	line-height:1.7;
	font-size:13px;
	/*text-indent:1em;*/
}
.txt3 {
	color:#353a23;
	letter-spacing:0.05em;
	line-height:1.5;
	font-size:11px;
	text-indent:1em;
}
/* 外部リンクエリア / 共通要素*/
.extLinkArea {
	display:block;
	margin-bottom:20px 0;
	vertical-align:middle;
}
.extLinkArea p {
	background:#ffff00;
	display:inline;
	font-size:11px;
	font-weight:bold;
	letter-spacing:0.15em;
	padding:10px 15px;
}
.extLinkArea a {
	display:inline;
	font-size:11px;
	padding-left:10px;
}
/* タイトルエリア
------------------------------------------ */
#titleArea {
	padding-top:30px;
}
#titleArea h2 {
	margin-bottom:30px;
	position:relative;
}
/* タイトル画像 */
#titleArea img {
	display:block;
	margin:0 auto;
}
/* introエリア
------------------------------------------ */
#intro {
	margin:0 auto 60px auto;
	overflow:visible;
	width:670px;
}
/*テキスト*/
#intro .txt1 {
	font-size:16px;
	margin-bottom:40px;
}
/* intro detail エリア
------------------------------------------ */
#intro .detail {
	margin-bottom:35px;
}
#intro .detail .in1 {
	float:left;
	width:415px;
}
/* タイトル */
#intro .detail .title {
	background:url(../images/shiga/questionnaires/ti_introDetailTitle.png) no-repeat left 0;
	display:block;
	height:27px;
	margin-bottom:10px;
	overflow:hidden;
	text-indent:100%;
	width:auto;
	white-space:nowrap;
}

/* テーブル */
#intro table {
	margin-bottom:20px;
	width:100%;
}
#intro table th {
	font-size:11px;
	letter-spacing:0.2em;
	text-align:left;
	width:15%;
	padding:2px 5px;
	vertical-align:top;

}
#intro table td {
	font-size:13px;
	letter-spacing:0.07em;
	line-height:1.8;
	text-align:left;
	padding:0px 5px 2px 5px;
	vertical-align:top;
	width:80%;
}
/* intro detail エリア
------------------------------------------ */
#intro .ranking .in1 {
	float:left;
	width:415px;
}
/* タイトル */
#intro .ranking .title {
	background:url(../images/shiga/questionnaires/ti_introRankingTitle.png) no-repeat left 0;
	display:block;
	height:27px;
	margin-bottom:20px;
	overflow:hidden;
	text-indent:100%;
	width:auto;
	white-space:nowrap;
}
/* 年代別画像 | list*/
#intro .ranking .list li {
	float:left;
	margin:0 25px 15px 25px;
}
/* 見出し #ranking1 h3
------------------------------------------ */
#ranking1 h3 {
	background:url(../images/shiga/questionnaires/h_ranking1_1.png) no-repeat left 0;
	display:block;
	height:61px;
	margin-bottom:20px;
	overflow:hidden;
	text-indent:100%;
	width:auto;
	white-space:nowrap;
}
/* 見出しh4 共通要素
------------------------------------------ */
#ranking1 h4 , #ranking2 h4 {
	margin:0 auto 30px auto;
	width:685px;
}
/* ranking1 no1 | 第1位　琵琶湖、琵琶湖クルーズ・遊覧船
------------------------------------------ */
#ranking1 .no1 {
	margin:0 auto 60px auto;
}
/* 見出し h3 */
#ranking1 .no1 h4 {
	background:url(../images/shiga/questionnaires/h_ranking1No1_1.png) no-repeat left 0;
	display:block;
	height:111px;
	margin-bottom:-70px;
	overflow:hidden;
	position:relative;
	text-indent:100%;
	width:auto;
	white-space:nowrap;
	
	z-index:1000;
}
/* in1 */
#ranking1 .no1 .in1 {
	margin:0 auto 30px auto;
	position:relative;
	width:700px;
	
	z-index:900;
}
/* in2 */
#ranking1 .no1 .in2 {
	margin:0 auto 30px auto;
	width:670px;
}
/* 画像 */
#ranking1 .no1 .in2 img {
	float:left;
}
/* テキスト */
#ranking1 .no1 .in2 .txt2 {
	float:right;
	width:380px;
}
/* おすすめスポット */
#ranking1 .no1 .recommended {
	background:#fff;
	margin:0 auto 20px  auto;
	padding:7px 5px;
	width:674px;
}
/* タイトル */
#ranking1 .no1 .recommended .title {
	background:url(../images/shiga/questionnaires/ti_ranking1No1Recommended_1.png) no-repeat left 0;
	display:block;
	float:left;
	height:173px;
	margin-bottom:20px;
	overflow:hidden;
	text-indent:100%;
	width:59px;
	white-space:nowrap;
}
/* 外部リンク */
#ranking1 .no1 .extLinkArea {
	float:left;
	margin:0 0 30px 320px;
}

/* おすすめスポットリスト*/
#ranking1 .no1 .recommended .list {
	float:right;
	padding-top:15px;
	width:590px;
}
#ranking1 .no1 .recommended .list li {
	float:left;
	margin:0 20px 10px 0;
	width:271px;
}
#ranking1 .no1 .recommended .list li.li2 .linkArea , #ranking1 .no1 .recommended .list li.li3 .linkArea {
	padding-top:15px;
}
#ranking1 .no1 .recommended .list li.li4 .linkArea {
	padding-top:27px;
}
#ranking1 .no1 .recommended .list li .img1 {
	float:left;
	margin-right:10px;
}
#ranking1 .no1 .recommended .list li .linkArea a {
	display:block;
	margin-bottom:6px;
}
/* ranking1 no2 | 第2位　彦根・彦根城
------------------------------------------ */
#ranking1 .no2 {
	margin:0 auto 60px auto;
}
/* 見出し h3 */
#ranking1 .no2 h4 {
	background:url(../images/shiga/questionnaires/h_ranking1No2_1.png) no-repeat left 0;
	display:block;
	height:111px;
	margin-bottom:-60px;
	overflow:hidden;
	position:relative;
	text-indent:100%;
	width:auto;
	white-space:nowrap;
	
	z-index:1000;
}

/* 1 */
#ranking1 .no2 .in1 {
	margin:0 auto 40px auto;
	position:relative;
	width:641px;
	
	z-index:900;
}
/* in2 */
#ranking1 .no2 .in2 {
	margin:0 auto 30px auto;
	width:645px;
}
/* 画像 */
#ranking1 .no2 .in2 img {
	float:right;
	margin-top:-30px;
	width:355px;
}
/* テキスト */
#ranking1 .no2 .in2 .txt2 {
	float:left;
	width:270px;
}
/* 外部リンク */
#ranking1 .no2 .extLinkArea {
	float:right;
	margin:0 110px 30px 0;
}
/* ranking1 no3 | 第3位　長浜・黒壁スクエア
------------------------------------------ */
#ranking1 .no3 {
	margin:0 auto 60px auto;
}
/* 見出し h3 */
#ranking1 .no3 h4 {
	background:url(../images/shiga/questionnaires/h_ranking1No3_1.png) no-repeat left 0;
	display:block;
	height:111px;
	margin-bottom:-60px;
	overflow:hidden;
	position:relative;
	text-indent:100%;
	width:auto;
	white-space:nowrap;
	
	z-index:1000;
}

/* 1 */
#ranking1 .no3 .in1 {
	margin:0 auto 40px auto;
	position:relative;
	width:703px;
	
	z-index:900;
}
/* in2 */
#ranking1 .no3 .in2 {
	margin:0 auto 30px auto;
	width:680px;
}
/* 画像 */
#ranking1 .no3 .in2 img {
	float:left;
	width:395px;
}
/* テキスト */
#ranking1 .no3 .in2 .txt2 {
	float:right;
	width:270px;
}
/* 外部リンク */
#ranking1 .no3 .extLinkArea {
	float:right;
	margin:-35px 75px 30px 0;
}
#ranking1 .no3 .extLinkArea p {
	display:block;
	margin-bottom:10px;
}

/* ranking1 no4 | 第4位　比叡山・延暦寺
------------------------------------------ */
#ranking1 .no4 {
	margin:0 auto 60px auto;
}
/* 見出し h3 */
#ranking1 .no4 h4 {
	background:url(../images/shiga/questionnaires/h_ranking1No4_1.png) no-repeat left 0;
	display:block;
	height:89px;
	margin-bottom:0;
	overflow:hidden;
	position:relative;
	text-indent:100%;
	width:auto;
	white-space:nowrap;
	
	z-index:1000;
}

/* in1 */
#ranking1 .no4 .in1 {
	margin:0 auto 30px auto;
	width:680px;
}
/* 画像 */
#ranking1 .no4 .in1 img {
	float:left;
	width:375px;
}
/* テキスト */
#ranking1 .no4 .in1 .txt2 {
	float:right;
	padding-top:40px;
	width:270px;
}
/* 外部リンク */
#ranking1 .no4 .extLinkArea {
	float:right;
	margin:-120px 150px 30px 0;
}
#ranking1 .no4 .extLinkArea p {
	display:block;
	margin-bottom:10px;
}

/* ranking1 no5 | 第5位　近江八幡
------------------------------------------ */
#ranking1 .no5 {
	margin:0 auto 60px auto;
}
/* 見出し h3 */
#ranking1 .no5 h4 {
	background:url(../images/shiga/questionnaires/h_ranking1No5_1.png) no-repeat left 0;
	display:block;
	height:89px;
	margin-bottom:0;
	overflow:hidden;
	position:relative;
	text-indent:100%;
	width:auto;
	white-space:nowrap;
	
	z-index:1000;
}
/* in1 */
#ranking1 .no5 .in1 {
	margin:0 auto 30px auto;
	width:700px;
}
/* 画像 */
#ranking1 .no5 .in1 img {
	float:left;
	width:420px;
}
/* テキスト */
#ranking1 .no5 .in1 .txt2 {
	float:right;
	padding-top:40px;
	width:270px;
}
/* 外部リンク */
#ranking1 .no5 .extLinkArea {
	margin:0 auto 30px auto;
	width:370px;
}

/* ranking1 other | 〜その他の回答〜
------------------------------------------ */
#ranking1 .other {
	margin:0 auto 170px auto;
}
/* 見出し h3 */
#ranking1 .other h4 {
	background:url(../images/shiga/questionnaires/h_ranking1Other_1.png) no-repeat left 0;
	display:block;
	height:51px;
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
	text-indent:100%;
	width:auto;
	white-space:nowrap;
	
	z-index:1000;
}
/* in1 */
#ranking1 .other .in1 {
	margin:0 auto 40px auto;
	position:relative;
	width:661px;
}
/* タイトル */
#ranking1 .other .in1 .title {
	left:30px;
	position:absolute;
	top:30px;
}
/* 画像 */
#ranking1 .other .in1 img {
}
/* in2 */
#ranking1 .other .in2 {
	margin:0 auto 30px auto;
	position:relative;
	width:661px;
}
/* タイトル */
#ranking1 .other .in2 .title {
	right:-20px;
	position:absolute;
	top:0px;
}
/* in3 */
#ranking1 .other .in3 {
	margin:0 auto 30px auto;
	position:relative;
	width:632px;
}
/* タイトル */
#ranking1 .other .in3 .title {
	left:20px;
	position:absolute;
	top:10px;
}
/* in4 */
#ranking1 .other .in4 .txt02 {
	font-size:16px;
	margin:0 auto 30px auto;
	width:570px;
}
/* 見出し #ranking2 h3
------------------------------------------ */
#ranking2 h3 {
	background:url(../images/shiga/questionnaires/h_ranking2_1.png) no-repeat left 0;
	display:block;
	height:61px;
	margin-bottom:20px;
	overflow:hidden;
	text-indent:100%;
	width:auto;
	white-space:nowrap;
}

/* ranking2 no1 | 第1位　近江牛・牛肉
------------------------------------------ */
#ranking2 .no1 {
	float:left;
	margin:0 10px 30px auto;
	width:356px;
}
/* 見出し h4 */
#ranking2 .no1 h4 {
	background:url(../images/shiga/questionnaires/h_ranking2No1_1.png) no-repeat left 0;
	display:block;
	height:111px;
	overflow:hidden;
	position:relative;
	text-indent:100%;
	width:auto;
	white-space:nowrap;
	
	z-index:1000;
}
/* 画像 */
#ranking2 .no1 .in1 img {
	margin:0 auto 8px 60px;
	width:293px;
}
/* 画像 */
#ranking2 .no1 .in2 img {
	margin:0 auto 5px 80px;
	width:auto;
}
/* ranking2 no2 | 第2位　鮒ずし
------------------------------------------ */
#ranking2 .no2 {
	float:left;
	margin:0 auto 30px auto;
	width:356px;
}
/* 見出し h4 */
#ranking2 .no2 h4 {
	background:url(../images/shiga/questionnaires/h_ranking2No2_1.png) no-repeat left 0;
	display:block;
	height:111px;
	overflow:hidden;
	position:relative;
	text-indent:100%;
	width:auto;
	white-space:nowrap;
	
	z-index:1000;
}
/* 画像 */
#ranking2 .no2 .in1 img {
	margin:0 auto 8px 50px;
	width:293px;
}
/* 画像 */
#ranking2 .no2 .in2 img {
	margin:0 auto 5px 80px;
	width:auto;
}

/*　commentArea | コメント
------------------------------------------ */
#ranking2 .commentArea {
	margin:0 auto 60px auto;
	width:536px;
}
/* テキスト */
#ranking2 .commentArea .txt2 {
	font-size:15px;
}

/* ranking2 no3 | 第3位　クラブハリエのバームクーヘン
------------------------------------------ */
#ranking2 .no3 {
	margin:0 auto 40px 0;
}
/* 見出し h4 */
#ranking2 .no3 h4 {
	background:url(../images/shiga/questionnaires/h_ranking2No3_1.png) no-repeat left 0;
	display:block;
	height:89px;
	margin:0 auto 0 0;
	overflow:hidden;
	position:relative;
	text-indent:100%;
	width:540px;
	white-space:nowrap;
}

/* ranking2 no4 | 第4位　鮒ずし
------------------------------------------ */
#ranking2 .no4 {
	margin:0 auto 60px 0;
	width:600px;
}
/* 見出し h4 */
#ranking2 .no4 h4 {
	background:url(../images/shiga/questionnaires/h_ranking2No4_1.png) no-repeat left 0;
	display:block;
	height:89px;
	overflow:hidden;
	position:relative;
	text-indent:100%;
	width:auto;
	white-space:nowrap;
	
	z-index:900;
}
/* in1 */
#ranking2 .no4 .in1 {
	margin:0 auto 30px auto;
	width:667px;
}
/* 画像 */
#ranking2 .no4 .in1 img {
	float:right;
	margin-top:-120px;
	position:relative;
	width:293px;
	
	z-index:1000;
}
/* テキスト */
#ranking2 .no4 .in1 .txt2 {
	float:left;
	margin-left:20px;
	width:335px;
}
/* 外部リンク */
#ranking2 .no4 .extLinkArea {
	float:right;
	margin:-100px -100px 30px auto;
}

/* ranking2 no5 | 第5位　信楽焼
------------------------------------------ */
#ranking2 .no5 {
	margin:0 auto 80px 0;
	width:600px;
}
/* 見出し h4 */
#ranking2 .no5 h4 {
	background:url(../images/shiga/questionnaires/h_ranking2No5_1.png) no-repeat left 0;
	display:block;
	height:89px;
	overflow:hidden;
	position:relative;
	text-indent:100%;
	width:auto;
	white-space:nowrap;
	
	z-index:900;
}
/* in1 */
#ranking2 .no5 .in1 {
	margin:0 auto 30px auto;
	width:667px;
}
/* 画像 */
#ranking2 .no5 .in1 img {
	float:right;
	margin-top:-120px;
	position:relative;
	width:293px;
	
	z-index:1000;
}
/* テキスト */
#ranking2 .no5 .in1 .txt2 {
	float:left;
	margin-left:20px;
	width:335px;
}
/* 外部リンク */
#ranking2 .no5 .extLinkArea {
	margin:-20px auto 30px 20px;
}
/* ranking2 no6 | 第6位　鮎・鮎の甘露煮
------------------------------------------ */
#ranking2 .no6 {
	margin:0 auto 60px 0;
	width:600px;
}
/* 見出し h4 */
#ranking2 .no6 h4 {
	background:url(../images/shiga/questionnaires/h_ranking2No6_1.png) no-repeat left 0;
	display:block;
	height:89px;
	overflow:hidden;
	position:relative;
	text-indent:100%;
	width:auto;
	white-space:nowrap;
	
	z-index:900;
}
/* in1 */
#ranking2 .no6 .in1 {
	margin:0 auto 30px auto;
	width:667px;
}
/* 画像 */
#ranking2 .no6 .in1 img {
	float:right;
	margin-top:-120px;
	position:relative;
	width:293px;
	
	z-index:1000;
}
/* テキスト */
#ranking2 .no6 .in1 .txt2 {
	float:left;
	margin-left:20px;
	width:335px;
}

/* ranking2 other | その他
------------------------------------------ */
#ranking2 .other {
	margin:0 auto 120px 0;
	width:750px;
}
/* 見出し h4 */
#ranking2 .other h4 {
	background:url(../images/shiga/questionnaires/h_ranking2Other_1.png) no-repeat left 0;
	display:block;
	height:51px;
	margin-left:0;
	overflow:hidden;
	position:relative;
	text-indent:100%;
	width:271px;
	white-space:nowrap;
	
	z-index:900;
}
/* in1 */
#ranking2 .other .in1 {
	margin:0 auto 30px auto;
	width:667px;
}
/* テキスト */
#ranking2 .other .in1 .txt2 {
	float:right;
	font-size:16px;
	letter-spacing:0.025em;
	line-height:1.5;
	margin-top:-90px;
	width:430px;
}

/* recommendedPlan | 赤い風船 滋賀県女子旅おすすめプランはこちら
------------------------------------------ */
/* 見出し */
#recommendedPlan h3 {
	background:#df0050;
	color:#fff;
	font-size:21px;
	font-weight:bold;
	letter-spacing:0.15em;
	margin:0 auto 20px auto;
	padding:10px 20px;
	width:auto;
}
/* linkArea */
#recommendedPlan .linkArea {
	/*background:#fff;*/
	margin:0 auto 80px auto;
	padding:10px 40px;
	width:630px;
}
/* テキスト */
#recommendedPlan .linkArea .txt2 {
	/*font-size:16px;*/
	margin-bottom:25px;
}
/* in1 */
#recommendedPlan .in1 {
	float:left;
	width:281px;
}
/* in2 */
#recommendedPlan .in2 {
	float:right;
	width:310px;
}
/* リスト */
#recommendedPlan .in2 .list li {
	margin-bottom:15px;
}

#recommendedPlan .in2 .list li a {
	display:block;
	text-align:center;
	width:270px;
}