/* CSS Document */

/*----------------------------------------
　スタイル
----------------------------------------*/

/* CSS_label

= 01 お悩みQ＆A
= 02 歯と生活習慣病
= 03 ハローアルソン



----------------------------------------*/





/*--------------------------------------*/
/* = 01 お悩みQ＆A
----------------------------------------*/

#include{
 width: 560px;
}

/* エラー
----------------------------------------*/

/*-toh提供コンテンツ-*/

.cb_question #error,
.cb_lifestyle #error{
 padding-bottom: 40px;
}
.cb_question #error p,
.cb_lifestyle #error p{
 width: 530px;
 margin: 0 0 10px 10px;
}

/*-ハローアルソン-*/

.cb_helloalson #error p{
 width: 530px;
 margin: 0 0 15px 15px;
}

.cb_helloalson #error .page_back{
 background: url(../../images/img_common/icon_arrow_orange2) no-repeat left center;
 padding: 0 0 0 18px;
 position: static;
 text-align: left;
}


/* タイトル
----------------------------------------*/

.cb_question h2{
 background: url(../../images/img_contents/t_question.gif) no-repeat;
}

.topimage{
 width: 560px;  height: 70px;
 margin: 0 0 15px 0;
 display: block;  text-indent: -9999px;
}
.cb_question .topimage{
 background: url(../../images/img_contents/img_question.gif) no-repeat;
}

.ti_sub{
 width: 540px;
 margin: 0 0 20px 10px !important;
}

/*-お悩み新着-*/

.newquestion{
 width: 540px;
 margin: 0 0 30px 10px;
}

.cb_question .box_slashbottom{
 padding: 0 0 30px 0;
}

.newquestion h3,
.ls_category h3
{
 background: url(../../images/img_contents/dot_white1px.gif) repeat-x left 1px;
 background-color: #fee3d8;
 margin: 0 0 10px 0;
 padding: 4px 5px 3px 5px;
 font-size: 100%;
}

.newquestion h3 img{
 position: relative; left: 0; top: -12px;
 margin-top: -2px;
}

.newquestion p{
 width: 435px;  min-height: 90px
 margin: 0 0 0 10px;
 padding: 0 85px 0 0;
}
.nq1 p{
 background: url(../../images/img_contents/img_hamigakizai.jpg) no-repeat right top;
}
.nq2 p{
 background: url(../../images/img_contents/img_ninshin.jpg) no-repeat right top;
}
.nq3 p{
 background: url(../../images/img_contents/img_oyashirazu.jpg) no-repeat right top;
}
.nq4 p{
 background: url(../../images/img_contents/img_konmen.jpg) no-repeat right top;
}
.nq5 p{
 background: url(../../images/img_contents/img_eikyuushi.jpg) no-repeat right top;
}

.newquestion span{
 margin: 0 0 7px 0;
 padding: 0 0 3px 0;
 border-bottom: dotted 1px #333;
 font-size: 85%;
 display: block;
}

.newquestion p a{
 background: url(../../images/img_contents/b_counseling.gif) no-repeat left top;
 margin: 20px 0 0 0;
 width: 252px;  height: 25px;
 display: block; text-indent: -9999px;
}
.newquestion p a:hover{
 background-position: right top;
}

/*-過去のお悩み・ご質問一覧-*/

.counselinglist{
 width: 540px;
 margin: 0 0 10px 10px;
}

.counselinglist ul{
 border: solid 5px #fee3d8;
 padding: 15px; /*hack→*/
 font-size: 85%;
}

.counselinglist li{
 display: inline;
 line-height: 220%;
}

.counselinglist li img{
 position: relative; left: 0; top: -10px;
}


/* 回答ページ
----------------------------------------*/

.bs_question h3,
.bs_lifestyle h3,
.info_ad h3,
.info_agency h3{
 background: url(../../images/img_contents/dot_white2px.gif) repeat-x left 2px;
 background-color: #fee3d8;
 width: 545px;
 margin: 0 0 15px 0;
 padding: 7px 5px 4px 10px;
 font-size: 100%; color: #333;
 position: relative;
}

