@charset "utf-8";
@import url(default.css);
/*
	div#wrapper: font-size: 108% 14px
	10px: 71% (1.08 x 0.713 = 77%)
	11px: 78.7% (1.08 x 0.787 = 85%)
	12px: 86% (1.08 x 0.8611 = 93%)
	13px: 92.6% (1.08 x 0.9259 = 100%)
	16px: 114% (1.08 x 1.139 = 123.1%)
	18px: 128% (1.08 x 1.282 = 138.5%)
	20px: 142.5% (1.08 x 1.425 = 153.9%)
	22px: 154.6% (1.08 x 1.5462 = 167%)
	24px: 168.5% (1.08 x 1.685 = 182%)
	25px: 175% (1.08 x 1.75 = 189%)
	26px: 182% (1.08 x 1.824 = 197%)
	http://developer.yahoo.com/yui/fonts/
*/
body {
	color: #333;
	line-height: 1.6;
}
a:link {
	color: #f30;
}
a:visited {
	color: #96c;
}
a:hover {
	color: #f30;
	text-decoration: none;
}

#foot2 {
	font-size: 93%;
}


#wrapper {
	width: 850px;
	margin: 0 auto;
	font-size: 108%;
}

/* #head */

#head {
	height: 70px;
	margin-top: 35px;
	text-align: right;
}
#head h1,
#head strong {
	float: left;
	width: 300px;
	font-size: 71%;
	font-weight: normal;
	text-align: left;
}
#head .tel {
	margin-top: 10px;
	margin-right: 10px;
}

/* trace */
p.trace {
	padding-top: 12px;
	padding-bottom: 20px;
	font-size: 83%; /* 0.93 x 0.83 = 0.77 (10px) */
	word-spacing: .2em;
}

/* main */
#main {
	display: inline;
	float: left;
	width: 850px;
	margin-right: -250px;
	padding-top: 20px;
}
body.home #main div.g {
	width: 390px;
	margin-bottom: 22px;
	padding-left: 210px;
	overflow: hidden;
}
body.home #main div.g img.g1 {
	float: left;
	margin-left: -210px;
}
body.home #main div.g p {
	padding-top: 20px;
}
body.home #main div.news,
#main div.section,
body.home #main div.tv {
	width: 600px;
	margin-bottom: 20px;
}
#main h1 {
	width: 600px;
	margin-bottom: 20px;
	background: url(../images/navi/bar.gif) no-repeat;
	color: #f30;
	font-size: 182%;
	font-weight: bold;
	text-indent: 50px;
}
h2 {
	height: 35px;
	margin-bottom: 8px;
	border-bottom: solid 2px #6cf;
	background-color: #335ab5;
	color: #fff;
	font-size: 114%;
	font-weight: bold;
	text-indent: 20px;
	line-height: 35px;
}
body.home #main div.news p span {
	font-size: 86%;
}
body.home #main div.tv {
	margin-bottom: 40px;
}
.home .tv p {
	margin-bottom: 1em;
}
.home .tv iframe {
	float: left;
}

body.about #main div.section strong {
	display: block;
	margin-bottom: 20px;
	color: #333;
	font-size: 128%;
}
body.build #main div.section img {
	margin-bottom: 12px;
}

body.privacy h2 {
	width: 600px;
	font-size: 116%; /*.93 x 1.1612 = 1.08 (14px)*/
	font-weight: bold;
}

body.privacy div#main p {
	margin-bottom: 16px;
}
body.privacy div#main dl dt {
	font-weight: bold;
}
body.privacy div#main dl dd {
	width: 590px;
	margin-left: 10px;
	margin-bottom: 8px;
}

body.contact div#main ul {
	width: 450px;
	margin: 30px;
}

/* menu */
#menu {
	display: inline;
	float: left;
	width: 240px;
	padding-top: 6px;
	padding-left: 10px;
	background-color: #fff;
	color: #333;
}
#menu ul {
	width: 240px;
	margin-bottom: 10px;
}
#menu ul li{
	width: 240px;
	height:35px;
	margin-bottom: 2px;
}
#menu ul li a {
	display: block;
	width: 240px;
	height:35px;
	background: url(../images/navi/bg.jpg) no-repeat;
	color: #000;
	font-weight: bold;
	line-height: 35px;
	text-indent: 36px;
	text-decoration: none;
}
#menu ul li a:hover,
body.home #menu ul li.m1 a,
body.about #menu ul li.m2 a,
body.build #menu ul li.m3 a,
body.contact #menu ul li.m4 a {
	background-position: 0px -35px;
	color: #fff;
}
#menu p a {
	display: inline-block;
	padding-left: 20px;
	background: url(../images/navi/arw.gif) 0px .1em no-repeat;
	font-size: 71%;
}


/* foot */
div#foot1 {
	height: 35px;
	margin-top: 20px;
	background: url(../images/top/bg_pagetop.jpg) repeat-x;
}
div#foot1 p {
	width: 850px;
	margin: 0 auto;
	text-align: right;
}
div#footmap {
	padding: 10px 0;
}
div#footmap p {
	width: 850px;
	margin: 0 auto;
	font-size: 77%;
	text-align: center;
}
div#foot2 {
	height: 8em;
	padding-top: 1em;
	background-color: #000;
	color: #fff;
}
div#foot2 p {
	clear: left;
	width: 850px;
	margin: 0 auto;
}
div#foot2 p img {
	float: left;
	margin-top: .6em;
	margin-right: 20px;
}








/* clearfix */

.clearfix:after,
div#contents:after,
div#main div.news dl:after,
body.home #main div.tv:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
div#contents,
div#main div.news dl,
body.home #main div.tv {
	display: inline-block;
}

/* \*/
* html .clearfix,
* html div#contents,
* html div#main div.news dl,
* html body.home #main div.tv {height: 1%;}

.clearfix,
div#contents,
div#main div.news dl,
body.home #main div.tv {display: block;}
/* */