@import "reset.css";
@import "common.css";

/*--------------------------------------------------
tag
--------------------------------------------------*/

body{
background:url(../img/bg_body.gif);
}

h1{
width:786px;
height:110px;
background:url(../img/logo.png) no-repeat;
text-indent:-9999px;
}

/*--------------------------------------------------
container
--------------------------------------------------*/

div#container{
width:786px;
margin:22px auto 0 auto;
padding-top:0 !important;
padding-top:22px;
}

/*--------------------------------------------------
header
--------------------------------------------------*/

div#header{
height:172px;
position:relative;
}

/*--------------------------------------------------
tag
--------------------------------------------------*/

div.tag{
	width:178px;
	height:179px;
	background:transparent url(../img/tag_menu.png) no-repeat;
	position:absolute;
	top:-13px;
	right:5px;
}

div.tag ul{
padding-top:46px;
padding-left:12px;
}

div.tag ul li{
margin-bottom:5px;
text-indent:-9999px;
}

div.tag ul li a{
width:151px;
height:36px;
display:block;
overflow:hidden;
}

/*--------------------------------------------------
Piagrande
--------------------------------------------------*/


#Piagrande{
	background-image: url(../img/piagrande_back.gif);
	width:740px;
	margin:15px auto;
	padding-bottom:10px;
}
#Piagrande ul.list{
	width:710px;
	background-image: url(../img/piagrande_list.gif);
	background-repeat: no-repeat;
	height: 294px;
	margin: 15px auto;
}
#Piagrande ul.list li a{
	text-decoration: none;
	display:block;
	padding-left:15px;
line-height:49px;
height:49px;
overflow:hidden;
	width:695px;
}
#Piagrande ul.list li a:hover{
	text-decoration: underline;
}
#Piagrande h3{
	width:710px;
	margin: 15px auto;
}

#main_image {
	clear: both;
	overflow: hidden;
	height: 266px;
	margin: 0 auto 15px auto;
	background:#FFFFFF;
	padding:5px;
	width:720px;
}

.navi-image {
	float: left;
	position: relative;
	width: 480px;
}

.navi {
	float: right;
	width: 237px;
	position: relative;
}
.navi li,.navi li a,.navi li img{height:38px !important;width:237px !important;padding:0 !important;margin:0 !important;}

.navi li.nav01 {
	position: absolute;
	top: 0;
	right: 0;
}

.navi li.nav02 {
	position: absolute;
	top: 38px;
	right: 0;
}

.navi li.nav03 {
	position: absolute;
	top: 76px;
	right: 0;
}

.navi li.nav04 {
	position: absolute;
	top: 114px;
	right: 0;
}

.navi li.nav05 {
	position: absolute;
	top: 152px;
	right: 0;
}

.navi li.nav06 {
	position: absolute;
	top: 190px;
	right: 0;
}

.navi li.nav07 {
	position: absolute;
	top: 228px;
	right: 0;
}

.navi-image a { display: block; }

.navi-image a {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
}

.navi-image a.active { z-index: 10; }

.navi-image a.last-active { z-index: 9; }

/*--------------------------------------------------
menu
--------------------------------------------------*/

div#menu{
height:62px;
background:url(../img/menu.png) 0 no-repeat;
}

div#menu ul{
padding-top:21px;
padding-left:10px;
}

div#menu ul li{
float:left;
margin-right:1px;
text-indent:-9999px;
}

div#menu ul li a{
width:89px;
height:41px;
display:block;
overflow:hidden;
}

div#menu ul li.home a{
width:50px;
height:41px;
}



/*--------------------------------------------------
main
--------------------------------------------------*/
#main{
background:url(../img/bg_container.png) repeat-y;
padding-left:14px;
padding-right:15px;
padding-bottom:12px;
}

/*--------------------------------------------------
footer
--------------------------------------------------*/

#footer{
background:url(../img/bg_footer_top.png) top no-repeat;
padding-top:2px;
}

#footer div.bnrs{
background:url(../img/bg_footer_middle.png) repeat-y;
padding:8px 14px 18px 14px;
}

#footer ul.yukari{
margin-bottom:24px;
height:64px;
}

#footer ul.dev{
margin-left:180px;
height:48px;
}
#footer ul.dev li{
	float:left;
	width:30%;
	text-align:center;
}

#footer div.bottom{
clear:both;
background:url(../img/bg_footer_bottom.png) no-repeat;
height:12px;
overflow:hidden;
}

#footer p.copyright{
margin:15px 0 9px 0;
text-align:center;
}

#footnavi {
	text-align: center;
}

#footnavi * {
	color: #92D050;
}

#footnavi a:hover {
	text-decoration: none;
}

/* PLAN */

.PlanTable td{background-color:#92D050;padding:2px}
.PlanTable td em{font-size:70%}
.PlanTable td span{color:red;}
.PlanTable td.sold{color:#999999;}
.PlanTable td.line{border-bottom:1px solid white;}
.PlanTable td.Rline{border-right:1px solid white;border-bottom:1px solid white;}