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

body{
	margin:0;padding:0;	font-size:13px;
	*font-size:small;
	*font:x-small;
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, san-serif;
	color:#333333;
	text-align:center;
	line-height:1.4
	}
div,ul,li,h1,h2,h3,h4,p,form{
	margin:0;
	padding:0;
	}
img{
	margin:0;
	padding:0;
	border:none;
	}
.clear{
	clear:both;
	}
.bold{
	font-weight:bold;
	}
.redbold{
	font-weight:bold;
	color:#FF0000
	}
.notbold{
	font-weight:normal;
	}
.center_align{
	text-align:center;
	}
.left_align{
	text-align:left;
	}
.right_align{
	text-align:right;
	}
.adv{
	margin:0 0 10px 0;
	}

a:hover{
	color:#FF9900;
	}	
#container{
	width:950px;
	text-align:left;
	margin:0 auto
	}

/* トップ部分 */
#top{
	width:950px;
	border-bottom:solid 1px #CCCCCC
	}
#top h1{
	display:inline;
	font-size:12px;
	font-weight:normal;
	margin-left:2px;
	}
#top h1 a{
	color:#333333;
	text-decoration:none;
	}
#top p{
	display:inline;
	}

/* ヘッダー部分 */
#header{
	width:950px;
	margin:15px 0 15px 0;
	}
#header_right{
	float:right;
	width:650px;
	background-image:url(../img/header_right.png);
	background-repeat:no-repeat;
	height:80px;
	text-align:center
	}
#header_right h2{
	text-align:center;
	font-size:123.1%;
	margin:8px 0 0 0;
	font-weight:bold
	}
#header_right h2 a:link{
	color:#0000FF;
	}
#header_right h2 a:visited{
	color:#0000FF;
	}
#header_right h2 a:hover{
	color:#FF9900;
	}
#header_right p{
	margin:0 30px;
	line-height:1.2
	}
#logo{
	display:block;
	width:250px;
	height:80px;
	margin-left:20px;
	}


/* サーチボックス部分 */
.search_box{
	line-height:1.0;
	width:948px;
	background-image:url(../img/search_box.png);
	padding:3px 0 4px 0;
	border:1px solid #ff6700;
	}
.search_box form{
	width:500px;
	float:left;
	display:inline;
	margin:0 0 0 20px;
	}
.for_search_dir{
	margin:-3px 0 -2px 0;
	}
.radio_for_search_dir{
	margin-bottom:-2px;
	}
.search_keywords{
	width:340px;
	}
.search_button{
	height:23px;
	}
.search_box_link{
	width:300px;
	float:right;
	display:inline;
	margin:22px 22px 0 0;
	text-align:right;
	}
.search_box_link a{
	padding:0 10px;
	color:#0000FF;
	}
	

/* トピックパス */
#topic_path ul{
	margin:10px 0px;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
	padding:4px 2px;
	}
#topic_path a{
	margin:0px 7px 0 0;
	}
#topic_path li{
	display:inline;
	}
	
	
/* メイン部分（センターとレフト） */
#main{
	width:690px;
	float:left;
	margin:20px 10px 10px 0;
	}
#center{
	width:490px;
	float:right;
	margin:0 0 0 10px;
	}
#center h2{
	background-image:url(../img/green2.png);
	font-size:100%;
	text-align:left;
	border-bottom:1px solid #67b000;
	padding:2px 0 1px 7px;
	}
.new_box{
	width:490px;
	text-align:right;
	margin-bottom:20px;
	}
.index_rss{
	display:block;
	float:right;
	display:inline;
	margin:3px 2px;
	}
.new_box ul{
	clear:both;
	text-align:left;
	list-style-type:none;
	margin:0 4px 0 7px;
	}	
.new_title{
	line-height:1.3;
	}
.new_title a{
	background-image:url(../img/list_grey.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:17px;
	}
.new_info{
	line-height:1.2;
	margin:0 0 11px 170px;
	list-style-type:none;
	}
.new_info a{
	text-decoration:none;
	}
.index_viewall{
	margin-right:5px;
	}
	
/* レフト部分 */
#left{
	width:190px;
	float:left;
	margin:0 0 0 0;
	}
.doqa{
	display:block;
	width:190px;
	height:48px;
	line-height:51px;
	background-image:url(../img/question.png);
	background-repeat:no-repeat;
	font-size:123.1%;
	font-weight:bold;
	color:#0000FF;
	text-align:center;
	margin-bottom:5px;
	}
	
