/*
00-common
01-guam-info
02-FAQ
03-restaurant
04-hotel
*/

/* common */

div#webpage #localNav{
	background:#2480FC url(../images/top/top-banner-bg.gif) no-repeat 0 0;
	color:#FFFFFF;
	margin:0 0 20px;
	padding:10px 30px 10px 20px;
}
div#webpage #localNav dl dt{
	font-weight:bold;
}

div#webpage p{
margin:0px 0px 1.5em;
}
div#webpage  h1{
margin:0px 0px 10px 0px;
padding:20px 30px;
border:solid 1px #CCCCCC;
background:#F7F7F7 url(../images/productList-title-hed.gif) no-repeat 10px 10px;
font-size:150%;
}
div#webpage  h2{
/*	margin:0px 0px 20px 0px;
	padding:20px 0 10px 0;
	border-bottom:solid 1px #CCCCCC;*/
	font-size: 120%;
	margin: 2em 0 1em;
	padding: 8px 10px;
	background:#E4F8FF url(../images/pages_indexTitle-bg.gif) no-repeat right bottom;
	font-size:135%;
	clear:both;
}
div#webpage  h3{
	margin:20px 0px 1em 0px;
	padding:5px 0 5px 10px;
	border-left:5px solid #0099FF;
	clear:both;
}
div#webpage  h4{
	margin:20px 0px 1em 0px;
	padding:5px 0 5px 20px;
}
div#webpage div h2, div#webpage div h3, div#webpage div h4{
	margin-top:0;
}

div#webpage .imgR{
	margin:0 0 1em 10px;
	float: right;
}
div#webpage .imgL{
	margin:0 10px 1em 0;
	float: left;
}
div#webpage .flR{
	float: right;
}
div#webpage .flL{
	float: left;
}
div#webpage .note{
	color: #f00;
}
div#webpage div.note{
	margin-bottom: 1.5em;
	padding: 10px 15px;
	border: 1px solid #f00;
}
div#webpage dl.note{
	border: 1px solid #f00;
}
div#webpage dl.note dt{
	color: #fff;
	padding: 5px 10px;
	background:#f00;
}
div#webpage dl.note dd{
	margin: 0;
	padding: 5px 10px;
}
div#webpage ol{
	margin-left:25px;
}
div#webpage h3.num{
	padding:0 5px;
	border:none !important;
}
div#webpage span.num{
	color:#fff;
	width: 1em;
	margin-right: 7px;
	padding: 0 0.3em;
	background:#0099FF;
}
div#webpage table{
	margin-bottom: 1.5em;
	border-collapse:collapse;
}
div#webpage table th,
div#webpage table td{
	padding:3px;
	text-align:left;
	vertical-align:top;
	border:1px solid #ccc;
}
div#webpage table thead,
div#webpage table th{
	background: #eee;
}


/* index */
div.pages-indexBox{
float:left;
width:301px;
margin:10px;
padding:10px;
background:#fff8ef;
min-height:110px;
_height:110px;
_margin:10px 10px 10px 5px;
}
div.pages-indexBox p.pages-indexImg{
float:left;
width:50px;
}

div.pages-indexBox div.pages-indexInfo{
float:left;
width:251px;
}
div.pages-indexBox h2{
width:251px;
height:40px;
margin-top:0!important;
padding:0!important;
background:#E4F8FF url(../images/pages_indexTitle-bg.gif) no-repeat right bottom;
font-size:135%;
border-bottom:none!important;
}
div.pages-indexBox h2 a{
display:block;
width:221px;
padding:10px 0px 10px 30px!important;
background:url(../images/icon_arrow.gif) no-repeat 10px 10px;
}



