@charset "utf-8";
@import "reset.css";
@import "hack.css";
@import "base.css";

a {
    text-decoration: none;
}

.to_list {
    float: right;
    font-size: 90%;
    background-repeat: no-repeat;
    padding-left: 20px;
}

/*追記箇所*/
ul.header_navi{
float:left;
}

ul.header_userInfo{
float:right;
}

ul.header_navi li{
display:inline;
}

ul.header_userInfo li{
display:inline;
}

ul.header_userInfo li.first{
padding:0
}

ul.header_userInfo li.first_on{
padding:0
}

ul.header_userInfo li.last_on{
border-left:1px solid #666666;
padding-left:10px;
}

ul.header_userInfo li.last{
border-left:1px solid #666666;
padding-left:10px;
}

ul.header_navi li.question{
background:url(../img/top/icon_question.gif) no-repeat;
padding-left:16px;
}

ul.header_navi li.answer{
background:url(../img/top/icon_answer.gif) no-repeat;
padding-left:16px;
}

ul.header_navi li.answer_per{
background:url(../img/top/icon_answer_per.gif) no-repeat;
padding-left:16px;
}

ul.header_navi li.note{
background:url(../img/top/icon_note.gif) no-repeat;
padding-left:19px;
}

/*追記箇所*/
.navi { 
border-bottom:4px solid #94CFFB;
}


.navi li {
    display: inline;
    height:34px;
}

a.rightarea{
margin-left:405px;
}

dl.info{
background-color:#E8F0FF;
padding:5px 0;
}


dl.info dt{
float:left;
padding-left:10px;
background-color:#E8F0FF;
}

dl.info dd{
color:#0000FF;
padding-left:80px;
}

.navi li.first {
    border: 0;
}

/*追記箇所*/
#topics{
width:850px;
margin:0 auto;
color:#0000FF;
clear:both;
}

#topics h2{
height:30px;
background:url(../img/topics.jpg) no-repeat;
text-indent:-9999px;
border-bottom:#BFD9FF 2px solid;
margin-bottom:10px;
}

#new_category h3,#topics h3{
background-color:#EDEDED;
color:#428DFF;
padding-left:10px;
}

h3 a.diet{
margin-left:114px;
vertical-align:middle
}

#new_category p,#topics p{
text-align:right;
color:#666666;
}

#new_category dt.t,#topics dt.t{
background:url(../img/icon_note.gif) no-repeat left center;
padding-left:25px;
padding-top:5px;
padding-bottom:5px;
color:#428DFF;
}

#new_category dt.q,#topics dt.q{
background:url(../img/icon_qa.gif) no-repeat left center;
padding-left:25px;
padding-top:5px;
padding-bottom:5px;
color:#428DFF;
}

#topics dd.first{
background-color:#E8F0FF;
}

#topics dd{
padding:5px 0 5px 5px;
border-bottom:#cccccc 1px dashed;
}

#new_category h2{
height:28px;
background:url(../img/category.jpg) no-repeat;
text-indent:-9999px;
border-bottom:#BFD9FF 2px solid;
margin-bottom:10px;
}

#new_category dd {
    background-position: 4px center;
    background-repeat: no-repeat;
    padding:5px 0 5px 25px;
    border-bottom:#cccccc 1px dashed;
}

#new_category dd.rank1{
background-image: url(../img/rank1.gif);
}

#new_category dd.rank2{
background-image: url(../img/rank2.gif);
}

#new_category dd.rank3{
background-image: url(../img/rank3.gif);
}

div#new_category div#last,div#topics div#last{
float:left;
width:270px;
}

#diet{
float:left;
width:270px;
padding-right:20px;
padding-bottom:20px;
}

#diet h3 {
    height: 23px;
    float: left;
    width: 260px;
}

#new_category h3 {
    background: #E0ECEC url(../img/emoticons/tulip.gif) no-repeat 4px 2px;
    text-indent: 1em;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    line-height: 1.6em;
}

#new_category{
clear:both;
width:850px;
margin:0 auto;
color:#0000FF;
}

