@charset "utf-8";


body #contents{
	font-size:14px;
	}
/* contentsNav
----------------------------------------*/
header{
	height:260px;
	background: url("../images/contents_nav_back_about.png") repeat-x center 200px;
	}
ul.contentsNav{
	width:953px;
	height:60px;
	margin:0 auto;
	list-style:none;
	}
ul.contentsNav li{
	float:left;
	margin-left:7px;
	}
ul.contentsNav li:first-child{
	margin-left:0px !important;
	}
ul.contentsNav li a{
	display:block;
	width:233px;
	height:40px;
	margin:10px 0;
	text-indent:-9999px;
	}
ul.contentsNav li a:hover{
	opacity:0.8;
	}
ul.contentsNav li.nav01 a{background: url("../images/about/nav01.png") no-repeat;}
ul.contentsNav li.nav02 a{background: url("../images/about/nav02.png") no-repeat;}
ul.contentsNav li.nav03 a{background: url("../images/about/nav03.png") no-repeat;}
ul.contentsNav li.nav04 a{background: url("../images/about/nav04.png") no-repeat;}


/* sideNav
----------------------------------------*/
div.sideNav{
	position:fixed;
	top:172px;
	right:0;
	width:240px;
	height:200px;
	margin:0 -197px 0 0;
	z-index:10;
	background-color: rgba(193,133,133,0.9);
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	}
.sideNav>ul{
	list-style:none;
	padding:5px 0 7px 10px;
	}
.sideNav>ul>li>a{
	display:block;
	width:281px;
	height:38px;
	text-indent:-9999px;
	background: url("../images/about/sideNav01.png") no-repeat;
	}
.sideNav ul li.nav01 a{background-position:0 7px;}
.sideNav ul li.nav02 a{background-position:0 -31px;}
.sideNav ul li.nav03 a{background-position:0 -69px;}
.sideNav ul li.nav04 a{background-position:0 -107px;}
.sideNav ul li.nav05 a{background-position:0 -145px;}
.sideNav>ul>li>a:hover{
	opacity:0.8;
	}

/* contents
----------------------------------------*/

#contents>section>div{
	width:980px;
	margin:0 auto;
	min-height:300px;
	}
section.about01{
	background: url("../images/about/back01.png") no-repeat center 120px;
	text-align:center;
	}
div#about01{
	padding:30px 0;
	}
div#about02{
	text-align:center;
	}
div#about03{
	background:url("../images/about/back03.png") no-repeat 572px 38px;
	padding:90px 0 0 80px;
	width:900px !important;
	height:221px;
	}
div#about04{
	padding:30px 0 0 0;
	}
div#about04>div>h1{
	margin-bottom:20px;
	}
div#about04 section{
	border:1px solid rgba(0,0,0,1);
	padding:12px 20px;
	margin-top:15px;
	}
div#about04 section ul li p{
	font-size:11px;
	line-height:1.8;
	}
div#about04 section h1{
	border-bottom:1px solid rgba(0,0,0,1);
	padding-bottom:5px;
	margin-bottom:5px;
	}
div#about04 section ul{
	list-style:none;
	}

div#about05{
	padding:0 30px;
	width:920px !important;
	}
div#about05 dl{
	width:210px;
	float:left;
	}
div#about05 dl dt,div#about05 dl dd{
	float:left;
	font-size:11px;
	}
div#about05 dl dt{
	width:20px;
	}
div#about05 dl dd{
	width:190px;
	}
div#about05 dl dd a{
	color:rgb(0,0,0);
	}
div#about05 img.map{
	float:left;
	}

#contents>section{
	position:relative;
	width:100%;
	padding:50px 0;
	}
#contents>section:nth-child(2n){
	background: url("../images/contents_nav_back_about.png") repeat;
	margin:25px 0;
	}
#contents>section:nth-child(2n):before,
#contents>section:nth-child(2n):after{
	content: "";
	display:block;
	width:100%;
	height:23px;
	position:absolute;
	left:0;
	background: url("../images/square_about.png") repeat-x top center;
	}
#contents>section:nth-child(2n):before{top:-23px;}
#contents>section:nth-child(2n):after{bottom:-23px;}