.bs_question h3 span,
.bs_lifestyle h3 span,
.info_ad h3 span,
.info_agency h3 span{
 background: url(../../images/img_contents/icon_whitesquare.gif) no-repeat left 1px;
 width: 425px;
 padding: 1px 0 1px 23px;
 display: block;
}

.bs_question h3 a,
.bs_lifestyle h3 a{
 width: 80px;
 text-align: right;
 position: absolute; top: 8px; left: 460px;
 font-size: 85%;
}

.bs_question h4,
.bs_lifestyle h4{
 background: url(../../images/img_common/icon_triangle_orange.gif) no-repeat 12px 4px;
 width: 502px;
 margin: 0 0 15px 10px;
 padding: 0 10px 3px 28px;
 border-bottom: dotted 1px #333;
 font-size: 100%; font-weight: normal; color: #ff4600;
}
.bs_question h4{
 width: 477px;
 padding: 0 35px 3px 28px;
}

.bs_question .answer{
 margin: 0 0 7px 10px;
 font-size: 85%;
}

.bs_question .txtbox{
 width: 508px;
 margin: 0 0 0 10px;
 padding: 15px 15px 5px 15px;
 border: 1px dotted #333;
 position: relative;
}

.bs_question .txtbox p,
.bs_lifestyle .txtbox p{
 margin-bottom: 10px;
 line-height: 160%;
}

.txtbox .copy{
 padding-top: 20px;
 font-size: 85%;
}

.txtbox .doctor{
 position: absolute; left: 488px; top: -65px;
}

/*-回答テキスト内画像-*/

.txtbox .left{
 float: left;
}
.txtbox .right{
 float: right;
}

/*-トップに戻る-*/

.bs_question .page_top_orange,
.bs_lifestyle .page_top_orange{
 background: url(../../images/img_common/icon_arrow_orange2.gif) no-repeat;
 margin: 10px 0 0 15px;
}
.bs_question .page_top_orange a,
.bs_lifestyle .page_top_orange a{
 padding-left: 18px;
}


/* 歯と口の健康を守ろう会
----------------------------------------*/

.info_toh{
 width: 540px;
 margin: 10px 0 0 10px;
 font-size: 85%;
}

.info_toh div{
 background-color: #ececec;
 margin-top: 20px;
 padding: 15px 20px;
}

.info_toh div strong{
 border-bottom: dotted 1px #333;
 margin-bottom: 9px;
 padding-bottom: 3px;
 font-size: 100%;
 display: block;
}










/*--------------------------------------*/
/* = 02 歯と生活習慣病
----------------------------------------*/


/* タイトル
----------------------------------------*/

.cb_lifestyle h2{
 background: url(../../images/img_contents/t_lifestyle.gif) no-repeat;
}

.cb_lifestyle .topimage{
 background: url(../../images/img_contents/img_lifestyle.gif) no-repeat;
}


/* カテゴリ
----------------------------------------*/

.box_slashbottom{
 background: url(../../images/img_common/bg_slash_orange.gif) repeat-x left bottom;
 width: 560px; 
}

.ls_category{
 width: 260px;
 margin: 0 10px 30px 10px;
 float: left; display: inline;
}

.ls_category p{
 width: 165px; height: 90px;
 padding: 0 85px 0 5px;
 font-size: 90%;
 position: relative;
 overflow: hidden;
}
.lsc1 p{
 background: url(../../images/img_contents/img_category1.jpg) no-repeat right top;
}
.lsc2 p{
 background: url(../../images/img_contents/img_category2.jpg) no-repeat right top;
}
.lsc3 p{
 background: url(../../images/img_contents/img_category3.jpg) no-repeat right top;
}
.lsc4 p{
 background: url(../../images/img_contents/img_category4.jpg) no-repeat right top;
}
.lsc5 p{
 background: url(../../images/img_contents/img_category5.jpg) no-repeat right top;
}

.ls_category p a{
 display: blolc; text-indent: -9999px;
 width: 175px;  height: 25px;
 background: url(../../images/img_contents/b_category.gif) no-repeat left top;
 position: absolute; top: 65px; left: 0;
}
.ls_category p a:hover{
 background-position: right top;
}


/* 詳細ページ
----------------------------------------*/

p.pan{
 width: 540px;
 margin: 0 0 15px 10px;
 font-size: 85%;
}

