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


/*////////////////////////////////////////////////////////////////////////*/
/* base */
/*////////////////////////////////////////////////////////////////////////*/
* {
  margin: 0px;
  padding: 0px;
}
*{
  line-height:1.4;
}
body {
  font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Sans-Serif;
  margin:0;
  padding:0;
  font-size: 75%;
  text-align:center;
  background-color: #FFFFFF;
  color: #444444;
}
img{
  border:0;
}
pre {
  font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Sans-Serif;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
  width: 100%;
  overflow:hidden;
  margin: 0px;
  padding: 0px;
  color: #333333;
}
p {
  word-wrap: break-word; 
  }     /* IE 5.5+ */

#container ul{
  list-style-type: none;
  list-style-position: outside;
}

.clearfloat {
  clear:both;
  height:0;
  font-size:1px;
  line-height:0px;
}

/*////////////////////////////////////////////////////////////////////////*/
/* common link color */
/*////////////////////////////////////////////////////////////////////////*/

* a{
  color:#0E5DC0;

}
a:hover {
  text-decoration:underline;
  color:#000;
}



/*////////////////////////////////////////////////////////////////////////*/
/* link color */
/*////////////////////////////////////////////////////////////////////////*/

#ad_top_super {
margin-top:30px;
text-align:center;
}

.more a,
.footerInfo a,
.sortnavi a,
.content_footprint a,
.info a,
.siteInfo li a,
.content_relation a,
#headerLink a{
  text-decoration:underline !important;
  height:100px;
}

#body_bg{
	background-color: #e7e7e7;
	background-image: url(/images/special/shy_mode/promo_bg.gif);
	background-repeat: repeat-x;
}

/*質問ボタン*/
.qestion_button {
	height: 75px;
	padding-top: 8px;
}

.qestion_button a {
	font-size: 22px;
	font-weight: bold;
	display: block;
	background-image: url(/images/special/campaign02/qestion_button.gif);
	background-repeat: no-repeat;
	width: 246px;
	height: 62px;
	color: #FFFFFF;
	padding-top: 13px;
	padding-left: 60px;
	margin: 0px auto;
	text-decoration: none;
}
.qestion_button a span {
	font-size: 15px;
	color: #666666;
}

.qestion_button a:hover {
	background-image: url(/images/special/campaign02/qestion_button_hover.gif);
	width: 246px;
	height: 62px;
	color: #FFFFFF;
	text-decoration: none;
}


#feature-header {
	width: 986px;
	background-image: url(/images/special/shy_mode/feature-header.gif);
	background-repeat: no-repeat;
	height: 257px;
	margin: 10px auto 0 auto;
}

#arrow {
	width: 986px;
	background-image: url(/images/special/shy_mode/arrow.gif);
	background-repeat: no-repeat;
	height: 69px;
	margin: 0 auto;
	font-size: 20px;
	font-weight: 700;
	color: #FFFFFF;

}

/*シャイモードの登録の仕方*/
.shy_mode_step_title {
	padding-top:15px;
	padding-left:70px;
	font-size: 14px;
}
.shy_mode_step_description {
	padding: 197px 14px 0;
	width: 283px;
}
.shy_mode_step1 {
	float:left;
	width: 321px;
	height: 276px;
	background-image: url(/images/special/shy_mode/shy_mode_step1.gif);
	background-repeat: no-repeat;
	margin: 0 auto;
}
.shy_mode_step2 {
	float:left;
	width: 321px;
	height: 276px;
	background-image: url(/images/special/shy_mode/shy_mode_step2.gif);
	background-repeat: no-repeat;
	margin: 0 auto;
}
.shy_mode_step3 {
	float:left;
	width: 311px;
	height: 276px;
	background-image: url(/images/special/shy_mode/shy_mode_step3.gif);
	background-repeat: no-repeat;
	margin: 0 auto;
}

/*回答がついたらの部分*/

