@charset "utf-8";

/* -------------------------------------------------------------------

	（お問い合わせフォーム）エレメント定義を行うCSS

	最終更新：　2016年11月15日

	■CSS書き順■
	 * display / list-style
	 * position / float / clear / z-index
	 * width / height / margin / padding / border
	 * background
	 * color / 
	   font (font-family / font-style / font-variant / font-weight / font-size / line-height)
	   text-decoration / text-align / vertical-align /letter-spacing / white-space / (other text)
	 * content
	 * cursor

------------------------------------------------------------------- */


/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

	ヘッダーエリア定義

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

#header{ width:960px; margin:0 auto; padding:15px 0; text-align:left; border-bottom:1px solid #bdbdbd;}
	/* ロゴ */
	#header p#logo { width: 284px; padding: 12px 0 0; }
	/* テキスト */
	#header p.header-text { float: none; padding: 0; font-size:12px; font-size:1.2rem; color:#999;}


/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

	フッターエリア定義

*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

#footer { clear:both; width:100%; margin:0 auto; padding:15px 0; border:none; }
	/* ユーティリティ */
	#footer #footer-utility-outer { height:75px; background:url(/common-contact/img/erpnavi/footer-utility-outer-bg.gif) #572626;}
		#footer #footer-utility-outer #footer-utility { width:960px; margin:0 auto; padding:30px 0;}
				#footer #footer-utility-outer #footer-utility ul{ float:left; width:960px; margin:0; padding:0; font-size:69%; line-height:1.4em;}
				#footer #footer-utility-outer #footer-utility ul li{ float:left; margin:0; padding:0; margin-right:25px;list-style:none;}
					#footer #footer-utility-outer #footer-utility ul li a{ color:#FFFFFF; font-size:12px; font-size:1.2rem; line-height:1.4em; text-decoration:underline;}
					#footer #footer-utility-outer #footer-utility ul li a:hover{color:#ba0000;}
					#footer #footer-utility-outer #footer-utility ul li a.icon-arrow-r-w{
						background:url(/common-contact/img/erpnavi/icon-arrow-right-white.png) no-repeat 4px 0.3em;
						display: inline-block;
						padding-left:17px;}
					#footer #footer-utility-outer #footer-utility ul li a.icon-blank{
						background:url(/common-contact/img/erpnavi/icon-blank-white.png) no-repeat 4px 0.35em;
						display: inline-block;
						padding-left:20px;}

	/* コピーライト */
	#footer #footer-copyright {
			width:960px; margin:20px auto;}
		#footer #footer-copyright p {
			display:inline-block;
			background-color:#fff;
			text-align:left;
			font-size:10px; font-size:1.0rem; line-height:18px;}
			#footer #footer-copyright p.footer-logo{ float:right;}

/* ページトップ */
#pagetop {
	clear:both; position:relative;
	width:960px; margin:0 auto; z-index:100; }
	#pagetop a {
		display:block;
		position:fixed; bottom:10px;
		width:44px; height:44px;
		margin:0 0 0 916px; }
	#pagetop a.footer-fixed { position:absolute; top:-181px; bottom:0; }


/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

	コンテンツヘッダー
	
*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */

#main header p.text-title-lead { margin:1em 0 0 0; font-size:16px; font-size:1.6rem; line-height:1.7em; }
