@charset "utf-8";
/* CSS Document */



/* body */
html{
	min-height: 100%;
	position: relative;}
body{
	margin:0;
	padding:50px 0 80px 0;
	background-color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Helvetica,Arial,sans-serif,"MS PGothic",sans-serif;
	font-size:14px;
	letter-spacing:0.1em;
	line-height:2em;
	margin-bottom: 5em;}
	

#Container{
	width:1002px;
	height:100%;
	margin:10px auto 0px;}



/* ==================
                        navigation ===== */
	
#Container nav{
	width:1002px;
	height:100%;
	margin:0 auto;}
nav ul{
	margin:0;
	padding:0;
	list-style:none;}
nav ul li{
	margin:0;
	padding:0;
	text-indent:0;
	display:block;
	float:left;}

/*  ======  logo  */
nav ul li.auzlogo{
	background-image:url(../images/nav_top.png) no-repeat;}	
nav ul li.auzlogo a{
	width: 213px;
    height: 47px;
	background-image:url(../images/nav_top.png);
    display: block;
    text-indent: -9999px;}
nav ul li.auzlogo a:hover{
	background-image:url(../images/nav_top_h.png);}

/*  ======  brand  */

nav ul li.bra{
	background-image:url(../images/nav_bra.png) no-repeat;}	
nav ul li.bra a{
	width: 100px;
    height: 47px;
	background-image:url(../images/nav_bra.png);
    display: block;
    text-indent: -9999px;}
nav ul li.bra a:hover{
	background-image:url(../images/nav_bra_h.png);}

/*  ====== lab.  */

nav ul li.lab{
	background-image:url(../images/nav_lab.png) no-repeat;}	
nav ul li.lab a{
	width: 200px;
    height: 47px;
	background-image:url(../images/nav_lab.png);
    display: block;
    text-indent: -9999px;}
nav ul li.lab a:hover{
	background-image:url(../images/nav_lab_h.png);}

/*  ====== company  */

nav ul li.com{
	background-image:url(../images/nav_com.png) no-repeat;}	
nav ul li.com a{
	width: 130px;
    height: 47px;
	background-image:url(../images/nav_com.png);
    display: block;
    text-indent: -9999px;}
nav ul li.com a:hover{
	background-image:url(../images/nav_com_h.png);}	

/*  ====== the beach  */

nav ul li.be{
	background-image:url(../images/nav_be.png) no-repeat;}	
nav ul li.be a{
	width: 140px;
    height: 47px;
	background-image:url(../images/nav_be.png);
    display: block;
    text-indent: -9999px;}
nav ul li.be a:hover{
	background-image:url(../images/nav_be_h.png);}	

/*  ====== contact  */

nav ul li.cont{
	background-image:url(../images/nav_cont.png) no-repeat;}	
nav ul li.cont a{
	width: 100px;
    height: 47px;
	background-image:url(../images/nav_cont.png);
    display: block;
    text-indent: -9999px;}
nav ul li.cont a:hover{
	background-image:url(../images/nav_cont_h.png);}			



/* ==================
                        header ===== */




/* ==================
                        h1.2.3 ===== */
              
#Container h1{
	background-color:#ededed;
	color:#4d4d4d;
	font-size:12px;
	line-height:4em;
	text-align:center;
	font-weight:800;}
H2{ }
H3{ }

/* ==================
                        footer ===== */

footer{
	width:100%;
	background-color:#1a1a1a;
	bottom: 0;
	height: 3em;
	
	position: absolute;}

footer a{
	color:#fff;}

footer ul{
	margin:0;
	padding:0;
	list-style:none;}
	
footer ul li{
	display:block;
	float:right;
	width:200px;
	color:#fff;
	font-size:12px;
	margin-top:10px;
	margin-right:50px;
	}
	
	
	

/* ==================
                        etc ===== */

a {text-decoration:none;}
a img{border:none;}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

.clear{width:0;height:0;clear:both;}


span.f_red{#e81c24;}

/* ==================
                    margin    ===== */

.mgb_10 { margin-bottom:10px!important;}						
.mgb_30 { margin-bottom:30px!important;}
.mgb_50 { margin-bottom:50px!important;}
.mgt_100 { margin-bottom:100px!important;}

.mgt_10 { margin-top:10px!important;}
.mgt_30 { margin-top:30px!important;}
.mgt_50 { margin-top:30px!important;}
.mgt_70 { margin-top:70px!important;}

.mgl_10 { margin-left:10px!important;}
.mgl_30 { margin-left:30px!important;}
.mgl_60 { margin-left:60px!important;}

.mgr_10 { margin-right:10px!important;}
.mgr_30 { margin-right:30px!important;}
.mgr_50 { margin-right:50px!important;}
.mgr_50 { margin-right:50px!important;}

.mgtb_30 { margin:30px 0!important;}
.mgtb_50 { margin:50px 0!important;}