@charset "UTF-8";

/*/////////////////////////////////////////////////////////////

GPH AKASAKA Base CSS

//////////////////////////////////////////////////////////////*/

html {
	background-image: url(../images/bg_head.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	
}
body {
	text-align:center;
}
#wrapper {
	background-image: url(../images/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width:100%;
	
}


/*/////////////////////////////////////////////////////////////
 header
//////////////////////////////////////////////////////////////*/

#wtop {
	width:945px;
	height:14px;
	margin:8px auto 2px auto;
	text-align:right;
}
h1 {
	float:right;
	width:240px;
	height:14px;
	text-align:left;
	text-indent:-9999px;
	background-image: url(../images/ht.gif);
	background-repeat: no-repeat;
}
h1 a {
	text-decoration: none;
	display: block;
	width:240px;
	height:14px;
	text-indent:-9999px;
	background-image: url(../images/ht.gif);
	background-repeat: no-repeat;
}
#header {
	width:945px;
	height:40px;
	margin:0px auto;
}
#logo a{
	width:161px;
	height:40px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	text-indent:-9999px;
	float:left;
}
#headBtn {
	float:right;
	height:32px;
	margin:8px 0px 0px 0px;
	width: 500px;
}
#headTextLink {
	float:right;
	font-size:12px;
	line-height:12px;
	margin:18px 14px 0px 0px;
}
#headImgLinks {
	float:right;
}

/*/////////////////////////////////////////////////////////////
 Global Menu
//////////////////////////////////////////////////////////////*/
#gNavi{
	clear:both;
	margin:18px auto 0px auto;
	position: relative;
	width: 945px;
	height: 40px;
	background: url("../images/gmenu_no.gif") no-repeat;
}
#gNavi ul {
	height: 40px;
}
#gNavi li{
	position: absolute;
	height: 40px;
	text-indent: -9999px;
}
/* Link */
#gNavi li a{
	text-decoration: none;
	display: block;
	height: 40px;
}



#gNaviTop{
	clear:both;
	margin:18px auto 0px auto;
	position: relative;
	width: 945px;
	height: 40px;
	background: url("../images/gmenu_top.gif") no-repeat;
}
#gNaviTop ul {
	height: 40px;
}
#gNaviTop li{
	position: absolute;
	height: 40px;
	text-indent: -9999px;
}
/* Link */
#gNaviTop li a{
	text-decoration: none;
	display: block;
	height: 40px;
}




#gNaviStyle{
	clear:both;
	margin:18px auto 0px auto;
	position: relative;
	width: 945px;
	height: 40px;
	background: url("../images/gmenu_style.gif") no-repeat;
}
#gNaviStyle ul {
	height: 40px;
}
#gNaviStyle li{
	position: absolute;
	height: 40px;
	text-indent: -9999px;
}
/* Link */
#gNaviStyle li a{
	text-decoration: none;
	display: block;
	height: 40px;
}




#gNaviPlan{
	clear:both;
	margin:18px auto 0px auto;
	position: relative;
	width: 945px;
	height: 40px;
	background: url("../images/gmenu_plan.gif") no-repeat;
}
#gNaviPlan ul {
	height: 40px;
}
#gNaviPlan li{
	position: absolute;
	height: 40px;
	text-indent: -9999px;
}
/* Link */
#gNaviPlan li a{
	text-decoration: none;
	display: block;
	height: 40px;
}



#gNaviEvent{
	clear:both;
	margin:18px auto 0px auto;
	position: relative;
	width: 945px;
	height: 40px;
	background: url("../images/gmenu_event.gif") no-repeat;
}
#gNaviEvent ul {
	height: 40px;
}
#gNaviEvent li{
	position: absolute;
	height: 40px;
	text-indent: -9999px;
}
/* Link */
#gNaviEvent li a{
	text-decoration: none;
	display: block;
	height: 40px;
}




#gNaviCeremony {
	clear:both;
	margin:18px auto 0px auto;
	position: relative;
	width: 945px;
	height: 40px;
	background: url("../images/gmenu_ceremony.gif") no-repeat;
}
#gNaviCeremony ul {
	height: 40px;
}
#gNaviCeremony li{
	position: absolute;
	height: 40px;
	text-indent: -9999px;
}
/* Link */
#gNaviCeremony li a{
	text-decoration: none;
	display: block;
	height: 40px;
}





#gNaviCuisine {
	clear:both;
	margin:18px auto 0px auto;
	position: relative;
	width: 945px;
	height: 40px;
	background: url("../images/gmenu_cuisine.gif") no-repeat;
}
#gNaviCuisine ul {
	height: 40px;
}
#gNaviCuisine li{
	position: absolute;
	height: 40px;
	text-indent: -9999px;
}
/* Link */
#gNaviCuisine li a{
	text-decoration: none;
	display: block;
	height: 40px;
}