.bs_lifestyle{
 padding-bottom: 20px;
}

.bs_lifestyle .txtbox,
.info_ad .txtbox,
.info_agency .txtbox{
 width: 520px;
 margin: 0 0 0 20px;
}
.info_ad .txtbox,
.info_agency .txtbox{
 margin: 0 0 20px 20px;
}

.bs_lifestyle .next{
 text-align: right;
}

/*-カテゴリ＆目次-*/

/*-左：カテゴリセレクト-*/

a#cc{
 height: 15px;
 display: block;
}

.cc_left{
 width: 280px;
 float: left;
}

.cc_left div{
 width: 240px;
 border: solid 5px #fee3d8;
 padding: 15px 15px 5px 15px;
 font-size: 85%;
}

.cc_left dl{
 clear: both;
 padding: 0 0 10px 0;
}

.cc_left dl dt{
 width: 60px;
 float: left;
}
.cc_left dl dd{
 width: 180px;
 float: right;
}

.cc_left dl dd a{
 margin-bottom: 5px;
 display: block;
}

/*-右：カテゴリ内目次-*/

.cc_right{
 width: 250px;
 margin: 0 10px 0 0;
 float: right; display: inline;
}

.cc_right h3{
 color: #ff4600;
 padding: 10px 0 10px 0;
}

.cc_right ul{
 margin: 0 0 20px 0;
}

.cc_right li{
 margin: 0 0 7px 0;
}

.cc_right .notice{
 background: url(../../images/img_common/bg_rspace);
 margin: 0 0 10px 0;
 padding: 10px;
 border: solid 1px #666;
}








/*--------------------------------------*/
/* = 03 ハローアルソン
----------------------------------------*/


/* タイトル
----------------------------------------*/

.cb_helloalson h2{
 background: url(../../images/img_contents/t_helloalson.gif) no-repeat;
}










/*--------------------------------------*/
/* = __ 広告掲載について＆広告代理店募集
----------------------------------------*/

.cb_aboutad h2{
 background: url(../../images/img_etc/t_aboutad.gif) no-repeat;
}
.cb_aboutad .topimage{
 background: url(../../images/img_etc/img_aboutad.gif) no-repeat;
}

.cb_aboutagency h2{
 background: url(../../images/img_etc/t_aboutagency.gif) no-repeat;
}
.cb_aboutagency .topimage{
 background: url(../../images/img_etc/img_aboutagency.gif) no-repeat;
}

p.topimage{
 margin-bottom: 15px;
}


/* 説明
----------------------------------------*/

.cb_aboutad .box_slashbottom,
.cb_aboutagency .box_slashbottom{
 background-image: none;
 padding: 0 0 30px 0;
}

.info_ad h4,
.info_agency h4{
 width: 530px;
 margin: 0 0 15px 10px;
 padding: 0 10px 3px 0;
 border-bottom: dotted 1px #333;
 font-size: 100%; font-weight: normal; color: #333;
}

.info_ad .txtbox,
.info_agency .txtbox{
 margin-bottom: 30px;
}

/*-料金表-*/

table.adprice{
 width: 520px;
 border-collapse: collapse;
 border: 1px solid #666;
}

table.adprice th{
 background-color: #f8f8ff;
 border: 1px solid #666;
 padding: 5px 0 5px 0;
}
table.adprice td{
 border-right: 1px dotted #666;
 border-bottom: 1px dotted #666;
 text-align: center;
}

/*-お申し込みボタン-*/

.fl{
 width: 212px;  height: 27px;
 margin: 25px 0 30px 0;
 display: block;  text-indent: -9999px;
}

.fl_ad{
 background: url(../../images/img_etc/b_adform.gif) no-repeat left top;
}
.fl_agency{
 background: url(../../images/img_etc/b_agencyform.gif) no-repeat left top;
}
.fl_ad:hover,
.fl_agency:hover{
 background-position: right top;
}

/*-注意-*/

.cb_aboutad .txtbox ul{
 margin: 15px 0 0 0;
 font-size: 85%;
}
.cb_aboutad .txtbox ul li{
 margin: 0 0 0.3em 1.5em;
 text-indent: -1.75em;
 _letter-spacing: 2px;
}