@charset "utf-8";

body					{ min-width: 1000px; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif; line-height: 1; font-size: 13px; }
body *,body *:hover 	{ color: #624529; }
img 					{ vertical-align: bottom; max-width: 100%; }
a 						{ -webkit-transition: .3s; transition: .3s; }
a:hover 				{ opacity: .7; }
h1,h2,h3,p 				{ margin: 0; }

.master 				{ width: 1000px; margin: 0 auto; }
.titleImage 			{ width: 1000px; margin: 25px auto 0; }
.title 					{ margin-bottom: 35px; }
#header h1 				{ color: #614429; font-weight: normal; font-size: 13px; }
#header .logoArea 		{ padding: 15px 0; }
#header .logoArea div 	{ width: 180px; margin: 0 25px 0 10px; float: left; }
#header .logoArea h1 	{ margin-top: 35px; float: left; }
#header .logoArea ul 	{ margin-top: 80px; float: right; }
#header .logoArea ul li { width: 125px; padding: 1px 0; text-align: center; float: left; border-left: 1px solid #e4e4e5; }
#header .logoArea ul li:last-child{ border-right: 1px solid #e4e4e5; }
#header #nav 			{ border-top: 4px solid #624529; background-color: #f6f2f1; }
#header #nav ul li		{ width: 125px; float: left; }
#header #nav ul li a 	{ display: block; height: 86px; overflow: hidden; text-indent: 100%; white-space: nowrap; }
#header #nav ul li a:hover{ opacity: 1; }
#header #nav ul li:nth-child(1) a{ background: url('../images/common/gnav-home.png') 0 0 no-repeat; }
#header #nav ul li:nth-child(1) a:hover{ background: url('../images/common/gnav-home_on.png') 0 0 no-repeat; }
#header #nav ul li:nth-child(2) a{ background: url('../images/common/gnav-menu.png') 0 0 no-repeat; }
#header #nav ul li:nth-child(2) a:hover{ background: url('../images/common/gnav-menu_on.png') 0 0 no-repeat; }
#header #nav ul li:nth-child(3) a{ background: url('../images/common/gnav-store.png') 0 0 no-repeat; }
#header #nav ul li:nth-child(3) a:hover{ background: url('../images/common/gnav-store_on.png') 0 0 no-repeat; }
#header #nav ul li:nth-child(4) a{ background: url('../images/common/gnav-voice.png') 0 0 no-repeat; }
#header #nav ul li:nth-child(4) a:hover{ background: url('../images/common/gnav-voice_on.png') 0 0 no-repeat; }
#header #nav ul li:nth-child(5) a{ background: url('../images/common/gnav-mailmagazine.png') 0 0 no-repeat; }
#header #nav ul li:nth-child(5) a:hover{ background: url('../images/common/gnav-mailmagazine_on.png') 0 0 no-repeat; }
#header #nav ul li:nth-child(6) a{ background: url('../images/common/gnav-coverage.png') 0 0 no-repeat; }
#header #nav ul li:nth-child(6) a:hover{ background: url('../images/common/gnav-coverage_on.png') 0 0 no-repeat; }
#header #nav ul li:nth-child(7) a{ background: url('../images/common/gnav-recruit.png') 0 0 no-repeat; }
#header #nav ul li:nth-child(7) a:hover{ background: url('../images/common/gnav-recruit_on.png') 0 0 no-repeat; }
#header #nav ul li:nth-child(8) a{ background: url('../images/common/gnav-contact.png') 0 0 no-repeat; }
#header #nav ul li:nth-child(8) a:hover{ background: url('../images/common/gnav-contact_on.png') 0 0 no-repeat; }

.contents 				{ margin-top: 50px; }
#aside 					{ width: 210px; float: left; }
#aside ul li 			{ margin-bottom: 20px; }
#aside ul li:last-child { margin-bottom: 0; }
#main 					{ width: 730px; float: right; font-size: 15px; }

#footer 				{ margin-top: 135px; padding: 40px 0 25px; background-color: #f7f3f2; }
#footer .logoArea 		{ width: 200px; float: left; }
#footer ul 				{ width: 650px; float: right; }
#footer ul li 			{ width: 130px; margin-top: 15px;  padding-left: 15px; float: left; background: url('../images/common/footer-arrow.png') 0 0 no-repeat; }
#footer .copyright 		{ margin: 55px 0 0; text-align: center; }