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

body{
margin: 0;
background: #fff;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','CI','Mayryo', Osaka ,Helvetica, Arial, sans-serif;
text-align: center;
min-height: 1000px;
}

h1, h2, h3, h4, p{
margin: 0;
}

img{
border: none;
}

br{
clear: both;
margin: 0;
line-height: 0;
}

label, input{
cursor: pointer;
}

/*-------------------------waiting-------------------------*/
#waiting{
margin: 50px 0;
}

	#waiting img{
	vertical-align: middle;
	margin: 0 10px 10px 20px;
	}

	#waiting .iside{
	font-size: 14px;
	color: #6C96FC;
	}

	#waiting .prog{
	margin: 0 0 0 25px;
	font-size: 16px;
	font-weight: bold;
	color: #4E3DEE;
	}

/*-------------------------yahoo-------------------------*/
#ydn{
margin: 0;
text-align: right;
}

/*-------------------------ans-pickup-------------------------*/
#main-ad{
float: left;
padding-left: 20px;
border-left: 1px dotted #ccc;
}

#que-pick{
margin: 0;
width: 315px;
border: 1px solid #ccc;
padding: 5px 15px 10px 6px;
background: url(/img/que-back.png) repeat-x #EBEEF0;
}

	#que-pick h3{
	margin-top: 3px;
	font-size: 12px;
	}

	#que-pick ul{
	margin: 0;
	padding: 17px 0 0 0;
	}

	#que-pick li{
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 6px;
	padding-left: 16px;
	list-style: none;
	background: url(/img/que-mark.png) no-repeat;
	}

	#que-pick a{
	color:#133B5E !important;
	text-decoration: none;
	}
	
	#que-pick a:hover{
	text-decoration: underline;
	}

#que-ad{
margin: 0 0 0 14px;
}

/*-------------------------ans-------------------------*/
#ans-area{
margin: 0;
}

	#ans-area h2{
	background: url(/img/sitemap.gif) no-repeat left;
	padding-left: 20px;
	font-size: 16px;
	color: #242A74;
	margin-bottom: 1em;
	}

#web-answ{
margin: 15px 25px 20px 10px;
padding: 15px;
border: 1px solid #ccc;
background: url(/img/answ-back.png) repeat-x #fff;
}

	#web-answ h3{
	font-size: 14px;
	font-weight: bold;
	color: #4169E1;
	}

	#web-answ h4{
	font-size: 14px;
	font-weight: bold;
	color: #4169E1;
	}

	#web-answ ul{
	margin: 0;
	padding: 10px 0 0 30px;
	}

	#web-answ li{
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	}

	#web-answ a{
	color: #4169E1;
	text-decoration: none;
	}

	#web-answ a:hover{
	text-decoration: underline;
	}

	#web-answ .ads{
	padding: 15px 0 5px 13px;
	}

	#web-answ .ads2{
	padding: 5px 0 5px 10px;
	}

	#web-answ .day{
	margin: 3px 0 25px 3px;
	font-size: 10px;
	font-weight: bold;
	color: #666;
	}

	#web-answ .ques{
	margin: 0 10px 20px 0;
	padding: 10px 40px 35px 25px;
	font-size: 14px;
	text-indent: 0.5em;
	line-height: 1.6em;
	text-align: justify;
	border-bottom: 1px dotted #ccc;
	}

	#web-answ .best{
	margin:10px 10px 0 0;
	padding: 0 40px 0 25px;
	font-size: 14px;
	text-indent: 0.5em;
	line-height: 1.6em;
	text-align: justify;
	}

#web-answ-area{
margin: 15px 25px 20px 10px;
padding: 10px 0 10px 0;
}

	#web-answ-area h4{
	float: left;
	margin: 0;
	font-size: 16px;
	}

#web-answ-list{
margin-top: 10px;
width: 100%;
padding: 10px 0 20px 0;
background: #FAFAFA;
border-bottom: 1px #cccccc solid;
}

	#web-answ-list ul{
	margin: 10px 0 0 23px;
	padding: 0;
	list-style: none;
	}

	#web-answ-list li{
	margin: 0 0 8px 0;
	padding-left: 25px;
	font-size: 14px;
	line-height: 1.4em;
	background: url(/img/que.png) no-repeat;
	}

	#web-answ-list a{
	text-decoration: none;
	color: #333333;
	}

	#web-answ-list a:hover{
	color: #DC143C;
	text-decoration: underline;
	}

	#web-answ-list .ads2{
	padding: 5px 0 5px 20px;
	}

.result-s{
text-align: right;
font-size: 12px;
color: #666666;
margin-right: 10px;
}

/*-------------------------page-------------------------*/
#main{
margin: 0 auto;
width: 900px;
text-align: left;
}

	#main h1{
	margin: 15px 0 27px 12px;;
	font-size: 28px;
	}

	#main a{
	color: #666;
	text-decoration: none;
	}

strong{
line-height: 2em;
font-size: 12px;
color: #666;
font-weight: normal;
}

/*-------------------------pagelist-------------------------*/
#pagelist-area{
width: 100%;
padding: 0;
text-align: left;
}

	#pagelist-area ul{
	float: right;
	margin: 0 5px 0 0;
	padding: 0;
	}

	#pagelist-area li{
	float: left;
	margin: 0 5px 0 0;
	list-style-type: none;
	}

	*html #pagelist-left{
	font-size: 9px;
	}

	*:first-child+html #pagelist-left{
	font-size: 9px;
	}

#pagelist-left{
text-align: center;
font-size: 10px;
}

	#pagelist-left a{
	float: left;
	margin: 0 0 0 10px;
	padding: 0 10px;
	display: block;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	color: #333;
	border-top: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	}

	#pagelist-left a:hover{
	color: #B22222;
	background: #FFFAF4;
	text-decoration: none;
	}

