/*------------------------------*/
/*リセット　　　　　　　　　　　*/
/*------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
	margin: 0;
	padding: 0;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}
img{
	border: none;
	vertical-align: top;
}

/*------------------------------*/
/*フォントスタイル　　　　　　　*/
/*------------------------------*/
.fs10 {
	font-size: 10px;
	line-height: 138%;
}
.fs12 {
	font-size: 78%;
	line-height: 138%;
}
.fs12L {
	font-size: 78%;
	line-height: 158%;
}
.fs14 {
	font-size: 88%;
	line-height: 138%;
}
.fs16 {
	font-size: 100%;
	line-height: 138%;
}
.fs10b {
	font-size: 10px;
	line-height: 138%;
	font-weight: bold;
}
.fs12b {
	font-size: 78%;
	line-height: 138%;
	font-weight: bold;
}
.fs12Lb {
	font-size: 78%;
	line-height: 158%;
	font-weight: bold;
}
.fs14b {
	font-size: 88%;
	line-height: 138%;
	font-weight: bold;
}
.fs16b {
	font-size: 100%;
	line-height: 138%;
	font-weight: bold;
}
.accent_blue {
	font-size: 88%;
	line-height: 138%;
	font-weight: bold;
	color: #0455BF;
}

.accent_b {
	font-weight: bold;
}

.accent_red {
	color: #CC0000;
}

.accent_white {
	color: #FFFFFF;
}

.accent_blue02 {
	color: #0455BF;
}
.accent_bg_pink {
	background-color:#FFE1E1;
}

.fs_big {
	font-size: 123%;
	line-height: 138%;
}
.accent_orange {
	color: #FB6400;
}


/*------------------------------*/
/*リンクスタイル　　　　　　　　*/
/*------------------------------*/

a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #13587A;
	text-decoration: underline;
}
a:hover {
	color: #1675F2;
	text-decoration: underline;
}
a:active {
	color: #1675F2;
	text-decoration: underline;
}

/*------------------------------*/
/*コンテンツ　　　　　　　　　　*/
/*------------------------------*/

/*共通
--------------------------------*/
#wrapper {
	width: 100%;
	text-align: center;
	background-image: url(images/week_bg_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 20px 0;
	padding: 42px 0 0 0;
}
#contents {
	background-image: url(images/week_bg_center.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	width: 100%;
	text-align: center;
}
#foot {
	background-image: url(images/week_bg_btm.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 60px 0 15px 0;
	width: 100%;
}

#foot .link {
	padding: 15px 0;
	margin: 10px auto;
	width: 1020px;
	border-bottom: solid 1px #DBDEE1;
	border-top: solid 1px #DBDEE1;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
	line-height: 0;
}




/*index
--------------------------------*/
#week_top_ttl {
	width: 930px;
	margin: 0 auto;
	text-align: left;
	height: 606px;
}
#week_top_l {
	float: left;
	width: 581px;
	text-align: left;
}
#week_top_r {
	float: right;
	width: 349px;
	text-align: left;
}
#week_top_eco {
	width: 930px;
	background-image: url(images/topimg_53.jpg);
	text-align: center;
	padding: 0 0 10px 0;
	margin: 0 auto;
}

#week_top_eco p {
	width: 870px;
	height: 50px;
	padding: 10px 20px 10px 120px;
	background-image: url(images/eco_01.gif);
	background-position: left top;
	text-align: left;
	background-repeat: no-repeat;
	margin: 0 auto;
}
.attention {
	width: 900px;
	background-color: #C7DCF2;
	padding: 8px 15px;
	text-align: left;
	margin: 0 auto;
}
*html .attention {
	width: 930px;
	background-color: #C7DCF2;
	padding: 8px 15px;
	text-align: left;
	margin: 0 auto;
}

/*week
--------------------------------*/
#week_head {
	width: 930px;
	margin: 0 auto;
	text-align: left;
}

#week_wrapper {
	width: 930px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFF;
}

.week_event {
	width: 590px;
	margin: 0 0 0 10px;
	float: left;
}

*html .week_event {
	width: 590px;
	margin: 0 0 0 5px;
	float: left;
}

.week_event a:link {
	color: #FFFF00;
	text-decoration: none;
}
.week_event a:visited {
	color: #FFFF00;
	text-decoration: none;
}
.week_event a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.week_event a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

