/* 
******************************

1.基本
2.左ボックス
3.右ボックス
4.フッター

******************************/ 
/* 1.基本レイアウト
=====================================*/
body {
background: url(../../top/bg.gif)  center repeat-y;
text-align:center;
width:912px;
margin: 0 auto;
padding:0 auto;
font-size:12px;
}

h1{
font-size:10px;
line-height:100%;
margin:5px 0;}

img{
vertical-align: bottom;}

#container {
width:912px;
background:url(../../top/top_bg.gif)  top center no-repeat;
text-align:center;
margin:0;
padding:0;
}

#wrapper{
width:900px;margin:0 6px;
text-align:left;
}


/* 2.左ボックス
=====================================*/
#leftside,#rightside{
float:left;
}

#leftside{
/*background-color:#ff0000;*/
width:540px;
padding-left:5px;}


#header{
height:165px;
padding-left:40px;
position:relative;
}

#snavi{
position:absolute;
top:95px;
}

#snavi ul li{
float:left;
padding-right:15px;}

#gnavi{
position:absolute;
top:125px;
	left: 5px;
	_width: 526px;
	_top: 130px;
}

#gnavi ul li{
float:left;}


#main{
width:465px;
padding:30px 0 0 35px;}

#main .left{
float:left;
width:220px;
margin:15px 25px 0 0;}

#main .right{
float:left;
width:220px;
margin:15px 0 0 0;}

p{
font-size:10px;
padding:5px;
line-height:160%;}

#present{
width:465px;
height:162px;
background:url(../../top/present.jpg)  no-repeat;
margin: 20px 0 20px 40px;
}

#present img{
	margin-right: 10px;
}
#present .btn{
position:relative;
top:120px;
left:110px;}

#l_footer{width:465px;margin: 20px 0 5px 25px;}
#l_footer ul li{
float:left;padding-left:15px;}

#l_footer ul li.pt{
float:right;}


/* 3.右ボックス
=====================================*/

#rightside{
/*background-color:#ff00cc;*/
width:350px;
padding-left:5px;
}

#r_img{margin:5px;}

#news,#blog,#tel{padding-left:40px;width:270px;padding-top:25px;}

#news{font-size:11px;}

#news dt,#news dd{padding-left:16px}
#news dl{padding-top:20px;border-bottom:1px solid #E8E7E0;}

#news dt{
background:url(../../top/n_ico.gif)  no-repeat top left;
color:#615E49;
}

#news dd{padding-bottom:7px;color:#DCA89C;}
#news dd a{padding-bottom:7px;color:#DCA89C; text-decoration:underline;}
#news dd a:hover{padding-bottom:7px;color:#DCA89C; text-decoration:none;}

#tel{font-size:10px;}
#tel img{margin-top:10px;}

/* 4.footer
=====================================*/
#footer{
margin: 0 auto;
padding:10 auto;
width:820px;

}
#footer .left,#footer .right{
text-align:left;
float:left;
background:url(../../common/img/bar.gif) top repeat-x;
padding-top:7px;
}

#footer .left{
width:465px;
font-size:10px;
}

#footer .right{
width:270px;
font-size:8px;
margin-left:75px;
}

#footer  a{color:#918F80; text-decoration:none;}
#footer a:visited{color:#918F80; text-decoration:none;}
#footer  a:hover {color:#918F80; text-decoration:underline;}
