@charset "Shift_JIS";

/* --------------------------------------------------------------------
	ユーザー定義　ヘッダー
--------------------------------------------------------------------- */
#header {
	margin:0 auto 20px;
	width: 100%;
	height:138px;
	background:#e6291a;
	overflow: hidden;
	
}

#header_in{
	margin:0 auto 20px;
	width: 950px;
	height:100%;
	overflow: hidden;
	
}

#header #sitelogo {
	padding: 0;
	margin-left:10px;
	width:161px;
	float:left;
	
}

#header #header_left {
	width:475px;
	float:left;
	margin:15px 0 0 30px;
}

#header #header_left #header_bn01 {
	margin-bottom:13px;
	
}

#header #header_left #header_bn02 {
	float:left;
}

#header #header_left #header_bn03 {
	float:right;
}

#header #header_right {
	float:right;
	width:250px;
	margin-top:15px;
}

#header #header_right #header_bn04 {
	margin-bottom:18px;
	}
	
#header #header_right #header_bn05 {
	color:#ffffff;
	}



#header #globalnav {
	float: right;
	display: inline;
	width: 960px;
	background: #003881 url(../img/usr/globalnav_back.png) center top repeat-x;
}
#header #globalnav li {
	float: left;
	color: #FFF;
	text-align: center;
	width: 160px;
}
#header #globalnav li a {
	padding: 10px 0;
	display: block;
	color: #FFF;
	width: 100%;
	background: #003881 url(../img/usr/globalnav_back.png) center top repeat-x;
}
#header #globalnav li a:hover {
	text-decoration: none;
	background: #0049A7 url(../img/usr/globalnav_back_hover.png) center top repeat-x;
}


/* --------------------------------------------------------------------
	ユーザー定義　ヘッダー（下層）
--------------------------------------------------------------------- */
#header_02 {
	margin:0 auto;
	width: 100%;
	height:150px;
	background:#e6291a;
	overflow: hidden;
	
}

#header_02 #header_in_02 {
	margin:0 auto 20px;
	width: 950px;
	height:100%;
	overflow: hidden;
	
}

#header_02 #sitelogo_02 {
	padding: 0;
	margin-left:10px;
	width:161px;
	float:left;
	
}

#header_02 #header_left_02 {
	width:475px;
	float:left;
	margin:15px 0 0 30px;
}

#header_02 #header_left_02 #header_bn01_02 {
	margin-bottom:10px;
	
}

#header_02 #header_left_02 #header_bn02_02 {
	float:left;
}

#header_02 #header_left_02 #header_bn03_02 {
	float:right;
}

#header_02 #header_right_02 {
	float:right;
	width:250px;
	margin-top:15px;
}

#header_02 #header_right_02 #header_bn04_02 {
	margin-bottom:10px;
	}
	
#header_02 #header_right_02 #header_bn05_02 {
	color:#ffffff;
	}
    
/* バナー　ランダム表示 */
#header-bnr46860 li{
 display:none;
 list-style:none;
}
#header-bnr46860 li.show{
 display:block;
}
#header-bnr46867 li{
 display:none;
 list-style:none;
}
#header-bnr46867 li.show{
 display:block;
}


/* --------------------------------------------------------------------
	ユーザー定義　ビジュアル
--------------------------------------------------------------------- */
.visual_ {
	margin-bottom: 10px;
}

.visual_ #visual_top {
	width:700px;
	height:435px;
}

.visual_ #visual_bottom {
	width:700px;
	height:97px;
	background:url(../img/usr/mainvisual_bottom.png) no-repeat;
	padding-top:10px;
}

.visual_ #visual_bottom #visual_box_01 {
	width:620px;
	
	background:#660000;
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	border-radius: 3px;         /* CSS3 */
	padding:1px 1px 1px 0;
	margin:0 auto;
	color:#ffffff;
	font-weight:bold;
}

.visual_ #visual_bottom #visual_box_01 img {
	float:left;
	margin:4px 10px 0 10px;
}

.visual_ #visual_bottom #visual_box_01 p {
	padding:5px 10px 5px 10px;
}


.visual_ #visual_bottom #visual_box_01 #visual_box_01_in {
	float:right;
	width:460px;
	height:100%;
	background:#FFF;
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	border-radius: 3px;         /* CSS3 */
	color:#000;
	font-weight:normal;	
}

.visual_ #visual_bottom #visual_box_01 #visual_box_01_in p {
	padding:5px 10px 5px 10px;
}

