@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------
chiebukuro-content
------------------------------------------------------ */

#chie-content{
margin: 0 auto;
padding: 20px 0 0 0;
text-align: left;
}

#chie-content h2{
margin-bottom: 10px;
}

#chie-box{
width: 940px;
margin: 10px auto 0 auto;
padding: 20px 0 0 0;
background: url(/img/chiebukuro/mbox-top.gif) no-repeat top;
}

#chie-into{
background: url(/img/chiebukuro/mbox-mid.gif) repeat-y;
}

#chie-bot{
width: 940px;
padding: 0 0 20px 0;
background: url(/img/chiebukuro/mbox-bot.gif) no-repeat scroll 0 bottom;
}

.chie-days{
margin: 10px 43px 0 0;
color: #666666;
display: inline;
float: right;
}


.chie-days ul{
width: auto;
}

.chie-days li{
list-style: none;
margin: 0 0 0 25px;
float: left;
}

#qbox{
width: 860px;
padding: 8px 0 0 0;
margin: 0 40px;
clear: both;
}

.qico{
margin: 0;
position: relative;
top: -40px;
float: left;
}

#qboxcont{
margin: 0;
padding: 25px 40px 20px 90px;
background: #ECFBF8;
font-size: 1.2em;
line-height: 1.6em;
}

	#qboxcont h3{
	margin-bottom: 5px;
	font-size: 1.8em;
	line-height: 1.2em;
	color: #229393;
	}

	#qboxcont p{
	padding: 10px 15px 15px 5px;
	text-indent: 0.5em;
	text-align: justify;
	color: #007A7A;
	}

#qboxbot{
background: url(/img/chiebukuro/qbox-bot.gif) no-repeat 0 bottom;
}

#anbox{
width: 860px;
padding: 0;
margin: 33px 40px 0 40px;
clear: both;
}

	#anbox h3{
	margin: 0 0 5px 95px;
	background: url(/img/chiebukuro/an-tit.gif) no-repeat;
	text-indent: -9999px;
	}

	#anbox p{
	padding: 10px 15px 15px 5px;
	text-indent: 0.5em;
	text-align: justify;
	}

.anico{
margin: 0;
position: relative;
top: -23px;
float: left;
}

#anboxcont{
margin: 0;
padding: 20px 40px 20px 90px;
background: #FFF7E1;
font-size: 1.2em;
line-height: 1.6em;
}

div.chie-bag{
margin: 25px 0 0 0;
padding: 0 0 10px 0;
background: #F9FDFC;
border: 1px solid #ADDFDE;
}

div.chie-tit{
height: 70px;
}

div.chie-tit h3{
width: 160px;
padding: 20px 0 0 0;
float: left;
display: block;
background: url(/img/chiebukuro/q-sub-tit.gif) no-repeat 30px bottom;
text-indent: -9999px;
}

div.chie-tit span{
padding: 0 30px 0 0;
margin: 20px 0 0 0;
float: right;
}

ul.chie-list{
padding:20px;
}

ul.chie-list li{
clear: both;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
display: block;
list-style: none;
text-align: left;
background: url(/img/chiebukuro/dotline.gif) repeat-x bottom;
overflow: hidden;
}

ul.chie-list li p{
width: 820px;
margin: 0 0 0 15px;
padding: 0 0 0 30px;
float: left;
font-size: 1.2em;
}

ul.chie-list li span{
margin: 0 10px 0 0;
padding: 0;
float: right;
color: #666666;
}

ul.chie-list li p.ico-q-01{
background: url(/img/chiebukuro/q-noncheck.gif) no-repeat 0 center;
}

ul.chie-list li p.ico-q-02{
background: url(/img/chiebukuro/q-check.gif) no-repeat 0 center;
font-weight: bold;
}

.chie-list a{
color: #0078FF;
}

#yjweb{
text-align: right;
margin-right: 5px;
}

/*******************  paging  *********/

div.chie-page{
margin: 0 auto;
padding: 20px 0;
text-align: center;
overflow: hidden;
}

* html div.chie-page{
overflow: visible;
height: 1em;
}

a.page-return{
margin: 0 25px 0 0;
padding: 5px 0 5px 24px;
background: url(/img/chiebukuro/arrow-back-wis.gif) no-repeat left center;
}

a.page-next{
margin: 0 0 0 25px;
padding: 5px 24px 5px 0;
background: url(/img/chiebukuro/arrow-next-wis.gif) no-repeat right center;
}

div.chie-page span{
margin: 0 5px 0 0;
padding: 6px 10px;
background: #EEEEE8;
border: 1px solid #C1C1C1;
}

div.chie-page a:link{
color: #333333;
text-decoration: underline;
}

div.chie-page a:visited{
color: #333333;
text-decoration: underline;
}

div.chie-page a:hover{
color: #CC0000;
text-decoration: underline;
}

span.current{
color: #CC0000;
font-weight: bold;
}



/*******************  pick  *******************/

#pick {
width: 940px;
margin: 20px 0 0 0;
padding: 0 0 11px 0;
background: url(/img/chiebukuro/pic-bottom.gif) no-repeat bottom;
text-align: left;
}

#pick h3 {
margin: 0;
background: url(/img/chiebukuro/pic-top.gif) no-repeat !important;
height: 26px;
text-indent: -9999px;
}

#pickbox {
margin: 0;
padding: 10px 8px;
background: url(/img/chiebukuro/pic-mid.gif) repeat-y;
clear: both;
}


.pickdetail{
width: auto;
margin: 0;
padding: 0 10px 0 17px;
overflow: hidden;
}

.pickdetail:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html .pickdetail {
height: 1em;
overflow: visible;
}
/**/

.pickdetail ul{
margin: 0;
padding: 0;
}


.pickdetail li{
margin: 0;
padding: 0;
float: left;
list-style: none;
}

.pickdetail li p  {
float:left;
margin:0 auto;
max-height:94px;
width:85px;
}

.pickdetail li.con02{
float: left;
}

.pickdetail li.con03{
float: right;
}


.pickdetail li img{
float: left;
vertical-align: top;
}


.pickdetail li span{
float: left;
width: 190px;
min-height: 75px;
margin: 0 0 0 5px;
padding: 0 0 0 7px;
text-align: left;
line-height: 1.3em;
border-left: 5px solid #EAEAD5;
font-size: 12px;
font-weight: bold;
}

.pickdetail li span a,
.pickdetail li span a:hover,
.pickdetail li span a:visited{
color: #663300;
}