h3 a.child{
margin-left:137px;
vertical-align:middle
}

h3 a.cook{
margin-left:141px;
vertical-align:middle
}

h3 a.fashion{
margin-left:150px;
vertical-align:middle
}

h3 a.work{
margin-left:131px;
vertical-align:middle
}

h3 a.area{
margin-left:121px;
vertical-align:middle
}

h3 a.news{
margin-left:128px;
vertical-align:middle
}

h3 a.love{
margin-left:76px;
vertical-align:middle
}

h3 a.life{
margin-left:181px;
vertical-align:middle
}

h3 a.money{
margin-left:177px;
vertical-align:middle
}

h3 a.knowledge{
margin-left:113px;
vertical-align:middle
}

h3 a.beauty{
margin-left:151px;
vertical-align:middle
}

h3 a.hobby{
margin-left:71px;
vertical-align:middle
}

h3 a.net{
margin-left:74px;
vertical-align:middle
}



/*変更箇所*/
.section {
	clear:both;
    width: 850px;
	padding-bottom:10px;
    margin: 15px auto;
    text-align: left;
}

/*変更箇所*/
#wrapper {
    background-position: left top;
    background-repeat: no-repeat;
    margin: auto;
	padding-top:10px;
}

#logo {
    background-image: url(../img/top/topheader.jpg);
    background-repeat: no-repeat;
    width: 284px;
    height: 96px;
    text-indent: -10000px;
    margin: 30px auto 10px auto;
}

/**
 * tabs
 */
#tabs {
background-color:#BFD9FF;
margin-bottom:25px;
margin-top:35px
}
#tabs li.question,
#tabs li.search {
    float: left;
}

/*一時使用止め
#tabs ul li a {
    width: 90px;
    height: 25px;
    margin-right: 4px;
    text-indent: -10000px;
}
#tabs .question a {
    background-image: url(../img/top/top_tabquestion.gif);
}
#tabs .question a.active {
    background-image: url(../img/top/top_tabquestion_on.gif);
}
#tabs .search a {
    background-image: url(../img/top/top_tabsearch.gif);
}
#tabs .search a.active {
    background-image: url(../img/top/top_tabsearch_on.gif);
}
#tabs #question_complete a {
    text-indent: 0;
}
*/

/** * from_area */

#form_area {
	background:url(../img/form_area_top.gif) no-repeat center top;
    background-color: #BFD9FF;
	overflow:hidden;
	padding:68px 0 10px 10px;
	display:block;
}

#form_tab{
float:left;
width:142px;
overflow:hidden;
}

#form_tab li{
width:142px;
height:36px;
overflow:hidden;
padding-bottom:5px;
}

.form{
border:medium none;
}

#options{
display:inline;
vertical-align:top;
}

#options2{
display:inline;
vertical-align:top;
}

#form_area h1 {
	background: transparent url(../img/icon_question_form.gif) no-repeat left top;
	border-bottom: 1px dotted #428DFF;
	color: #428DFF;
	font-size: 130%;
	font-weight: bold;
	height: 25px;
	margin-bottom: 5px;
	padding: 5px 0 0 41px;
}
#form_area h2 {
	border: 1px solid #589FE7;
	border-top-width: 5px;
	font-weight: bold;
	padding: 5px 12px;
}
#form_area a {
	text-decoration: none;
}
#form_area strong {
    font-weight: bold;
}

#form_area #loading{
	background-color: #fff;
	padding:0 10px 10px;
	width:668px;
	float:left;
	overflow:hidden;
}

#form_area #content_area {
	background-color: #fff;
	padding:0 10px 10px;
	width:668px;
	float:left;
	height:auto !important;
	height:165px;
	min-height:165px;
}

#form_area #content_area2 {
	background-color: #fff;
	padding:2px 10px 8px;
	width:668px;
	float:left;
	height:auto !important;
	height:149px;
	min-height:149px;
}

#form_area #content_area3 {
	background-color: #fff;
	padding:0px 10px 3px;
	width:668px;
	height:auto !important;
	height:160px;
	min-height:156px;
	float:left;
}

