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

  “UMIPPI BEACH” 

 -----------------------------------------
  common.css
 -----------------------------------------
  
  1.Reset

  2.Shared Item

  3.Overall Structure
  
  4.Contents

////////////////////////////////////////// */
/* 1.Reset
////////////////////////////////////////// */

* {
    margin: 0;
    padding: 0;
    zoom: 1;
}

* html * {
    /*for Win IE6*/
    
    zoom: normal;
}

html {
    height: auto;
    _height: 100%;
    min-height: 100%;
}

body {
    /*height: 100%;*/
    
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 75%;
    line-height: 1.75em;
    color: #333333;
    background-color: #fffffa;
    background-image: url(../img/common_img/bg_header.jpg);
    background-position: center top;
    background-repeat: no-repeat;
}

body#index {
    /*height: 100%;*/
    
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 75%;
    line-height: 1.75em;
    color: #333333;
    background-color: #fffffa;
    background-image: url(../img/index_img/bg_index.jpg);
    background-position: 0 500px;
    background-repeat: repeat-x;
}

.bar01 {
    margin-bottom: 5px;
}

ul,
dl {
    list-style: none;
}

a,
img {
    border: 0;
    outline: 0;
    margin: 0;
}

a {
    color: #0186B9;
    text-decoration: none;
}

a:hover {
    color: #ef4416;
}
/*	
#home a,
#menu a{
	color: #ffffff;
	}
	
#home a:hover,
#menu a:hover{
	color: #008bb8;
	}
	
a.red{
	color: #e12709;
	text-decoration: none;
	}
	
a.red:hover{
	color: #ff2850;
	}
	
a.wh{
	color: #ffffff;
	text-decoration: none;
	}
	
a.wh:hover{
	color: #95e5ef;
	}*/

table {
    border-collapse: collapse;
}
/*div:after{
	content: "";
	display: block;
	clear: both;
	}
*/

.clear {
    clear: both;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
/* 2.Shared Item
////////////////////////////////////////// */

#menu {
    clear: both;
    width: 930px;
    margin: 0 auto;
    height: 41px;
}

body#index #menu {
    clear: both;
    width: 937px;
    margin: 0 auto;
    height: 54px;
    background-image: url(../img/index_img/bg_box_tp.png);
    background-repeat: no-repeat;
    background-position: 0 39px;
    padding: 0 0 0 0;
}

*html body#index #menu {
    background-image: url(../img/index_img/bg_box_tp.gif);
}

#menu ul {
    margin: 0 7px;
}

#menu ul li {
    float: left;
    line-height: 0px;
}

#right ul {
    background-image: url(../img/common_img/bg_contents_right.png);
    background-repeat: repeat-x;
}

#right ul li {
    line-height: 0px;
}

#right dl {
    text-align: center;
}

#right dd {
    margin: 0 0 8px 0;
}

#right h3 {
    margin: 0 0 8px 0;
}

.pagetop {
    width: 594px;
    height: 16px;
    background-image: url(../img/common_img/bg_pagetop.gif);
    background-repeat: no-repeat;
    background-position: 0 10px;
    margin: 0 0 14px 0;
    padding: 13px 9px 0 0;
    text-align: right;
    clear: both;
}
/* 3.Overall Structure
////////////////////////////////////////// */
/*#wrapper {
	width: 930px;
	margin: 0 auto;
	padding: 0 auto;
	}*/

#contents {
    width: 935px;
    margin: 0 auto;
    background-image: url(../img/common_img/bg_contents.png);
    background-repeat: repeat-y;
    clear: both;
    overflow: auto;
}

#contents #left {
    width: 634px;
    background-image: url(../img/common_img/bg_contents_tp.png);
    background-repeat: no-repeat;
    padding: 15px 0 0 36px;
    float: left;
}

#contents #right {
    width: 265px;
    float: left;
}
/*///Header///*/

#header {
    width: 930px;
    height: 240px;
    margin: 0 auto;
    padding: 0 auto;
}

#header h1 {
    width: 235px;
    height: 68px;
    display: block;
    text-indent: -9999px;
    background-image: url(../img/common_img/tt_umippibeach.png);
    background-repeat: no-repeat;
    background-position: 0 bottom;
    float: left;
}