.week_attention {
	width: 560px;
	padding: 8px 15px;
	margin: 0;
	text-align: left;
	background-color: #DFDFDF;
}

*html .week_attention {
	width: 590px;
	padding: 8px 15px;
	margin: 0;
	text-align: left;
	background-color: #DFDFDF;
}

.box_line {
	width: 580px;
	padding: 4px 4px 8px 4px;
	margin: 5px 0 10px 0;
	text-align: left;
	border: solid 1px #B4B4B4;
	text-align: center;
	clear: both;
}
/*
*html .box_line {
	width: 586px;
	padding: 4px 2px 8px 2px;
	margin: 5px 0 10px 0;
	text-align: left;
	border: solid 1px #B4B4B4;
}



*html .pict {
	margin: 0 0 0 -2px;
	padding: 0px;
}
*/

.text {
	padding: 3px;
	margin: 0;
	text-align: left;
	font-size: 78%;
	line-height: 158%;
}

.box_info {
	padding: 3px;
	margin: 8px 0 0 0;
	text-align: left;
	background-color: #DFDFDF;
	font-weight: bold;
	font-size: 88%;
}

h3 {
	color: #FFF;
	font-weight: bold;
	font-size: 120%;
	float: left;
	width: 280px;
}

.week_foot {
	width: 655px;
	background-image: url(images/foot_base.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 17px 0 3px 277px;
}

*html .week_foot {
	width: 930px;
	background-image: url(images/foot_base.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 17px 0 3px 277px;
}


/*calendar*/

.week_calendar {
	width: 300px;
	margin: 0 10px 0 0;
	float: right;
}

*html .week_calendar {
	width: 300px;
	margin: 0 5px 0 0;
	float: right;
}

#week_calendar_line {
	margin: 0px;
	padding: 0px;
	width: 296px;
	border: solid 2px #2F3191;
	background-color: #FFFFFF;
	list-style: none;
	border-bottom: solid 10px #2F3191;
}

.week_calendar .day {
	margin: 0 0 10px 0;
	padding: 5px 0;
	width: 296px;
	background-color: #FFF9C7;
	text-align: center;
	color: #1F1F1F;
	font-size: 78%;
	font-weight: bold;
	border-bottom: dashed 1px #1D2088;
	border-top: solid 1px #1D2088;
}

.week_calendar .okinawa {
	margin: 0 0 10px 10px;
	padding: 0 0 0 108px;
	font-size: 78%;
	line-height: 138%;
	background-image: url(images/calendar_okinawa.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	width: 286px;
}

.week_calendar .yaeyama {
	margin: 0 0 10px 10px;
	padding: 0 0 0 108px;
	font-size: 78%;
	line-height: 138%;
	background-image: url(images/calendar_yaeyama.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	width: 286px;
}

.week_calendar .miyako {
	margin: 0 0 10px 10px;
	padding: 0 0 0 108px;
	font-size: 78%;
	line-height: 138%;
	background-image: url(images/calendar_miyako.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	width: 286px;
}

.week_calendar .kumejima {
	margin: 0 0 10px 10px;
	padding: 0 0 0 108px;
	font-size: 78%;
	line-height: 138%;
	background-image: url(images/calendar_kumejima.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	width: 286px;
}

/*okinawa*/
#okinawa_link {
	width: 590px;
	text-align: center;
	line-height: 32px;
	background-color: #E60012;
	font-size: 78%;
	color: #FFFFFF;
}

.okinawa_eventname {
	width: 562px;
	height: 32px;
	line-height: 32px;
	background-color: #E60012;
	padding: 0 8px 0 10px;
	margin: 0 0 8px 0;
	text-align: left;
}

*html .okinawa_eventname {
	width: 578px;
	text-align: left;
	height: 32px;
	line-height: 32px;
	background-color: #E60012;
	padding: 0 0 0 10px;
	margin: 0 0 8px 0;
}

.okinawa_eventday {
	text-align: right;
	line-height: 32px;
	color: #FFE1E4;
	font-size: 88%;
	float: left;
	width: 280px;
}

.box_line_okinawa_eco {
	width: 580px;
	padding: 4px 4px 8px 4px;
	margin: 5px 0 10px 0;
	text-align: left;
	border: solid 1px #B4B4B4;
	text-align: center;
	height: auto
}

#okinawa_eco {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	width: 290px;
}


#okinawa_eco_text {
	float: right;
	margin: 0;
	padding: 5px 0 0 0;
	width: 280px;
}

/*yaeyama*/
#yaeyama_link {
	width: 590px;
	text-align: center;
	line-height: 32px;
	background-color: #00A0E9;
	font-size: 78%;
	color: #FFFFFF;
}

.yaeyama_eventname {
	width: 562px;
	height: 32px;
	line-height: 32px;
	background-color: #00A0E9;
	padding: 0 8px 0 10px;
	margin: 0 0 8px 0;
	text-align: left;
}

*html .yaeyama_eventname {
	width: 578px;
	text-align: left;
	height: 32px;
	line-height: 32px;
	background-color: #00A0E9;
	padding: 0 0 0 10px;
	margin: 0 0 8px 0;
}

.yaeyama_eventday {
	text-align: right;
	line-height: 32px;
	color: #E6EFF9;
	font-size: 88%;
	float: left;
	width: 280px;
}

.text_l {
	padding: 3px;
	margin: 0;
	text-align: left;
	font-size: 78%;
	line-height: 158%;
	float: left;
	width: 280px;
}

.text_r {
	padding: 3px;
	margin: 0;
	text-align: left;
	font-size: 78%;
	line-height: 158%;
	float: right;
	width: 280px;
}

/*miyako*/
#miyako_link {
	width: 590px;
	text-align: center;
	line-height: 32px;
	background-color: #EB6100;
	font-size: 78%;
	color: #FFFFFF;
}

