@import "reset.css";
@import "basic.css";
@import "module.css";

/* @group layout */

body {
	text-align: center;
	background: url(../images/contents/bgBody.png) repeat-x;
}

div.inner {
	margin: 0 auto;
	text-align: left;
	width: 830px;
}

#privacy div.inner,
#about div.inner {
	background: url(../images/contents/bgContents.png) ;
}

#mainContents {
	background: url(../images/contents/bgContentsB.png) no-repeat bottom;
}

/* @end */


/* @group common */

div.titleArea {
	margin: 0 37px 20px;
	background-color: #f7f3dc;
	border: 1px solid #e0d6a4;
	padding: 6px 0 6px 6px;
}

h1 {
	text-indent: -9999px;
	height: 20px;
}

#pageTop  {
	padding-bottom: 35px;
	margin-left: 45px;
}

/* @end */


/* @group header */

#header {
	background: url(../images/contents/bgHeader.png) repeat-x;
	height: 75px;
}

#header div.inner {
	height: 75px;
	background: url(../images/contents/header.png) no-repeat;
}

#header p {
	text-indent: -9999px;
	padding: 15px 0 0 10px;
}

#header p a {
	display: block;
	background: url(../images/common/logo.png) no-repeat;
	width: 92px;
	height: 22px;
	overflow: hidden;
}

/* @end */

/* @group privacy */

#privacy h1 {
	background: url(../images/contents/h1Privacy.png) no-repeat;
	width: 260px;
}

#privacyContents {
	margin: 0 40px 0 45px;
}

#privacy h2 {
	text-indent: -9999px;
	height: 13px;
	margin-bottom: 8px;
}

#privacyContents p {
	margin-left: 8px;
}

#acquisition h2 {
	background: url(../images/contents/h2Acquisition.png) no-repeat;
	width: 41px;
}

#utility h2 {
	background: url(../images/contents/h2Utility.png) no-repeat;
	width: 69px;
}

#offer h2 {
	background: url(../images/contents/h2Offer.png) no-repeat;
	width: 110px;
}

#management h2 {
	background: url(../images/contents/h2Management.png) no-repeat;
	width: 69px;
}

#contact h2 {
	background: url(../images/contents/h2Contact.png) no-repeat;
	width: 122px;
}

#protection h2 {
	background: url(../images/contents/h2Protection.png) no-repeat;
	width: 106px;
}

#privacyContents div.chapter {
	margin-bottom: 13px;
}

#utility ul {
	margin-left: 22px;
}

#utility ul li {
	padding-bottom: 8px;
}

#protection dl {
	margin: 0 0 32px 22px;
}

#protection dt {
	text-indent: -9999px;
	float: left;
	display: inline;
	clear: both;
}

#protection dd {
	margin-left: 72px;
}

#mail {
	width: 39px;
	background: url(../images/contents/dtEmail.png) no-repeat 0 center;
}

#tel {
	background: url(../images/contents/dtTel.png) no-repeat 0 center;
	width: 25px;
}

#hour {
	background: url(../images/contents/dtHour.png) no-repeat 0 center;
	width: 48px;
}

#charge {
	background: url(../images/contents/dtCharge.png) no-repeat 0 center;
	width: 25px;
}


/* @end */

/* @group about */

#about h1 {
	background: url(../images/contents/h1About.png) no-repeat;
	width: 180px;
}

#aboutContents {
	background: url(../images/contents/bgDl.png) no-repeat center bottom;
}

#aboutContents dl {
	background: url(../images/contents/bgDlTop.png) no-repeat center top;
	padding: 52px 95px;
	margin-bottom: 20px;
}

#aboutContents dt {
	float: left;
	display: inline;
	clear: both;
	margin-top: 12px;
	font-weight: bold;
}

#aboutContents dl dt span {
	font-size: 80%;
	font-weight: normal;
}

#aboutContents dl dd strong {
	font-size: 85%;
}

#aboutContents dd {
	background: url(../images/contents/line.png) no-repeat 0 bottom;
	padding: 12px 20px 12px 180px;
}

#aboutContents li.yucho {
	padding-left: 7px;
	font-size: 90%;
	padding-bottom: 7px;
}

/* @end */

/* @group footer */

#fooderInfo {
	float: left;
	display: inline;
	margin-left: 8px;
}

#fooderInfo h5 {
	float: left;
	display: block;
}

#fooderInfo p {
	margin-left: 110px;
	margin-bottom: 0;
}

#footer div.inner {
	padding-bottom: 20px;
}

#fooderNavi {
	float: right;
	display: inline;
	margin-right: 8px;
}

#fooderNavi ul li {
	float: left;
	display: inline;
	margin-left: 5px;
}

#fooderNavi ul li.first {
	border-right: 1px solid #2f2f2f;
	padding-right: 5px;
}

#fooderNavi p.copy {
	text-align: right;
	clear: both;
	margin-bottom: 0;
}

/* @end */