@charset "shift_jis";

#headerphoto {
	padding:0;
	margin:0;
}

#header {

	}
/*--------------------------------------------
 tag
--------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	font-size:13px;
}

img{
border:0;
}

li{
list-style:none;
}

body{
text-align:center;
line-height:1.5;
font-family: "ＭＳ Ｐゴシック", "Osaka",Verdana,Chicago,sans-serif;
color:#333;
font-size:80%;
}

.alt{
display: none;
}

.clear{
clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block; min-height: 1%;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*--------------------------------------------
 flame
--------------------------------------------*/

#wrapper{
width:1070px;
margin:0 auto;
padding:0 0 10px 0;
text-align:left;
}

#frame{
background:url(http://www.joqr.co.jp/qr_img/flame_bg.gif) 0 0 repeat-y;
margin:38px 0 15px 0;
}

#frame_inner{
background:url(http://www.joqr.co.jp/qr_img/flame_top.gif) 0 0 no-repeat;
}

#frame_inner_second{
background:url(http://www.joqr.co.jp/qr_img/flame_top2.gif) 0 0 no-repeat;
}

#frame_btm{
background:url(http://www.joqr.co.jp/qr_img/flame_btm.gif) 0 0 no-repeat;
}

#border01{
	border:solid 1px #bfbebc;
	width:999px;
	margin:0 auto 15px auto;
}

/*--------------------------------------------
 scroll_bt
--------------------------------------------*/

#scroll_bt{
float:right;
display:block;
background:url(http://www.joqr.co.jp/qr_img/scroll_bt.gif) 0 0 no-repeat;
width:294px;
height:38px;
}

#scroll_bt:hover{
background-position:0 -38px;
}

#scroll_bt_on{
float:right;
display:block;
background:url(http://www.joqr.co.jp/qr_img/scroll_bt_on.gif) 0 0 no-repeat;
width:294px;
height:38px;
}

#scroll_bt_on:hover{
background-position:0 -38px;
}


/*--------------------------------------------
head_line
--------------------------------------------*/
#head_line{
	padding:15px 38px 2px 0;
	background-image: url(http://www.joqr.co.jp/qr_img/topline_title.gif);
	background-repeat: no-repeat;
	background-position: 455px 20px;
}

#head_line p.date{
float:left;
color:#767765;
margin:0 0 0 36px;
}
/* for IE6 */
* html #head_line p.date{
 margin:0 0 0 18px;
}

#head_line p.title{
float:left;
color:#767765;
margin:0 0 0 342px;
}
/* for IE6 */
* html #head_line p.title{
margin:0 0 0 171px;
}

#head_line img.program_logo{
float:right;
}

/*--------------------------------------------
logo_area
--------------------------------------------*/
#logo_area{
	float:left;
	position:relative;
	left:-5px;
	margin:0 0 -35px 0;
	top: -34px;
}

#logo_area h1{

}

#logo_area .photo_area_title{
	background:url(http://www.joqr.co.jp/qr_img/todays_photo_title.gif) 0 0 no-repeat;
	display:block;
	width:166px;
	height:21px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 16px;
	padding-top: 10px;
	padding-left: 12px;
	color: #FBF9E2;
	font-weight: bold;
}

#logo_area div.photo_area{
background:url(http://www.joqr.co.jp/qr_img/todays_photo_photoarea_bg.gif) 0 0 no-repeat;
width:178px;
height:134px;
margin:0 0 0 16px;
padding:5px 0 0 9px;
}

/*--------------------------------------------
banner_area
--------------------------------------------*/
#banner_area{
	margin:12px 0 0 0;
}

#banner_area img.header_banner{
margin:0 0 12px 0;
}

#banner_area div.banner_area_btm{
	width:780px;
}
/* for IE6 */
* html #banner_area{
	margin:12px 0 0 0;

}
/* for IE6 */
* html #banner_area div.banner_area_btm{
/* width:785px; */
}


#banner_area img.main_img{
float:left;
}

#banner_area .iframe2{
	padding: 0;
	margin: 0;
}


/*--------------------------------------------
menu01
--------------------------------------------*/
#menu01{
	width:978px;
	margin:0 0 0 10px;
}