#header h2.bea {
    clear: both;
    float: right;
    width: 291px;
    height: 84px;
    display: block;
    text-indent: -9999px;
    background-image: url(../img/beach_img/tt_beach.png);
    background-repeat: no-repeat;
    margin: 70px 0 0;
}

#header h2.bea {
    /*for Win IE6 & IE7*/
    
    /margin: 115px 0 0;
}

#header h2.bea_e {
    clear: both;
    float: right;
    width: 321px;
    height: 84px;
    display: block;
    text-indent: -9999px;
    background-image: url(../img/beach_img/tt_beach_e.png);
    background-repeat: no-repeat;
    margin: 70px 0 0;
}

#header h2.bea {
    /*for Win IE6 & IE7*/
    
    /margin: 115px 0 0;
}

#header h2.pak {
    clear: both;
    float: right;
    width: 269px;
    height: 53px;
    display: block;
    text-indent: -9999px;
    background-image: url(../img/parking_img/tt_paring.png);
    background-repeat: no-repeat;
    margin: 102px 0 0 0;
}

#header h2.pak {
    /*for Win IE6 & IE7*/
    
    /margin: 147px 0 0;
}

#header h2.usa {
    clear: both;
    float: right;
    width: 327px;
    height: 45px;
    display: block;
    text-indent: -9999px;
    background-image: url(../img/usage_img/tt_usage.png);
    background-repeat: no-repeat;
    margin: 113px 0 0 0;
}

#header h2.usa {
    /*for Win IE6 & IE7*/
    
    /margin: 159px 0 0;
}

#header h2.mz {
    clear: both;
    float: right;
    width: 213px;
    height: 76px;
    display: block;
    text-indent: -9999px;
    background-image: url(../img/marizon_img/tt_marizon.png);
    background-repeat: no-repeat;
    margin: 76px 0 0;
}

#header h2.mz {
    /*for Win IE6 & IE7*/
    
    /margin: 120px 0 0;
}

#header h2.sit {
    clear: both;
    float: right;
    width: 194px;
    height: 42px;
    display: block;
    text-indent: -9999px;
    background-image: url(../img/sitemap_img/tt_sitemap.png);
    background-repeat: no-repeat;
    margin: 112px 0 0;
}

#header h2.sit {
    /*for Win IE6 & IE7*/
    
    /margin: 157px 0 0;
}

#header h2.con {
    clear: both;
    float: right;
    width: 224px;
    height: 73px;
    display: block;
    text-indent: -9999px;
    background-image: url(../img/contactus_img/tt_contactus.png);
    background-repeat: no-repeat;
    margin: 80px 0 0 0;
}

#header h2.con {
    /*for Win IE6 & IE7*/
    
    /margin: 127px 0 0;
}

#header ul {
    float: right;
}

#header ul li {
    float: left;
    margin: 0 0 0 1px;
}

#header ul li.lang {
    float: left;
    margin: 0 0 0 0px!important;
}

#header ul li.l_end {
    float: left;
    margin: 0 3px 0 0 !important;
}
/*////Footer////*/

address {
    background-image: url(../img/common_img/bg_contents_bt.png);
    background-repeat: no-repeat;
    width: 898px;
    height: 30px;
    margin: 0 auto;
    display: block;
    clear: both;
    padding: 17px 0 0 37px;
}

body#index address {
    background-image: url(../img/index_img/bg_box_bt.png);
    background-repeat: no-repeat;
    width: 907px;
    height: 30px;
    margin: 0 auto;
    display: block;
    clear: both;
    padding: 12px 0 0 30px;
}
/* 4.Contents
////////////////////////////////////////// */
/*///Home///*/

#f_stage {
    height: 500px;
    background-color: #fbf7dc;
    color: #42210b;
}

#f_stage h1 {
    width: 930px;
    margin: 0 auto;
    padding: 200px 0 0;
    font-size: 133%;
    line-height: 1.2em;
}

#f_stage h2 {
    width: 930px;
    margin: 0 auto;
    font-size: 100%;
    line-height: 1.2em;
}

#f_stage p {
    width: 930px;
    margin: 0 auto;
    font-size: 100%;
}