#form_area #content_area3 p.recent_question{
clear:both;
}

#form_area #content_area3 p.point{
float:left;
padding:5px 0 0 0;
text-align:right;
width:140px;
}

#form_area #content_area3 p.info{
float:left;
padding:5px 0 0 0;
text-align:right;
width:140px;
}

#form_area #content_area4 {
	background-color: #fff;
	background-image:url(../img/form_note_bg.gif);
	background-repeat:no-repeat;
	width:688px;
	height:auto !important;
	height:216px;
	min-height:216px;
	float:left;
}

#form_area #content_area4 p.point {
width:677px;
padding-top:5px;
text-align:right;
font-size:90%;
}

#form_area #content_area4 p.info{
width:677px;
font-size:90%;
text-align:right;
}


#content_area_select{
background-color:#FFFFFF;
float:left;
height:auto !important;
min-height:165px;
padding:0 10px 10px;
width:810px;
}


#form_area img.note_btn {
margin:130px 0 10px 70px;
}

#form_area #loading {
    text-align: center;
}

#formarea #loading img {
	margin: auto;
}

#form_area .options,
#form_area .next {
    display: none;
}

#tabs .to_list {
    background-image: url(../img/top/q.gif);
    margin-top: 5px;
}

#form_area .question_text {
	background-color: #EEE;
	border: 1px solid #CCC;
	height: 80px;
	margin: 2px 0;
	padding: 5px;
	height: 80px;
	width: 606px;
	font-size: 90%;
}

#form_area .question_text2 {
	background-color: #EEE;
	border: 1px solid #CCC;
	padding: 5px;
	height: 48px;
	width: 606px;
    font-size : 3em;
}

#form_area .question_text3{
	background-color: #EEE;
	border: 1px solid #CCC;
	height: 80px;
	padding: 5px;
	height: 80px;
	width: 606px;
	font-size: 90%;
}

#form_area ul.left{
width:320px;
float:left;
margin-right:15px;
overflow:hidden;
}

#form_area ul.left li,#form_area ul.right li{
padding-right:25px;
}

#form_area ul.right{
width:320px;
float:left;
overflow:hidden;
}

#form_area #question li{
border-bottom:1px dotted;
}

#form_area #question p.next2{
clear:both;
text-align:right;
padding-right:16px;
}

#form_area .question_text:hover {
	border-color: #ffA500;
	background-color: #FFEECA;
}
#form_area .question_text:focus {
	border-color: #ffA500;
	background-color: #FFF;
}
#form_area .confirm,
#form_area .confirm:hover,
#form_area .confirm:focus {
	border: 1px solid #589FE7;
	background-color: #EEE;
	overflow: auto;
}
#form_area .category_select label {
	font-size: 80%;
}
#form_area .category_select ul li {
	float: left;
	margin-right: 5px;
}
#form_area .category_select select {
	height: 120px;
	width: 180px;
}
#form_area .category_select select:hover {
	border: 1px solid #ffA500;
	background-color: #FFEECA;
}
#form_area #question {
	margin-bottom: 5px;
	overflow:hidden;
}

#form_area #question p.text {
	background:url(../img/form_text.gif) no-repeat;
	height:47px;
	text-indent:-9999px;
	width:660px;
}

#form_area #question p.text2 {
	background:url(../img/form_text2.gif) no-repeat center center;
	height:62px;
	text-indent:-9999px;
	width:660px;
}

#form_area #question p.text3 {
	float:left;
	background:url(../img/form_text3.gif) no-repeat center center;
	height:50px;
	text-indent:-9999px;
	width:515px;
}

#form_area #question p.text4{
	float:left;
	text-indent:-9999px;
}



