@charset "UTF-8";
/*======================================

	  元気復興委員会 WEBsite用
	2012nov12mon@Shokodo Co.,Ltd

  ======================================*/

/*基本設定----------------------------------*/
html {
	margin:0;
	padding:0;
}
body {
	font-size:14px;
	font-family:'メイリオ',Meiryo,'ＭＳ ゴシック';
	color:#333;
	width:100%;/* for IE */
	margin:0 auto;/* top right bottom left*/
	background-color:#99ffff;
	background-image:url("img/002-006.gif");
	text-align:center;
}
img {
	border-style:none;
}
a:hover img {
	-moz-opacity:0.5;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.f_left {
	float:left;
}
.f_left_img {
	margin:0px 15px 3px 0px;
}
.f_right {
	float:right;
}
.f_right_img {
	margin:5px 0 10px 10px;
}
span.headline {
	height:30px;
	border-left:8px solid #ff3300;
}
/*clearfixとセットで使う-----------------------------------*/
.f_l { float:left; }
.f_r { float:right; }

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
.clearfix {
	zoom: 1;
}
/*Font修飾-------------------------------------------------*/
/* サイトの大枠-----------------------------*/
#container {
	position:relative;
	width:1000px;
	height:100%;
	margin:0 auto;
	background-color:#fff;
	overflow:hidden;
}
#bn_container {
	display:block;
	width:800px;
	height:115px;
	margin:0;
	text-align:left;
}
#main {
	display:block;
	width:780px;
	height:100%;
	margin:20px 10px;
	border:1px solid #ffffff;
	text-align:left;
	line-height:120%;
}
#main_sub {
	display:block;
	width:780px;
	height:880px;
	margin:20px 10px;
	border:1px solid #ffffff;
	text-align:left;
}
#gif_anime {
	width:800px;
	height:113px;
	text-align:left;
	margin:0px 0px 8px 0px;
}
.main_txt {
	width:760px;
	height:100%;
	margin:10px;
}
/*線のデザイン---------------------------------*/
hr {
	width:750px;
	border-width: 2px 0px 0px 0px; /* 太さ */
	border-style: solid; /* 線種 */
	border-color: #00c; /* 線色 */
	height: 10px; /* 高さ */
}
/*ヘッダー---------------------------------------*/
#head {
	display:block;
	width:1000px;
	height:150px;
	margin:0 auto;
	background-color:#fff;
	text-align:left;
}
#head_txt {
	position:absolute;
	width:800px;
	height:20px;
	font-size:12px;
	color:#999999;
	top:0;
	left:5px;
	text-align:left;
}
ul.menu_bar {
	display:block;
	width:1000px;
	height:30px;
	margin:0;
	padding:0;
}
ul.menu_bar li {
	height:30px;
	margin:0;
	padding:0;
	float:left;
	list-style:none;
}
ul.menu_bar li a {
	display:block;
	height:30px;
}
ul.menu_bar li.menu01 a {
	width:104px;
	padding-top:5px;
	text-align:center;
	background-image:url("img/menu_bak.gif");
}
ul.menu_bar li.menu02 a {
	color:#ff0000;
	font-weight:bolder;
	width:221px;
	padding-top:5px;
	text-align:center;
	background-image:url("img/menu_bak.gif");
}
ul.menu_bar li.menu03 a {
	width:111px;
	padding-top:5px;
	text-align:center;
	background-image:url("img/menu_bak.gif");
}
ul.menu_bar li.menu04 a {
	width:306px;
	padding-top:5px;
	text-align:center;
	background-image:url("img/menu_bak.gif");
}
/*ul.menu_bar li.menu05 a {
	width:185px;
	padding-top:5px;
	text-align:center;
	background-image:url("img/menu_bak.gif");
}*/
ul.menu_bar li.menu06 a {
	width:121px;
	padding-top:5px;
	text-align:center;
	background-image:url("img/menu_bak.gif");
}
ul.menu_bar li.menu07 a {
	width:137px;
	padding-top:5px;
	text-align:center;
	background-image:url("img/menu_bak.gif");
}
#menu_bar ul li a:hover{
    background-position: 0 -30px;
}

ul.menu_bar a { 
	color:#0066ff;
	text-decoration:none;
}/* リンクされた文字 */
ul.menu_bar a:link { 
	color:#0066ff;
	text-decoration:none;
}/* 未訪問リンク文字 */
ul.menu_bar a:visited { 
	color:#0066ff;
	text-decoration:underline;
}/* 訪問後リンク文字 */
ul.menu_bar a:hover { 
	color:#0066ff;
	text-decoration:underline;
}
ul.menu_bar a:active { 
	color:#0066ff;
	text-decoration:underline;
}/* クリック中 */

