@charset "utf-8";
/**
 :タイトル "「みんな気になる？！ギモンと答え」用スタイル";
 :一行説明 "「みんな気になる？！ギモンと答え」用のスタイルシートです";
 :作成日 "2009-03-12";
 :改訂版 [:版 "1.0.0"; :作成日 "2009-04-02"];
*/

/* 共通レイアウト調整
   --------------------------------------------- */
#main{
	min-height: 644px;
	padding-top: 25px;
	background: #000 url(../images/bg_main01.gif) no-repeat top left;
}
* html #main{
	height: 644px;
}

#main div.mainInner{
	width: 885px;
	margin-bottom: 5px;
	background: url(../images/bg_main02.gif) repeat-y top left;
}
#main div.mainInner2{
	overflow: hidden;
	width: 853px;
	padding: 0 25px 15px 7px;
	background: url(../images/bg_main03.gif) no-repeat bottom left;
}
#main div.mainInner2:after{
	content: ".";
	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #main div.mainInner2{
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */

#primary{
	width: 635px;
	margin-bottom: 0;
	padding: 0;
}
#secondary{
	position: relative;
	width: 178px;
}




/* カテゴリーナビゲーション
   --------------------------------------------- */
dl#faqCatNav{
	margin: 9px 0 15px;
	padding: 38px 0 0;
	background: url(../images/bg_catnav.gif) no-repeat 41px 0;
}
dl#faqCatNav img{
	vertical-align: bottom;
}
dl#faqCatNav dt{
	margin: 0 0 6px 15px;
}
dl#faqCatNav dd{
	margin: 0;
}
dl#faqCatNav ul,
dl#faqCatNav ul li{
	list-style: none;
	margin: 0;
	padding: 0;
}
p.faqFormBtn{
	margin: 0;
}
p.backToTop{
	position: absolute;
	top: 9px;
	left: 0px;
	margin: 0;
}
p.backToTop img{
	vertical-align: bottom;
}


/* 検索フォーム
   --------------------------------------------- */
#searchArea{
	position: relative;
	width: 635px;
	height: 75px;
	margin-bottom: 25px;
	background: url(../images/bg_search.gif) no-repeat left top;
}
#searchArea img{
	vertical-align: bottom;
}
#searchArea dl.searchForm,
#searchArea dl.searchForm dt,
#searchArea dl.searchForm dd{
	margin: 0;
}
#searchArea dl.searchForm dt{
	position: absolute;
	left: 30px;
	top: 26px;
}
#searchArea dl.searchForm dd{
	position: absolute;
	right: 217px;
	top: 13px;
}
#searchArea dl.searchForm dd *{
	vertical-align: middle;
}
#searchArea dl.searchForm dd input.inputSearch{
	width: 155px;
}
#searchArea p.howto{
	position: absolute;
	right: 23px;
	top: 13px;
	margin: 0;
}


/* タイトル（TOP以外）
   --------------------------------------------- */
h1.detailTtl{
	margin: 0;
	margin-bottom: 30px;
	text-align: center;
}
h1.detailTtl img{
	vertical-align: bottom;
}


/* カテゴリ・回答ページレイアウト
   --------------------------------------------- */
#faqMain{
	width: 625px;
	margin-left: 4px;
}
#faqMain:after{
	content: ".";
	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #faqMain{
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */

#faqMain #faqPrimary{
	float: right;
	width: 445px;
}
#faqMain #faqSecondary{
	float: left;
	width: 150px;
}


/* FAQコンテンツエリア
   --------------------------------------------- */
div.faqContent{
	width: 445px;
	margin-bottom: 1em;
	padding-bottom: 8px;
	background: #dfeed3 url(../images/bg_faq-cont01.gif) no-repeat bottom left;
}
div.faqContent h2.catTtl{
	width: 439px;
	margin: 0 0 0.5em;
	padding: 0 3px;
	background: url(../images/bg_cont-ttl01.gif) no-repeat top left;
}
div.faqContent h2.catTtl span{
	display: block;
	width: 439px;
	min-height: 21px;
	padding: 8px 0;
	background: url(../images/bg_cont-ttl02.gif) repeat-x bottom left;
	font-size: 150%;
	text-align: center;
}
* html div.faqContent h2.catTtl span{
	height: 21px;
}
div.faqContent h2.catTtl strong{
	color: #1f9df4;
}

