/*------ Q＆A用CSS ------*/
.cf:after{ 
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
   content:".";
}
/* 追加 MacIE 5 と WinIE 7 向け */
.cf{
   display:inline-block;
}
/*MacIE \*/
* html .cf{
    height:1em;
}
.cf{
    display:block;
}
/*  */

/* 完了メッセージ用 by katsumura  */
#contents p.messageCon {
background:#A6DFFF none repeat scroll 0 0;
border:1px solid #3366FF;
font-weight:bold;
height:1%;
padding:10px 15px;
}

div#contents div.entry h1.qatitle{
background-color:#FFFFFF;
background-image:none;
margin:0px 0px 10px 0px;
padding:10px 0px 0px 0px;
}

p.tCenter{
padding:30px 0px 25px 0px;
}

div#contents div.entry p.f90{
    font-size:90%;
}

/* 登録フロー */
div.entry ul#flow{
width:615px;
padding:0px 0px 10px 0px;
margin:0px;
}

ul#flow li{
background:none;
display:inline;
padding:0px;
margin:0px;
}

ul#flow li img{
vertical-align:bottom;
}

/* フォームテーブル */
table.qaform{
line-height:1.5;
}

div#contents div.entry table.qaform td.caption p.r{
font-size:90%;
margin:3px 0px 0px 0px;
padding:0px;
}

div#contents div.entry table.qaform td.caption p.l{
font-weight:bold;
font-size:120%;
padding:0px;
margin:0px;
}

/* 2009.11.17 変更（width追加）by katsumura */
table.qaform select{
margin:4px 0px 4px 0px;
width: 180px;
}

/* ボタン指定 */
p.button{
padding:0px 0px 10px 0px;
text-align:center;
}

p.button input{margin:0px 5px 0px 5px;}

/* エラー部分 */
#main #contents ul.errlist{
margin:0px 0px 10px 0px;
}

div#errorArea{
margin:10px 0px 0px;
}

/* ピックアップ */
div#pickUp h2{
margin:0px;
}

div#pickUp{
border:1px solid #CCC;
}

div#contents div.entry div#pickUp dl{
width:195px;
float:left;
display:inline;
position: relative;
margin:0px 0px 0px 8px;
}

div#pickUp dt{  
font-weight: bold;
padding:15px 0px 0px 75px;
}

div#pickUp dt img{
width:71px;
position: absolute;
top: 25px;
left: 0px;
}

div#pickUp dd {
margin-bottom: 15px;
padding-left: 75px;
height:30px;
font-size:90%;
line-height:1.3;
}
 
div#pickUpIn > dd {
min-height: 30px;
height: auto;
}

/* Q&Aトップ */
div#qaTopArea p{
float:left;
width:249px;
}

#contents .entry p0 {
    margin:0px 3px 10px 3px;
    font-size:1.2em;
    line-height:1.6em;
}


/* 質問してみよう・質問検索 */
div#contents div.entry div.qaTopForm{
margin:10px 0px 0px 0px ;
padding:0px;
background-color:#f8f8f8;
border:1px solid #CCC;
}

div#contents div.entry div.qaTopForm dl{
padding:0px;
margin:0px
}

div.qaTopForm dd.tCenter{
padding:10px 0px 10px 0px;
}

div.qaTopForm dd.tCenter input{
margin:0px 5px 0px 5px;
padding:0px;
vertical-align: middle;
}

div.qaTopForm dd.tRight{
margin:0px 10px 10px 0px;
}

div#qaTopArea img{
float:right;
width:349px;
}

/* 質問部分 */
div#contents div.entry div.qList{
border-bottom:1px dotted #CCC;
margin:0px 0px 15px 0px;
}

div#contents div.entry div.rSection{
float:right;
width:554px;
}

div#contents div.entry div.comment{
background:url(../images/bg_qaBtm.gif) no-repeat bottom;
padding-bottom:5px;
}

div#contents div.entry div.comment dl{
margin:0px;
padding:0px;
background:url(../images/bg_qaTop.gif) no-repeat;
}

