@charset "UTF-8";

* {margin:0;padding:0;font-size:13px;}
body {line-height:1.5;color:#000;font-family:"HiraKakuProN-W3","PhonepadTwo";}
img {border:none;vertical-align:bottom;}
embed ,object {vertical-align:top;}

/*-------- PC CSS RESET --------*/


/* Base Setting
-------------------------------------------------- */
div#contents {padding-top:98px !important;}

/* Base Layout
-------------------------------------------------- */
/* TAP Logo */
#tapMainLogo{
position:absolute !important;
z-index:2 !important;
top:-17px !important;
left:-15px !important;
-webkit-transform:scale(0.7,0.7);
}
/* Heaader Logo */
#headerLogo #tapLogo, #headerLogo #unicefLogo{
position:absolute;
-webkit-transform:scale(0.8,0.8);
}
#headerLogo #unicefLogo {right:0px !important;}
#headerLogo #tapLogo {right:70px !important;}

/* dislay nones */
#asideSection, #backgroundLayer, div#contents address{display:none !important;}

/* Margin-Left reset */
#mainLayer, #headerLogo{margin-left:0 !important;}

/* width reset */
#contents, .leftContents, #contents .rightContents, #globalNav, #globalNav ul li, #globalNav #gnav07,.broadArea,.narrowArea{width:100% !important;}

/* Float none */
#contents .leftContents, #contents .rightContents, .narrowArea{float:none !important;}

/* Margin-Top reset */
#contents .leftContents, #contents .rightContents{margin-top:0 !important;}

.section h2{
left:0px !important;
font-size:110%;
color:#09f;
}

.section h3{
font-size:105%;
color:#09f;
}

/* Global-Navigation
-------------------------------------------------- */
#globalNav{
position:relative !important;
top:0 !important;
}
#globalNav #gnav01 a,#globalNav #gnav02 a,#globalNav #gnav03 a,#globalNav #gnav04 a,#globalNav #gnav05 a,#globalNav #gnav06 a,#globalNav #gnav07 a{background-position:100% 50%;}
#globalNav #gnav01 a:hover,#globalNav #gnav02 a:hover,#globalNav #gnav03 a:hover,#globalNav #gnav04 a:hover,#globalNav #gnav05 a:hover,#globalNav #gnav06 a:hover,#globalNav #gnav07 a:hover{background-position:100% 50% !important;}
#globalNav a:link, #globalNav a:visited {text-decoration:none !important;}
#globalNav #gnav07 a{background-image:none !important;}

#globalNav ul li a{
font-size:15px;
text-indent:0px;
background-image:none;
padding:10px 40px 10px 10px;
background-image:url(/template/images/iphone_gnav_bg_01.png) !important;
height:100%;
display:block;
}
#globalNav ul{
border-top:1px solid #09f;
margin-top:20px;
padding-bottom:25px;
background:url(/template/images/share_copyright_01.gif) no-repeat center 98%;
}
#globalNav ul li{
border-bottom:1px solid #09f;
font-size:100%;
}
#globalNav li a:hover{
color:#fff;
background-color:#09f;
}


/* Grid System Reset
-------------------------------------------------- */
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7 { width:100% !important; padding:0 !important; }
.gridLeft, .gridRight { float:none; display:block; }


/*-------- iPhone Original --------*/
/*-------- common --------*/
.gridLayout{
padding:0 10px !important;
}


.contentsTitle h1,
.section,
#contents .leftContents{
overflow:hidden !important;
}

.caution{
text-align:center;
color:#666;
border:1px solid #ccc;
padding:20px;
}

/*-------- Page Original --------*/

.section h3 strong{
color:#666;
}

.pagePartner .box.sideMargin{
margin:0 15px !important;
}
.pagePartner .column{
width:100% !important;
margin-bottom:10px;
}
.pagePartner .column dt{
margin-bottom:5px;
}
.pageContact ul{
margin-top:0 !important;
}
.pageContact ul li{
float:none;
text-align:center;
margin-top:10px;
}

.pageContact #globalNav li{
text-align:left;
margin-top:0 !important;
}

.narrowArea{
text-align:center;
}

.howtoList02 .inner{
padding:0 5px 10px 5px !important;
}

.howtoList02 .howtoListText{
width:100% !important;
}
.howtoList02 .howtoListBtn{
float:none !important;
text-align:center;
}

#clockBlueColumn{
display:none !important;
}

#asideSection{
display:none !important;
}

.pageContact form#mail_form input#mailAddressInput{
width:100% !important;
}

form#mail_form button{
margin-top:10px !important;
}

.pageRestaurant h1{
padding:0 5px !important;
}

/* --------- GoogleMap ------------*/
.pageRestaurant #wrapArea{
padding-left:5px;
padding-right:5px;
}

.pageRestaurant #mapArea{
width:290px;
height:380px;
clear:both;
}
.pageRestaurant h1{
margin-bottom:8px;
}

.pageRestaurant #areaMenu li,
.pageRestaurant #naviArea li{
float:left;
margin:8px 20px;
}
.pageRestaurant #txt li,
.pageRestaurant #mise li{
margin:5px 20px;
}
.pageRestaurant #areaMenu,
.pageRestaurant #naviArea,
.pageRestaurant #txt,
.pageRestaurant #mise{
margin-bottom:10px;
}
.pageRestaurant #areaMenu:after,
.pageRestaurant #naviArea:after,
.pageRestaurant #txt:after,
.pageRestaurant #mise:after{
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
#restaurantInfoWindow ul {
width:200px;
}
#restaurantInfoWindow li{
padding-left:20px;
}
#restaurantInfoWindow li.res01{
background:url(/restaurant/common/images/ico_01.gif) no-repeat left 3px;
}
#restaurantInfoWindow li.res02{
background:url(/restaurant/common/images/ico_02.gif) no-repeat left 3px;
}
#restaurantInfoWindow li.res03{
background:url(/restaurant/common/images/ico_03.gif) no-repeat left 3px;
}
#restaurantInfoWindow li.res04{
padding-left:0;
padding-right:5px;
}