#left h2{
	background-image:url(../img/orange.png);
	font-size:100%;
	text-align:left;
	padding:1px 0 1px 6px;
	border-bottom:1px solid #ff6700;
	}	
		
#dir{
	width:188px;
	text-align:right;
	margin:10px 0;
	border:1px solid #ff6700;
	padding-bottom:10px;
	}
#dir ul{
	text-align:left;
	list-style-type:none;
	margin:10px 0;
	}
#dir li{
	line-height:1.8;
	margin:0 2px 4px 6px;
	}
		
#information{
	width:188px;
	text-align:right;
	margin-bottom:10px;
	border:1px solid #ff6700;
	padding-bottom:10px;
	}
#information ul{
	text-align:left;
	list-style-type:none;
	margin:10px 0;
	}
#information li{
	line-height:1.8;
	margin:0 2px 4px 6px;
	}

.other_detail{
	margin:0 8px 0 0;
	}	
	
	
#qrcode{
	width:188px;
	text-align:center;
	margin-bottom:10px;
	border:1px solid #ff6700;
	padding-bottom:10px;
	}
#qrcode h3{
	background-image:url(../img/orange.png);
	font-size:100%;
	text-align:left;
	padding:1px 0 1px 6px;
	border-bottom:1px solid #ff6700;
	}
#qrcode p{
	margin:10px 3px 10px 6px;
	text-align:left
	}
	
	
/* ライト部分 */
#right{
	width:250px;
	float:right;
	margin:20px 0 10px 0;
	}
.user_info{
	display:block;
	width:250px;
	height:40px;
	line-height:40px;
	background-image:url(../img/user_info.png);
	background-repeat:no-repeat;
	font-size:123.1%;
	font-weight:bold;
	color:#0000FF;
	text-align:center;
	margin-bottom:10px;
	}

#right h3{
	background-image:url(../img/orange.png);
	font-size:100%;
	text-align:left;
	padding:1px 0 1px 6px;
	border-bottom:1px solid #ff6700;
	}	

#account{
	width:248px;
	margin:0px 0 10px 0;
	border:1px solid #ff6700;
	padding-bottom:10px;
	}
#account form{
	margin:10px 2px 0 6px;
	}
#account table{
	border:none;
	}
.input_box input{
	width:140px;
	}
.center_align td{
	padding:4px 0 2px 0;
	}
#login{
	width:90px;
	height:25px;
	}
#account ul{
	list-style-type:none;
	margin:10px 3px 0px 6px;
	}
#account li{
	line-height:1.7;
	}	
#history_view{
	margin:10px 0 4px 0;
	}

#dir2{
	width:248px;
	text-align:right;
	margin:10px 0;
	border:1px solid #ff6700;
	padding-bottom:10px;
	}
#dir2 ul{
	text-align:left;
	list-style-type:none;
	margin:10px 0;
	}
#dir2 li{
	line-height:1.8;
	margin:0 2px 4px 6px;
	}
	
				
.ranking{
	width:248px;
	margin-bottom:10px;
	text-align:right;
	border:1px solid #ff6700;
	padding-bottom:10px;
	}
.ranking ul{
	text-align:left;
	list-style-type:none;
	margin:10px 4px 10px 8px;
	}
.ranking li{
	line-height:1.7;
	margin-bottom:4px;
	}

/* フッター部分 */
#footer{
	width:950px;
	margin:20px 0 0 0;
	text-align:center;
	border-top:solid 1px #999999;
	padding-top:10px;
	}
#footer ul{
	list-style-type:none;
	margin:0 0 6px 0;
	}
#footer li{
	display:inline;
	}
#footer p{
	margin:12px 0 4px 0;
	}
	
	
	
/* 全体が２カラムのページ メイン部分 */
#main_two_column{
	width:690px;
	float:left;
	margin:20px 10px 10px 0;
	}
#main_two_column2{
	width:680px;
	float:left;
	margin:20px 10px 10px 0;
	}

	
/* 質問一覧、回答一覧ページ */

/*タブ表示*/
#qa_tab li{
	display:block;
	float:left;
	text-align:center;
	margin-right:10px;
	font-size:108%;
	font-weight:bold
	}
#qa_tab #now a{
	display:block;
	width:120px;
	height:35px;
	color:#0000FF;
	text-decoration:none;
	line-height:35px;
	background-image:url(../img/tab1.png);
	}
#qa_tab #now a:hover{
	color:#FFA500;
	}	
#qa_tab #not_now a{
	display:block;
	width:120px;
	height:35px;
	color:#666666;
	text-decoration:none;
	line-height:35px;
	background-image:url(../img/qa_tab2.png);
	}	