div.comment dt{
font-weight:bold;
font-size:120%;
background:url(../images/icon_qa.gif) no-repeat 20px center;
padding:3px 0px 3px 40px;
}

div.comment dt img{
margin:0px 0px 0px 5px;
}

div#contents div.entry div.comment dd{
padding:0px 10px 0px 20px;
}

div#contents div.entry div.rSection ul{
width:543px;
height:100%;
background-color:#fbffca;
padding:5px 0px 3px 0px;
margin:5px 0px 5px 12px;
}

div#contents div.entry div.rSection ul li{
float:left;
padding:0px;
margin:0px 20px 0px 10px;
display:inline;
}

div#contents div.entry .questioner{
background:url(../images/icon_questioner.gif) no-repeat left top;
}

div#contents  div.entry div.rSection ul li.questioner {
padding:0px 0px 0px 15px;
}

div#contents  div.entry .day{
background:url(../images/icon_day.gif) no-repeat left center;
}

div#contents  div.entry div.rSection ul li.day {
padding:0px 0px 0px 18px;
}
div#contents  div.entry .answer{
background:url(../images/icon_answer.gif) no-repeat left center;
}
div#contents  div.entry .answerer{
background:url(../images/icon_answerer.gif) no-repeat left center;
}

div#contents  div.entry div.rSection ul li.answer{
padding:0px 0px 0px 20px;
}



/* Twitter */

#contents .twit_entry dl {
 margin: 0 4px;
}

div#contents div.twit_header {
margin-left: 20px;
}

div#contents div.twit_header h2.twit_headline{
padding-left: 25px;

}

div#contents div.twit_header span{
padding: 0 0 5px 0;
display:block;
}

div#contents div.entry div.twit_list{
	background:url(/common/images/twit_list_sb.jpg) no-repeat scroll 10px bottom transparent ;
	width:615px;
	height:285px;
	margin:20px 0px 0px 0px;
	display:block;
	usemap:#map_1;
}


div#contents div.twit_entry div.ttList{
#border-bottom:1px dotted #CCC;
margin:0px 0px 0px 0px;
}

div#contents div.twit_entry div.ttList p{
margin-bottom: 0px; 
margin-top: 20px; 
padding-left: 10px; 
font-size: 1em; 
border-bottom-width: 5px; 
padding-bottom: 5px;
}



div#contents div.twit_entry div.tList{
margin:0px 0px 10px 0px;
}

div#contents div.twit_entry div.trSection{
float:right;
width:520px;
}

div#contents div.twit_entry div.tcomment_1{
background:url(../images/twit_exhibitor_f2.jpg) no-repeat scroll 0px bottom transparent;
padding-bottom:5px;
margin:0px 0px 0px 0px;
}

div#contents div.twit_entry div.tcomment_2{
background:url(../images/twit_hashu_f2.jpg) no-repeat scroll 0px bottom transparent;
padding-bottom:5px;
margin:0px 0px 0px 0px;

}

div#contents div.twit_entry div.tcomment_3{
background:url(../images/twit_keyword_f2.jpg) no-repeat scroll 0px bottom transparent;
padding-bottom:5px;
margin:0px 0px 0px 0px;

}


div#contents div.twit_entry div.tcomment_1 dl{
margin:0px 0px 5px 0px;
color:#696969;
padding:10px 0 0;
background:url(../images/twit_exhibitor_f1.jpg) no-repeat scroll 0 0 transparent;
}

div#contents div.twit_entry div.tcomment_2 dl{
color:#696969;
margin:0px 0px 5px 0px;
padding:10px 0 0;
background:url(../images/twit_hashu_f1.jpg) no-repeat scroll 0 0 transparent;
}

div#contents div.twit_entry div.tcomment_3 dl{
color:#696969;
margin:0px 0px 5px 0px;
padding:10px 0 0;
background:url(../images/twit_keyword_f1.jpg) no-repeat scroll 0 0 transparent;
}

div.tcomment_1 dt{
color:#696969;
font-size:100%;
padding:3px 20px 0px 25px;
}

div.tcomment_2 dt{
color:#696969;
font-size:100%;
padding:3px 20px 0px 25px;
}

