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

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/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/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/bg_contents.png);
	background-repeat: repeat-y;
	clear: both;
	overflow:auto;
}

#contents #left{
	width:634px;
	background-image: url(../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/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.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/tt_contactus.png);
	background-repeat: no-repeat;
	margin:80px 0 0 0;
	}
#header h2.con{ /*for Win IE6 & IE7*/
	/margin:127px 0 0;
}

#header h2.con2{
	clear:both;
	float:right;
	width:224px;
	height:73px;
	display: block;
	text-indent: -9999px;
	background-image: url(../img/tt_contactus2.png);
	background-repeat: no-repeat;
	margin:80px 0 0 0;
	}
#header h2.con2{ /*for Win IE6 & IE7*/
	/margin:127px 0 0;
}

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


/*////Footer////*/
address{
	background-image: url(../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;
	}
	
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 5px 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 5px 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{
	width:123px;
	height:88px;
	background-image: url(../img/beach_img/bg_photo_s.gif);
	background-repeat: no-repeat;
	float: left;
	margin:12px 2px 0 0;
	padding:5px;
	}

/*///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: 8px 0 0 10px;
	line-height:1.2em;
	}

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

.parking .box dt em{
	font-style:normal;
	margin:6px 0 0;
	display:block;
	}
	
/*///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/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/ln_dotline.png);
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
	}

/*///Marizon///*/
.marizon h3 img{
	margin:2px 0 5px;
	}
	
.marizon p{
	width:603px;
	}
	
.marizon div.box{
	background-image:url(../img/ln_dotline_v.gif);
	background-repeat:repeat-y;
	background-position: 299px 0;
	margin:10px 0 0 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;
	}
*: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/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{ /*for Win IE6*/
	margin:0 6px 0 0;
	}
	
.marizon dl.sub dt{
	margin:0 0 0 0;
	line-height:1.1em;
	clear:both;
	}
	
.marizon dl.sub dd{
	margin:0 0 12px 0;
	}
	
.marizon dl.sub dd.ph img,
.marizon dl.sub dd.ph em{
	float:left;
	margin:0 0 8px 0;
	}
	
	
.marizon dl.sub dd.ph{
	font-size:83%;
	line-height:1.3em;
	margin:29px 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 #form{
	width: 600px;
	}
	
.contactus #form img{
	margin:20px 0 5px 0;
	}

*html .sitemap_r{
	font-size:75%;
	line-height:1.1em;
	}