#qa_tab #not_now a:hover{
	color:#FFA500;
	}	

/*ソート*/
#qa_sort{
	clear:both;
	border:solid 1px #ff6700;
	border-top:solid 2px #ff6700;
	border-bottom:none;
	}
#qa_sort ul{
	padding:14px 10px 0px 15px;
	list-style-type:none;
	}
#qa_sort li{
	display:inline;
	margin-right:2px;
	}
#qa_sort p{
	line-height:1.0;
	text-align:left;
	margin:10px 0px 0px 18px;
	}

/*一覧表示*/
#view_list{
	background-image:url(../img/orange_line.gif);
	background-repeat:repeat-y;
	padding-bottom:80px;
	border-bottom:solid 1px #ff6700;
	}
	
#view_list ul{
	list-style-type:none;
	clear:both;
	}
#view_list #view_list_head li{
	border:none;
	margin-bottom:-15px;
	text-align:center;
	}
.view_date{
	display:block;
	float:left;
	display:inline;
	width:98px;
	margin:18px 0 0 2px;
	padding:4px 0 0 0;
	border-top:solid 1px #CCCCCC;
	text-align:center
	}
.view_title{
	display:block;
	float:left;
	display:inline;
	width:586px;
	margin:18px 2px 0 0;
	padding:4px 0 0 0;
	border-top:solid 1px #CCCCCC
	}
.view_info{
	display:block;
	float:right;
	display:block;
	width:400px;
	text-align:right;
	margin-right:8px;
	}
.view_answer_title{
	display:block;
	float:left;
	display:inline;
	width:586px;
	margin:0px 2px 0 0;
	padding:0px 0 0 0;
	}
.view_info a{
	text-decoration:none;
	}
#page_navi{
	margin:30px 0 30px 0;
	text-align:center;
	font-size:123.1%;
	}

/* 質問・回答表示ページ */
.qa_one_set{
	width:678px;
	border:solid 1px #ff6700;
	margin-bottom:40px;
	}
.qa_one_set2{
	width:688px;
	border:solid 1px #ff6700;
	margin-bottom:10px
	}
.qa_one_set_answer{
	width:678px;
	border:solid 1px #999999;
	margin-bottom:20px;
	}
	
.qa_head{
	background-image:url(../img/orange.png);
	padding:2px 0 2px 6px;
	font-size:108%;
	font-weight:bold;
	border-bottom:solid 1px #ff6700;
	}
.qa_head_answer{
	background-image:url(../img/grey.png);
	padding:2px 0 2px 6px;
	font-size:108%;
	font-weight:bold;
	border-bottom:solid 1px #999999;
	}
	
.qa_view{
	font-size:108%;
	width:540px;
	float:right;
	}
.qa_view h2{
	font-size:108%;
	margin:10px 10px 20px 10px;
	font-weight:bold;
	text-decoration:underline;
	}
.qa_view p{
	margin:10px 10px 6px 10px;
	line-height:1.5;
	}
.qa_answer_date{
	text-align:right;
	font-size:93%;
	}
.rate_qa{
	text-align:center;
	padding:10px 10px;
	}
.qa_view_info{
	width:130px;
	float:left;
	display:inline;
	margin:0 0 1px 0px;
	padding:6px 0 6px 0;
	font-size:108%;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	}
.qa_view_info dt{
	margin-left:6px;
	}
.qa_view_info dd{
	margin:0 6px 6px 6px;
	padding-bottom:10px;
	border-bottom:dashed 1px #CCCCCC
	}

/*この質問に回答するボタン*/
.answer_button{
	display:block;
	width:250px;
	height:40px;
	margin:20px auto 40px auto;
	text-align:center;
	background-image:url(../img/pink.png);
	line-height:40px;
	background-repeat:no-repeat;
	font-size:123.1%;
	font-weight:bold;
	}

/*ソート*/
.qa_detail_sort{
	margin:40px 4px 10px 0;
	list-style-type:none;
	text-align:right;
	font-size:108%;
	}
.qa_detail_sort li{
	display:inline;
	}

/*質問入力*/
.orange_690{
	background-image:url(../img/orange.png);
	padding:2px 0 2px 6px;
	font-size:108%;
	font-weight:bold;
	border-bottom:solid 1px #ff6700;
	}
.orange_border_690{
	width:688px;
	border:solid 1px #ff6700;
	margin-bottom:20px;
	}
#q_flow{
	font-size:108%;
	list-style-type:none;
	margin:10px 30px 10px 30px;
	text-align:center
	}