div.tcomment_3 dt{
color:#696969;
font-size:100%;
padding:3px 20px 0px 25px;
}


div.tcomment_1 div.tcomment_2 div.tcomment_3 dt img{
margin:0px 0px 0px 15px;
}

div#contents div.twit_entry dd{
text-align:right;
padding:0px 20px 0px 20px;

}

div#contents div.twit_entry dd span {
font-weight:bold;
#text-decoration:underline;
margin: 0 10px 0 0;
}



div#contents div.twit_entry div.trSection ul{
width:483px;
height:100%;
background-color:#fbffca;
padding:5px 0px 3px 0px;
margin:5px 0px 5px 12px;
}

div#contents div.twit_entry div.trSection ul li{
float:left;
padding:0px;
margin:0px 20px 0px 10px;
display:inline;
}

div#contents div.twit_entry .questioner{
background:url(../images/icon_questioner.gif) no-repeat left top;
}

div#contents  div.twit_entry div.rSection ul li.questioner {
padding:0px 0px 0px 15px;
}

div#contents  div.twit_entry .day{
background:url(../images/icon_day.gif) no-repeat left center;
}

div#contents  div.twit_entry div.rSection ul li.day {
padding:0px 0px 0px 18px;
}



div#contents div.twit_entry div.tList div.tFrame {
	border: 1px solid #ccc;	
	width: 52px; 
	height: 52px;
}

div#contents div.twit_entry p {
margin:0px;
}


div#contents  div.twit_entry p.tImage img{
width:42px;
height:42px;
margin:5px;
}

div#contents h2.twit_headline {
    background: url("/common/images/twit_title_header.jpg") no-repeat scroll left bottom transparent;
	display: block;
    padding: 5px 16px 4px;
}

/* 回答数表示用に追加 2010.10.15 Start */
div#contents  div.entry .answer{
background:none;
float:right;
text-align:left;
}
div.qaHot ul.qaList .answer{
float:right;
}
#accepting_wapper div.sideBox .answer{
float:right;
}
div#hotQestion dd.answer{
padding:0px;
float:right;
}
/* 回答数表示用に追加 2010.10.15 End */
div#contents div.entry div.qList p.qImage{
float:left;
width:58px;
margin:0px;
padding:0px 0px 5px 0px;
}

/* 質問詳細 */
div#contents div.entry div.qDetail{
width:615px;
background:url(../images/bg_qDetailBtm.gif) no-repeat bottom;
padding:0px 0px 12px 0px;
margin:0px 0px 10px 0px
}

div#contents div.entry div.qDetailIn{
background:url(../images/bg_qDetailMdl.gif) repeat-y;
}

div#contents div.entry div.qDetailArea{
background:url(../images/bg_qDetailTop.gif) no-repeat;
padding:12px 0px 0px 0px;
}

div.leftArea{
float:left;
width:104px;
text-align:center;
}

/* 2009.11.17 変更（左寄りすぎ補正）by katsumura */
div#contents div.entry div.leftArea p{
font-size:100%;
line-height:1.3;
margin:3px 0px 3px 3px;
}

div#contents div.entry div.leftArea p img{
vertical-align:bottom;
}

div.rightArea{
float:right;
width:497px;
display:inline;
margin:0px 12px 0px 0px;
}

div#contents div.entry div.rightArea h2{
margin:0px;
padding:0px 0px 0px 35px;
background:url(../images/icon_qa.gif) no-repeat 15px 2px;
font-size:1.3em;
}

div#contents div.entry div.rightArea h2 img{
margin:0px 0px 0px 5px;
}

div#contents div.entry div.rightArea p.cat{
background:url(../images/icon_cat.gif) no-repeat left 2px;
padding:0px 0px 8px 20px;
margin:0px 0px 0px 18px;
font-size:100%;
}

div.qComment{
width:497px;
background:url(../images/bg_detailCmBtm.gif) no-repeat bottom;
padding:0px 0px 12px 0px;
margin:5px 0px 12px 0px;
}

div.qCommentIn{
background:url(../images/bg_detailCmMdl.gif) repeat-y;
}