#menu01 form{
margin:0;
padding:0;
}
#menu01 select.select01{
float:left;
width:180px;
margin:10px 20px 0 0;
padding:0;
}
* html #menu01{
	width:973px;
}
* html #menu01 select.select01{
margin:10px 15px 0 0;
}
#menu01 div.txt_area{
	float:left;
	width:643px;
	margin:10px 0 0 0;
	line-height: 1.7;
	background-image: url(http://www.joqr.co.jp/qr_img/menu_txt_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	border:0;
	padding:0;
}


#menu01 #topics_title{
	float:right;
display:block;
background:url(http://www.joqr.co.jp/qr_img/topics.gif) 0 0 no-repeat;
width:128px;
height:29px;
margin-top:3px;
}

#menu01 #topics_title:hover{
background:url(http://www.joqr.co.jp/qr_img/topics.gif) 0 -29px no-repeat;
}


/*--------------------------------------------
menu02
--------------------------------------------*/
#menu02{
	width:980px;
	border-bottom:solid 3px #84b325;
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}

#menu02 li{
float:left;
}

#menu02 li.list01{
padding:0 10px 0 0;
}

#menu02 li.list02{
padding:0 10px 0 0;
}

#menu02 li.list03{
padding:0 9px 0 0;
}

#menu02 li.list04{
padding:0 12px 0 0;
}

#menu02 li.list05{
}

#tab01{
display:block;
background:url(http://www.joqr.co.jp/qr_img/tab01.gif) 0 0 no-repeat;
width:133px;
height:30px;
}

#tab01:hover{
background:url(http://www.joqr.co.jp/qr_img/tab01.gif) 0 -30px no-repeat;
}

#tab01_a{
display:block;
background:url(http://www.joqr.co.jp/qr_img/tab01.gif) 0 -30px no-repeat;
width:133px;
height:30px;
}

#tab02{
display:block;
background:url(http://www.joqr.co.jp/qr_img/tab02.gif) 0 0 no-repeat;
width:146px;
height:30px;
}

#tab02:hover{
background:url(http://www.joqr.co.jp/qr_img/tab02.gif) 0 -30px no-repeat;
}

#tab02_a{
display:block;
background:url(http://www.joqr.co.jp/qr_img/tab02.gif) 0 -30px no-repeat;
width:146px;
height:30px;
}

#tab03{
display:block;
background:url(http://www.joqr.co.jp/qr_img/tab03.gif) 0 0 no-repeat;
width:146px;
height:30px;
}

#tab03:hover{
background:url(http://www.joqr.co.jp/qr_img/tab03.gif) 0 -30px no-repeat;
}

#tab03_a{
display:block;
background:url(http://www.joqr.co.jp/qr_img/tab03.gif) 0 -30px no-repeat;
width:146px;
height:30px;
}

#tab04{
display:block;
background:url(http://www.joqr.co.jp/qr_img/tab04.gif) 0 0 no-repeat;
width:146px;
height:30px;
}

#tab04:hover{
background:url(http://www.joqr.co.jp/qr_img/tab04.gif) 0 -30px no-repeat;
}

#tab04_a{
display:block;
background:url(http://www.joqr.co.jp/qr_img/tab04.gif) 0 -30px no-repeat;
width:146px;
height:30px;
}

#tab05{
display:block;
background:url(http://www.joqr.co.jp/qr_img/tab05.jpg) 0 0 no-repeat;
width:366px;
height:30px;
}
#tab05:hover{
background:url(http://www.joqr.co.jp/qr_img/tab05.jpg) 0 -30px no-repeat;
}

/*--------------------------------------------
contents
--------------------------------------------*/

#contents{
	margin:0;
}

/*--------------------------------------------
曜日のアクティブ色変更
--------------------------------------------*/

#active_monday,#active_tuesday,#active_wednesday,#active_thursday,#active_friday,#active_saturday,#active_sunday{
width:979px;
background:url(http://www.joqr.co.jp/qr_img/col5_bg.gif) 500px 0 repeat-y;
margin:0 auto 15px auto;
}

#active_monday{background-position:34px 0;}
#active_tuesday{background-position:168px 0;}
#active_wednesday{background-position:303px 0;}
#active_thursday{background-position:438px 0;}
#active_friday{background-position:573px 0;}
#active_saturday{background-position:708px 0;}
#active_sunday{background-position:843px 0;}

