@charset "UTF-8";

html {
	overflow-y:scroll;
}
body {
	font: 80% Meiryo, arial, clean, verdana, 'Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	color: #333;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%;
}
table,p { border-collapse: collapse; border-spacing: 0px; border: none; font: 100%; color: #333; line-height: 1.4; margin: 0px ; padding: 0px;}
div,section,dl,dt,dd,ul,li { margin: 0px ; padding: 0px; background-repeat:no-repeat;}
fieldset,img { border: 0px; vertical-align:text-bottom; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: normal; font-weight: normal; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption,th,td,p { text-align: left; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0px; font-variant: normal; }
abbr { cursor: help; }
label { cursor: pointer; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select { *font-size: 100%; }

/* -------------------------------------------- */

a:link,a:hover,a:active,a:visited { color: #1AACCE; text-decoration: none; font-weight:bold; }

a:hover img {
	filter: alpha(opacity=80);  /* IE7以下 */
	opacity: 0.8; /* Fx1.5以上、Opera、Safari */
	-ms-filter:"alpha(opacity=80)"; /* IE8 */
	-moz-opacity: 0.8; /* Fx1.5未満 */
	-khtml-opacity: 0.8; /* Webkit */
}

strong { font-weight: bold; }
em { font-style: italic; }
.clear { clear: both; }
.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 */

.red { color:#ff0000; font-weight:bold; }

h1 {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 5px 5px 15px 5px;
	line-height: 100%;
}

h2 {
	font-size:16px;
	color:#666;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	line-height: 100%;
	text-align:left;
}

/* --- リストエリア --- */
ol.topicPath {
margin:0px 0px 30px 0px;
padding-left:50px;
list-style-type: none;
font-size: 14px;
}

/* --- リスト項目 --- */
ol.topicPath li {
display: inline;
}

/* --- リンク --- */
ol.topicPath li a {
margin-right: 6px; /* リンクエリアの右マージン */
}

/*==========================================================================*/
/*                               header                                     */
/*==========================================================================*/
#header{
padding:10px 0 20px 0px;
overflow:hidden;
/*background:#3f4360;*/
}

.inner{
margin:0 auto;
width:1000px;
}

.news_nav {
position: absolute;
margin-left:870px;
top: 8px;
}
.news_nav li {
float: left;
}

/*==========================================================================*/
/*                              company logo                                */
/*==========================================================================*/
#header .logo{
float:left;
padding:5px 0 0;
}

.logo a{
font-size:20px;
font-weight:bold;
line-height:1;
}

.logo span{
font-size:12px;
font-weight:normal;
}

/*==========================================================================*/
/*                                 top navi                                 */
/*==========================================================================*/
ul#topnav{
width:600px;
float:right;
overflow:hidden;
}

* html ul#topnav{height:1%;}

ul#topnav li{
float:left;
margin:0 5px;
text-align:center;
}

ul#topnav a{
color: #333;
font-size:13px;
display:block;
padding:20px 10px;
}

ul#topnav span{
font-size:10px;
}

ul#topnav li.active a,ul#topnav a:hover {
background:#292d48;
border-radius:5px;
color:#fff;
}

/*==========================================================================*/
/*                              wrapper                                     */
/*==========================================================================*/

html {
background: none;
}

#wrapper {
width: 1000px;
margin: 0 auto;
}



/*==========================================================================*/
/*                                jquery                                    */
/*==========================================================================*/

#jquery {
	margin-top:10px;
	text-align: left;
	background-color:#FFF;
	height:310px;
}

.clImg{
	text-align: left;
	position: relative;
	width: 580px;
	height: 160px;
	margin: 0px;
	padding: 0px;
}
.clImg img {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

/*==========================================================================*/
/*                                  main                                    */
/*==========================================================================*/

#main {
	width: 1000px;
	min-height: 100%;
	padding: 0px;
	margin: 0px;
	text-align: left;
	float:left;
}

.left {
	margin: 0px;
	text-align: left;
	float: left;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}

/*==========================================================================*/
/*                                footer                                    */
/*==========================================================================*/
#footer{
color:#FFF;
clear:both;
margin:40px 0px 0px 0px;
padding:20px 0px 15px 0px;
overflow:hidden;
background:#292d48;
}

#footer .tel,#footer .fax{
float:left;
width:240px;
font-size:20px;
font-weight:bold;
}

.footlogo{
float:left;
width:150px;
}

.add{
float:left;
width:350px;
}

small {
float:left;
text-align:center;
width: 1000px;
margin: 5px auto;
}