@charset "utf-8";

/*===============================================
clearfix
===============================================*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac ﾂ･*/
*html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */

/*--------------------------------------------------------------------------
BASIC
--------------------------------------------------------------------------*/
.alL {text-align:left;}
.alC {text-align:center;}
.alR {text-align:right;}
.flL {float:left;}
.flR {float:right;}
.alR {text-align:right;}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

.col_red {color:red;}

/*--------------------------------------------------------------------------
MARGIN
--------------------------------------------------------------------------*/
.mgT5 {margin-top:5px;}
.mgT10 {margin-top:10px;}
.mgT20 {margin-top:20px;}
.mgT30 {margin-top:30px;}
.mgT200 {margin-top:200px;}
.mgB5 {margin-bottom:5px;}
.mgB10 {margin-bottom:10px;}
.mgB15 {margin-bottom:15px;}
.mgB20 {margin-bottom:20px;}
.mgB30 {margin-bottom:30px;}
.mgB40 {margin-bottom:40px;}
.mgL5 {margin-left:5px;}
.mgL10 {margin-left:10px;}
.mgR5 {margin-right:5px;}
.mgR10 {margin-right:10px;}
.mgR15 {margin-right:15px;}
.mgR20 {margin-right:20px;}

/*--------------------------------------------------------------------------
PADDING
--------------------------------------------------------------------------*/
.pdT5 {padding-top:5px;}
.pdT10 {padding-top:10px;}
.pdB5 {padding-bottom:5px;}
.pdB10 {padding-bottom:10px;}
.pdB15 {padding-bottom:15px;}
.pdB20 {padding-bottom:20px;}
.pdB30 {padding-bottom:30px;}
.pdL5 {padding-left:5px;}
.pdL10 {padding-left:10px;}
.pdR5 {padding-right:5px;}
.pdR10 {padding-right:10px;}
.pdR20 {padding-right:20px;}
.pdR40 {padding-right:40px;}

/*===============================================
HEADER
===============================================*/

#header {
	margin-bottom: 50px;
	padding: 70px 0px 0px 0px;
	text-align:center;
}
#header h1 {
	width:185px;
	margin:0px auto 40px auto;
}

#Navigation li {
	display:-moz-inline-box;
	display:inline-block;
	/display: inline;
	/zoom:1;
	height:18px;
	padding:0px 10px;
	overflow:hidden;
}
#Navigation li a {
	display:block;
	padding-top:18px;
}
#Navigation li a:hover, #Navigation li a:focus {
	background-position:0px -18px;
}

#Navigation .navi01 a {
	width:40px;
	background:url('images/navi/navi01.gif') no-repeat left top;
}
#Navigation .navi02 a {
	width:60px;
	background:url('images/navi/navi02.gif') no-repeat left top;
}
#Navigation .navi03 a {
	width:68px;
	background:url('images/navi/navi03.gif') no-repeat left top;
}
#Navigation .navi04 a {
	width:40px;
	background:url('images/navi/navi04.gif') no-repeat left top;
}
#Navigation .navi05 a {
	width:40px;
	background:url('images/navi/navi05.gif') no-repeat left top;
}
#Navigation .navi06 a {
	width:40px;
	background:url('images/navi/navi06.gif') no-repeat left top;
}
#Navigation .navi07 a {
	width:40px;
	background:url('images/navi/navi07.gif') no-repeat left top;
}
#Navigation .navi08 a {
	width:40px;
	background:url('images/navi/navi08.gif') no-repeat left top;
}
#Navigation .navi09 a {
	width:50px;
	background:url('images/navi/navi09.gif') no-repeat left top;
}