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

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{
cursor: pointer;
}

#newrelease{
float: right;
margin: 5px 0 0 0;
font-size: 13px;
color: #00008B;
font-weight: bold;
padding: 0 0 0 18px;
background: url(/img/newr.png) #FAFAD2 no-repeat;
}

	#newrelease a:hover{
	color: #FF0000;
	text-decoration: underline;
	}

.twitter-share-button{
margin: 0 -14px 0 0 !important;
}

/*-------------------------google-sitemap-------------------------*/
#googles{
margin: 15px 0 50px 0;
font-size: 14px;
}

	#googles p{
	margin: 0 0 0 20px;
	}

	#googles h3{
	font-size: 18px;
	color: #006400;
	margin: 40px 0 0 0;
	padding: 0 0 10px 20px;
	background: url(/img/gh2.png) no-repeat;
	}

	#googles a{
	text-decoration: underline !important;
	}

	#googles a:hover{
	color: #ff0000;
	}

	#googles ol{
	margin: 0;
	padding: 0;
	}

	#googles li{
	font-weight: bold;
	margin: 35px 0 0 10px;
	list-style: inside decimal;
	line-height: 1.4em;
	}

	#googles img{
	margin: 10px 0 0 0;
	}

	#googles code{
	margin: 0 0 0 20px;
	line-height: 6.0em;
	background: #F5F5DC;
	}

#ghead{
margin: 0 20px 0 0;
line-height: 1.8em;
}

/*-------------------------autoxml-------------------------*/
#autoxml{
margin: 0 60px 50px 15px;
}

	#autoxml #notice{
	margin: 10px 20px 40px 0;
	border: 1px dotted #B0C4DE;
	padding: 20px;
	background: #F0FFFF;
	color: #00008B;
	line-height: 1.5em;
	}

	#autoxml #notice p{
	font-size: 13px !important;
	font-weight: bold;
	}

	#autoxml h2{
	margin: 0 0 0 -15px;
	background: url(/img/atn.png) no-repeat !important;
	}

	#autoxml h3{
	margin: 35px 0 0 0;
	padding: 0 0 15px 20px;
	background: url(/img/gh2.png) no-repeat;
	}

	#autoxml ol{
	margin: 5px 20px 0 25px;
	padding: 0;
	font-size: 14px;
	}

	#autoxml li{
	line-height: 1.5em;
	margin: 0 0 15px 0;
	}

	#autoxml a{
	text-decoration: underline !important;
	}

	#autoxml a:hover{
	text-decoration: none !important;
	color: #FF0000 !important;
	}

#autoform{
margin: 35px 0 0 0;
width: 600px;
border: 1px solid #D2B48C;
padding: 20px 0 40px 30px;
background: #FAF0E6;
font-size: 13px;
}

	#autoform h2{
	margin: 0 0 0 -5px;
	background: url(/img/mail-pen.png) no-repeat !important;
	}

	#autoform #note div{
	margin: 10px 0 0 0;
	}

	#autoform #note span{
	font-size: 12px;
	color: #666;
	}

	#autoform h3{
	margin: 25px 0 5px 5px;
	padding: 0 !important;
	background: none !important;
	}


#inq_privacy{
width: 380px;
margin: 0 0 20px 0;
border: 1px solid #ccc;
padding: 10px;
height: 120px;
overflow: auto;
background: #fff;
}

	#inq_privacy h4{
	font-weight: bold;
	margin: 0 0 15px 0;
	}

	#inq_privacy h5{
	margin: 10px 0 5px 0;
	font-size: 12px;
	}

	#inq_privacy p{
	font-size: 12px !important;
	}

#complete{
padding: 20px 40px 30px 0;
font-size: 13px;
color: #FF0000;
line-height: 1.8em;
}

/*-------------------------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: 14px;
	}

	#que-pick ol{
	margin: 0;
	padding: 20px 0 10px 25px;
	}

	#que-pick li{
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 8px;
	}

	#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;
	clear: both;
	}

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

#top 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 -35px -15px 0;
	height: 20px;
	}

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

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

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

	head~/**/body #pagelist-left{
	font-size: 9px;
	}

	html:not(:target) #pagelist-left{
	font-size: 10px;
	}

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

	#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;
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;
}

	.select-box h3{
	padding: 0 0 5px 0;
	}


#kml-shop, #kml-add, #kml-url{
font-size: 14px;
padding: 5px;
width: 350px;
}

#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;
}

#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;
	}