@charset "UTF-8";

/*
Theme Name: 2009copy
Theme URI: http://www.joqr.co.jp/2009copy/
Description: Master CSS file.
Version: 1.0
author: Copyright 2009,Nippon Cultural Broadcasting Inc.All right reserved.
*/

	
/* slightly enhanced, universal clearfix hack */
.clearfix:after{
	visibility:hidden;
	display:block;
	font-size:0;
	content:".";
	clear:both;
	height:0;
	}
	
.clearfix {
    min-height: 1px;
}


/* start commented backslash hack \*/
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* stop commented backslash hack */	


body{
	margin:0 auto;
	padding:0;
	background-color: #eeeeee;
	font-size: 81.3%;
	font-family: "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", arial ,sans-serif;
	line-height: 1.3;

}

* html body{ text-align:center; }


.bold{
	text-indent: 5px;
	line-height: 1.5;
	font-weight: bold;
}

.pink_bold{
	text-indent: 5px;
	line-height: 1.5;
	color: #c93184;
	font-weight: bold;
	font-size: 120%;
}


.pink a{
	text-indent: 5px;
	line-height: 1.5;
	color: #c93184;
	text-decoration:none;
}


.pink a:hover{
	text-decoration:underline;
}


/* #wrapper
---------------------------------------- */

#wrapper{
margin:0px auto;
background: url(../images/wrapper.png) repeat-y center;
width: 1020px;
padding: 0px 10px 0px 10px;
}

/* #container
---------------------------------------- */
#container{
margin:0 auto;
width:1000px;
border-bottom:2px solid #ddd;
}


/*Header Styles
*********************************************************/

/* #header
---------------------------------------- */

#header{
	margin: 0px auto;
	width: 776px;
	height: 90px;
}

.header_left{
	display:inline;
	margin: 20px 0px 20px 10px;
	width: 72px;
	float: left;
}

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


/*------Ie6 hack*/

* html .header_left { text-align:left; }

/*------Ie6 hack*/


.header_right{
	display:inline;
	margin: 20px 0px 0px 0px;
	width: auto;
	float: right;
}

ul#headerNav {
	padding: 0;
	list-style: none;
	margin: 0;
	visibility: visible;
}

ul#headerNav li {
	display:inline;
	list-style-type:none;
}


ul#headerNav li a {
	height:40px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}


/*------off*/
#headerNav li.header_top a {
	background:url(../images/headerNav.jpg) no-repeat 0px 0px;
	width:80px;
}
#headerNav li.header_entry a {
	background:url(../images/headerNav.jpg) no-repeat -80px 0px;
	width:80px;
}
#headerNav li.header_subject a {
	background:url(../images/headerNav.jpg) no-repeat -160px 0px;
	width:80px;
}
#headerNav li.header_qa a {
	background:url(../images/headerNav.jpg) no-repeat -240px 0px;
	width:80px;
}
#headerNav li.header_result a {
	background:url(../images/headerNav.jpg) no-repeat -320px 0px;
	width:80px;
}


/*------hover*/
#headerNav li.header_top a:hover  {
	background:url(../images/headerNav.jpg) no-repeat 0px -40px;
}
#headerNav li.header_entry a:hover  {
	background:url(../images/headerNav.jpg) no-repeat -80px -40px;
}
#headerNav li.header_subject a:hover  {
	background:url(../images/headerNav.jpg) no-repeat -160px -40px;
}
#headerNav li.header_qa a:hover  {
	background:url(../images/headerNav.jpg) no-repeat -240px -40px;
}
#headerNav li.header_result a:hover  {
	background:url(../images/headerNav.jpg) no-repeat -320px -40px;
}

/*------on*/
#headerNav li.header_top_on  a {
	background:url(../images/headerNav.jpg) no-repeat 0px -80px;
	width:80px;
}
#headerNav li.header_entry_on  a {
	background:url(../images/headerNav.jpg) no-repeat -80px -80px;
	width:80px;
}
#headerNav li.header_subject_on  a {
	background:url(../images/headerNav.jpg) no-repeat -160px -80px;
	width:80px;
}
#headerNav li.header_qa_on  a {
	background:url(../images/headerNav.jpg) no-repeat -240px -80px;
	width:80px;
}
#headerNav li.header_result_on  a {
	background:url(../images/headerNav.jpg) no-repeat -320px -80px;
	width:80px;
}


/*mainimage Styles
*********************************************************/

#mainimage{
	clear: both;
	margin: 0px auto;
	width: 776px;
	height: 465px;
}


/*contents Styles
*********************************************************/

#contents_back{
	margin: 0px auto;
	padding-top: 20px;
	width: 983px;
	background:url(../images/contents_back.png) no-repeat;
}


#contents{
	width:745px;
	margin:0px auto;
	padding-bottom: 10px;
	background: url(../images/contents_back2.png) repeat-y center;
}

#contents p{
	text-indent: 5px;
	line-height: 1.5;
}

/*------div box etc*/
.contents_box{
	margin: 0px auto;
	width:725px;
	padding-top: 10px;
}