div#contents div.entry div.qCommentIn p{
background:url(../images/bg_detailCmTop.gif) no-repeat;
padding:12px 10px 5px 30px;
margin:0px;
min-height:45px;
height: auto !important;  
height: 45px;
}

div#contents div.entry div.both{
margin:5px 0px 0px 0px;
font-size:80%;
}
div.both img{vertical-align:middle;}
p.day{padding:0px 0px 0px 18px;}

div#contents div.entry div.both p.day{
margin:0px 0px 0px 18px;
}

p.answer{padding:0px 0px 0px 20px;}

div.both p.lTxt{float:left;}

div.both p.rTxt{float:right;}
div.both a{margin:0px 5px 0px 5px}

/* 回答 */
div#contents div.entry div.aDetail{
width:615px;
background:url(../images/bg_aDetailBtm.gif) no-repeat bottom;
padding:0px 0px 12px 0px;
margin:0px 0px 10px 0px;
}

div#contents div.entry div.aDetailIn{
background:url(../images/bg_aDetailMdl.gif) repeat-y;

}

div#contents div.entry div.aDetailArea{
background:url(../images/bg_aDetailTop.gif) no-repeat;
padding:12px 0px 0px 0px;

}

div.aDetail div.leftArea,div.aMaster div.leftArea{width:140px;}
div.aDetail div.rightArea,div.aMaster div.rightArea{width:462px;}

div.aComment{
width:462px;
background:url(../images/bg_aCommentBtm.gif) no-repeat bottom;
padding:0px 0px 12px 0px;
}

div.aCommentIn{
background:url(../images/bg_aCommentMdl.gif) repeat-y;
}

div#contents div.entry div.aCommentIn p{
background:url(../images/bg_aCommentTop.gif) no-repeat;
padding:12px 15px 5px 30px;
margin:0px;
min-height:45px;
height: auto !important;  
height: 45px;
}

div#contents div.entry div.aDetail div.rightArea p.day,div#contents div.entry div.aMaster div.rightArea p.day{
margin:0px 0px 0px 15px;
font-size:100%;
}

/*ゲスト回答者*/
div.aDetail div.guest{
float:left;
width:120px;
padding:0px 0px 0px 20px;
text-align:left;
}

/* 事務局の回答 */
div#contents div.entry div.aMaster{
width:615px;
background:url(../images/bg_aMasterBtm.gif) no-repeat bottom;
padding:0px 0px 12px 0px;
margin:0px 0px 10px 0px;
}

div#contents div.entry div.aMasterIn{
background:url(../images/bg_aMasterMdl.gif) repeat-y;

}

div#contents div.entry div.aMasterArea{
background:url(../images/bg_aMasterTop.gif) no-repeat;
padding:12px 0px 0px 0px;

}

div.MasterCm{
width:462px;
background:url(../images/bg_masterCmBtm.gif) no-repeat bottom;
padding:0px 0px 12px 0px;
}

div.MasterCmIn{
background:url(../images/bg_masterCmMdl.gif) repeat-y;
}

div#contents div.entry div.MasterCmIn p{
background:url(../images/bg_masterCmTop.gif) no-repeat;
padding:12px 15px 5px 30px;
margin:0px;
min-height:45px;
height: auto !important;  
height: 45px;
}


/* 返信 */
div#contents div.entry dl.return{
margin:10px 0px 0px 15px;
border:1px dotted #2d2d2d;
padding:5px;
}
div#contents div.entry dl.return dt{
padding:0px 0px 0px 15px;
}

/* 返信日 */

dl.return dd.reday{
margin:5px 0 0 0;
background:url(../images/icon_re.gif) no-repeat left 6px;
padding:2px 0 0 15px;
border-top:1px solid #999;
}

/* 質問一覧 */
div.btPosition{
position:absolute;
left:470px;
top:93px;
}

/* 人気の質問 共通部分*/
div#hotQestionTop dt,div#hotQestion dt{
font-weight:bold;
background:url(../images/icon_qa.gif) no-repeat left 4px;
padding:3px 0px 3px 20px;
}

