@charset "utf-8";

/* ///////////////////////////////////////////////
【共通スタイル】
common.css
/////////////////////////////////////////////// */

/* -----------------------------------------------
背景
----------------------------------------------- */
body {
	background: url("../imgs/common/body_bg.jpg") repeat;
	color: #653e2b;
	font-size: 80%;
	line-height: 1.6;
}


/* -----------------------------------------------
テキストリンク
----------------------------------------------- */
a {
	color: #914521;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/* -----------------------------------------------
ヘッダ
----------------------------------------------- */
header {
	height: 75px;
	background: url("../imgs/common/header_bg.jpg") repeat-x;
}

header #header_wrapper {
	width: 970px;
	margin: 0 auto;
}

header #header_group {
	position: relative;
	width: 970px;
	height: 75px;
	margin: 0 auto;
}

header h1,
header #header_logo {
	position: absolute;
	top: 0;
	left: 0;
	float: left;
}
header #header_phone {
	float: right;
	width: 376px;
	height: 75px;
	background: url("../imgs/common/header_phone.jpg") no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


/* -----------------------------------------------
グローバルナビ
----------------------------------------------- */
nav#nav_g {
	width: 100%;
	height: 75px;
	background: url("../imgs/common/nav_g_bg.jpg") repeat-x;
}

nav#nav_g ul {
	width: 970px;
	margin: 0 auto;
}

nav#nav_g li,
nav#nav_g li a {
	float: left;
	display: block;
	height: 75px;
	background: url(../imgs/common/nav_g.gif) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

nav#nav_g li#nav_g_home {
	width: 142px;
	background-position: 0 -75px;
}
nav#nav_g li#nav_g_home a {
	width: 142px;
	background-position: 0 0;
}
nav#nav_g li#nav_g_home a:hover {
	background-position: 0 -75px;
}

nav#nav_g li#nav_g_practice {
	width: 168px;
	background-position: -142px -75px;
}
nav#nav_g li#nav_g_practice a {
	width: 168px;
	background-position: -142px 0;
}
nav#nav_g li#nav_g_practice a:hover {
	background-position: -142px -75px;
}

nav#nav_g li#nav_g_company {
	width: 179px;
	background-position: -310px -75px;
}
nav#nav_g li#nav_g_company a {
	width: 179px;
	background-position: -310px 0;
}
nav#nav_g li#nav_g_company a:hover {
	background-position: -310px -75px;
}

nav#nav_g li#nav_g_tidbids {
	width: 171px;
	background-position: -489px -75px;
}
nav#nav_g li#nav_g_tidbids a {
	width: 171px;
	background-position: -489px 0;
}
nav#nav_g li#nav_g_tidbids a:hover {
	background-position: -489px -75px;
}

nav#nav_g li#nav_g_contact {
	width: 180px;
	background-position: -660px -75px;
}
nav#nav_g li#nav_g_contact a {
	width: 180px;
	background-position: -660px 0;
}
nav#nav_g li#nav_g_contact a:hover {
	background-position: -660px -75px;
}


/* -----------------------------------------------
コンテナー
----------------------------------------------- */
#container {
	width: 970px;
	margin: 0 auto;
	padding-bottom: 50px;
	background: url("../imgs/common/content_bg.jpg") repeat-y;
}

#content_l {
	float: left;
	width: 300px;
	background: url("../imgs/common/content_l_bg.jpg") repeat-y;
}
#content_r {
	float: right;
	width: 650px;
	padding: 20px 10px 0;
}


/* -----------------------------------------------
左ナビ
----------------------------------------------- */
/*nav#nav_l {
	height: 45px;
}*/

nav#nav_l li,
nav#nav_l li a {
	display: block;
	width: 300px;
	height: 45px;
	background: url(../imgs/common/nav_l.jpg) no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

nav#nav_l li#nav_l_flow {
	background-position: 0 0;
}
nav#nav_l li#nav_l_flow a:hover {
	background-position: -300px 0;
}

nav#nav_l li#nav_l_faq {
	background-position: -300px -45px;
}
nav#nav_l li#nav_l_faq a {
	background-position: 0 -45px;
}
nav#nav_l li#nav_l_faq a:hover {
	background-position: -300px -45px;
}

nav#nav_l li#nav_l_exhibition {
	background-position: -300px -90px;
}
nav#nav_l li#nav_l_exhibition a {
	background-position: 0 -90px;
}
nav#nav_l li#nav_l_exhibition a:hover {
	background-position: -300px -90px;
}

nav#nav_l li#nav_l_rokuroku {
	background-position: -300px -135px;
}
nav#nav_l li#nav_l_rokuroku a {
	background-position: 0 -135px;
}
nav#nav_l li#nav_l_rokuroku a:hover {
	background-position: -300px -135px;
}

nav#nav_l li#nav_l_twitter a {
	background-position: 0 -180px;
}
nav#nav_l li#nav_l_twitter a:hover {
	background-position: -300px -180px;
}

nav#nav_l li#nav_l_blog a {
	background-position: 0 -225px;
}
nav#nav_l li#nav_l_blog a:hover {
	background-position: -300px -225px;
}

nav#nav_l li#nav_l_link {
	background-position: -300px -270px;
}
nav#nav_l li#nav_l_link a {
	background-position: 0 -270px;
}
nav#nav_l li#nav_l_link a:hover {
	background-position: -300px -270px;
}


/* -----------------------------------------------
フッター
----------------------------------------------- */
footer #footer_wrapper {
	width: 100%;
	min-height: 161px;
	background: #541b12 url("../imgs/common/footer_bg.jpg") top center repeat-x;
}

footer #footer_wrapper #footer_content {
	width: 970px;
	margin: 0 auto;
}

footer #footer_wrapper #footer_content nav {
	float: left;
	margin: 30px 0 5px;
}

footer #footer_wrapper #footer_content #footer_address {
	float: right;
	width: 246px;
	height: 80px;
	margin-top: 42px;
	background: url("../imgs/common/footer_address.jpg") no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

footer #footer_content nav ul {
	float: left;
}

footer #footer_content nav ul.brd {
	margin: 0 20px;
	padding: 0 20px;
	border-right: 1px solid #e8d6a6;
	border-left: 1px solid #e8d6a6;
}

footer #footer_content nav ul li {
	line-height: 1.8;
	font-size: 90%;
}

footer #footer_content nav ul li a {
	color: #e8d6a6;
}

footer #footer_cp {
	width: 100%;
	min-height: 14px;
	padding: 5px 0;
	background: #380903 url("../imgs/common/footer_cp_bg.jpg") top center repeat-x;
	text-align: center;
	color: #e8d6a6;
	font-size: 90%;
}