#q_flow li{
	display:inline;
	margin:0 4px;
	}
.grey_690{
	background-image:url(../img/grey.png);
	padding:2px 0 2px 6px;
	font-size:108%;
	font-weight:bold;
	border-bottom:solid 1px #999999;
	}
.orange_680{
	background-image:url(../img/orange.png);
	padding:2px 0 2px 6px;
	font-size:108%;
	font-weight:bold;
	border-bottom:solid 1px #999999;
	}
.grey_border_690{
	width:688px;
	border:solid 1px #999999;
	margin-bottom:10px;
	}
.orange_border_680{
	width:678px;
	border:solid 1px #ff6700;
	margin-bottom:10px;
	}
.grey_border_680{
	width:678px;
	border:solid 1px #999999;
	margin-bottom:10px;
	}

#q_table{
	font-size:108%;
	border-collapse:collapse;
	width:688px;
	}
.q_td_left{
	background-color:#F7F7F7;
	padding:20px 0 20px 6px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	}
.q_td_right{
	padding:20px 0 20px 20px;
	border-bottom:solid 1px #CCCCCC
	}

.q_form_button{
	text-align:center;
	}
.q_form_button td{
	padding:30px 0;
	}
	
#form_titile{
	width:350px;
	}
#form_titile2{
	width:350px;
	}
#form_titile3{
	width:350px;
	}
#form_body{
	width:500px;
	height:200px
	}
#q_button{
	width:150px;
	}

/*ログインまたはユーザー登録が必要*/
#q_need{
	font-size:123.1%;
	margin:30px 10px;
	font-weight:bold;
	text-decoration:underline;
	text-align:center;
	color:#FF0000
	}
#q_need2{
	text-align:center;
	margin:30px auto 60px auto
	}
#q_need3{
	border-top:solid 1px #CCCCCC;
	margin:10px 10px 15px 10px;
	font-size:108%;
	padding:30px 0 30px 4px;
	font-weight:bold
	}

/* 質問内容の確認 */
#q_confirm{
	margin:40px 2px 30px 2px;
	}
#q_confirm h3{
	font-size:138.5%;
	}
#q_confirm p{
	font-size:123.1%;
	}
#q_confirm_table{
	border-collapse:collapse;
	margin:30px 0;
	font-size:123.1%;
	width:680px
	}
#q_confirm_table td{
	text-align:center
	}


/* カテゴリ関連 */
#dir_all p{
	margin:10px 7px 10px 7px;

	}
.dir_explain{
	border:solid 1px #999999;
	margin-bottom:20px
	}
.dir_explain p{
	background-image:url(../img/grey.png);
	background-repeat:repeat-x;
	border-bottom:solid 1px #999999;
	padding:2px 0 2px 6px;
	font-weight:bold;
	font-size:108%;
	}
.dir_explain h3{
	background-image:url(../img/grey.png);
	background-repeat:repeat-x;
	border-bottom:solid 1px #999999;
	padding:2px 0 2px 6px;
	font-weight:bold;
	font-size:108%;
	}
.dir_explain dl{
	margin:6px;
	}
.dir_explain dt{
	font-weight:bold;
	line-height:1.0
	}
.dir_explain dd{
	line-height:1.0;
	margin-bottom:10px;
	}


/* 回答する */
#dir3{
	width:188px;
	text-align:right;
	margin:0px 0 20px 0;
	border:1px solid #ff6700;
	padding-bottom:10px;
	}
#dir3 ul{
	text-align:left;
	list-style-type:none;
	margin:10px 0;
	}
#dir3 li{
	line-height:1.8;
	margin:0 2px 4px 6px;
	}
#answer_q_select{
	border:solid 1px #999999;
	margin-bottom:10px
	}
#answer_q_select h2{
	background-image:url(../img/grey.png);
	background-repeat:repeat-x;
	border-bottom:solid 1px #999999;
	padding:2px 0 2px 6px;
	font-weight:bold;
	font-size:108%;
	}
#answer_q_select dl{
	margin:15px 10px;
	}
#answer_q_select dt{
	font-weight:bold;
	font-size:123.1%;
	color:#FF3333;
	text-decoration:underline
	}
#answer_q_select dd{
	margin:2px 4px 15px 25px;
	}

/*　ランキングページ */
.ranking2{
	width:338px;
	margin-bottom:20px;
	text-align:left;
	border:1px solid #999999;
	padding-bottom:10px;
	float:left
	}
.rank_m{
	margin-left:10px;
	display:inline;
	}