div#hotQestionTop dl,div#hotQestion dl{
border-bottom:1px dotted #8c8c8c;
}


/* 人気の質問TOP用 */
div#hotQestionTop{
width:298px;
margin:15px 0px 0px 0px;
float:left;
}

div#hotQestionTop dl{
width:285px;
padding:5px 0px 5px 5px;
}


div#hotQestionTop dd.questioner{
padding:0px 0px 0px 15px;
float:left;
}
/* 2010.10.15 K.Abe 修正 */
div#hotQestionTop dd.answer{
/*padding:0px 0px 0px 20px;*/
float:right;
}
/* 人気の質問　一覧ページ用 */
div#contents div.entry div#hotQestion{
padding:20px 0px 0px 0px;
}

div#contents div.entry h2.gTitle{
background-color:#a9a9a9;
color:#FFF;
font-weight:bold;
font-size:100%;
padding:3px 0px 3px 5px;
margin:0px;
}

div#hotQestion dl{
padding:5px 0px 5px 0px;
}

div#hotQestion dt{
float:left;
width:425px;
}

div#hotQestion dd{
float:right;
background:url(../images/icon_answer.gif) no-repeat left center;
padding:3px 0px 0px 20px;
}

/* QA用に追加wapper  */
#accepting_wapper {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FFFFFF none repeat scroll 0 0;
    margin:0 auto;
    padding:0;
    text-align:left;
    width:298px;
}

#category_wapper {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FFFFFF none repeat scroll 0 0;
    margin:0 auto;
    padding:0;
    text-align:left;
    width:298px;
}
#category_wapper h2.gTitle{
    line-height:1.3em;
}

#qawapper {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:#FFFFFF none repeat scroll 0 0;
    margin:0 auto;
    padding:0;
    text-align:left;
    width:298px;
}
#qawapper dt {
    font-weight:bold;
    margin:0px 0 0 10px;
    padding:0;
}
#qawapper dd {
    margin:0;
    padding:0;
}

#qawapper dl {
    padding:10px 10px 10px 0;
}
#qawapper ul.catIcon li a {
    font-weight:normal;
}

#qawapper ul.catIcon li {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../images/icon_cat.gif) no-repeat scroll 0 0;
    font-weight:bold;
    line-height:1.5;
    padding:0 0 0 25px;
}

#qawapper ul.catIcon li span {
color:#969696;
font-weight:normal;
}


/* カテゴリTOP用 */
div#categoryOuterTop{
width:298px;
float:right;
margin:0px 0px 0px 0px;
}


div#categoryTop{
width:298px;
float:right;
margin:15px 0px 0px 0px;
}

div#categoryTop h2.gTitle {
background-color:#A9A9A9;
color:#FFFFFF;
font-size:100%;
font-weight:bold;
margin:0;
padding:3px 0 3px 5px;
}

div#categoryTop ul.catIcon{
margin:10px 1px 0px 5px;
}

div#categoryTop ul.catIcon li{ 
background:url(../images/icon_cat.gif) no-repeat left top;
padding:0px 0px 0px 25px;
margin:0px;
float:left;
width:121px;
line-height:1.3;
}

/* その他Q&A */

div.qbtnNext {
margin:20px auto;
text-align:center;
}

div.qbtnNext ul.qnext li {
background:transparent none repeat scroll 0 0 !important;
}


div#other{
margin:15px 0px 0px 0px;
border:1px solid #CCC;
padding:0px 0px 10px 0px;
}

div#other h2{
margin:0px;
padding:0px;
}

div#contents div.entry div#other dl{
width:120px;
float:left;
margin:10px 16px 0px 16px;
text-align:center;
display:inline;
}

div#other dt{
width:114px;
height:60px;
border:3px solid #efefef;
}

div#other dt img{
margin:20px 0px 0px 0px;
}

div#other dt a{
display:block;
width:114px;
height:60px;
}

/* QAトップ質問ボタン */
.qabtn {
    margin:0 0 0 10px;
}

/* 予算表示用に追加 2010.08.10 K.Abe */
.budget {
	padding:3px;
	background:#f0ffff;
}

/*------ Q＆A用CSS ------*/