div.faqContent#searchResult{
	width: 625px;
	background: #dfeed3 url(../images/bg_faq-cont01_search.gif) no-repeat bottom left;
}
div.faqContent#searchResult h2.catTtl{
	width: 619px;
	background: url(../images/bg_cont-ttl01_search.gif) no-repeat top left;
}
div.faqContent#searchResult h2.catTtl span{
	width: 619px;
	background: url(../images/bg_cont-ttl02.gif) repeat-x bottom left;
}

/* FAQリスト */
div.faqList{
	width: 432px;
	margin: 0 0 3px 8px;
	background: url(../images/bg_faq-list02.gif) repeat-y top left;
}
div.faqList div.faqListInner{
	width: 432px;
	background: url(../images/bg_faq-list01.gif) no-repeat top left;
}
div.faqList div.faqListInner ul.linkList{
	list-style: none;
	width: 386px;
	margin: 0;
	padding: 35px 24px 27px 22px;
	background: url(../images/bg_faq-list03.gif) no-repeat bottom left;
	line-height: 1.5;
}
div.faqList div.faqListInner ul.linkList li{
	margin: 0;
	background: url(../images/bg_border01.gif) repeat-x bottom left;
}
div.faqList div.faqListInner ul.linkList li a{
	display: block;
	width: 356px;
	padding: 0.5em 0 0.5em 30px;
	background: url(../images/icn_link-archive.gif) no-repeat 0px 3px;
}

div.faqContent#searchResult div.faqList{
	width: 611px;
	background: url(../images/bg_faq-list02_search.gif) repeat-y top left;
}
div.faqContent#searchResult div.faqList div.faqListInner{
	width: 611px;
	background: url(../images/bg_faq-list01_search.gif) no-repeat top left;
}
div.faqContent#searchResult div.faqList div.faqListInner div.inner{
	width: 611px;
	padding-bottom: 17px;
	background: url(../images/bg_faq-list03_search.gif) no-repeat bottom left;
}
div.faqContent#searchResult div.faqList div.faqListInner ul.linkList{
	width: 527px;
	padding-left: 42px;
	padding-right: 42px;
	padding-bottom: 20px;
	background-image: none;
	line-height: 1.75;
}
div.faqContent#searchResult div.faqList div.faqListInner ul.linkList li a{
	display: inline;
	width: auto;
	padding: 0;
	background-image: none;
}
div.faqContent#searchResult div.faqList div.faqListInner ul.linkList li span{
	display: block;
	width: 497px;
	padding: 0.5em 0 0.5em 30px;
	background: url(../images/icn_link-archive.gif) no-repeat 0px 3px;
}

/* ステップナビ */
div.faqContent ul.stepNav{
	position: relative;
	list-style: none;
	width: 428px;
	height: 37px;
	margin: 0 0 0 10px;
}
div.faqContent ul.stepNav li{
	position: absolute;
	margin: 0;
	width: 117px;
	height: 37px;
	font-size: 8px;
	vertical-align: top;
}
div.faqContent ul.stepNav li a{
    display: block;
    overflow: hidden;
	width: 117px;
    height: 0 !important;
    height /**/: 37px;
    padding-top: 37px;
    text-decoration: none;
	line-height: 37px;
}
div.faqContent#searchResult ul.stepNav{
	position: relative;
	list-style: none;
	width: 527px;
	height: 37px;
	margin: 0 0 0 42px;
}
div.faqContent#searchResult ul.stepNav li{
	width: 107px;
	height: 36px;
}
div.faqContent#searchResult ul.stepNav li a{
	width: 107px;
    height /**/: 36px;
    padding-top: 36px;
	line-height: 36px;
}