.if_get_comment {
	width: 916px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.if_get_comment_step1,
.if_get_comment_step2,
.if_get_comment_step3 {
	height: 182px;
	width: 290px;
	float: left;
	font-size: 13px;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 10px;
}

.if_get_comment_step1 {
	background-image: url(/images/special/shy_mode/if_get_comment_1.gif);
	background-repeat: no-repeat;
	margin-right: 8px;
}

.if_get_comment_step2 {
	background-image: url(/images/special/shy_mode/if_get_comment_2.gif);
	background-repeat: no-repeat;
	margin-right: 8px;
}
.if_get_comment_step3 {
	background-image: url(/images/special/shy_mode/if_get_comment_3.gif);
	background-repeat: no-repeat;
}

.content_details .if_get_comment h4 {
	background-image: url(/images/special/shy_mode/if_get_comment_title.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 876px;
	font-size: 15px;
	padding-left: 40px;
	padding-top: 10px;
	border-style: none;
}

#feature-header .title {
	padding: 10px;
	font-size: 14px;
}

#feature-header .dd {
	background-position: bottom;
}


#feature-header h2 {
	text-indent:-9999px;
	letter-spacing: -0.1em;

}

#promo_content {
    width: 956px;
	background-image: url(/images/special/shy_mode/promo_bg_center.gif);
	background-repeat: repeat-y;
	padding: 10px 15px;
	margin: 0 auto;
}

#promo_bg_bottom {
	background-image: url(/images/special/shy_mode/promo_bg_bottom.gif);
	width: 986px;
	background-repeat: no-repeat;
	height: 10px;
	margin: 0 auto;
}

#promo_content .promo_title {
	background-image: url(/images/special/shy_mode/promo_title.gif);
	background-repeat: no-repeat;
	font-size: 16px;
	height: 39px;
	width: 898px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 15px auto;
	padding: 7px 0 0 18px;
}

.content_details {
	width: 916px;
	margin: 5px auto 10px auto;
}

#promo_content .content_details .request {
	list-style-type: square;
	padding-left: 30px;
	font-size: 14px;
}

#promo_content .content_details p {
	padding-left: 15px;
}

#promo_content .content_details ul {
   padding-left: 20px;
}

/*「こんな回答が返ってきます」吹き出し部分*/


#recent_questions_and_ansers {
	width: 900px;
	height:148px;
	margin: 5px auto 10px auto;
}

#recent_question_title{
	font-size:20px;
	font-weight:bold;
	padding-left: 5px;
}
#recent_question {
	font-size:15px;
	margin-bottom: 10px;
	
}
#recent_question_image  {
	float: left;
	width: 54px;
	margin-right: 20px;
}

#recent_answer {
	background-position:right bottom;
	font-size:15px;
	text-align:right;
	margin-top: 10px;
	
}
#recent_answer_image {
	float: right;
	width: 54px;
	margin-left: 20px;
}

/*question吹き出し*/
.comment_box_c {
	background-image: url(/images/special/shy_mode/comment_box_c_l.gif);
	background-repeat: repeat-y;
	float: left;
	width: 544px;
}

.comment_box_t_l {
	background-image: url(/images/special/shy_mode/comment_box_t_l.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 544px;	
}

.comment_box_b {
	background-image: url(/images/special/shy_mode/comment_box_b_l.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 9px;
	width: 544px;
}

#recent_question pre{
	width: 505px;
	padding: 5px 5px 0 35px;
	font-size: 15px;	
}

/*answer吹き出し*/

.comment_box_c_r {
	background-image: url(/images/special/shy_mode/comment_box_c_r.gif);
	background-repeat: repeat-y;
	width: 544px;
	float: right;
	}

.comment_box_t_r {
	background-image: url(/images/special/shy_mode/comment_box_t_r.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 544px;
}
	
.comment_box_b_r {
	background-image: url(/images/special/shy_mode/comment_box_b_r.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 9px;
	width: 544px;
}

#recent_answer pre{
	width: 505px;
	padding: 5px 35px 0 5px;
}


/*「キャンペーン実施中」部分*/
.campaign_box img {
	float: left;
	width: 80px;
	margin: 12px;
}
.campaign_box {
	font-size: 14px;
}

.campaign_box .campaign_details a{
	font-size: 19px;
	text-decoration: underline;
	font-weight: bold;
}

.campaign_box {
	width: 916px;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 10px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #a70503;
}
.campaign_title {
	background-image: url(/images/special/shy_mode/campaign_title.gif);
	background-repeat: no-repeat;
	font-size: 16px;
	height: 39px;
	width: 898px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0 auto;
	padding: 7px 0 0 18px;
}

/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
.clearfix{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}
/* End hide from IE-mac */