div.contentPagesBox{
margin:0 0 30px 0;
padding:0 0px 10px 0px;
border:solid 1px #CCCCCC;
position:relative;
}
div.contentPagesBox h2{
padding:10px!important;
background:#FEE4E5;
font-size:130%;
}
div.contentPagesBox p{
margin:0 0 10px 0;
}
div.contentPagesBox .contentPages-lead{
margin:0!important;
padding:10px;
color:#FB588B;
font-size:120%;
font-weight:bold;
}
div.contentPagesBox p.contentPages-coupon{
position:absolute;
top:50px;
right:10px;
}
div.contentPagesBox p.contentPages-coupon img{
margin-left:10px;
}
div.contentPagesBox dl{
width:449px;
margin:0;
padding:0 10px;
}
div.contentPagesBox div.contentPages-data{
padding:10px;
}
div.contentPagesBox div.contentPages-data h3{
margin:0 0 5px 0!important;
padding:0!important;
border:none;
color:#FB588B;
}
div.contentPages-data p.attention{
margin:0 0 10px 0;
background:#FFFFFF;
border:none;
color:#CC0000;
font-weight:bold;
}
div.contentPagesBox div.contentPages-data .contentPages-img{
float:left;
padding-right:10px;
}
div.contentPagesBox div.contentPages-data p.contentPages-txt,
div.contentPagesBox div.contentPages-data dl{
float:left;
width:449px;
}
div.contentPagesBox div.contentPages-data dl{
padding:0;
}
div.contentPagesBox dt{
float:left;
width:60px;
margin:0 5px 5px 0;
padding:2px 0.5em;
color:#FFFFFF;
text-align:center;
background:#FB588B;
clear:both;
}
div.contentPagesBox dt.place{
letter-spacing:1em;
padding:2px 0 2px 1em!important;
}
div.contentPagesBox dd{
float:right;
width:370px;
margin:0 0 5px 0;
padding:2px 0;
}

.attention{
margin:20px;
padding:10px 20px;
border:solid 1px #F89394;
background:#F7F7F7;
font-weight:bold;
}
.pages-imgR{
float:right;
padding-left:20px;
}
.pages-imgL{
float:left;
padding-right:20px;
}

/* 01-guam-info */
div.guam-info  ul.mapList{
padding:0;
font-size:110%;
}
div.guam-info  ul.mapList li{
display:inline;
padding-right:10px;
}

div.document div.description{
	width: 520px;
	float:right;
}

div.shopping .store{
	width: 220px;
	float:left;
	margin-bottom: 2em;
}
div.shopping div.description{
	width: 460px;
	float:right;
}
div.shopping .store dl dd{
	margin:0 ;
}
div.shopping .description .service{
	margin-bottom: 2em;
	padding: 10px 15px;
	background: #f6f6f6;
	border:1px solid #ccc;
}
div.shopping .description .feature{
	margin-bottom: 2em;
}
div.shopping .description .feature dt{
	font-weight: bold;
}
div.shopping .description .feature dd,
div.shopping .description .service dd{
	margin:0 0 1em;
}

/* 02-FAQ */
div.faq div.index h2{
padding:10px 0 10px 40px!important;
font-size:120%;
background:url(../../faq/images/q.gif) no-repeat;
border-bottom:none!important;
}
div.faq div.index div.a-Box{
margin:0 0 40px 0;
padding:0 0 20px 40px;
background:url(../../faq/images/a.gif) no-repeat;
border-bottom:1px dotted #666;
}

/* 03-restaurant */
/*index*/
div.restaurant ul#couponInfo{
margin:40px!important;
padding:20px 20px 0 20px!important;
list-style:none;
background:#f7f7f7;
border:solid 1px #cccccc;
}
div.restaurant ul#couponInfo li{
margin:0 0 20px 0;
vertical-align:middle;
}
div.restaurant ul#couponInfo li img{
vertical-align:middle;
padding-right:10px;
}


/* 04-hotel */

div.hotel .index h2{
padding:0!important;
}
div.hotel .index h2 a{
display:block;
padding:10px 0px 10px 30px!important;
background:url(../images/icon_arrow.gif) no-repeat 10px 50%;
}
div.hotel ul.photo{
	margin: 0 0 1em 10px;
	padding:0;
	list-style:none;
}
div.hotel ul.photo li{
	margin: 0 10px 40px 0;
	float:left;
}
div.hotel ul.photo li img{
	padding: 3px;
	border:1px solid #ddd;
}