@charset "utf-8";

body {
	color: #666;
	background: url('../img/common/bg001.jpg');
	}

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

/* classes */
.hide {
	display: none;
	}

.clear {
	clear: both;
	}

.red {
	color: #ff0000;
	}

.center {
	text-align: center;
	}

h2,h3,.hidetext {
	text-indent: -9999px;
	}

.row {
	background: #fdf9f5;
	border: 1px #e3be99 solid;
	}
.row h2 {
	height: 25px;
	}

.section {
	overflow-y: auto;
	}

p.name a {
	font-weight: bold;
	}

/* wrapper */
#wrapper {
	margin: 0 auto;
	padding: 0 20px;
	width: 900px;
	background: #ccc;
	}

/* header */
#header {
	}
#header .logo {
	height: 99px;
	background: url('../img/common/header.jpg') no-repeat;
	}
#header p.marquee {
	padding: 0 15px 0 225px;
	height: 44px;
	line-height: 44px;
	background: url('../img/common/marquee.png') no-repeat;
	}

/* contents */
#contents {
	overflow: hidden;
	padding: 10px;
	background: #fbf7f4;
	}

/* main contents */
#contents .maincont {
	float: right;
	width: 668px;
	}

#contents .maincont .magazine {
	clear: both;
	float: left;
	padding: 54px 15px 0 280px;
	width: 160px;
	height: 66px;
	text-align: right;
	background: url('../img/common/mailmag.jpg') right no-repeat;
	}
#contents .maincont .campaign a {
	float: right;
	display: block;
	margin: 0 1px 10px 0;
	width: 200px;
	height: 120px;
	background: url('../img/common/campaign.jpg') no-repeat;
	}

/* side contents */
#contents .sidecont {
	float: left;
	width: 202px;
	}

/* global navi */
#global_navi {
	padding-bottom: 10px;
	width: 200px;
	background: #f0e3d0;
	border: 1px #e3be99 solid;
	}
#global_navi h2 {
	height: 22px;
	background: url('../img/common/maincontents.jpg') no-repeat;
	}
#global_navi ul {
	height: 280px;
	background: url('../img/common/menu.png') no-repeat;
	}
#global_navi ul li {
	margin: 1px 0 3px;
	}
#global_navi ul li a {
	display: block;
	width: 200px;
	height: 36px;
	text-indent: -9999px;
	}
#global_navi ul li a:hover {
	background: url('../img/common/menu.png') no-repeat;
	}
#global_navi ul li.navi1 a:hover {
	background-position: -200px -1px;
	}
#global_navi ul li.navi2 a:hover {
	background-position: -200px -40px;
	}
#global_navi ul li.navi3 a:hover {
	background-position: -200px -79px;
	}
#global_navi ul li.navi4 a:hover {
	background-position: -200px -118px;
	}
#global_navi ul li.navi5 a:hover {
	background-position: -200px -157px;
	}
#global_navi ul li.navi6 a:hover {
	background-position: -200px -196px;
	}
#global_navi ul li.navi7 a:hover {
	background-position: -200px -235px;
	}

/* side banner */
#contents .sidecont p.mobile {
	margin-top: 10px;
	width: 200px;
	height: 120px;
	background: url('../img/common/mobile.jpg') no-repeat;
	}

#contents .sidecont p.recruit a {
	margin-top: 10px;
	display: block;
	width: 200px;
	height: 120px;
	background: url('../img/common/recruit.jpg') no-repeat;
	}

/* newcommer */
#contents .sidecont .newcommer {
	margin-top: 10px;
	}
#contents .sidecont .newcommer h2 {
	background: url('../img/subtitle/title_newcommer.jpg') no-repeat;
	}
#contents .sidecont .newcommer .section {
	padding: 5px 5px 0 5px;
	height: 425px;
	}
#contents .sidecont .newcommer .section .staff {
	overflow: hidden;
	margin-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px #e3be99 solid;
	}
#contents .sidecont .newcommer .section .staff .photo {
	float: left;
	width: 75px;
	}
#contents .sidecont .newcommer .section .staff .profile {
	float: left;
	margin: 20px 0 0 10px;
	width: 85px;
	}
#contents .sidecont .newcommer .section .staff .profile p.icon,
#contents .sidecont .newcommer .section .staff .profile p.name {
	margin-bottom: 10px;
	}
#contents .sidecont .newcommer .section .staff .profile p.size {
	line-height: 1.4;
	font-weight: normal;
	}

/* footer */
#footer {
	height: 98px;
	font-size: 84.6%;
	background: url('../img/common/footerbg.jpg') repeat-x;
	}
	
ul#footer_navi {
	float: left;
	position: relative;
	left: 50%;
	padding-top: 16px;
	}
ul#footer_navi li {
	position: relative;
	left: -50%;
	float: left;
	padding: 0 11px;
	border-right: 1px solid #999;
	}
ul#footer_navi li a {
	color: #999;
	}
ul#footer_navi li a:hover {
	text-decoration: underline;
	}
ul#footer_navi li.last {
	border: none;
	}

#footer p {
	clear: both;
	padding-top: 20px;
	color: #d1b488;
	text-align: center;
	}
#footer p a {
	color: #d1b488;
	}