body#index #box {
    clear: both;
    width: 917px;
    margin: 0 auto;
    background-image: url(../img/index_img/bg_box_md.png);
    background-repeat: repeat-y;
    background-position: 0 0;
    padding: 0 0 0 20px;
    overflow: auto;
    color: #42210b;
}

*html body#index #box {
    background-image: url(../img/index_img/bg_box_md.gif);
}

body#index #box a {
    color: #42210b;
}

body#index #box a:hover {
    color: #dd5656;
}

body#index #box #left {
    float: left;
    width: 522px;
}

body#index #box #right {
    margin: 10px 0 0 0;
    width: 395px;
    float: right;
    line-height: 0px;
}

body#index #box #left h3,
body#index #box #left p {
    padding: 0 0 4px 10px;
    display: block;
}

body#index #box #left dl {
    padding: 0 0 0 10px;
    width: 470px;
    margin: 0 0 20px 2px;
    line-height: 1.5em;
    display: block;
}

body#index #box #left dt {
    float: left;
    display: block;
    margin: 0 8px 0 0;
    /*width:9em;*/
}
/*body#index #box #left dd{
	margin: 0 0 0 9em;
	}*/

body#index #box #left h3.ln {
    background-image: url(../img/index_img/ln_index_left.gif);
    background-repeat: no-repeat;
    display: block;
    padding: 12px 0 4px 10px;
    height: 44px;
}
/*///Umippi Beach///*/

.beach h3 {
    margin: 2px 0 0;
}

.beach .box {
    width: 600px;
    margin: 17px 0 0 0;
}

.beach .box div {
    width: 410px;
    float: left;
}

.beach .box div p {
    width: 403px;
}
/*.beach .box img{
	float:right;
	}*/

.beach ul li {
    font-size: 10px;
    color: #598E89;
    width: 123px;
    height: 88px;
    background-image: url(../img/beach_img/bg_photo_s.gif);
    background-repeat: no-repeat;
    float: left;
    margin: 12px 2px 5px 0;
    padding: 5px;
    line-height: 2.1;
    text-align: center;
}
/*///Parking///*/

.parking h3 {
    margin: 2px 0 6px;
}

.parking .box {
    width: 600px;
    margin: 9px 0 0 0;
}

.parking .box img {
    float: left;
    margin: 0 0 0px 0;
}

.parking .box dl {
    width: 280px;
    float: left;
    margin: 0 0 0 10px;
    line-height: 1.2em;
}

.parking .box dt strong {
    font-size: 116%;
    color: #f15a24;
    display: block;
}

.parking .box dt strong.md {
    margin: 6px 0 0 0;
}

.parking .box dt {
    margin: 2px 0 0;
    display: block;
}

.parking .box dt em {
    font-style: normal;
    font-size: 116%;
    color: #3B8BE2;
    display: block;
    margin: 6px 0 0 0;
}
/*///Usage Guide///*/

.usage h3 {
    margin: 2px 0 0;
}

.usage .box {
    width: 603px;
    margin: 17px 0 0 0;
}

.usage .box div {
    width: 375px;
    float: left;
    padding: 0 15px 0 0;
}

.usage .box div img {
    margin: 10px 0 17px 1px;
}

.usage .dotbox {
    width: 563px;
    clear: both;
    background-image: url(../img/common_img/ln_dotline.png);
    background-repeat: no-repeat;
    padding: 10px 20px 5px 20px;
    line-height: 1.5em;
}

*html .usage .dotbox {
    /*for Win IE6*/
    
    padding: 10px 20px 0 20px;
}

.usage .dotbox strong {
    line-height: 1.75em;
}

.usage .infobox {
    background-image: url(../img/common_img/ln_dotline.png);
    background-repeat: no-repeat;
    padding: 10px 0 0 0;
}

.usage ul {
    padding: 15px 0 15px 2px;
}
/*///Marizon///*/

.marizon h3 img {
    margin: 2px 0 5px;
}

.marizon p {
    width: 603px;
}

.marizon div.box {
    background-image: url(../img/common_img/ln_dotline_v.gif);
    background-repeat: repeat-y;
    background-position: 299px 0;
    margin: 10px 0 0 0;
    padding: 5px 0;
    overflow: auto;
}

.marizon div.box2 {
    margin: 10px 0 0 0;
    overflow: auto;
}