.miyako_eventname {
	width: 562px;
	height: 32px;
	line-height: 32px;
	background-color: #EB6100;
	padding: 0 8px 0 10px;
	margin: 0 0 8px 0;
	text-align: left;
}

*html .miyako_eventname {
	width: 578px;
	text-align: left;
	height: 32px;
	line-height: 32px;
	background-color: #EB6100;
	padding: 0 0 0 10px;
	margin: 0 0 8px 0;
}

.miyako_eventday {
	text-align: right;
	line-height: 32px;
	color: #FFF9C7;
	font-size: 88%;
	float: left;
	width: 280px;
}

/*kumejima*/
#kume {
	width: 600px;
}
#kume_main {
	width: 590px;
	margin: 0 0 0 10px;
}

.kume_eventname {
	width: 562px;
	height: 32px;
	line-height: 32px;
	background-color: #8EC31F;
	padding: 0 8px 0 10px;
	margin: 0 0 8px 0;
	text-align: left;
}

*html .kume_eventname {
	width: 578px;
	text-align: left;
	height: 32px;
	line-height: 32px;
	background-color: #8EC31F;
	padding: 0 0 0 10px;
	margin: 0 0 8px 0;
}

.kume_eventday {
	text-align: right;
	line-height: 32px;
	color: #F5FCE9;
	font-size: 88%;
	float: left;
	width: 280px;
}


/*100221*/
.event_list li {
	padding: 2px 0;
	margin: 0 0 0 20px;
	text-align: left;
	font-size: 78%;
	line-height: 158%;
	list-style: circle;
}

.accent_bg_hline {
	background-color:#E9EEEF;
}

.column {
	padding: 5px 3px;
	margin: 8px 0 0 0;
	text-align: left;
	background-color: #FF974A;
	font-weight: bold;
	font-size: 100%;
	color: #FFF;
}
.column_Y {
	padding: 5px 3px;
	margin: 8px 0 0 0;
	text-align: left;
	background-color: #66CDFF;
	font-weight: bold;
	font-size: 100%;
	color: #FFF;
}
.column_H {
	padding: 5px 3px;
	margin: 8px 0 0 0;
	text-align: left;
	background-color: #FF4654;
	font-weight: bold;
	font-size: 100%;
	color: #FFF;
}

.chu-i {
	padding: 5px;
	border: solid 1px #333;
	font-size: 78%;
	line-height: 138%;
	text-align: left;
}

.box_line a:link {
	color: #333333;
	text-decoration: underline;
}
.box_line a:visited {
	color: #13587A;
	text-decoration: underline;
}
.box_line a:hover {
	color: #1675F2;
	text-decoration: underline;
}
.box_line a:active {
	color: #1675F2;
	text-decoration: underline;
}
.text_border {
	border: solid 1px #666;
	padding: 1px;
	text-align: left;
	font-size: 78%;
}