.contents_style_top{
	margin: 0px auto;
	width: 725px;
	background: url(../images/contents_back3_top.png) no-repeat;
	text-indent:-9877em;
}

.contents_style{
	margin: 0px auto;
	width: 725px;
	background: url(../images/contents_back3.png) repeat-y center;
}

/*------Ie6 hack*/

* html .contents_style{ text-align:left;}
	   
/*------Ie6 hack*/


.contents_style_bottom{
	margin: 0px auto;
	width: 725px;
	background: url(../images/contents_back3_bottom.png) no-repeat;
	text-indent:-9877em;
}

.con_title_box{
	display: inline;
	margin-left: 15px;
	width: 130px;
	float: left;
}


.con_style_right_box{
	width: 570px;
	float: right;
	margin-bottom: 10px;
}


/*-------------contents h3*/

h3{
	padding-bottom: 10px;
}


/*contents h3 end----------------*/

.con_comment_box, .con_bosyu_box, .con_kadai_box, .con_syokin_box{
	width: 190px;
	float: left;
}

.con_keisihiki_box,
.con_happyou_box,
.con_tyosakuken_box,
.con_rimit_box2,
.con_sinsain_box,
.con_qa{
	margin: 10px 0px;
}

.con_shikaku_box{
	width: 380px;
	float: right;
}

.con_rimit_box{
	width: 380px;
	float: left;
	margin: 10px 0px;
}

.con_shimekiri_box{
	width: 550px;
	float: left;
	margin: 10px 0px;
}

.con_youkou_box{
	width: 190px;
	float: left;
	padding-top: 50px;
}

.con_kanran_box{
	width: 190px;
	padding-top: 50px;
}

.con_kyosan_box1{
	width: 210px;
	float: left;
	font-weight: bold;
}

.con_kyosan_box2{
	width: 160px;
	float: left;
	font-weight: bold;
}

.con_kyosan_box3{
	width: 200px;
	float: left;
	font-weight: bold;
}


.youkou{
	padding: 5px 0px 0px 110px;
	background: url(../images/youkou.jpg) no-repeat;
	display:block;
	width: 181px;
	height: 70px;
}

.kanran{
	padding: 5px 0px 0px 110px;
	background: url(../images/kanran_oubo.jpg) no-repeat;
	width: 181px;
	height: 70px;
}

.youkou a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}

.oubo_title{
	color: #003366;
	font-weight: bold;
	text-indent: 5px;
	line-height: 1.5;
	font-size: 130%;
	margin-bottom: 5px;
}

#con_oubo_waku{
	margin: 10px 0px;
	border: #c4c4c4 1px solid;
	padding: 10px 10px 20px 10px;
	width: 530px;
}

.con_oubo_left{
	float: left;
	width: 349px;
}

.con_oubo_right{
	float: right;
	background: url(../images/oubo.jpg) no-repeat;
	display:block;
	width: 181px;
	height: 70px;
}

.con_oubo_right a{
	display: block;
	margin-top: 5px;
	margin-left: 113px;
}

.con_oubo_right a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}


#con_oubo_blue{
	margin: 10px 0px;
	border: #4ca4bd 1px solid;
	padding: 10px 10px 20px 10px;
	width: 530px;
}

#con_oubo_green{
	margin: 10px 0px;
	border: #669933 1px solid;
	padding: 10px 10px 20px 10px;
	width: 530px;
}

.mobile{
	width: 480px;
	margin:0px auto;
}

.mobile_waku{
	width: 120px;
	margin:10px auto;
	float: left;
	text-align: center;
}

.mobile_waku2{
	padding-top: 10px;
}

.con_longtext_box{
	margin: 0px 30px 0px 10px;
	line-height: 1.5;
}

.con_longtext_box2{
	margin: 0px 0px 0px 10px;
	line-height: 1.5;
}

.indent_p{
	padding: 5px 10px 0px 20px;
	line-height: 1.5;
	font-size: 85%;
}

.con_listen_box{
	margin-top: 15px;
	padding: 30px 0px 5px 60px;
	background: url(../images/listen_bottun2.jpg) no-repeat;
	display:block;
	width: 181px;
	height: 70px;
}


.con_listen_box a:hover{
	position: relative;
	top: 1px;
	left: 1px;
}

#qa_box{
	width: 490px;
	margin-left: 15px;
}

.q_image{
	float: left;
	margin-top: 10px;
	width: 25px;
}

.q_box{
	margin-top: 10px;
	padding: 5px 0px 0px 8px;
	float: left;
	width: 450px;
	display: block;
	font-size: 14px;
	font-weight: bold;
}

.a_image{
	float: left;
	width: 25px;
	border-top: #c4c4c4 1px solid;
}

.a_box{
	float: left;
	margin-bottom: 10px;
	display: block;
	padding: 8px 0px 5px 8px;
	line-height: 1.5;
	border-top: #c4c4c4 1px solid;
	width: 450px;
}

.qa_subject{
	display: block;
	margin: 10px auto;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 200px;
	border: #c93184 1px solid;
	font-weight: bold;
}

