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

	import設定
	
----------------------------------------------------*/
/* Webブラウザのデフォルトスタイルのリセット */
@import url("reset.css");

/* SEO対策用 */
@import url("explanation.css");

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

	サイト全体の共通設定

----------------------------------------------------*/
html,body {
	margin: 0;
	height: 100%;
	background-attachment: scroll;
	background-color: #efefef;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 12px;
}
html {
	overflow: scroll;
}
#area {
	width: 980px;
	margin: 0 auto;
	position: relative;
}
h1 {
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
}
.red {
	color: #F00;
}
/*----------------------------------------------------

	テキストリンクの基本設定

----------------------------------------------------*/
a:link { /* 通常時のリンク */
	text-decoration: none;
	color: #006699;	
}
a:visited { /* 訪問済みのリンク */
	text-decoration: none;
	color: #006699;
}
a:hover { /* 選択時のリンク */
	text-decoration: underline;
	color: #00CCFF;
}
a:active { /* アクティブリンク */
	text-decoration: none;
	color: #0099CC;
}
/*----------------------------------------------------

	メインコンテンツ部分

----------------------------------------------------*/
#main {
	float: left;
	width: 775px;
}
/*----------------------------------------------------

	ヘッダー部分

----------------------------------------------------*/
#header {
	width: 980px;
	height: 75px;
}

#rogo {
    float: left;
	margin-top: 25px;
}
#hed_menu {
    float: right;
	margin-top: 30px;
	padding-right: 5px;
	width: 420px;
}
#hed_menu ul{
	height: 45px;
	list-style-type: none;
	list-style-position: inside;
	background: url(../img/hed_menu1.gif) no-repeat 0px -0px;
	
}
#hed_menu li {
	float: left;
	list-style-position: inside;
}
#hed_menu li a {
	display: block;
	height: 45px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
#hed_menu li.hed_menu_01 a {
    width: 145px;
}

#hed_menu li.hed_menu_01 a.on,
#hed_menu li.hed_menu_01 a:focus,
#hed_menu li.hed_menu_01 a:hover {
    width: 145px;
	display: block;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: url(../img/hed_menu2.gif) no-repeat 0px -0px;
}
#hed_menu li.hed_menu_02 a {
    width: 100px;
}
#hed_menu li.hed_menu_02 a.on,
#hed_menu li.hed_menu_02 a:focus,
#hed_menu li.hed_menu_02 a:hover {
    width: 100px;
	display: block;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: url(../img/hed_menu2.gif) no-repeat -145px 0px;
}
#hed_menu li.hed_menu_03 a {
    width: 175px;
}
#hed_menu li.hed_menu_03 a.on,
#hed_menu li.hed_menu_03 a:focus,
#hed_menu li.hed_menu_03 a:hover {
    width: 175px;
	display: block;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: url(../img/hed_menu2.gif) no-repeat -245px 0px;
}

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

	newsと天気等
	
----------------------------------------------------*/
#up {
    width: 980px;
	height: 45px;
}
#up_news {
    float:left;
    padding: 15px 0 15px 64px;
	width: 673px;
	height: 15px;
	font-size: 12px;
	color: #069;
	background-image: url(../img/news.gif);
	overflow: hidden;	
}
#up_area {
	float: right;
	width: 227px;
	height: 27px;
	padding-top: 18px;
	padding-left: 15px;
	font-size: 12px;
	color: #006699;
	background-image: url(../img/sub.gif);
	background-repeat: no-repeat;
}

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

	メインコンテンツ
	
----------------------------------------------------*/
#main_hed {
    float: left;
	height: 5px;
	width: 980px;
	background-image: url(../img/main_hed.gif);
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
#main {
	width: 940px;
	height: 100%;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 25px;
	background-image: url(../img/main_bg.gif);
	background-repeat: repeat-y;    
}
#main_bottom {
    float: left;
	height: 20px;
	width: 980px;
	background-image: url(../img/main_bottom.gif);
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
/*----------------------------------------------------

	動画とお知らせ

----------------------------------------------------*/
#main_top {
    float:left;
}
#movie_contain {
	float: left;
	width: 715px;
	background-image: url(../img/movie_bg.gif);
	background-repeat: repeat-y;
}
#movie_hed {
    float:left;
	font-size: 0;
	line-height: 0;
}
#movie_main {
	padding-left: 15px;
}
#movie_main #movie {
	margin-top:14px;
    float:left;
	width: 464px;
	height:347px;
}
#movie_main #movie  iframe {
    float:left;
	width: 464px;
	height:327px;
}
.enbiro {
    float:left;
	height:15px;
	width: 464px;
	background-color:#FFFFFF;
	color: #FFFFFF;
	font-size: 10px;
}
#movie_main #movie_list {
    float:left;
	margin-top:14px;
	width: 220px;
	height: 335px;
	margin-bottom: 14px;
	background-image: url(../img/movie_list_bg.gif);
}
#movie_main #movie_list_in {
    float:left;
	width: 220px;
	margin-top: 35px;
	overflow: scroll;
	height: 305px;
}
#movie_main #movie_list .list{
	float:left;
	padding-left:5px;
	padding-top: 5px;
	width: 195px;
	height: 86px;
	background-image: url(../img/movie_sum_bg.gif);
	background-repeat: repeat-x;
}
#movie_main #movie_list .list .left{
	float:left;
	width: 115px;
	height: 80px;
}
.mise_title {
    font-weight: bold;
	color:#006699;
}
.mise_page {
    margin-top:5px;
	font-size: 10px;
	color:#006699;
	margin-left: 40px;
}
#movie_main #movie_list .list .right{
	float: right;
	padding-top:10px;
	width: 70px;
	height: 70px;
}