/*カラム---------------------------------------*/
#con_right {
	position:absolute;
	width:200px;
	height:100%;
	top:200px;
	left:800px;
	color:#fff;
	background-color:#0099ff;
	text-align:center;
}
#con_right_txt {
	width:180px;
	color:#003333;
	font-size:11px;
	text-align:left;
	margin-left:5px;
	padding:5px;
	text-align:center;
	border:1px solid #ffffff;
}
ul.side_menu {
	width:100%;
	height:228px;
	margin:10px 0px 50px 10px;/* top right bottom left*/
	font-size:12px;
	color:#fff;
	padding-left:0;
	text-align:left;
}
ul.side_menu li{
	list-style:none;
	padding:3px 10px;
	margin:1px 0 0 0;
	width:150px;
	float:left;
}
ul.side_menu a { 
	color:#fff;
	text-decoration:none;
}/* リンクされた文字 */
ul.side_menu a:link { 
	color:#fff;
	text-decoration:none;
}/* 未訪問リンク文字 */
ul.side_menu a:visited { 
	color:#fff;
	text-decoration:underline;
}/* 訪問後リンク文字 */
ul.side_menu a:hover { 
	color:#fff;
	text-decoration:underline;
}/* マウスを乗せた時 */
ul.side_menu a:active { 
	color:#fff;
	text-decoration:underline;
}/* クリック中 */
/*フッター--------------------------------------*/
#footer {
	width:1000px;
	height:100%;
	margin-top:20px;
	clear:both;/* 回り込み解除 */
	background-color:#ffffff;
	text-align:center;
}
#navi {
	width:800px;
	height:20px;
	font-size:11px;
	color:#999999;
	top:205px;
	left:0;
	clear:both;
}
#copy {
	width:1000px;
	height:30px;
	top:200px;
	bottom:0;
	line-height:30px;
	color:#ffffff;
	background-color:#0099ff;
}
/*TOPICS------------------------------------------*/
#topic {
	width:710px;
	height:165px;
	margin:5px 5px 5px 30px;/* top right bottom left*/
	border-width:0px 0px 1px 1px;
	border-style:solid;
	border-color:#0099ff;
}
#topic_t {
	width:710px;
	height:28px;
	background-color:#0099ff;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding-top:10px;
}
#topic_box {
	width:700px;
	height:123px;
	overflow:auto;
	margin:3px;
	color:#333333;
	font-size:12px;
	text-align:left;
}
/* 元気復興センター住所 */
#fukko_add {
	width:760px;
	margin:5px 20px 0px 20px;
	padding:0;
	text-align:center;
	border-top:2px solid #00f;
	border-bottom:2px solid #00f;
}
/* バナースペース */
#bn_box img {
	width:760px;
	height:210px;
	margin:10px 10px 5px 10px;
	padding:0;
}
/* ここからsubページ============================================ */
table.company {
	width:770px;
	font-size:12px;
	border-collapse: collapse;
	color:#003366;
	text-align:center;
}
table.company th {
	padding:3px;
	background-color:#99ccff;
}
table.company td {
	padding:5px;
}
.f_r {
	font-size:11px;
	text-align:right;
}
/* report--------------------------------------------------------*/
#topic_r {
	width:710px;
	height:165px;
	margin:5px 5px 5px 30px;/* top right bottom left*/
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color:#0099ff;
}
#topic_r_t {
	width:700px;
	height:28px;
	background-color:#0099ff;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	margin-top:15px;
	padding:3px 0 0 10px;
}
#topic_r_box {
	width:700px;
	height:123px;
	overflow:auto;
	margin:3px;
	color:#333333;
	text-align:left;
}
#topic_r_box table {
	width:680px;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0;
}
#topic_r_box table th {
	width:100px;
	vertical-align:top;
	border:1px solid ##0099ff;
	border-width:0 0 1px 0;
}
#topic_r_box table td {
	width:580px;
	padding-left:10px;
	border:1px solid ##0099ff;
	border-width:0 0 1px 0;
}

#track_record {
	width:740px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 10px;
	padding:5px 0;
	background-color:#ffff99;/* クリーム色 */
}
table.t_table {
	height:100%;
	margin:0px 10px;
	border-collapse: collapse;
}
.t_table th {
	font-size:16px;
	padding:10px 5px;
	text-align:left;
}
.t_table td {
	padding:5px 0px;
	vertical-align:top;
}
td.year {
	width:13%;
	padding:5px;
	text-align:right;
}
td.month {
	width:11%;
	padding:5px;
	text-align:right;
}
td.t_r {
	text-align:right;
}
.record_img_box {
/*	width:270px;*/
/*	float:right;*/
	padding-right:10px;
	margin-left:10px;
}
.record_img_box img {
	margin:5px 0px;
}

#bn_box_r {
	width:740px;
	height:88px;
	margin:0 auto;
	padding:0;
}
#bn_box_r img.bn_m1 {
	float:left;
	margin:0 10px 0 0;
}

/*マルシェ------------------------------------------*/
#main_top {
	display:block;
	width:800px;
	height:100%;
	margin:50px 0 0 0;
	padding:0;
}
#photo_box {
	width:800px;
	height:310px;
	margin:10px 0 0 0;
	padding:0;
	text-align:left;
}
#photo_box_l {
	width:350px;
	height:250px;
	margin:0;
	padding:0;
	text-align:left;
	float:left;
}
#photo_box_r {
	width:450px;
	height:310px;
	margin-left:350px;
	padding:0;
	text-align:left;
}
#photo_box_rl {
	width:225px;
	height:310px;
	margin:0;
	padding:0;
	float:left;
}
#photo_box_rr {
	width:225px;
	height:310px;
	margin:0;
	padding:0;
	float:left;
}
.photo_box_m {
	margin:0 0 10px 0;
}
#map_box {
	width:450;
	height:380px;
	text-align:left;
	margin:0;
	padding:0;
}
/*-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
大漁宝船弁当(tairyou_takarabune_bento.html)
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+*/
h1.tairyo_title {
	font-size:180%;
	font-weight:bolder;
	margin:10px auto;
}
h2.sub_title {
	font-size:120%;
	font-weight:bold;
	margin:5px auto;
}
.tairyou_txt {
	width:98%;
	margin-left:2%;
}
.sales_box {
	width:90%;
	margin-left:10%;
}