/*--------------------------------------------
flame_table
--------------------------------------------*/
#flame_table{
	width:978px;
	vertical-align:top;
	margin:0;
	/*border:1px solid #333;*/
}
#flame_table a{
	color:#333333;
	text-decoration:underline;
}
#flame_table a:hover{
	text-decoration:none;
}
#flame_table th{
text-align:center;
}

#flame_table th.top{
padding:5px 0 10px 0;
text-align:center;
}

#flame_table th.top img{
margin:0 auto;
}

#flame_table th.right01{
text-align:center;
background:url(http://www.joqr.co.jp/qr_img/right01_bg.gif) 0 0 repeat-y;
color:#333;
border-bottom:solid 2px #fff;
}

#flame_table th.right02{
text-align:center;
background:url(http://www.joqr.co.jp/qr_img/right02_bg.gif) 0 0 repeat-y;
color:#333;
border-bottom:solid 2px #fff;
}

#flame_table th.right03{
text-align:center;
background:url(http://www.joqr.co.jp/qr_img/right03_bg.gif) 0 0 repeat-y;
color:#fff;
border-bottom:solid 2px #fff;
}

#flame_table table.title_table{
margin:0 0 5px 5px;
}

#flame_table div.new{
background:#fffbd5;
text-align:center;
}

#flame_table div.new img{
margin:0 auto;
}

#flame_table div.new p{
text-align:left;
}

#flame_table p{
margin:0 5px;
}

#flame_table p.gray{
color:#666;
}

#flame_table strong{
font-weight:normal;
color:#fa9e39;
}

#flame_table p.rest_title{
margin:20px 0 20px 5px;
}

#flame_table div.rest_box{
background:#ddd;
}

#flame_table div.rest_box p{
margin:0 0 20px 5px
}

.special{
	background:#fdd9a7;
	text-align:center;
	width:129px;
	padding: 2px 0 10px 2px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

.special img.close{
	margin:10px 5px 5px 48px;
}

.special img .title,
.special img .photo{
	margin:2px auto;
	display:block;
}

.special p{
	text-align:left;
}

.special p.title{
	font-size:120%;
	color:#00a53d;
}


/*--------------------------------------------
罫線用
--------------------------------------------*/
#flame_table td.bd_btm,#flame_table table td.bd_btm,#flame_table table table td.bd_btm{
padding:0 0 5px 0;
background:url(http://www.joqr.co.jp/qr_img/td_btm.gif) left bottom repeat-x;
}

#flame_table td.bd_rgt,#flame_table table td.bd_rgt{
background:url(http://www.joqr.co.jp/qr_img/td_bg.gif) right bottom no-repeat;
}

/*--------------------------------------------
罫線調節
--------------------------------------------*/
#mo0605{
height:230px;
}

#mo0830_2{
height:250px;
}

#tu1757_2{
height:245px;
}

#fr2130{
height:275px;
}

#sa2100{
height:275px;
}

#mo2700_2{
height:125px;
}

#sa2600{
height:125px;
}

/*--------------------------------------------
AD
--------------------------------------------*/
.banner{
margin:0 0 0 5px;
}


/*--------------------------------------------
#special_area
--------------------------------------------*/
#special_area_title {
width:977px;
margin:0 auto 0 auto;
}

#special_area{
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	text-align:center;
	width:977px;
	background:#fff;
	margin:0 auto 15px auto;
	padding:15px 0 0 0;
}

#special_area img{
	border:solid 1px #ccc;
}


#special_table{
margin:0 auto 0 auto;
text-align:left;
}

#special_area p.title{
margin:0 0 5px 0;
}

#special_area p.txt{
margin:0 0 20px 0;
}

#special_area strong{
color:#f60;
}

/*--------------------------------------------
#ad_area
--------------------------------------------*/

#ad_area{
width:999px;
width:1008px;
margin:0 auto 15px auto;
}

#ad_area h2{
background:#c38425;
padding:2px 10px;
color:#fff;
margin:0 0 10px 0;
}

#ad_area li{
float:left;
padding:0 15px 10px 0;
}

#ad_area li.last{
padding:0 0 10px 0;
}