#form_area #question_complete {
	margin: 10px;
}
#form_area #question_complete li {
	list-style: inside disc;
}
#form_area #email {
	width: 250px;
}
#form_area .q_name {
	margin-right: 10px;
}
#form_area .notes {
	font-size: 100%;
	line-height: 100%;
	color: #C00
    margin-bottom: 10px;
}
#form_area .info {
    line-height: 100%;
    margin-bottom: 10px;
}
#form_area .remind {
	background-color: #eee;
	padding: 10px;
	text-align: center;
}
#form_area .login {
		text-align: center;
		margin-top: 10px;
		width: 270px;
		margin: 10px auto;
}
#form_area .login li {
		text-align: right;
}
#form_area .errorlist li {
		text-align: center;
}
#form_area a.one_more {
	display: block;
	border: 1px solid #589FE7;
	margin: 20px auto 10px auto;
	text-decoration: none;
	width: 120px;
    height: inherit;
	text-align: center;
	color: #589FE7;
    text-indent: 0;
}
#form_area a.one_more:hover {
	background-color: #589FE7;
	color: #fff;
}

/** search_area */

#search_area {
    display: none;
    border: 1px solid #BFD9FF;
    padding: 10px;
    background-color: #E8F0FF;
}

#search_area #content_area {
    background-color: #FFFFFF;
    padding: 10px;
}
#search_area .searchbox {
    color: #666666;
    font-size: 3em;
    margin: 0;
    width: 570px;
    padding: 0 5px;
    vertical-align: bottom;
}

/**
 * cloud
 */

#cloud {}

#up_word{
background-color:#E6F0FF;
border-bottom:#BFD9FF 2px solid;
background: url(../img/up_word.jpg) no-repeat left center;
}

/*変更箇所*/
#cloud .label {
    width: 160px;
    height: 25px;
    float: left;
    text-indent: -10000px;
}
#cloud #utime {
    float: left;
    margin-top: 5px;
    margin-left: 16px;
}

#cloud .to_list {
    background-image: url(../img/top/a.gif);
    margin-top: 5px;
}

#cloud #keywords {
    border: 1px solid #E6F0FF;
    padding: 10px;
    background-color: #E6F0FF;
}

#cloud #keywords div {
    background-color: #FFFFFF;
    padding: 10px;
}

#cloud #keywords a { }

#cloud #keywords img {
    margin-right: 8px;
}

#cloud #keywords a.trend1 {
    color: red;
}

#cloud #keywords a.trend2 {
    color: green;
}

#cloud #keywords a.trend3 {
    color: blue;
}

/**
 * category
 */

#category {
    background-image: url(../img/top/top_category_back.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}

#category a {
    color: #666666;
}

#category #border_left {
    background-image: url(../img/top/top_category_left.jpg);
    float: left;
    width: 6px;
    height: 104px;
}

#category #border_right {
    background-image: url(../img/top/top_category_right.jpg);
    float: right;
    width: 6px;
    height: 104px;
}

#category .to_list {
    float: right;
    margin-top: 8px;
    margin-right: 8px;
    font-size: 90%;
}

#category .label {
    background-image: url(../img/top/top_category_label.jpg);
    width: 61px;
    height: 27px;
    text-indent: -10000px;
    position: relative;
    left: 15px;
}

#category #list {
    font-size: 85%;
    margin-left: 15px;
    margin-top: 10px;
}

#category #list .wrap {
    float: left;
    width: 125px;
    margin-right: 2px;
}

#category #list .last {
    margin: 0;
}

#category #list .wrap dt {
    font-weight: bold;
}

#category #list .wrap dd {
    padding-left: 10px;
}

/**
 * footer
 */

#footer {
    border-top: 1px solid #CCCCCC;
    margin: 0;
    padding-top: 10px;
}

.footer_navi { 
border-top:1px solid #CCCCCC;
margin:0;
padding-top:10px;
text-align:center;
}


.footer_navi li {
    border-left:1px solid gray;
	display:inline;
	padding-left:5px;
}

.footer_navi li.first {
border:medium none;
}


#footer #copyright {
    border: 0;    
    padding: 0;
}

#footer #copyright img {
    vertical-align: middle;
    margin-left: 10px;
}

#options2 a.right{
margin-left:145px;
}

/*form質問する*/

input.question_text_nickneame{
margin-left:5px;
}


/* end of file */