.marizon dl {
    width: 266px;
    margin: 0 12px 0 24px;
    float: left;
}

*html .marizon dl {
    /*for Win IE6*/
    
    margin: 0 12px 0 14px;
}

.marizon dt {
    margin: 0 0 6px 0;
}

marizon div.box3 {
    margin: 10px 0 0 0;
    overflow: auto;
}

.box3 dl {
    /*width:266px;*/
    
    margin: 0 12px 0 24px;
    float: left;
}

*html .box3 dl {
    /*for Win IE6*/
    
    margin: 0 12px 0 14px;
}

.box3 dt {
    margin: 0 0 6px 0;
}

.marizon dd.tel {
    background-image: url(../img/marizon_img/ic_num.gif);
    background-repeat: no-repeat;
    padding: 0 0 0 18px;
    margin: 6px 0 0 0;
}

*:first-child+html .marizon dd.tel {
    /*for Win IE7*/
    
    background-position: 0 2px;
}

.marizon dd.url {
    background-image: url(../img/marizon_img/ic_web.gif);
    background-repeat: no-repeat;
    padding: 0 0 0 18px;
    margin: 3px 0 0 0;
    line-height: 1.1em;
}

*:first-child+html .marizon dd.url {
    /*for Win IE7*/
    
    background-position: 0 2px;
}

.marizon dd.url a {
    color: #6eb30c;
    text-decoration: none;
}

.marizon dd.url a:hover {
    color: #ef4416;
}

.marizon dd.heightLine-1,
.marizon dd.heightLine-2,
.marizon dd.heightLine-3 {
    width: 254px;
}

.marizon .pagetop {
    width: 594px;
    height: 17px;
    background-image: url(../img/common_img/bg_pagetop.gif);
    background-repeat: no-repeat;
    background-position: 0 15px;
    margin: 0 0 14px 0;
    padding: 18px 9px 0 0;
    text-align: right;
    clear: both;
}
/*.marizon dl.sub{
	width:266px;
	margin:0 12px 0 12px;
	float:left;
	}
*html .marizon dl.sub{
	margin:0 6px 0 0;
	}*/

.marizon dl dt.subtt {
    margin: 0 0 0 0;
    line-height: 1.1em;
    clear: both;
}
/*.marizon dl.sub dd{
	margin:0 0 12px 0;
	}*/

.marizon dl dd.ph img,
.marizon dl dd.ph em {
    float: left;
    margin: 0 4px 8px 0;
}

.marizon dl dd.ph {
    font-size: 83%;
    line-height: 1.3em;
    margin: 6px 0 0 0;
}
/*///Sitemap///*/

.sitemap ul {
    margin: 20px 0 0 0;
    background-image: url(../img/sitemap_img/bg_sitemap_umippi.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

.sitemap li {
    background-repeat: no-repeat;
    min-height: 70px;
    _height: 70px;
    /*padding:25px 0 0 65px;*/
    
    margin: 0 0 0 347px;
    display: block;
    width: 265px;
}

*html .sitemap li {
    padding: 25px 0 0 0;
}

.sitemap li.w {
    background-image: url(../img/sitemap_img/bg_sitemap_whatsnew.gif);
}

*html .sitemap li.w {
    float: left;
    margin: 0;
}

.sitemap li.e {
    background-image: url(../img/sitemap_img/bg_sitemap_event.gif);
}

.sitemap li.b {
    background-image: url(../img/sitemap_img/bg_sitemap_beach.gif);
}

.sitemap li.m {
    background-image: url(../img/sitemap_img/bg_sitemap_marizon.gif);
}

.sitemap li.u {
    background-image: url(../img/sitemap_img/bg_sitemap_usage.gif);
}

.sitemap li.p {
    background-image: url(../img/sitemap_img/bg_sitemap_parking.gif);
}

.sitemap li.g {
    background-image: url(../img/sitemap_img/bg_sitemap_guide.gif);
}

.sitemap li.c {
    background-image: url(../img/sitemap_img/bg_sitemap_contact.gif);
}

.sitemap li.s {
    background-image: url(../img/sitemap_img/bg_sitemap_sitemap.gif);
}

.sitemap li.i {
    background-image: url(../img/sitemap_img/bg_sitemap_index.gif);
    float: left;
    width: 347px;
    margin: 0;
    /*padding:25px 0 0 37px;*/
}

.sitemap li a {
    color: #F1707C;
    padding: 29px 0 0 65px;
    line-height: 1.1em;
    display: block;
}

*html .sitemap li a {
    display: inline;
}

.sitemap li.i a {
    padding: 29px 0 0 37px;
}

.sitemap li a:hover {
    color: #0071bc;
}
/*////ContactUs////*/

.contactus #sub {
    background-image: url(../img/contactus_img/bg_contactus_sub.gif);
    background-repeat: no-repeat;
    padding: 20px 0 0 0;
}
/*///ここから池永///*/
/*///new_event///*/

.event p {
    width: 603px;
}

#event_contents {
    width: 590px;
    margin: 0 auto;
}

