@charset "utf-8";

/*初期化
---------------------------------------------------------*/
form,ul,ol,dl,dd,dt,label,input,body,h1,h2,h3,h4,p { margin:0; padding:0; }
ul	{ list-style:none; }
img { border:0; }


/*レイアウト
---------------------------------------------------------*/
#site				{ width:1024px; height:100%; border:1px solid #DDD; border-top:none; margin:0 auto; }
#header				{ height:100px; background:#F90; }
#header-in			{ padding:9px; margin:0 auto; }
#header_left		{ width:720px; float:left; position:absolute; z-index:105; }
#header_right		{ width:250px; margin:-10px 0 0 720px; float:right; position:absolute; z-index:106; padding:15px; text-align:right; }

#logo,
#header_pop,
#header_banner		{ display:block; float:left; }
#logo				{ margin:0 15px 0 0; }
#header_pop			{ margin:15px 20px 0 0; }

#contents			{ _height:1%; z-index:100; position:relative; }
#contents_header	{ height:4px; _font-size:4px; _margin-bottom:-5px; position:relative; background:url("../img/bg_header_shadow.png") no-repeat; z-index:101; }
#contents_main		{ padding:10px 0 0 0; }
#contents_footer	{ height:6px; _font-size:5px; margin-top:-6px; position:relative; background:url("../img/bg_footer_shadow.png") no-repeat; z-index:102; }

#footer				{ width:100%; _width:1014px; height:74px; padding:5px; margin:0 auto; position:relative; z-index:110; }
#footer ul			{ display:block; }
#footer ul li		{ display:block; float:left; padding:0 3px 0 0; margin:0 2px 0 0; background:url("../img/menu_line.gif") no-repeat right; }
#footer ul li.last	{ background:none; _margin:0; _padding:0; }
#footer ul li a		{ display:block; }


/*フォント
---------------------------------------------------------*/
.txt100		{ font-size:100%; }
.txt90		{ font-size: 90%; line-height:200%; }
.txt80		{ font-size: 80%; }
.txt75		{ font-size: 75%; }
.txt70		{ font-size: 70%; }
.coution	{ color	   :#F00; }


/*マージン
---------------------------------------------------------*/
.mb2		{ margin-bottom: 2px; }
.mb3		{ margin-bottom: 3px; }
.mb5		{ margin-bottom: 5px; }
.mb8		{ margin-bottom: 8px; }
.mb10		{ margin-bottom:10px; }
.mb20		{ margin-bottom:20px; }
.mb30		{ margin-bottom:30px; }
.mb55		{ margin-bottom:55px; }
.ml10		{ margin-left:	10px; }
.mr2		{ margin-right:	 2px; }
.mr10		{ margin-right:	10px; }
.mt5		{ margin-top:	 5px; }


/*clearFix
---------------------------------------------------------*/
.clears:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clears			{ display:inline-table; zoom:100%; }
/* macIE \*/
* html .clears	{ height:1%; }
.clears			{ display:block; }
/* macIE */