@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;
	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 5px 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 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;
	}

.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;
}


/*///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;
}