/*------Ie6 hack*/

* html .qa_subject{ text-align: center;}
	   
/*------Ie6 hack*/

.qa_subject a{
	margin: 0 auto;
	display: block;
	color: #c93184;
	font-weight: bold;
	text-decoration:none;
	text-align: center;
}


/*------contents table*/
.con_style_right_box table{
	width: 550px;
	border-collapse: collapse;
	margin-bottom: 10px;
}

.td_left{
	width: 180px;
	border-top: #c4c4c4 1px solid;
	border-bottom: #c4c4c4 1px solid;
	background-color: #fff;
	padding: 10px;
	vertical-align: top;
	font-size: 12px;
}

.con_name{
	margin-bottom: 10px;
}

.con_name a{
	text-decoration: none;
	font-size: 120%;
	font-weight: bold;
	color: #000000;
}

.con_name a:hover{
	color: #cc3333;
}

.goods1{
	margin: 5px 0px 5px 20px;
	width: 160px;
	padding: 5px 0px 5px 10px;
	display:block;
	border-left: #336699 5px solid;
	font-size: 13px;
}

.goods2{
	margin: 5px 0px 5px 20px;
	width: 160px;
	padding: 5px 0px 5px 10px;
	display:block;
	border-left: #993333 5px solid;
	font-size: 13px;
}


.goods1 a{
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}

.goods2 a{
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}

.goods1 a:hover{
	text-decoration: underline;
	color: #cc3333;
}

.goods2 a:hover{
	text-decoration: underline;
	color: #cc3333;
}

.td_text1{
	width: 370px;
	border-top: #c4c4c4 1px solid;
	border-bottom: #c4c4c4 1px solid;
	background-color: #eeeeee;
	padding: 10px;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.5;
}

.td_text2{
	width: 370px;
	border-top: #c4c4c4 1px solid;
	border-bottom: #c4c4c4 1px solid;
	background-color: #f8f8f8;
	padding: 10px;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.5;
}


.con_listen_small a{
	margin: 10px 0px 0px 270px;
	background: url(../images/listen_bottun_s.jpg) no-repeat;
	display:block;
	text-indent:-9877em;
	text-decoration:none;
	width: 85px;
	height: 25px;
}

#result{
	width: 700px;
	margin: 0 auto;
	background-color: #fff;
}

#result_title{
	margin: 10px 20px;
}

.result_td1{
	width: 130px;
	text-align: center;
	padding: 20px 0px 10px 20px;
	vertical-align: top;
	font-size: 12px;
}

.result_td2{
	padding: 30px 10px 10px 10px;
	font-size: 12px;
}

.result_inner{
	padding: 0px 20px;
	border-left: 2px solid #cc0000;
}

.scenario1{
	width: 70px;
	vertical-align: top;
	padding: 3px;
	font-size: 12px;
}

.scenario3{
	width: 120px;
	vertical-align: top;
	padding: 3px;
	font-size: 12px;
}

.scenario2{
	vertical-align: top;
	padding: 3px;
	font-size: 12px;
}

/*contents table end-------*/



/*------contents waku etc*/
.sinsain_waku{
	display: inline;
	background: url(../images/sinsain_waku.png) no-repeat;
	float: left;
	margin: 10px 10px 0px 20px;
	width: 130px;
	height: 190px;
}


.special_waku{
	display: inline;
	background: url(../images/special_waku.png) no-repeat;
	float: left;
	margin: 10px 10px 0px 20px;
	width: 130px;
	height: 190px;
}

.sinsain_waku_name{
	text-align: right;
	margin: 35px 10px 5px 0px;
	width: 120px;
	height: 20px;	
}

.sinsain_waku_picture{
	text-align: right;
	margin: 0px 0px 10px 0px;
	width: 120px;
	height: 130px;	
}

.sikai_waku{
	display: inline;
	background: url(../images/shikai_waku.png) no-repeat;
	float: left;
	margin: 0px 20px;
	width: 130px;
	height: 165px;
}

.sikai_waku_name{
	text-align: right;
	margin: 35px 10px 5px 0px;
	width: 120px;
	height: 20px;	
}

.sikai_waku_picture{
	text-align: right;
	margin: 0px 0px 10px 0px;
	width: 120px;
	height: 105px;	
}

/*contents waku etc end--------*/



/*Footer Styles
*********************************************************/

#footerbar{
	width: 776px;
	margin: 0px auto;
	height: 60px;
}

#footerleft{
	margin: 20px 0px;
	width:300px;
    float:left;
}

/*------Ie6 hack*/

*html #footerleft{ text-align:left;}
	   
/*------Ie6 hack*/


#footerNav a{
	padding: 0px 5px;
	color: #888888;
	text-decoration:none;
}

#footerNav a:hover{
	text-decoration:none;
	font-weight: bold;
}


#footerright{
	margin: 20px 0px;
	width:476px;
    float:right;
    color: #888888;
    text-align:right;
}

.kanran_box{
	width:500px;
	border:solid #666 1px;
	padding:10px;
}

.red_text{
	color:#F00;
	font-size:12px
}