.visual_ #visual_bottom #visual_box_02 {
	width:305px;
	background:#660000;
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	border-radius: 3px;         /* CSS3 */
	padding:1px 1px 1px 0;
	margin:5px 0 0 40px;
	color:#ffffff;


	font-weight:bold;
	float:left;
}

.visual_ #visual_bottom #visual_box_02 p {
	padding:5px 10px 5px 10px;
}


.visual_ #visual_bottom #visual_box_02 #visual_box_02_in {
	float:right;
	width:212px;
	height:100%;
	background:#FFF;
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	border-radius: 3px;         /* CSS3 */
	color:#000;
	font-weight:normal;	
}

.visual_ #visual_bottom #visual_box_02 #visual_box_02_in p {
	padding:5px 10px 5px 10px;
}

.visual_ #visual_bottom #visual_box_03 {
	width:305px;
	background:#660000;
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	border-radius: 3px;         /* CSS3 */
	padding:1px 1px 1px 0;
	margin:5px 40px 0 0;
	color:#ffffff;
	font-weight:bold;
	float:right;
}

.visual_ #visual_bottom #visual_box_03 p {
	padding:5px 10px 5px 10px;
}


.visual_ #visual_bottom #visual_box_03 #visual_box_03_in {
	float:right;
	width:212px;
	height:100%;
	background:#FFF;
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	border-radius: 3px;         /* CSS3 */
	color:#000;
	font-weight:normal;	
}

.visual_ #visual_bottom #visual_box_03 #visual_box_03_in p {
	padding:5px 10px 5px 10px;
}
/* --------------------------------------------------------------------
	ユーザー定義　サイド
--------------------------------------------------------------------- */

#guide_download_box {
	margin-bottom:20px;
}

#guide_download_box .guide_download_ {
	margin-bottom:10px;
	border-bottom:#CCC 1px dashed;
	height:113px;
	
}

#guide_download_box .guide_download_ img{
	float:left;
	margin:0 10px 0 0;
}

#guide_download_box .guide_download_ ul {
	float:left;
	width:125px;
	font-weight:bold;
}
/* 2013.9.6 追加 */
#guide_download_box ul.guide_link_ li {
    border-bottom: 1px dotted #cccccc;
}

#guide_download_box ul.guide_link_ li a {
    background: url(../img/usr/side/side_arrow.gif) no-repeat left 11px;
    padding: 5px 0 5px 10px;
    display: block;
    margin: 0 5px;
    font-size: 12px;
    line-height: 140%;
}

/**/
#side_howto {
    position: relative;
    margin-bottom: 8px;
}
#side_howto p {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

#guide_download_box .guide_downloadtext_ {
	height:77px;
	font-size:12px;
}

#movie_box {
	background:#CCC;
	text-align:center;
	margin-bottom:20px;
}

#movie_box #movie_area {
	padding:10px 10px 5px;
}

#movie_box #movie_bn {
	padding-bottom:10px;
}

#side_bnaea {
	margin-bottom:20px;
}

#side_bnaea ul li {
	margin-bottom:10px;
}

#side_snsaea {
	margin-bottom:20px;
}

#side_snsaea ul li {
	margin-bottom:10px;
}

#programsite_box {
	margin-bottom:10px;
}

#programsite_box ul li {
	margin-bottom:10px;
}




h3 {
	margin-bottom:10px;
}


/* --------------------------------------------------------------------
	ユーザー定義　コンテンツ
--------------------------------------------------------------------- */
#top_news {
	height:40px;
	background:#ffcc33;
	color:#cc0000;
	margin-bottom:20px;
}

#top_news dl {
	height:30px;
	padding:5px 0 0 12px;
}

#top_news dt {
	float:left;
	width:150px;
}

#top_news dd {
	float:left;
	width:538px;
	
}

#top_news dd p {
	margin-top:7px;
	padding-right:10px;
	font-size:8.8pt;
}
#top_news dd p a,
#top_news dd p a:hover {
	color:#cc0000;
}
	
#top_bnarea {
	width:700px;
	margin-bottom:20px;
}

#top_bnarea li {
	float:left;
}

#top_bottom_bnarea {
	border:#eeeeee 10px solid;
	margin-bottom:50px;
	padding: 30px 0 20px;
/*	overflow: hidden;*/
}

#top_bottom_bnarea li {
	float:left;
	margin:0 0 10px 30px;
}


.table_01_ {
	background-color:#cccccc;
	border-collapse: separate;
    border-spacing: 1px;
}

