@charset "shift_jis";

/*==========================================================

2010/4/13
YamasakiHiromitsu

728umai main.css

==========================================================*/


*{
	margin: 0;
}

html{
	height: 100%;
}

body{
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", Helvetica, Arial, Futura, "Hiragino Kaku Gothic Pro W3", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
	margin:0;
	padding:0;
	background:url(../../img/bg-g.jpg) 0 0 repeat;
	min-height:100%;
	height:auto !important;
	height:100%;
	width:100%;
/*�«IE6�@ƒgƒbƒv‰æ‘œ’†‰›Šñ‚¹*/
	text-align:center;
}

h1{
	text-align:center;
	font-size:12px;
	color:#666;
}

img{
	border:none;
}

/*-----Clear-----*/

.clr{
	clear: both;
	display: block;
	font-size: 1px !important;
	margin: 0px !important;
	padding: 0px !important;
	height: 1px !important;
}


/*==========Wrapper==========*/

#Wrapper{
	background:url(../../img/header_img.jpg) 0 15px no-repeat;
	height:100%;
	width:900px;
	margin:0 auto;
}


/*==========Header==========*/

#Wrapper #Header{
	height:336px;
	width:900px;
	margin:0 auto;
}


/*==========Grobal Navigation==========*/

#g-navi{
	height:54px;
	width:900px;
	margin:0 auto;
	padding:0 62px;
	position:absolute;
	top:235px;
	overflow:hidden;
}

#g-navi ul{
	list-style-type: none;
	margin:0;
	padding:0;
}

#g-navi ul li{
	display:inline;
}

#g-navi ul li a{
	background: url(../../img/g-navi.gif) 0 0 no-repeat;
	color:#fff;
	display:block;
	float:left;
	height:0;
	margin:0;
	overflow:hidden;
	padding:54px 0 0;
}


/*-----g-top-----*/

#g-navi ul li.g-top a{
	background-position:0px 0px;
	width:194px;
}

#g-navi ul li.g-top a:hover{
	background-position:0px -55px;
}


#g-navi ul li.g-top-a a,
#g-navi ul li.g-top a:active{
	background-position:0px -110px;
	width:194px;
}


/*-----g-member-----*/

#g-navi ul li.g-member a{
	background-position:-194px 0px;
	width:194px;
}

#g-navi ul li.g-member a:hover{
	background-position:-194px -55px;
}

#g-navi ul li.g-member-a a,
#g-navi ul li.g-member a:active{
	background-position:-194px -110px;
	width:194px;
}


/*-----g-about-----*/

#g-navi ul li.g-about a{
	background-position:-388px 0px;
	width:194px;
}

#g-navi ul li.g-about a:hover{
	background-position:-388px -55px;
}

#g-navi ul li.g-about-a a,
#g-navi ul li.g-about a:active{
	background-position:-388px -110px;
	width:194px;
}


/*-----g-link-----*/

#g-navi ul li.g-link a{
	background-position:-582px 0px;
	width:194px;
}

#g-navi ul li.g-link a:hover{
	background-position:-582px -55px;
}

#g-navi ul li.g-link-a a,
#g-navi ul li.g-link a:active {
	background-position:-582px -110px;
	width:194px;
}


/*==========Sub Navigation Area==========*/

#s-navi{
	height:46px;
	width:900px;
	margin:0 auto;
	padding:0 62px;
	position:absolute;
	top:290px;
	overflow:hidden;
	text-align: left;
}

#s-navi p {
	font-size: 0.75em;
	line-height: 1.4em;
	color: #333;
	float: left;
}

.mr10 {
	margin-right: 10px;
}

/*==========Content==========*/

#Wrapper #content{
	width:776px;
	margin:0 auto;
	background-color:#ccc;
}


/*==========Breadcrumb-Link==========*/

#bc-link{
	text-align:left;
	font-size:12px;
	padding:5px 5px;
}


/*==========Lower Title==========*/

#lwr-ttl{
	text-align:center;
	font-size:12px;
	color:#666;
	padding-top:5px;
	padding-bottom:5px;
}


/*==========Footer==========*/

#Wrapper #footer{
	width:776px;
	margin:0 auto;
	background-color:#333;
}


/*==========Bottom Navigation==========*/

#b-navi{
	text-align:center;
	font-size:12px;
	padding:5px 0 5px 0;
}

#b-navi ul li{
	display:inline;
	padding-right:5em;
}

#b-navi ul li a{
	color:#ccc;
	text-decoration:none;
}

#b-navi ul li a:hover{
	color:#ccc;
	text-decoration:underline;
}

#b-navi ul li.active a,
#b-navi ul li.active a:hover{
	color:#0099ff;
	text-decoration:none;
}