.mark {
    padding: 4px 6px 4px 30px;
    margin: 0px 0px 8px 0px;
    width: 568px;
    color: #F15A24;
    font-size: 1.2em;
    background-image: url(../img/whatsnew_img/mark1.png);
    background-repeat: no-repeat;
    background-position: left;
    font-weight: bold;
    border-bottom: #F15A24 1px dashed;
}
/*for Win IE6*/

*html .mark {
    padding: 0px 6px 0px 30px;
    margin: 0px 0px 0px 0px;
    width: 568px;
    color: #F15A24;
    font-size: 1.2em;
    background-image: url(../img/whatsnew_img/mark1.png);
    background-repeat: no-repeat;
    background-position: left;
    font-weight: bold;
    border-bottom: #F15A24 1px dashed;
}

/*
table.table-01 {
    width: 603px;
    border-top: 2px #00AAE7 solid;
    border-bottom: 2px #00AAE7 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.table-01 tr {
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    line-height: 160%;
}

table.table-01 td {
    padding: 2px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}*/


table.table-01 {
    border-collapse: collapse;
    margin: 30px 0 0;
}

table.table-01 tr td {
    border: 1px solid gray;
    padding: 10px;
}

table.table-01 .sub_ttl{
    font-size:18px; 
    display:block; 
    margin:20px 0 10px 0;
}



/*///event///*/

.event_box {
    width: 603px;
    background-image: url(../img/event_img/umi.png);
    background-repeat: no-repeat;
    background-position: top right;
}
/*for Win IE6*/

*html .event_box {
    width: 603px;
    background-image: url(../img/event_img/umi2.png);
    background-repeat: no-repeat;
}

.mark2 {
    padding: 4px 6px 4px 30px;
    margin: 0px 0px 0px 0px;
    width: 568px;
    color: #F15A24;
    font-size: 1.2em;
    background-image: url(../img/event_img/mark2.png);
    background-repeat: no-repeat;
    background-position: left;
    font-weight: bold;
}

.line {
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 8px 0px;
    width: 603px;
    border-bottom: #F15A24 1px dashed;
}
/*///access///*/

.mark3 {
    padding: 6px 6px 4px 16px;
    margin: 0px 0px 0px 0px;
    width: 568px;
    color: #F15A24;
    font-size: 1.2em;
    background-image: url(../img/guide_img/mark3.png);
    background-repeat: no-repeat;
    background-position: left;
    font-weight: bold;
}
/*for Win IE6*/

*html .mark3 {
    padding: 0px 6px 0px 16px;
    margin: 6px 0px 0px 0px;
    width: 568px;
    color: #F15A24;
    font-size: 1.2em;
    background-image: url(../img/guide_img/mark3.png);
    background-repeat: no-repeat;
    background-position: left;
    font-weight: bold;
}

.mark4 {
    padding: 2px 0px 0px 16px;
    margin: 0px 0px 4px 0px;
    color: #F15A24;
    background-image: url(../img/guide_img/mark3.png);
    background-repeat: no-repeat;
    background-position: left;
}
/*for Win IE6*/

*html .mark4 {
    padding: 0px 0px 0px 16px;
    margin: 0px 0px 4px 0px;
    color: #F15A24;
    background-image: url(../img/guide_img/mark3.png);
    background-repeat: no-repeat;
    background-position: left;
}
/*///Header-ikenaga///*/

