@charset "utf-8";


/*=====================/

		全　体

/=====================*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Georgia, "Times New Roman", Times, serif;
	color:#000;
	letter-spacing: 0.2em;
	line-height: 130%;
	background: url(../images/base/base_back.gif) repeat-x;
}

a:link { color: #646464; }
a:visited { color: #000080; }
a:hover { color: #1E4B66; }
a:active { color: #1E4B66; }


/*--wrapper--*/
#wrapper {
	width: 910px;
	margin: 0 auto;
	padding: 0;
}

/*=====================

		main

=====================*/
#main {
	width: 910px;
	margin-bottom: 15px;
}
/*=====================

	side_navi

=====================*/
#side_navi {
	float: left;
	display: inline;/*IE6*/
	width: 195px;
	margin-right: 15px;
	background: url(../images/base/side_navi_bottom.gif) left bottom no-repeat;
}
#side_navi address {
	font-style: normal;
	text-align: center;
	width: 170px;
	padding: 20px 7px 30px 8px;
}

/*=====================

	contents

=====================*/
#contents {
	float: right;
	width: 680px;
	padding: 0 10px;
}
#contents h3,
#contents h4 {
	font-size: 130%;
	font-family: Arial, Helvetica, sans-serif;
	height: 25px;
	padding-top: 10px;
	padding-left: 30px;
	border-top: 1px solid #fff;
}
#contents h3 {
	background: url(../images/base/h3.gif) left no-repeat;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
#contents h4 {
	color: #fff;
	background: url(../images/base/h4.gif) left no-repeat;
}

/*--このページのトップへ--*/
.top {
	text-align:right;
}
.top a:link { color: #000; }
.top a:visited { color: #000; }
.top a:hover { color: #646464; }
.top a:active { color: #000; }

/*=====================

		footer

=====================*/
#footer {
	width: 910px;
	margin-bottom: 15px;
	border-top: 1px solid #000;
}
#footer p {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
/*=====================

	floatの解除

=====================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
 .clearfix {
 	display: inline-block;
} /* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
} /* End hide from IE-mac */
.clear {
	clear: both;
}

/*=====================/

		index

/=====================*/

/*--header--*/
#header_index {
	font-size: 100%;
	width: 910px;
	height: 515px;
	margin-bottom: 15px;
	background: url(../images/index/header_main_back.jpg) no-repeat;
}
#header_index #ut_navi {
	width: 910px;
	height: 50px;
}
#header_index h1 {
	float: left;
	display: inline;/*IE6*/
	font-size: 10px;
	width: 310px;
	height: 50px;
}
#header_index h1 a {
	display: block;
	width: 310px;
	height: 50px;
	text-indent: -900px;
	overflow: hidden;
	background: url(../images/index/logo.gif) no-repeat;
}

/*--ut_navi--*/
#ut_navi ul {
	float: right;
	height: 25px;
	list-style-type: none;
}
#ut_navi li {
	float: left;
	height: 10px;
	padding: 10px 15px 5px 15px;
	border-left: 1px solid #696969;
}
#ut_navi li a {
	text-decoration: none;
}


/*--gl_navi--*/
#header_index #logo {
	float: left;
	display: inline;/*IE6*/
	margin: 350px 9px 0 6px;
}

#header_index h2 {
	float: right;
	display: inline;/*IE6*/
	margin: 300px 150px 8px 0;
}

#header_index #gl_navi ul {
	float: right;
	width: 715px;
	list-style-type: none;
}
#header_index #gl_navi li {
	float: left;
}
.english {
	display: inline;/*IE6*/
	margin-left: 6px;
}

/*=====================/

		etc

/=====================*/

/*--header--*/
#header {
	font-size: 100%;
	width: 910px;
	height: 515px;
	margin-bottom: 15px;
	background: url(../images/index/header_main_back.jpg) no-repeat;
}
#header #ut_navi {
	width: 910px;
	height: 50px;
}
#header h1 {
	float: left;
	display: inline;/*IE6*/
	font-size: 10px;
	width: 180px;
	height: 115px;
}
#header h1 a {
	display: block;
	width: 180px;
	height: 115px;
	text-indent: -900px;
	overflow: hidden;
	background: url(../images/index/ut_navi_00.jpg) no-repeat;
}

/*--ut_navi--*/
#header #ut_navi ul {
	float: right;
	list-style-type: none;
}
#header #ut_navi li {
	float: left;
	display: inline;/*IE6*/
	height: 10px;
	padding: 10px 15px 5px 15px;
	border-left: 1px solid #696969;
}

/*--gl_navi--*/
#header h2 {
	float: right;
	display: inline;/*IE6*/
	margin: 300px 150px 8px 0;
}

#header #gl_navi ul {
	float: right;
	width: 715px;
	list-style-type: none;
}
#header #gl_navi li {
	float: left;
}