div.faqContent ul.stepNav li.back{
	top: 0px;
	left: 0px;
}
div.faqContent ul.stepNav li.back a{
	background: url(../images/nav_step-faq-back.gif) no-repeat left top;
}
div.faqContent#searchResult ul.stepNav li.back a{
	background: url(../images/nav_step-search-back.gif) no-repeat left top;
}
div.faqContent ul.stepNav li.back a:hover{
	background: url(../images/nav_step-faq-back_on.gif) no-repeat left top;
}
div.faqContent#searchResult ul.stepNav li.back a:hover{
	background: url(../images/nav_step-search-back_on.gif) no-repeat left top;
}
div.faqContent ul.stepNav li.next{
	top: 0px;
	right: 0px;
}
div.faqContent ul.stepNav li.next a{
	background: url(../images/nav_step-faq-next.gif) no-repeat left top;
}
div.faqContent#searchResult ul.stepNav li.next a{
	background: url(../images/nav_step-search-next.gif) no-repeat left top;
}
div.faqContent ul.stepNav li.next a:hover{
	background: url(../images/nav_step-faq-next_on.gif) no-repeat left top;
}
div.faqContent#searchResult ul.stepNav li.next a:hover{
	background: url(../images/nav_step-search-next_on.gif) no-repeat left top;
}
div.faqContent#searchResult p.stepNav2{
	margin-top: -25px;
	font-size: 117%;
	font-weight: bold;
	color: #ff6600;
	text-align: center;
}
div.faqContent#searchResult p.stepNav2 a{
	font-weight: normal;
}

#faqPrimary ul.stepNav2{
	list-style: none;
	width: 445px;
	margin: 0 0 2em;
	line-height: 1.35;
}
#faqPrimary ul.stepNav2:after{
	content: ".";
	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #faqPrimary ul.stepNav2{
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */
#faqPrimary ul.stepNav2 li{
	margin: 0;
}
#faqPrimary ul.stepNav2 li.back{
	float: left;
	padding-left: 15px;
	background: url(../images/icn_link01.gif) no-repeat 1px left;
}
#faqPrimary ul.stepNav2 li.next{
	float: right;
	padding-right: 15px;
	background: url(../images/icn_link01.gif) no-repeat 1px right;
}

/* 「このページの先頭へ」 */
p.toPageTop{
	clear: both;
	margin: 0 0 1em;
	text-align: right;
}
p.toPageTop a{
	padding-left: 15px;
	background: url(../images/icn_link-totop.gif) no-repeat 1px 0px;
}


/* 質問 */
div.questionTtl{
	width: 432px;
	margin: 0 0 0 8px;
	background: url(../images/bg_faq-list02.gif) repeat-y top left;
}
div.questionTtl div.inner{
	width: 432px;
	padding-top: 63px;
	background: url(../images/bg_question.gif) no-repeat top left;
}
div.questionTtl div.inner h3{
	width: 320px;
	min-height: 62px;
	margin: 0;
	padding: 0 12px 20px 100px;
	background: url(../images/bg_question02.jpg) no-repeat bottom left;
	line-height: 1.35;
}
* html div.questionTtl div.inner h3{
	height: 62px;
}

/* 回答 */
div.answer{
	width: 432px;
	margin: 0 0 3px 8px;
	background: url(../images/bg_faq-list02.gif) repeat-y top left;
}
div.answer div.inner{
	width: 382px;
	padding: 5px 25px 20px;
	background: url(../images/bg_faq-list03.gif) no-repeat bottom left;
	line-height: 2;
}
div.answer h4{
	margin: 0;
}
div.answer h4 img{
	vertical-align: bottom;
}