/*--------------------------------------------
#footer_banner
--------------------------------------------*/
#footer{
 margin-left:31px;
}

#footer_banner{
margin:0 0 15px 31px;
}

#footer_banner li.logo{
	float:right;
	margin-right: 15px;
}

#footer_banner li{
float:left;
padding:0 15px 10px 0;
}

#footer p{
margin:0 0 10px 0;
}
#footer a{
	color:#333;
}
#footer a:hover{
	text-decoration:none;
}

/*--------------------------------------------
index2
--------------------------------------------*/

#program_area{
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
width:977px;
margin:0 auto 15px auto;
padding:15px 0 0 0;
}

#program_area div.box01{
float:left;
width:445px;
border:solid 1px #999;
margin:0 0 15px 20px;
background:#fff;
}
/* for IE6 */
* html #program_area div.box01{
margin:0 0 15px 10px;
}

#program_area div.box02{
float:right;
width:445px;
border:solid 1px #999;
margin:0 20px 15px 0;
background:#fff;
}
/* for IE6 */
* html #program_area div.box02{
margin:0 10px 15px 0;
}

#program_area div.left_box{
float:left;
margin:15px 0 10px 15px;
}

#program_area img.logo{
margin:0 0 15px 0;
}

#program_area p.title{
margin:0 0 15px 0;
}

#program_area span{
color:#f60;
}

#program_area img.program_img{
float:right;
margin:15px 15px 10px 0;
}

#program_area p.btm_txt{
border:solid 1px #ccc;
margin:10px 15px;
padding:10px;
}

/*--------------------------------------------
index3,4
--------------------------------------------*/

#program_area p.pre_txt{
font-size:200%;
color:#999;
margin:0 0 15px 15px;
}

/*--------------------------------------------
second
--------------------------------------------*/

#logo_area2{
float:left;
position:relative;
top:-34px;
left:-5px;
margin:0 0 -35px 0;
}

#logo_area2 select{
width:179px;
margin:15px 0 15px 15px;
}

#logo_area2 ul{
margin:0 0 0 15px;
}

#logo_area2 li{
margin:0 0 5px 0;
}

#contents2{
float:right;
border-left:solid 1px #ccc;
width:750px;
margin:10px 15px 10px 0;
padding:0 0 0 15px;
}

#contents2 h2{
font-size:180%;
margin:0 0 25px 0;
}

#first_table{
border-top:solid 1px #ccc;
border-left:solid 1px #ccc;
margin:0 0 25px 0;
}

#first_table th{
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
background:#86b325;
text-align:left;
color:#fff;
font-weight:normal;
font-size:120%;
padding:5px;
}

#first_table td{
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
}

#first_table p.lead{
margin:10px;
}

#first_table div.left_box{
float:left;
width:585px;
}

#first_table dl{
border-bottom:solid 1px #ccc;
border-right:dotted 1px #ccc;
}

#first_table dl.last{
border-bottom:none;
padding:0 0 30px 0;
}

#first_table dt{
float:left;
width:110px;
padding:10px 10px 15px 10px;
}

#first_table dd{
float:left;
width:434px;
padding:10px 10px 15px 10px;
}

#first_table div.right_box{
float:right;
width:165px;
text-align:center;
padding:15px 0 0 0;
}

#first_table div.right_box img{
margin:0 auto 5px auto;
}

#first_table div.right_box p{
margin:0 auto 20px auto;
color:#999;
}

#second_table{
	margin:0 0 50px 0;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
}

#second_table th{
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
background:#86b325;
text-align:left;
color:#fff;
font-weight:normal;
font-size:120%;
padding:5px;
}

#second_table td{

}

#second_table p{
padding:5px;
}

#second_table div.row{
width:585px;
border-bottom:solid 1px #ccc;
margin:0 0 10px 0;
padding:0 0 10px 0;
}

#second_table div.row_last{
width:585px;
border-bottom:none;
margin:0 0 0 0;
padding:0 0 10px 0;
}

#second_table img.main_img{
float:left;
}

#second_table div.right_box{
float:right;
width:475px;
}

#second_table h4{
float:left;
color:#a3c75d;
}

#second_table img.bt_homepage{
float:right;
}

#footer div.left_box{
float:left;
}

#footer img.footer_logo{
float:right;
margin-right: 35px;
}
