/* CSS Document */

/* ___________________________________________________________ reset */
body,div,pre,p,blockquote,hr,address,
form,fieldset,input,textarea,select,option, 
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, 
table,th,td,embed,object {
    margin:0;
    padding:0;
    vertical-align: baseline;
}
ul {
	list-style-type: none;
}
img {
	border: none;
}
body {
	font-size: 10px;
	line-height: 1.5;
	font-family: "Lucida Grande",verdana,sans-serif;
	color: #646464;
	background-color: #FFF;
	background-image: url(../images/back.jpg);
	background-repeat: repeat;
}

/* --- for WinIE6 --- */

* html body {
	font-size: 62.5%;
	/* letter-spacing: 1px; */
	vertical-align:baseline;
}

/* --- for WinIE7 --- */

*:first-child+html body { 
	font-size: 62.5%;
}

/* --- for WinIE8 --- */

html>/**/body {
	font-size/*\**/: 62.5%\9;
} 

/* --- anchor --- */
a {
	overflow: hidden;
}
a:link {
	color : #0000EA;
}
a:visited {
	color : #0000EA;
}
a:hover {
	color : #8080F4;
}
a:active {
	color : #8080F4;
}

/* ___________________________________________________________ layout */

#wrapper {
	width: 900px;
	background: url(../images/bg.gif) repeat;
}
.clear {
	font-size: 0;
	line-height: 0;
	height: 0px;
	clear: both;
}

/* ___________________________________________________________ header */

#header {
	width: 900px;
	background-color: #5A7CCD;
	color: #fff;
}
#header_shell {
	padding: 0 15px;
}
#header_container {
	width: 870px;
	padding: 10px 0;
}
#header h1 {
	float: left;
	font-size: 1.2em;
	line-height: 1.0;
	font-weight: normal;
	padding: 10px 0;
}
#header p {
	float: right;
	font-size: 1.2em;
	line-height: 1.0;
	padding: 10px 0;
}
#header p a {
	color: #fff;
	text-decoration: none;
}
#header p a:hover {
	color: #80AAFF;
}
#header_photo {
	padding-top: 3px;
}

/* ___________________________________________________________ contents */

#container,
#sec_container {
	width: 900px;
	border-top: 3px solid #fff;
}
#container {
	background: url(images/chintai_bg.gif) repeat-y left top;
}
#sec_container {
	background: url(images/chintai_bg2.gif) repeat-y right top;
}
.container_shell {
	padding: 0 54px;
}
#sec_container_shell {
	padding-right: 20px;
}
.contents {
	width: 792px;
}
#sec_contents {
	width: 660px;
	float: left;
	padding-bottom: 40px;
}
.left_370 {
	width: 370px;
	float: left;
}
.right_370 {
	width: 370px;
	float: right;
}
.left_75 {
	width: 75px;
	float: left;
}
.right_280 {
	width: 280px;
	float: right;
}
.w342 {
	width: 342px;
	text-align: right;
	font-size: 1.2em;
	margin-bottom: 50px;
}
#system_box {
	width: 370px;
	background: #F5F7FF url(images/system_btm.gif) no-repeat left bottom;
	padding-bottom: 3px;
	margin-bottom: 40px;
}
#system_box2 {
	border-right: 1px solid #DCE3F5;
	border-left: 1px solid #DCE3F5;
	padding: 8px 13px;
}

/* common */

.txt12 {
	font-size: 1.2em;
}
.txt14 {
	font-size: 1.4em;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt60 {
	margin-top: 60px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb35 {
	margin-bottom: 35px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.ml10 {
	margin-left: 10px;
}
.mr10 {
	margin-right: 10px;
}
.mr20 {
	margin-right: 20px;
}
.mtb30 {
	margin: 30px 0;
}
.mtb40 {
	margin: 40px 0;
}
.va_top {
	vertical-align: top !important;
}

/* ___________________________________________________________ right_side */

#right_side {
	width: 213px;
	float: right;
	padding-bottom: 40px;
}
#right_side li {
	line-height: 0;
	font-size: 0;
}

/* ___________________________________________________________ page_top */

.pagetop {
	text-align: right;
	margin-bottom: 30px;
}
.pagetop p {
	font-size: 1.2em;
}
.pagetop a {
	background: url(../images/arrow_top.gif) no-repeat left center;
	padding-left: 15px;
}

/* ___________________________________________________________ footer */

#footer_navi {
	width: 900px;
	text-align: center;
	border-bottom: solid 1px #0E308F;
}
#footer_navi p {
	margin-bottom: 5px;
}
#footer_navi a {
	color: #646464;
	text-decoration: none;
}
#footer a:hover,
#footer_navi a:hover {
	color : #B1B1B1;
}
#footer {
	width: 900px;
}
#footer a {
	color: #000;
	text-decoration: none;
}
#footer p {
	color : #000;
}
#footer_shell {
	padding: 20px;
}
#footer_left {
	width: 400px;
	float: left;
}
#footer_right {
	width: 442px;
	float: right;
}