#gNaviBeauty {
	clear:both;
	margin:18px auto 0px auto;
	position: relative;
	width: 945px;
	height: 40px;
	background: url("../images/gmenu_beauty.gif") no-repeat;
}
#gNaviBeauty ul {
	height: 40px;
}
#gNaviBeauty li{
	position: absolute;
	height: 40px;
	text-indent: -9999px;
}
/* Link */
#gNaviBeauty li a{
	text-decoration: none;
	display: block;
	height: 40px;
}





#gNaviAccessmap {
	clear:both;
	margin:18px auto 0px auto;
	position: relative;
	width: 945px;
	height: 40px;
	background: url("../images/gmenu_accessmap.gif") no-repeat;
}
#gNaviAccessmap ul {
	height: 40px;
}
#gNaviAccessmap li{
	position: absolute;
	height: 40px;
	text-indent: -9999px;
}
/* Link */
#gNaviAccessmap li a{
	text-decoration: none;
	display: block;
	height: 40px;
}




/* Global Navi Default Setting */
li#top { width: 110px;left: 0px; }
li#threestyle { width:163px;left:110px; }
li#plan { width: 124px;left: 273px; }
li#event { width: 114px;left: 397px; }
li#ceremony { width: 135px;left: 511px; }
li#cuisine { width: 80px;left: 646px; }
li#beauty { width: 94px;left: 726px; }
li#accessmap { width: 125px;left: 820px; }
/* Global Navi RollOver Setting */
li#top a:hover { background: url(../images/gmenu_ro.gif) 0px 0px; }
li#threestyle a:hover { background:url(../images/gmenu_ro.gif) -110px 0px; }
li#plan a:hover { background: url(../images/gmenu_ro.gif) -273px 0px; }
li#event a:hover { background: url(../images/gmenu_ro.gif) -397px 0px; }
li#ceremony a:hover { background: url(../images/gmenu_ro.gif) -511px 0px; }
li#cuisine a:hover { background: url(../images/gmenu_ro.gif) -646px 0px; }
li#beauty a:hover { background: url(../images/gmenu_ro.gif) -726px 0px; }
li#accessmap a:hover { background: url(../images/gmenu_ro.gif) -820px 0px; }
/* Global Navi Default Setting */

li#top2 { width: 110px;left: 0px; }
li#threestyle2 { width: 163px;left: 110px; }
li#plan2 { width: 124px;left: 273px; }
li#event2 { width: 114px;left: 397px; }
li#ceremony2 { width: 135px;left: 511px; }
li#cuisine2 { width: 80px;left: 646px; }
li#beauty2 { width: 94px;left: 726px; }
li#accessmap2 { width: 125px;left: 820px; }
/* Global Navi RollOver Setting */
li#top2 a:hover { width: 110px;left: 0px; }
li#threestyle2 a:hover { width: 163px;left: 110px; }
li#plan2 a:hover { width: 124px;left: 273px; }
li#event2 a:hover { width: 114px;left: 397px; }
li#ceremony2 a:hover { width: 135px;left: 511px; }
li#cuisine2 a:hover { width: 80px;left: 646px; }
li#beauty2 a:hover { width: 94px;left: 726px; }
li#accessmap2 a:hover { width: 125px;left: 820px; }


/*/////////////////////////////////////////////////////////////
 Subnavi
//////////////////////////////////////////////////////////////*/
#subNaviTriangle {
	
}

/*/////////////////////////////////////////////////////////////
  main Area
//////////////////////////////////////////////////////////////*/

#mainArea {
	width:945px;
	margin:20px auto;
	padding:0;
}

#mainContants {
	width:714px;
	float:left;
	text-align:left;
	margin:0px;
	padding:0;
}

#rightMenu	{
	width:218px;
	float:right;
	margin:0px;
	padding:0;
}


/*/////////////////////////////////////////////////////////////
  rightmenu
//////////////////////////////////////////////////////////////*/
.rbanner {
	margin:13px 0 0 0;
}


/*/////////////////////////////////////////////////////////////
  footer
//////////////////////////////////////////////////////////////*/
#footer {
	clear:both;
	width:945px;
	height:76px;
	margin:36px auto 0px auto;
	font-size:10px;
	line-height:18px;
}

#footerLeft {
	width:620px;
	text-align:left;
	float:left;
}
#tel {
	width:400px;
	height:36px;
	text-indent:-9999px;
	background:url(../images/tel.gif) no-repeat;
}
#footerTextLinks {
	width:100%;
	height:18px;
	margin:6px 0px 0px 0px;
	font-size:10px;
	line-height:18px;
}
#footerRight {
	width:300px;
	text-align:right;
	float:right;
	margin:24px 0px 0px 0px;
	font-size:10px;
	line-height:18px;
}

div#mainArea {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: 1px;
	overflow: hidden;
	/**/
}

div#mainArea:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div#footer {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: 1px;
	overflow: hidden;
	/**/
}

div#footer:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}