@charset "utf-8";


@import url("/common/css/default.css");


/* Main
*************************************************************************/

#main{
	background: #FFF url(../images/main_bg.jpg) no-repeat right bottom;
}


/* LeftColumn
*************************************************************************/

#mainWebguestLeft,
#mainPrivacyLeft{
	float: left;
	width: 580px;
	background: url(../images/main_left_bg.gif) repeat-x left top;
}


/* Top
*************************************************************************/

#mainWebguestLeft h3{
	width: 535px;
	margin: 20px 20px 1px 25px;
	padding: 0;
	background: url(../images/webguest_h3_bg.gif) no-repeat left top;
}
#mainWebguestLeft h3 img{
	margin: 2px 12px 5px 12px;
}
#mainWebguestLeft p{
	margin: 16px 20px 16px 25px;
	font-size: 120%;
	line-height: 1.3em;
}
#mainWebguestLeft p.small{
	font-size: 100%;
	line-height: 1.3em;
}
#mainWebguestLeft p.button{
	margin: 20px 20px 30px 25px;
	text-align: center;
}

#mainWebguestLeft ul#webguestNavi{
	width: 535px;
	margin: 32px 20px 30px 25px;
	height: 29px;
	list-style-type: none;
	overflow: hidden;
	background: url(../images/webguest_navi_bg.gif) repeat-x left top;
	zoom: 1;
}
#mainWebguestLeft ul#webguestNavi:after{
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden;
	content: ".";
}
#mainWebguestLeft #webguestNavi li{
	float: left;
	padding: 7px 12px 7px 4px;
}

#mainWebguestLeft #webguestPrivilege{
	margin: 1px 20px 16px 25px;
	padding: 20px 20px 4px 20px;
	background: #F3EECD;
}
#mainWebguestLeft #webguestPrivilege h4{
	margin: 0 0 8px 0;
	background: url(../images/webguest_h4_bg.gif) repeat-x left center;
	border: solid 1px #CCC;
}
#mainWebguestLeft #webguestPrivilege p{
	margin: 0 12px 16px 12px;
}



/* RightColumn
*************************************************************************/

#mainWebguestRight{
	float: right;
	width: 220px;
	height: 200px;
	background: #454545 url(../images/main_right_bg.gif) repeat-x left top;
}