#header h2.new {
    clear: both;
    float: right;
    width: 310px;
    height: 72px;
    display: block;
    text-indent: -9999px;
    background-image: url(../img/whatsnew_img/tt_new.png);
    background-repeat: no-repeat;
    margin: 80px 0 0;
}

#header h2.new {
    /*for Win IE6 & IE7*/
    
    /margin: 125px 0 0;
}

#header h2.event {
    clear: both;
    float: right;
    width: 378px;
    height: 60px;
    display: block;
    text-indent: -9999px;
    background-image: url(../img/event_img/tt_event.png);
    background-repeat: no-repeat;
    margin: 92px 0 0;
}

#header h2.event {
    /*for Win IE6 & IE7*/
    
    /margin: 135px 0 0;
}

#header h2.access {
    clear: both;
    float: right;
    width: 283px;
    height: 78px;
    display: block;
    text-indent: -9999px;
    background-image: url(../img/guide_img/tt_accesslink.png);
    background-repeat: no-repeat;
    margin: 73px 0 0;
}

#header h2.access {
    /*for Win IE6 & IE7*/
    
    /margin: 115px 0 0;
}
/*///ここまで///*/
/***************　追加　***********************************************************/

.important {
    font-size: 14px;
    font-weight: bold;
    color: #0066CC;
}

#gallery {
    width: 600px;
    padding: 0 0 5px 10px;
}

#gallery img {
    margin: 0 10px 7px 0;
}

.mgn_b5 {
    margin-bottom: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.tc {
    text-align: center;
}
/***2011GWイベント***/

.gwevent {
    width: 603px;
    border-top: 2px #00AAE7 solid;
    border-bottom: 2px #00AAE7 solid;
    border-collapse: collapse;
    border-spacing: 0;
    background-image: url(../img/whatsnew_img/gwevent.jpg);
    background-repeat: no-repeat;
    border-left-style: none;
    height: 350px;
}

.gwevent p {
    padding-top: 60px;
    padding-left: 10px;
}
/***2011屋台村イベント***/

.yataiev {
    background: url(../img/event_img/201107_2.jpg) no-repeat right bottom;
    margin-right: 80px;
}

.fc_bb {
    color: #2198e8;
    font-size: 1.1em;
    letter-spacing: 0.2em;
}

.fc_os {
    color: #FF9900;
}

.fc_or {
    background-color: #ff4c2e;
    color: #FFFFFF;
    font-size: 1.5em;
    letter-spacing: 0.2em;
    font-weight: 900;
    line-height: 1.5em;
    margin: 5px 0;
    width: 520px;
    padding: 3px 10px;
}

.fc_rb {
    letter-spacing: 0.2em;
    color: #f82e25;
    font-size: 1.1em;
}

.fc_r {
    color: #f82e25;
}

.fc_o {
    color: #ff4c2e;
}

.fw_b {
    font-weight: bold;
}

.fs_b {
    font-weight: bold;
    font-size: 1.2em;
}
/*candle-night2012*/

#candle-night {
    width: 634px;
    clear: both;
}

#c-img {
    width: 300px;
    float: left;
    text-align: center;
}

#c-type {
    width: 300px;
    float: right;
}

#c-type p {
    width: 270px;
}
/************************************************/
/*    2013/05/14 GWフェスタ　　　　　　　　　　**/
/************************************************/

p#gw_photo {
    margin-top: 20px;
}

p#gw_photo img {
    margin-bottom: 15px;
}

img.gw_mr {
    margin-right: 10px;
}
/************************************************/
/*    2013/06/27  海っぴビーチ屋台村　　　 　　**/
/************************************************/

div#event_contents {
    width: 603px;
    margin: 0 0 50px 0;
}

div#event_contents h5 {
    width: 603px;
    height: 300px;
    background: url(../img/event_img/2013yatai/tt_event2013.jpg) no-repeat;
    text-indent: -9999px;
}

p.event_date {
    text-align: center;
    margin: 20px 0 30px 0;
}

dl.event_info {
    width: 500px;
    margin: 0 0 50px 60px;
}

dl.event_info dt {
    width: 50px;
    float: left;
    margin: 0;
}

dl.event_info dd {
    width: 450px;
    margin: 0;
}

p.title_shoplist {
    font-size: 120%;
    margin: 0 0 5px 0;
}

