@charset "utf-8";

*{margin:0;padding:0;}

html{background:#fff;}

body{
font:14px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3";
color:#252525;
background:#ffffff url(../images/bg.png) repeat-x;
}

a{color:#F60;}
a:hover{color:#F60;text-decoration:none;}
a:active, a:focus {outline:0;}

img{border:0;}
.clear{clear:both;}

h1,h2,h3,h4,h5 {
margin:0;
padding:0;
}

p {
margin:0;
padding:0;
line-height:1.4;
}

/*******************************
レイアウト
*******************************/
#header, #wrapper, .inner{
margin:0 auto;
width:940px;
}

#wrapper{
padding: 30px 0 30px;
}
#wrapper a:hover img {opacity:0.7; filter: alpha(opacity=70);}
#wrapper img {border: none;}

#main{
float:left;
width:620px;
}

#sidebar{
float:right;
width:300px;
}

#bottom{
clear:both;
}


/*******************************
/* ヘッダー
*******************************/
#header{
position:relative;
height:120px;
}

#header h1,#header h2, #header p{
position:absolute;
top:47px;
font-size:11px;
font-weight:normal;
color:#fff;
line-height:21px;
}

#header h1{top:0;}

#header p{right:0; padding-top:5px;}



/************************************
/* メインナビゲーション
************************************/
ul#mainnav{
margin:0 auto;
width:940px;
height:70px;
background:url(../images/mainnav.png) no-repeat 0 0;
}

ul#mainnav li{float:left;list-style:none;width:188px;}

ul#mainnav a{
text-indent:-9999px;
text-decoration:none;
display:block;
width:188px;
height:70px;
background:url(../images/mainnav.png) no-repeat 0 0;
}

ul#mainnav a#menu{background-position:0 0;}
ul#mainnav a#menu1{background-position:-188px 0;}
ul#mainnav a#menu2{background-position:-376px 0;}
ul#mainnav a#menu3{background-position:-564px 0;}
ul#mainnav a#menu4{background-position:-752px 0;}

ul#mainnav a#menu:hover, ul#mainnav li.active a#menu{background-position:0 -70px;}
ul#mainnav a#menu1:hover, ul#mainnav li.active a#menu1{background-position:-188px -70px;}
ul#mainnav a#menu2:hover, ul#mainnav li.active a#menu2{background-position:-376px -70px;}
ul#mainnav a#menu3:hover, ul#mainnav li.active a#menu3{background-position:-564px -70px;}
ul#mainnav a#menu4:hover, ul#mainnav li.active a#menu4{background-position:-752px -70px;}



/*******************************
メイン画像
*******************************/
#mainImage{
margin:0px auto 30px;
text-align:center;
background:#000;
/*border-bottom:1px solid #ccc;*/
}
ul#mv{
width:940px;
margin:0 auto;
padding:0;
list-style:none;
}



/*******************************
メイン下
*******************************/
#banner{
text-align:center;
}

#banner p.headCopy{
font-size:22px; font-weight:bold; color:#1D528A; padding-bottom:10px;
}

#banner p.subCopy{
font-size:16px;
}

/*******************************
コンテンツ
*******************************/



/*************
/* 見出し
*************/
#main h3,#sidebar h3,#bottom h3{
font-weight:normal;
margin:20px 0 10px 0;
padding:5px 0 5px 30px;
color:#1d538a;
border-bottom: 3px solid #4E83B9;
background:url(../images/heading.png) no-repeat 0 50%;
}

#main h2{
font-weight:normal;
font-size:30px;
color:#1d538a;
padding:15px 0;
}

#main h2 span{
font-size:16px;
color:#1d538a;
}

/*************
/* メインエリア
*************/
#main table {
	width:580px;
	border-collapse:collapse;
	margin-bottom:35px;
}

#main table th {
	width:98px;
border-bottom:1px dotted #999;
	text-align:left;
	padding:8px 0 8px 2px;
}

#main table td {
border-bottom:1px dotted #999;
	padding:8px 0;
}

#main ul {
	margin:0 0 30px 20px;
	padding:0;
}

#main ul li {
	list-style-type:disc;
	line-height:2;
}

#main #map {
	width:618px;
	height:400px;
	border:1px solid #CCCCCC;
	margin-bottom:30px;
}

.cmp_name {
	font-size:110%;
	font-weight:bold;
}

#main #formTable table {
width:610px;
border-collapse:collapse;
margin-bottom:20px;
}

#main #formTable th {
width:120px;
border:1px solid #999;
text-align:left;
padding:8px 0 8px 8px;
background:#D5E1EE;
}

#main #formTable td {
border:1px solid #999;
padding:8px 8px;
}


/*************
/* サイドバー
*************/
#sidebar ul{margin:0 6px 25px;}

#sidebar ul li{
list-style:none;
margin-bottom:10px;
padding-bottom:2px;
border-bottom:1px dotted #999;
}

#sidebar ul li a{
display:block;
padding:0 5px 0 20px;
text-decoration:none;
background:url(../images/bullet.png) no-repeat 0 50%;
}

#sidebar ul li a:hover{
background-position:5px 50%;
}

#sidebar p{line-height:1.8;}


/*******************************
/* フッター
*******************************/
#footer{
clear:both;
padding-bottom:10px;
text-align:center;
background:url(../images/footer.png) repeat-x 0 0;
}

.inner{
position:relative;
}

#footer ul{
padding:25px 0 10px;
text-align:center;}

#footer ul li{
display:inline;
padding:0 5px;
}

#footer ul li a{text-decoration:none;}

#footer p{
position:absolute;
right:0;
top:0;
}

address{
font-style:normal;
font-size:12px;
}

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

/* margin
-------------------------------------------------------------------------------------------------------*/
.mb10 {
margin-bottom:10px;
}

.mb20 {
margin-bottom:20px;
}

.mb30 {
margin-bottom:30px;
}


/* padding
-------------------------------------------------------------------------------------------------------*/
.pb5 {
padding-bottom:5px;
}

.pb10 {
padding-bottom:10px;
}

.pb15 {
padding-bottom:15px;
}

.pb20 {
padding-bottom:20px;
}

.pb30 {
padding-bottom:30px;
}

.pb40 {
padding-bottom:40px;
}