/* 関連する質問 */
#relatedQuestion{
	clear: both;
	width: 625px;
	margin: 0 0 1em 4px;
	background: url(../images/bg_related-question01.gif) repeat-y top left;
}
#relatedQuestion dl{
	margin: 0;
	background: url(../images/bg_related-question02.gif) no-repeat bottom left;
}
#relatedQuestion dt,
#relatedQuestion dd{
	margin: 0;
}
#relatedQuestion dd{
	width: 585px;
	padding: 0 20px 10px;
}
#relatedQuestion dd ul.linkList{
	list-style: none;
	margin: 0;
	line-height: 1.5;
}
#relatedQuestion dd ul.linkList li{
	margin: 0;
	background: url(../images/bg_border01.gif) repeat-x bottom left;
}
#relatedQuestion dd ul.linkList li a{
	display: block;
	width: 555px;
	padding: 0.5em 0 0.5em 30px;
	background: url(../images/icn_link-archive.gif) no-repeat 0px 3px;
}

/* FAQカテゴリー内ナビゲーション
   --------------------------------------------- */
dl#catList,
dl#catList dt,
dl#catList dd{
	margin: 0;
}
dl#catList dt{
	background: url(../images/bg_border01.gif) repeat-x bottom left;
	padding-bottom: 7px;
}
dl#catList dd ul.linkList{
	list-style: none;
	width: 150px;
	margin: 0;
	line-height: 1.35;
}
dl#catList dd ul.linkList li{
	margin: 0;
	padding-bottom: 1px;
	background: url(../images/bg_border01.gif) repeat-x bottom left;
}
dl#catList dd ul.linkList li a,
dl#catList dd ul.linkList li span{
	display: block;
	width: 135px;
	padding: 0.5em 0 0.5em 15px;
	background: url(../images/icn_link01.gif) no-repeat 1px 8px;
}
dl#catList dd ul.linkList li.on a,
dl#catList dd ul.linkList li a:hover{
	background: #dfeed3 url(../images/icn_link01_on.gif) no-repeat 1px 8px;
}




/* TOPページ
   --------------------------------------------- */
/* タイトル */
h1.topTtl{
	margin: 0 0 0 6px;
}
h1.topTtl img{
	vertical-align: bottom;
}

/* レイアウト */
#indexWrap{
	width: 625px;
	margin-left: 6px;
}
#indexWrap:after{
	content: ".";
	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #indexWrap{
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */

#indexWrap div.box1{
	float: left;
	width: 344px;
}
#indexWrap div.box2{
	float: right;
	width: 248px;
	margin-top: 10px;
}

/* おすすめのギモン */
#indexWrap div.recommend{
	width: 344px;
	margin-bottom: 2em;
	background: #dfeed3 url(../images/bg_recommend01.gif) no-repeat top left;
}
#indexWrap div.recommend div.recommendInner{
	width: 344px;
	padding-bottom: 7px;
	background: url(../images/bg_recommend02.gif) no-repeat bottom left;
}
#indexWrap div.recommend h2{
	height: 86px;
	margin: 0;
	text-align: right;
}
#indexWrap div.recommend h2 img{
	vertical-align: bottom;
}
#indexWrap div.recommend div.question{
	width: 336px;
	margin-left: 8px;
	background: url(../images/bg_recommend04.gif) repeat-y top left;
}
#indexWrap div.recommend div.question h3{
	width: 224px;
	min-height: 60px;
	margin: 0;
	padding: 0 12px 20px 100px;
	background: url(../images/bg_recommend03.jpg) no-repeat bottom left;
	line-height: 1.35;
}
* html #indexWrap div.recommend div.question h3{
	height: 60px;
}
#indexWrap div.recommend div.answer{
	width: 336px;
	margin-left: 8px;
	background: url(../images/bg_recommend04.gif) repeat-y top left;
}
#indexWrap div.recommend div.answer div.inner{
	width: 296px;
	padding: 0 20px 20px;
	background: url(../images/bg_recommend05.gif) no-repeat bottom left;
	line-height: 2;
}
#indexWrap div.recommend div.answer h4{
	margin: 0;
}
#indexWrap div.recommend div.answer h4 img{
	vertical-align: bottom;
}
#indexWrap div.recommend div.answer .mt-image-center {
    display: none !important;
}