.ranking2 h3{
	background-image:url(../img/grey.png);
	background-repeat:repeat-x;
	border-bottom:solid 1px #999999;
	padding:2px 0 2px 6px;
	font-weight:bold;
	font-size:108%;
	}
.ranking2 ul{
	text-align:left;
	list-style-type:none;
	margin:10px 4px 10px 18px;
	}
.ranking2 li{
	line-height:1.7;
	margin-bottom:4px;
	}

/* ポイント獲得方法 */
#ranking_pt h3{
	font-size:123.1%;
	margin:40px 6px 15px 6px;
	padding-left:7px;
	line-height:1.1;
	color:#FF3300;
	border-bottom:solid 1px #ff6700;
	border-left:solid 7px #ff6700
	}
#rank_head_p{
	margin:20px 6px;
	font-size:108%;
	}
#ranking_pt h4{
	font-size:108%;
	margin:0px 0 0 18px;
	}
.ranking_p{
	margin:0 6px 15px 33px;
	font-size:108%;
	}	
#rank_bottom_p{
	font-size:108%;
	font-weight:bold;
	margin:30px 30px 30px 0;
	}


/* ユーザー登録 */
#reg_form_head{
	margin:20px 0 20px 6px;
	font-size:108%;
	}
#reg_table{
	font-size:108%;
	border-collapse:collapse;
	width:688px;
	border-top:solid 1px #CCCCCC
	}
#reg_table a{
	font-size:123.1%;
	}
.reg_f_left{
	background-color:#F7F7F7;
	padding:20px 0 20px 8px;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	width:150px;
	}
	
.reg_f_right{
	padding:20px 0 20px 18px;
	border-bottom:solid 1px #CCCCCC
	}

.reg_form_button{
	text-align:center;
	}
.reg_form_button td{
	padding:30px 0;
	}
	
#reg_f_button{
	width:150px;
	}
.reg_rule_alert td{
	padding:10px;
	}
#reg_rule{
	width:668px;
	background-color:#FFFFFF;
	}
#reg_p p{
	margin:10px 6px 20px 6px;
	font-size:108%;
	line-height:1.5
	}
#reg_a_p{
	text-align:center;
	}
#reg_a_p a{
	font-size:123.1%;
	font-weight:bold
	}
#reg_user{
	width:110px;
	}
#reg_pass{
	width:200px;
	}
#reg_pass2{
	width:200px;
	}
#reg_mail{
	width:250px;
	}




/*ログインページ*/
#login_page{
	margin:20px;
	font-size:108%;
	}
#login_page p{
	margin-bottom:10px;
	}	
#login_page_mail{
	width:210px;
	}
#login_page_pass{
	width:210px;
	}







/*マイページ*/
#mypage_table_top{
	border-collapse:collapse;
	margin:10px;
	font-weight:bold;
	font-size:108%;
	}
#mypage_table_top td{
	padding:10px 10px 10px 20px;
	}
	
#mypage_table_main{
	border-collapse:collapse;
	margin:10px 10px 10px 20px;
	font-size:108%;
	border:solid 1px #999999;
	}
#mypage_table_main td{
	padding:10px;
	border:solid 1px #999999;
	}
	
#mypage_table_history{
	border-collapse:collapse;
	margin:10px 10px 10px 20px;
	font-size:123.1%;
	}
#mypage_table_history td{
	padding:10px 0 10px 0;
	}
	
#mypage_new_pass_id1,#mypage_new_pass_id2,#mypage_new_pass_id3{
	width:200px;
	}
.mypage_table_back{
	background-color:#F7F7F7;
	}
#mypage_new_mail_id{
	width:240px;
	}
	
	
/*利用規約*/
.info_box_p p{
	font-size:108%;
	margin:10px;
	}
.info_box_p h3{
	font-size:123.1%;
	margin:10px 200px 10px 10px;
	border-bottom:solid #333333 1px;
	}
.info_box_p ul{
	font-size:108%;
	margin:10px 0 20px 30px;
	}
	
#q_table2{
	font-size:108%;
	border-collapse:collapse;
	width:688px;
	border-top:solid 1px #CCCCCC
	}
	
/*面白さの評価*/
#score_select{
	font-size:123.1%;
	margin:20px auto;
	text-align:center
	}
#score_send{
	font-size:123.1%;
	margin:30px auto;
	text-align:center;
	}

/*お知らせ詳細*/
.new_box_from_us{
	width:490px;
	text-align:left;
	margin-bottom:20px;
	}
.new_box_from_us p{
	margin:10px;
	}
.new_box_from_us h3{
	font-size:123.1%;
	margin:10px;
	text-decoration:underline;
	}