.table_01_ th {
	background-color:#f6f6f6;
	padding:10px;
	width:100px;
}

.table_01_ td {
	background-color:#ffffff;
	padding:10px;
}

.table_01_ td dl dt {
	width:80px;
	float:left;
	margin-bottom:5px;
}

.table_01_ td dl dd {
	float:left;
	width:430px;
	margin-bottom:5px;
	
}




/* --------------------------------------------------------------------
	ユーザー定義　コンテンツ
--------------------------------------------------------------------- */
#contents {
	overflow: hidden;
	width: 950px;
	margin: 0 auto;
}
	#block-news.contents{
		float: left;

	}
#contents .block.main-r{
		width: 700px;
		float: left;
	}
#contents .rightmenuframe_{
	margin: 0;
}

#block-news #widget-news{
	width: 660px;
	margin-left: 0;
}
article.contents {

width: 700px;}


/* --------------------------------------------------------------------
	10.24更新　サイドアコーディオン
--------------------------------------------------------------------- */


/*accordion*/
dl.accordion dt {
  margin-bottom:5px;
  background: #333;
  cursor: pointer;
  border-bottom: 1px solid #fff;
  word-wrap:break-word;
  border-radius:5px;
 -webkit- border-radius:5px;
  -moz-border-radius:5px;
  font-weight:700;
  width:210px;
  display: block;
  padding: 7px 0 5px 0;
  color: #fff;
  font-size: 13px;
  text-align:center;
  background-image:url("../img/usr/side/icon_plus.gif");
  background-repeat:no-repeat;
  background-position:190px 8px;
}
dl.accordion dt.open{
  background-image:url("../img/usr/side/icon_minus.gif");
  background-repeat:no-repeat;
  background-position:190px 8px;
}
dl.accordion dd {
  word-wrap:break-word;
clear:both;
display: none;
}
dl.accordion dd ul li {
  border-bottom: 1px dotted #ccc;
  list-style: none;
}
dl.accordion dd ul li a {
  /*color: #333;
  display: block;
  padding: 10px 30px 10px 15px;*/
  background-image:url("../img/usr/side/side_arrow.gif");
  background-repeat:no-repeat;
  background-position:left center;
  display:block;
  font-size:12px;
  line-height:140%;
  margin:0 5px;
  padding:5px 0 5px 10px;
}
dl.accordion dd ul li a::before {
  content: '';
  position: relative;
  float: right;
  border: 8px solid transparent;
  border-left-color: #333;
  width: 0;
  height: 0;
  top: 0;
  right: -25px;
}
 


/* --------------------------------------------------------------------
	2015-07-06 add gnav
--------------------------------------------------------------------- */
.ro-switch,
.ro-fswitch{
	background-repeat: no-repeat;
	background-position: 0 0;
	display: inline-block;
	*display: inline;
	zoom: 1;
}

#header{
	margin: 0 0 0 0;
}
#header #header_right #header_bn05 {
	position: relative;
}
#header #header_right #header_bn05 .sns li{
	border-top: none;
}
#header-bnr46860 a img{
	border: none;
}

#header_search {
	width: 475px;
	overflow: hidden;
}
#header_search .keyword_{
	display: block;
	padding: 0 0 0 36px;
	width: 337px;
	height: 34px;
	border: none;
	float: left;
	line-height: 34px;
	font-size: 14px;
	color: #999999;
	background: url(/fb/assets/img/usr/header_search_bg.png) no-repeat 0 0;
}
#header_search input.keyword_:focus{
	color: #000;
}
#header_search input.searchbn_{
	padding: 0;
}

#gnav_area{
	width: 100%;
	height: 62px;
	border-bottom: 1px solid #cbcbcb;
	margin: 0 auto 10px;
	background: url(/fb/assets/img/usr/gnav_area_bg.jpg) repeat 0 0;
}
#gnav_area.top_{
	margin: 0 auto 20px;
}
#gnav_area > .inner_{
	width: 950px;
	margin: 0 auto;
}
#gnav_area .gnav_{
	float: left;
	width: 625px;
}
#gnav_area .gnav_ ul{
	overflow: hidden;
}
#gnav_area .gnav_ li{
	float: left;
}
#gnav_area .header_nav_{
	float: right;
	width: 315px;
}
#gnav_area .header_nav_ ul{
	padding: 8px 0 0 0;
	overflow: hidden;
}
#gnav_area .header_nav_ li{
	float: left;
	margin: 0 0 0 5px;
}