/* 最新・人気 */
#indexWrap div.archiveList{
	margin-bottom: 2em;
}
#indexWrap div.archiveList h2{
	margin: 0;
	padding-bottom: 6px;
	background: url(../images/bg_border01.gif) repeat-x bottom left;
}
#indexWrap div.archiveList ul.linkList{
	list-style: none;
	margin: 0;
	line-height: 1.35;
}
#indexWrap div.archiveList ul.linkList li{
	margin: 0;
	background: url(../images/bg_border01.gif) repeat-x bottom left;
}
#indexWrap div.archiveList ul.linkList li a{
	display: block;
	width: 218px;
	padding: 0.5em 0 0.5em 30px;
	background: url(../images/icn_link-archive.gif) no-repeat 0px 3px;
}

/* 他のサイトでも調べてみよう */
#indexWrap div.otherLink img{
	vertical-align: bottom;
}
#indexWrap div.otherLink h2{
	margin: 0;
	padding-bottom: 6px;
	background: url(../images/bg_border01.gif) repeat-x bottom left;
}
#indexWrap div.otherLink ul.linkList{
	width: 344px;
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0.5em 0;
	line-height: 1.35;
	background: url(../images/bg_border01.gif) repeat-x bottom left;
}
#indexWrap div.otherLink ul.linkList li{
	float: left;
	width: 155px;
	margin: 0;
	padding-left: 15px;
	background: url(../images/icn_link01.gif) no-repeat 0px 1px;
}


/* 「このページの使い方」ページ
   --------------------------------------------- */
div.howto{
	margin: 0 0 0 8px;
}
div.howto h2{
	margin: 0 0 10px;
}
div.howto h2 img{
	vertical-align: bottom;
}
div.howto div.lead{
	margin-bottom: 2em;
	line-height: 1.5;
	vertical-align: bottom;
}
div.howto ul.step{
	margin: 0 0 8px;
	list-style: none;
}
div.howto ul.step img{
	vertical-align: bottom;
}
div.howto ul.step li{
	margin: 0 0 17px 0;
}
div.howto ul.step li.last{
	margin: 0;
}
div.howto p.message{
	margin: 0 0 1em 114px;
}
div.howto p.message img{
	vertical-align: bottom;
}


/* 投稿フォームページ
   --------------------------------------------- */
div.messageForm{
	width: 625px;
	margin: 0 0 0 8px;
}
div.messageForm:after{
	content: ".";
	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
}
/* Hides from IE-mac \*/
* html div.messageForm{
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */
div.messageForm div.pct{
	float: left;
	width: 162px;
}
div.messageForm div.txt{
	float: right;
	width: 445px;
}
div.messageForm h2{
	margin: 0 0 10px;
}
div.messageForm h2 img{
	vertical-align: bottom;
}
div.messageForm div.lead{
	margin-bottom: 2em;
	line-height: 1.5;
}
div.messageForm table{
	width: 385px;
	margin: 0 0 0.65em 30px;
}
div.messageForm th{
	width: 132px;
}
div.messageForm th.message{
	width: 385px;
	background-image: none;
	padding-bottom: 0;
}
div.messageForm th,
div.messageForm td{
	padding: 0.65em 0;
	line-height: 1.35;
	background: url(../images/bg_border02.gif) repeat-x left bottom;
}
div.messageForm input.input01{
	width: 170px;
}
div.messageForm input.input02{
	width: 55px;
}
div.messageForm textarea.textarea01{
	width: 385px;
}
div.messageForm p.btn{
	margin: 0;
	text-align: center;
}

div.messageThanks{
	position: relative;
	width: 313px;
	height: 302px;
	margin: 0 auto;
}
div.messageThanks div.txt{
	position: absolute;
	top: 0px;
	left: 0px;
}
div.messageThanks div.pct{
	position: absolute;
	top: 0px;
	right: 0px;
}
div.messageThanks div.btn{
	position: absolute;
	bottom: 0px;
	left: 29px;
}


/* ※印刷用調整
   --------------------------------------------- */
@media print{
	#main,
	#main div.mainInner,
	#main div.mainInner2{
		background-image: none;
		background-color: transparent;
	}
}