@charset "utf-8";

/***************************
00 css import
01 base change
02 left
03 right
04 pankuzu
05 txt-link
***************************/

/*----------------------------------
=00 css import
----------------------------------*/

/* CSS Document */
@import "base.css";






/*----------------------------------
=01 base change
----------------------------------*/
body{
	background:url(../img/bg_w-wrap.gif) top center no-repeat;
	}

#gmenu,
#navi{
	width:776px;
	margin:0 auto;
	background:none;
	}

#menu{
	width:776px;
	margin:0 auto;
	clear:both;
	}

#menu li{
	float:left;
	}

#main-img h2{
	position:relative;
	z-index:10;
	}

#main{
	width:796px;
	margin:0 auto;
	padding:0 0 100px;
}

#contents{
	width:776px;
	margin:0 auto;
	}

/*----------------------------------
=02 left
----------------------------------*/

#left{
	float:left;
	width:190px;
	}

#right{
	float:right;
	width:580px;
	padding:0 0px 0 20px;
	border-left:1px solid #D4D4D4;
	}


#left #navi{
	width:170px;
	padding-left:20px;
	margin-top:20px;
	text-align:left;
	}

#left #navi a{
	color:#4A4753;
	text-decoration:none;
	}
#left #navi a:hover{
	color:#0773ED;
	}


#left #navi ul{
	margin-top:5px;
	padding-top:10px;
	background:url(../img/tensen.gif) top repeat-x;
	}

#left #navi li{
	float:none;
	padding:0 0 5px 0px;
	background:url(../img/tensen.gif) bottom repeat-x;
	margin-bottom:5px;
	}

#left #navi li p{
	background:url(../img/icon_circle.gif) no-repeat 2px 4px;
	padding-left:15px;
	margin-left:5px;
	}

#left .banner{
	width:171px;
	margin-top:20px;
	padding-left:16px;
	}
	
#left .banner img{
	margin-bottom:8px;
	}

#leftcont h4.set-mal{
	margin:10px auto 5px;
	}




/*----------------------------------
=03 right
----------------------------------*/

#right{
	float:right;
	width:546px;
	margin:0;
	text-align:left;
	}

#rightcont{
	float:right;
	margin:0;
	padding:0;
	text-align:left;
	}




/*----------------------------------
=04 pankuzu
----------------------------------*/

#pankuzu{
	width:546px;
	margin:5px 0 10px 0;
	}

#pankuzu ol{
	float:right;
	}
#pankuzu ol li{
	float:left;
	padding-right:13px;
	margin-left:8px;
	background:url(../img/icon_pankuzu.gif) center right no-repeat;
	}
#pankuzu ol li.current{
	float:left;
	margin-left:8px;
	font-weight:bold;
	color:#FC9E0A;
	background:none;
	}


/*----------------------------------
=05 txt-link
----------------------------------*/

#txt-links{
	margin:70px auto 55px;
	clear:both;
	}
	
#txt-links p{
    text-align:center;
	}

#commercial{
	clear:both;
	margin-left:10px;
	padding-top:20px;
	}

#commercial h4{
	width:400px;
	}