/*-------------------------contents-------------------------*/
	*html #cb-t{
	margin-bottom: -5px;
	}

#cb-t{
background: url(/img/top-flame.gif) no-repeat;
height: 14px;
line-height: 14px;
clear: both;
}

#cb{
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
}

#search-area{
padding: 10px 20px 15px 30px;
}

#search-b{
float: left;
width: 480px;
height: 520px;
margin-bottom: 10px;
}

	#search-b h2{
	background: url(/img/sitemap.gif) no-repeat left;
	padding-left: 20px;
	font-size: 16px;
	color: #242A74;
	}

	#search-b h3{
	margin-top: 25px;
	margin-left: -10px;
	background: url(/img/ok.jpg) no-repeat;
	padding-left: 20px;
	font-size: 12px;
	color: #666;
	}

	#search-b p{
	font-size: 13px;
	text-indent: 0.4em;
	margin: 0 20px 10px 0;
	line-height: 1.4em;
	}

	#search-b textarea{
	font-size: 12px;
	}

	*html .exp{
	font-size: 9px;
	}

	*:first-child+html .exp{
	font-size: 9px;
	}

.exp{
font-size: 10px;
color: #999;
}

#form-pb{
padding-left: 10px;
margin-bottom: 50px;
}

.text-f{
float: left;
width: 420px;
height: 20px;
padding: 5px;
font-size: 16px;
background-color: #f0f0ef;
border: none;
}

#sea-pb{
margin-left: 10px;
width: 100px;
height: 25px;
background: url(/img/button-back.gif);
border: none;
letter-spacing: -1px;
font-size: 12px;
font-weight: bold;
cursor: pointer;
}

.sea-mb{
float: left;
margin-left: 10px;
width: 100px;
height: 25px;
background: url(/img/mb-off.gif);
border: none;
}

.select-box{
padding-left: 10px;
margin-bottom: 20px;
}

#xml-result{
margin-top: 10px;
padding: 15px;
width: 420px;
border: 1px solid #FA8072;
background: #FFE4E1;
}

	#xml-result h4{
	font-size: 12px;
	margin-bottom: 10px;
	}

	#xml-result img{
	margin: 0 5px 0 10px;
	vertical-align: middle;
	}

	#xml-result a:hover{
	text-decoration: underline;
	}


#results-b{
padding: 10px 0 0 10px;
}

#indidiv{
padding: 10px 0 0 50px;
}

#atten{
width: 320px;
border: 1px dashed #ccc;
margin-top: 10px;
padding: 10px 8px;
font-size: 12px;
}

	#atten h3{
	font-size: 12px;
	color: #666;
	}

	#atten ol{
	margin: 10px 0 0 20px;
	padding: 0;
	}

	#atten a{
	color: #242A74;
	font-weight:bold;
	}

	#atten a:hover{
	text-decoration: underline;
	}

#center-ad{
margin: 15px auto;
text-align: center;
}

#topic-area{
padding: 30px;
}

	#topic-area h2{
	border-top: 1px dotted #999999;
	padding-top: 15px;
	font-size: 16px;
	color: #242A74;
	margin-bottom: 1em;
	}

	#topic-area .topic{
	background: url(/img/topic.gif) no-repeat;
	margin-left: 5px;
	padding-left: 20px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	}

	#topic-area .note{
	background: url(/img/note.jpg) no-repeat;
	margin-left: 5px;
	padding-left: 20px;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	}

	#topic-area blockquote{
	margin: 0;
	font-weight: normal;
	}

	#topic-area a{
	text-decoration: underline;
	color: #000000;
	}

	#topic-area a:hover{
	color: #FF0000;
	}

	#topic-area p{
	margin: 5px 0  0 10px;
	line-height: 1.4em;
	font-size: 14px;
	color: #666;
	margin-bottom: 1.5em;
	}

	#topic-area dl{
	float: left;
	margin: 0 10px 15px 2px;
	width: 230px;
	}

	#topic-area dd{
	margin: 0;
	font-weight: bold;
	color: #00008B;
	font-size: 14px;
	}

	#topic-area dt{
	margin: 0;
	color: #242A74;
	font-size: 12px;
	}

	#topic-area .ad{
	margin: 10px 0 0 0;
	font-size: 12px;
	}

#cb-b{
background: url(/img/bot-flame.gif) no-repeat;
height: 19px;
line-height: 19px;
}

#f-link{
text-align: right;
font-size: 12px;
color: #B8860B;
}

	#f-link a{
	color: #B8860B;
	text-decoration: none;
	margin: 0 5px;
	}

	#f-link a:hover{
	color: #696969;
	}

#footer{
margin: 20px 0;
font-size: 10px;
color: #666;
}

	#footer img{
	vertical-align: text-bottom;
	margin: 5px 3px 0 0;
	}

/*-------------------------paging-area-------------------------*/
#paging{
margin: 20px 0 50px 20px;
}

.pages{
padding: 1em;
margin: 1em 0;
clear: left;
font-size: 85%;
}

	.pages a, .pages span{
	display: block;
	float: left;
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	border: 1px solid #fff;
	background: #fff;
	}

	.pages span.current{
	border: 1px solid #2E6AB1;
	font-weight: bold;
	background: #2E6AB1;
	color: #fff;
	}

	.pages a{
	border: 1px solid #9AAFE5;
	text-decoration: none;
	}

	.pages a:hover{
	border-color: #2E6AB1;
	}

	.pages a.nextprev{
	font-weight: bold;
	}

	.pages span.nextprev{
	color: #666;
	}

	.pages span.nextprev{
	border: 1px solid #ddd;
	color: #999;
	}