#movie_bottom {
    float:left;
	font-size: 0;
	line-height: 0;
}

#osirase {
	float:right;
	margin-left:14px;
	width: 210px;
	height: 390px;
}
#osirase_title {
	float:left;
    width: 210px;
	height: 41px;
}
#osirase_list_contain {
	float: left;
    width: 210px;
	height: 320px;
	overflow: scroll;
}
#osirase_list_contain .osirase_list{
	float:left;
	width: 188px;
	padding-left:5px;
	padding-bottom:20px;
	background-image: url(../img/news_line.gif);
	background-repeat: no-repeat;
	background-position: center bottom;   
}
#osirase_list .osirase_list .osirase_title{
	color: #006699;
	line-height: 20px;
}
#osirase_list .osirase_list .osirase_syosai{
	height: 40px;
	color: #666666;
	vertical-align: middle;	
}

#osirase_ichiran {
	width: 205px;
	height: 22px;
	padding-top:4px;
	padding-right:5px;
	font-size: 10px;
	float:right;
	background-image: url(../img/news_line_end.gif);
	background-position: top;
	background-repeat: no-repeat;
	text-align: right;
}
#osirase_side {
	position: absolute;
	top: 125px;
	left: 740px;
	width: 10px;
	height: 42px;
	background: url(../img/news_side1.gif) no-repeat;
}
/*----------------------------------------------------

	応援店

----------------------------------------------------*/
#main_mid {
    float:left;
	width:940px;
	margin-bottom:10px;
}
#support_contain {
    float: left;
	width: 715px;
}
#support_list_contain {
	float: left;
	width: 715px;
}
.support_list {
	float: left;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	width: 133px;
	height: 120px;
	background-image: url(../img/sum_bg.jpg);
	background-repeat: no-repeat;
}
.support_list_title {
	float:left;
	padding-left:24px;
	background-image: url(../img/support_mark.gif);
	background-repeat: no-repeat;
	background-position: left top;
	letter-spacing: -1px;
}
.support_list_photo {
    float:left;
	padding-left:12px;
	padding-top:8px;
}
#support_title {
    float:left;
	width: 715px;
}

#support_right_contain {
	float: right;
	width: 220px;
}
#support_right_listin {
	float: left;
	width: 220px;
	height: 180px;
	background-image: url(../img/ouen_list_bg.gif);
	background-repeat: repeat-y;
}
#support_right_contain_bottom {
	float: right;
	width: 220px;
	height: 15px;
	background-image: url(../img/ouen_list_bottom.gif);
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

.support_list_text ul{
    float: left;
	padding-top:5px;
	list-style-type: none;
	line-height:15px;
}
.support_list_text li {
	padding-left: 20px;
}
/*----------------------------------------------------

	会員企業一覧

----------------------------------------------------*/
#main_member {
    float:left;
	width: 930px;
	padding-left:5px;
	padding-right: 5px;
}
#member {
    float:left;
	width: 930px;
	background-image: url(../img/member_bg.gif);
	background-repeat: repeat-y;	
}
.member_list  {
    float:left;
	width: 930px;
	padding-top: 10px;
	line-height: 20px;
	list-style-type: none;
	padding-bottom: 15px;
}
.member_list .list a{
	text-decoration: underline;
}
.member_list .list {
	width: 190px;
	padding-left: 40px;
	float:left;
	background-image: url(../img/member_mark.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}
#member_bottom {
    float:left;
	width: 930px;
	height:15px;
	background-image: url(../img/member_bottom.gif);
}

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

	コピーライト

----------------------------------------------------*/
#copyright {
	width:100%;
	height: 43px;
	background-image: url(../img/copyright.gif);
	padding-top: 35px;
	bottom:0px;
	font-size: 9px;
	margin: 15px 0 0 0;
	float: left;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 12px;
	letter-spacing: 0.1em;
	text-align: center;
	background-color: #0076C5;
}
#copyright_in {
    width: 980px;
	margin: 0 auto;
	position:relative;
}
#produce {
	position: absolute;
	top:-23px;
	left:787px;
}