dl.shop_list {
    width: 603px;
    margin: 0 0 80px 0;
}

.list_header {
    text-align: center;
}

dl.shop_list dt {
    width: 145px;
    float: left;
    margin: 0;
    line-height: 1.3em;
    border: 1px solid #ccc;
    padding: 3px 0 3px 5px;
}

dl.shop_list dd {
    width: 444px;
    float: left;
    margin: 0;
    line-height: 1.3em;
    border: 1px solid #ccc;
    padding: 3px 0 3px 5px
}

p.shop_img {
    width: 600px;
    margin: 0 0 50px 0;
}

p.event_map {
    width: 400px;
    height: 200px;
    margin: 0 auto;
}

p.yatai_img01 {
    width: 450px;
    margin: 50px auto;
}

p.yatai_img01 img.left {
    width: 200px;
    margin: 0 50px 0 0;
}

.red {
    color: #F00;
}

.ml {
    padding-left: 20px;
}

.ev_ti6 {
    border-bottom: 4px #eae3d5 solid;
    font-weight: bold;
    padding: 16px 0 0px 0;
    margin-bottom: 10px;
    color: #f15a24;
    font-size: 14px;
}

.bo_b {
    border-bottom: 4px #eae3d5 dotted;
    padding: 6px 0 6px 0;
    margin-bottom: 6px;
}

.fl_l {
    float: left;
    padding: 0 8px 10px 8px;
}
/*スケジュール　サマーフェスタ*/

.scheduleBox {
    margin-top: 15px;
}

.schedule {
    width: auto;
    border-spacing: 0;
    font-size: 11.32px;
}

.schedule th {
    color: #fff;
    padding: 1px 1px;
    background: #258;
    background: -moz-linear-gradient(rgba(34, 85, 136, 0.7), rgba(34, 85, 136, 0.9) 50%);
    background: -webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34, 85, 136, 0.7)), to(rgba(34, 85, 136, 0.9)));
    font-weight: bold;
    border-left: 1px solid #258;
    border-top: 1px solid #258;
    border-bottom: 1px solid #258;
    line-height: 100%;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(34, 85, 136, 0.9);
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
}

.schedule th:first-child {
    border-radius: 5px 0 0 0;
}

.schedule th:last-child {
    border-radius: 0 5px 0 0;
    border-right: 1px solid #258;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1), 0px 1px 1px rgba(255, 255, 255, 0.3) inset;
}

.schedule tr td {
    padding: 1px 1px;
    border-bottom: 1px solid #84b2e0;
    border-left: 1px solid #84b2e0;
    text-align: center;
}

.schedule tr td:last-child {
    border-right: 1px solid #84b2e0;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}

.schedule tr {
    background: #fff;
}

.schedule tr:nth-child(2n+1) {
    background: #f1f6fc;
}

.schedule tr:last-child td {
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
}

.schedule tr:last-child td:first-child {
    border-radius: 0 0 0 5px;
}

.schedule tr:last-child td:last-child {
    border-radius: 0 0 5px 0;
}

.schedule tr:hover {
    background: #bbd4ee;
    cursor: pointer;
}



/************************************************/
/*    海っぴビーチサマーフェスタ2018　　　 　　**/
/************************************************/

#summerfesta .table_festa {
    border-collapse: collapse;
    margin: 30px 0 0;
}

#summerfesta .table_festa tr td {
    border: 1px solid gray;
    padding: 10px;
}

#summerfesta .sub_ttl{
    font-size:18px; 
    display:block; 
    margin:20px 0 10px 0;
}


/************************************************/
/*    海っぴビーチマリンスポーツ教室2018       **/
/************************************************/


#marine .table_marine {
    border-collapse: collapse;
    margin: 30px 0 0;
}

#marine .table_marine tr td {
    border: 1px solid gray;
    padding: 10px;
}

#marine .sub_ttl{
    font-size:18px; 
    display:block; 
    margin:20px 0 10px 0;
}


/************************************************/
/*    凧あげ大会2018       **/
/************************************************/


.box-orange {
	border:1px solid orange;
	background:#F8D263;
	border: 1px solid orange;
	background: #F8D263;
	padding: 0.5em;
	font-size: 1.2em;
	margin-top: 1em;
	width: 53% !important;
}