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

/* -------- 初期化 -------- */

/* FirefoxやOperaでスクロールバーを強制表示する */
html{ height:100%; margin-bottom:1px; }
/* ユニバーサルセレクタでリセットしない */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
/* テーブル関連の初期化 */
table{ border-collapse:collapse; border:none; border-spacing:0; }
caption{ text-align:left; }
th{ vertical-align:top; font-weight:normal; text-align:left; }
td{ vertical-align:top; }
/* フォーム関連の初期化 */
fieldset{ border:0; }
input{ _margin:-1px 0; }
/* テキスト関連の初期化 */
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
sup,sub{ vertical-align:baseline; position:relative; }
sup{ top:-4px }
sub{ top:4px }
/* リンク関連の初期化 */
a { border:none; outline: none; }
/* イメージ関連の初期化 */
img{ border:none; vertical-align:bottom; }
/* IE7 ズーム対応 */
*:first-child+html * { letter-spacing: 0; }


/*----- フォント -----*/

body { 
	font-size: 12px; /font-size: 75%; /font-family: "ＭＳ Ｐゴシック", "MS PGothic"; /* for IE6,7 */
	color: #666;
	line-height:1.6;
	font-weight: normal;
}

html>/**/body { font-size: 75%;  } /* for IE8 */

a { color: #f7952b; text-decoration: none; }
a:hover { text-decoration: underline; }

/*----- レイアウト -----*/

body { text-align: center; }
#container { margin: 0 auto; width: 888px; text-align: left; }
#contents { width: 884px; position: relative; z-index: 1; }
#header { position: relative; z-index: 2; }
h2 { margin: 0 0 25px; }

/*----- ヘッダー -----*/

#header { padding: 10px 0 0; text-align: left; }

#header div.wrap { width:884px; height: 77px; position: relative; }

#header h1 { font-size: 10px; text-align: center; margin: 0 0 10px; }

#header div.wrap div.contact { 
	position: absolute; left: 512px; top: 6px;
	font-size: 1px;
	width: 373px;
	height: 59px;
	background: url(../img_common/bg_contact_header.gif) no-repeat; 
}
#header div.wrap div.contact p.logo { position: absolute; left: 0; top: 2px; }
#header div.wrap div.contact p.text { text-indent: -9999px; }

#header div.wrap div.contact p.button a { 
	position: absolute; left: 227px; top: 24px;
	display: block; height: 30px; width: 140px;
	background: url(../img_common/btn_inquiry_header.jpg) no-repeat; 
	text-indent: -9999px;
}
#header div.wrap div.contact p.button a:hover { background-position: left bottom; } 

#header #subMenu { 
	position: absolute; left: 267px; top: 55px; 
	height: 11px; width: 234px; 
	margin: 0 0 10px;
	font-size: 1px;
}

#header #subMenu li { list-style-type: none; }

#header #subMenu li a { 
	position: absolute; top: 0;
	display: block; height: 10px; 
	background: url(../img_common/menu_sub.gif) no-repeat;
	text-indent: -9999px;
}

#header #subMenu li.item01 a { width: 96px; left: 0; }
#header #subMenu li.item02 a { width: 63px; left: 106px; background-position: -106px 0; }
#header #subMenu li.item03 a { width: 53px; left: 181px; background-position: -181px 0; }


#header #subMenu li.item01 a:hover { background-position: 0 -10px; }
#header #subMenu li.item02 a:hover { background-position: -106px -10px; }
#header #subMenu li.item03 a:hover { background-position: -181px -10px; }


#flashArea { overflow: hidden; } 
#altContent { text-align: center; }

/*----- パンくず -----*/

#topicPath {
	width: 884px;
	background: url(../img_common/line_topicpath.gif) repeat-x bottom;
	margin: 0 0 15px 2px;
	padding: 6px 0;
}

/*----- フッター -----*/

#footer { width: 884px; margin: 0 0 10px; }

#footer div.contact { 
	position: relative;
	font-size: 1px;
	width: 884px;
	height: 124px;
	background: url(../img_common/bg_contact_footer.gif) no-repeat; 
}
#footer div.contact p.text { text-indent: -9999px; }

#footer div.contact p.button a { 
	position:absolute; left: 686px; top: 70px;
	display: block; height: 27px; width: 189px;
	margin-bottom:25px;
	background: url(../img_common/btn_inquiry_footer.jpg) no-repeat; 
	text-indent: -9999px;
}
#footer div.contact p.button a:hover { background-position: left bottom; } 



#footer p { text-align: center; }

#footer p.link { line-height:1; padding: 10px 0; }
#footer p.link a { color: #666; }

#footer p.copyright {
	color: #f7952b;
	border-top: 1px solid #f7952b;
	border-bottom: 1px solid #f7952b;
	line-height:1; padding: 4px 0;
}

/*----- 「近日公開」用 -----*/

p.comingsoon { text-align: left; padding: 0 0 200px; }