@charset "utf-8";

/* --------------------------------------------------
	行頭を表示するときは「##」で検索してください。
-------------------------------------------------- */

/* --------------------------------------------------
	##基本設定
-------------------------------------------------- */
* html{filter: expression(document.execCommand("BackgroundImageCache",false,true));}

/* body */
html,body{height:100%;}
body{
	margin:0;
	padding:0;
	line-height:1.5;
	color:#4D4D4D;
	background:url(../img_com/bg.jpg) no-repeat center top;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align:center;
}

/* IE6用 */
* html body {
	font-size:75%;
}

/* IE7用 */
*:first-child+html body {
	font-size:75%;
}

/* タイトル */
h1,h2,h3,h4,h5,h6{
	margin:0;
	font-size:100%;
}

/* テーブル・ボックス */

/* イメージ */
img,
a img{border:0;}

/* フォーム */
form{
	margin:0;
	padding:0;
}

/* 段落 */
p{
	margin:0;
	padding:0;
}

/* リンク */
a{color:#4D4D4D;}
a:hover{color:#F00;}

/* --------------------------------------------------
	##wrapper
-------------------------------------------------- */
#header{
	position:relative;
	margin:0 auto;
	width:950px;
	height:156px;
	text-align:left;
}
#logo{
	position:absolute;
	top:27px;
	left:11px;
	z-index:4;
	width:170px;
	height:100px;
}
#logo-txt{
	position:absolute;
	top:145px;
	left:0;
	z-index:4;
}
#h-close{
	position:absolute;
	top:15px;
	right:0;
	text-align:right;
}
#h-close a{
	padding-right:17px;
	color:#4d4d4d;
	background:url(../img_com/icon_close.gif) no-repeat right center;
}
#h-close a:hover{color:#f00;}
#h-close-1{
	position:absolute;
	top:15px;
	right:0;
	text-align:right;
}
#h-close-1 a{
	padding-right:17px;
	color:#4d4d4d;
	background:url(../img_com/icon_ya.gif) no-repeat right center;
}
#h-close-1 a:hover{color:#f00;}

/* --------------------------------------------------
	##main
-------------------------------------------------- */
#main{
	clear:both;
	margin:0 auto 70px auto;
	width:950px;
	text-align:center;
}

#contents:after{
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}
#contents{
	margin:0 auto;
	text-align:left;
	/*\*//*/
	overflow:hidden;
	/**/
}

/* --------------------------------------------------
	##page-top
-------------------------------------------------- */
.clear{
	display:none;
	clear:both;
}
#page-top{
	clear:both;
	margin:20px auto 6px auto;
	width:950px;
	background:url(../img_com/page_top.gif) no-repeat right center;
	text-align:right;
}
#page-top a{
	color:#4d4d4d;
	padding:0 16px 0 0;
}
#page-top a:hover{color:#f00;}

/* --------------------------------------------------
	##footer
-------------------------------------------------- */
#footer{
	margin:0 auto;
	padding:10px 0 25px;
	width:950px;
	background:url(../img_com/f_line.jpg) repeat-x left top;
	text-align:left;
}
#f-inner{
	position:relative;
	width:950px;
	height:40px;
}
#f-logo{
	position:absolute;
	top:0;
	left:0;
}
#copyright{
	position:absolute;
	top:0;
	left:60px;
	width:400px;
	color:#666;
}
#copyright span{font-size:84%;}
#copy-txt{
	position:absolute;
	top:0;
	right:0;
	width:440px;
	color:#666;
	font-size:84%;
	text-align:right;
}