@charset "UTF-8";
/* Chiebukuro Style */
body { background-color: #FAF8FC; }

/* Chiebukuro Ranking Style */
#one-c_al,
#two-c_al  { padding-top: 14px; }

/* a link */
a:link  { color:#0646a0; text-decoration:none; }
a:visited  { color:purple; text-decoration:none; }
a:hover  { color:#f93; text-decoration:underline; }
a:active  { color:#0646a0; text-decoration:underline; }

/*toolbar tb */
#tb_al  { background-color:#D3BDEC; border-bottom:1px solid #662D91; }
#tb_in  { color:black; }

/*global navigation */
#gn_al  { border-bottom: 1px solid #662d91; }
#gn_in  { font-size:0.82em; font-weight:400; line-height:1em; }
#gn_in .gn  { width:auto; margin:0; padding:0; float:left; width:100%; }
#gn_in .gn li  { float:left; margin:0 -1px -1px 0; background-position:left top; background-repeat:repeat-x; border-bottom:1px solid #662D91; white-space:nowrap; }

#gn_in .gn a,
#gn_in .gn a span  {  color:black;  display:inline-block; margin:0; background-image:url(../../images/chiebukuro/gn/gn_tab_bg.png); background-repeat:no-repeat; cursor:pointer; }
#gn_in .gn a  {  padding:0 0.5em 0 0; background-position:right 0px; background-color:#d3bdec;  }
#gn_in .gn a span  {  padding:0.6em 0 0.4em 0.5em; background-position:left 0px; background-color:#d3bdec; }
#gn_in .gn li a:hover { background-color:#eee0fa; background-position:right -100px; }
#gn_in .gn li a:hover span  { background-color:#eee0fa; background-position:left -100px; }
#gn_in .gn li.on a { background-color:white; background-position:right -200px; color:black; }
#gn_in .gn li.on a span  { background-color:white; background-position:left -200px; color:black; }

/*footer ft */
#ft_al  { border-top:1px solid #662D91; }


/* category entry style */
#ar_w655px .cont_ar img { float:left; border:none; margin:0 10px 10px 0; }
#ar_w655px .cont_ar p { padding-bottom:10px; }
#ar_w655px { text-align:left; }
#ar_w655px #category_detail { margin-bottom:14px; }
#ar_w655px #category_detail dl { margin:0; padding: 8px 7px; border-top: 1px dotted #aaa; }
#one-c_in #category_detail dt { font-weight:400; }
#ar_w655px dl,
#one-c_in dl.folder_open { font-size:0.82em; line-height:1.5em; background-position:6px 9px; background-repeat:no-repeat; padding:0; margin:0; }
#ar_w655px div.category_three-c { width:655px; margin-bottom:1em; }
#ar_w655px dl { background-image:url(../../images/dir/folder_icon.gif); margin:0; }
#ar_w655px dl.folder_open { width:655px; background-image:url(../../images/dir/folder_open_icon.gif); margin-top: 14px; }
#ar_w655px dt { margin:0 8px 3px 0; padding:0; font-weight:700; padding-left:24px; }
#ar_w655px dd { margin:0; padding-left:2.2em; }
#ar_w655px dl.folder_open { font-size:0.82em; line-height:1.5em; padding-left:2.2em; margin:10px 0; background-image:url(../../images/dir/folder_open_icon.gif); background-position:0 2px; background-repeat:no-repeat; font-weight:700; }
#ar_w655px dl.folder_open dt { padding: 0; }
h3.sponser { font-size:0.82em; font-weight:700; margin:20px 0 0 0; color:#ff7f00; }
.dir_list li { font-size:0.82em; line-height:1.2em; background-image:url(../../images/dir/folder_open_icon.gif); background-position:left top; background-repeat:no-repeat; padding-left; padding-left:24px; min-height:14px; height:auto !important; height:14px; }
.dir_list li p { padding-bottom:14px; }

.sr_title { font-size: 0.88em; line-height: 1.3em; }


/* Q&A */
.question h3 { font-size: 1.2em; line-height: 1.3em; padding: 18px 20px 0 90px; font-weight:700; }
.question p,
.bestanswer p { line-height:1.5em; padding: 10px 10px 0 90px; font-weight:400; }

.hot_question,
.new_question { margin-bottom: 14px; }

.question,
.bestanswer { background-position:left bottom; background-repeat: no-repeat; margin-bottom:14px; padding-bottom: 10px; }

.question .bg,
.bestanswer .bg { background-position: left top; background-repeat: repeat-y; }

.question .main,
.bestanswer .main { min-height:160px; height:auto !important; height:160px; background-position:left top; background-repeat:no-repeat; }

.question {background-image:url(../../images/chiebukuro/bg/q_bottom_bg.gif); }
.question .bg { background-image: url(../../images/chiebukuro/bg/q_bg.gif); }
.question .main { background-image: url(../../images/chiebukuro/bg/q_head_bg.png); }

.bestanswer {background-image:url(../../images/chiebukuro/bg/a_bottom_bg.gif); }
.bestanswer .bg { background-image: url(../../images/chiebukuro/bg/a_bg.gif); }
.bestanswer .main { background-image: url(../../images/chiebukuro/bg/a_head_bg.png); }

.new_question { border: 1px solid #662d91; background: white; }
/* css3 */ .new_question { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 3px 0px #ccc; -webkit-box-shadow: 0px 1px 3px 0px #ccc; -moz-box-shadow: 0px 1px 3px 0px #ccc; }
/* css3 */ .new_question h3 { background: -webkit-gradient(linear, left top, left bottom, from(#e0d5e9), to(#fff)); background: -moz-linear-gradient(top, #e0d5e9, #fff); background-color: #e0d5e9; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

#category_detail { border: 1px solid #662d91; background: white; }
/* css3 */ #category_detail { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 3px 0px #ccc; -webkit-box-shadow: 0px 1px 3px 0px #ccc; -moz-box-shadow: 0px 1px 3px 0px #ccc; }
/* css3 */ #category_detail h3 { background: -webkit-gradient(linear, left top, left bottom, from(#e0d5e9), to(#fff)); background: -moz-linear-gradient(top, #e0d5e9, #fff); background-color: #e0d5e9; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

.hot_question { border: 1px solid #ffb800; background: white; }
/* css3 */ .hot_question { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0px 1px 3px 0px #ccc; -webkit-box-shadow: 0px 1px 3px 0px #ccc; -moz-box-shadow: 0px 1px 3px 0px #ccc; }
/* css3 */ .hot_question h3 { background: -webkit-gradient(linear, left top, left bottom, from(#fff1cc), to(#fff)); background: -moz-linear-gradient(top, #fff1cc, #fff); background-color: #fff1cc; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }


.hot_question h3,
.new_question h3,
#category_detail h3 { font-size:0.88em; color:black; padding:9px 8px 7px 8px; }
.hot_question ul.question_list li,
.new_question ul.question_list li {padding: 7px 0; }
.hot_question h4,
.hot_question p,
.new_question h4,
.new_question p { padding:0 8px; }

ul.question_list { width:100%; } 
.question_list li{ border-top: 1px dotted #aaa; padding: 14px 0; margin: 0; width:100%; border-color:#666; }
.question_time { font-size: 0.75em; color:#666; }

/* Search Box */
#search_box {width: 655px; height:40px; background-image: url(../../images/chiebukuro/bg/search_bg.png); background-position: left top; background-repeat: no-repeat; margin-bottom: 14px; }
#search_box form { margin: 0; padding: 0; }
#search_box input { background-color: transparent; }
#search_box .search_text { font-size: 1em; line-height: 1.2em; border: none; background-color: transparent; margin: 10px 0 0 10px; width: 405px; vertical-align: bottom; }
#search_box .search_text:focus { outline: none; }
#search_box .search_button { width: 225px; height: 40px; border: none; margin: 0; padding: 0; }

.search_page {margin-bottom: 2em; }

/* social */
ul.social{margin-bottom: 10px;}
ul.social li{
	float: left;
	margin-right: 10px;
}


@media screen and (max-device-width: 480px){
	*{background-color: transparent;width: auto;}
	body{background-color: white;}
	#tb_al, #hd_al, #hd_al_mini, #gn_al, #local_navi_al, #pn_al, #sc_al, #tc_tx_al, #super_banner_al, #one-c_al, #two-c_al, #ft_al, local_navi_al, #relation_word_al,
	#tb_in,#hd_in,#gn_in,#local_navi_in,#pn_in,#tc_tx_in,#super_banner_in,#one-c_in,#two-c_in,#ft_in,#local_navi_in,#relation_word_in,#ar_w655px,#search_box,#search_box .search_text{width: auto; margin: 0; padding: 0;}
	#tb_al,#gn_al,#tc_tx_al,#tab_search_area,#ar_w300px,#ft_al,#twitterFollowBadge,#search_box,#adingoBeagle1,#adingoBeagle2,#adingoBeagle3,#pn_al{display: none;}
	#hd_al{padding: 0;text-align: center;}
	#hd_al a .fl,#hd_al a .ilb{float: none; margin: 0 auto;}
	.hot_question{border: none;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;}
	.question,.bestanswer,.question .bg,.question .main,.bestanswer .bg,.bestanswer .main,.sr_ar,.hot_question h3{background: none; padding:0;margin: 0; border: none;}
	.question{background-color: #fff9e1;padding: 0;}
	.bestanswer{background-color: #f2ffe7;padding: 0;}
	.question h3,.bestanswer h3,.hot_question h3,.sr_ar h3.search_result,.new_question h3,#category_detail h3{padding: 0; margin-bottom: 0.2em; font-size: 3em; width: auto; border: none; height: auto; line-height: 1;}
	.sr_ar,.question_list{margin-bottom: 2em;padding: 0;}
	.question p,.bestanswer p,.sr_ar h3.search_result,.question_list li,.hot_question ul.question_list li, .new_question ul.question_list li{padding: 1em; font-size: 2em; width: auto; border: none;line-height: 1.4;}
	.question h3,.sr_ar h3.search_result,.hot_question h3,.new_question h3,#category_detail h3{padding: 1em; font-size: 3em; width: auto; border: none;line-height: 1.4;}
	.sr_ar h3.search_result,.hot_question h3{background-color: #aaaaaa; color: white;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;font-weight: 700;}
	.question h3{background-color:#ffe2af; }
	#hd_in{padding: 2em;text-align: center;}
	#hd_in a{float: none;margin: 0 auto;}
}