@charset "utf-8";

/*レイアウト*/
*{
	margin: 0; 
	padding: 0;
}
a{
	color: #fff;
	cursor:pointer;
}
a#logo,
a#logo img{
	text-decoration: none;
	border: 0px;
}
img{
	margin: 0; 
	padding: 0;
	border:none;
}
body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic",Arial, sans-serif;
	background: #000000 url('img/bg2.jpg') repeat left bottom;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #ffffff;
}
#container {
	width:915px;
	margin:10px auto;
	text-align: left;
	background: #000000;
}

#header{
	margin: 0; 
	padding: 0;
}
#content{
	width: 100%;
	color: #fefefe;
	margin: 0; 
	padding: 10px 0px 40px 0px;
}
#footer {
	border-top: 1px solid #fff;
	padding: 10px;
	text-align: right;
	font-size: 0.8em;
	color: #ccc;
}


/*ヘッダー部分*/
#header h1{
	background: #dddddd;
	color: #666666;
	font-size: 12px;
	padding: 2px 5px;
}

/*ナビゲーションメニュー*/
#navi {
	margin: 0; 
	padding: 0;
}
#navi li {
	display:inline;
}
#navi a { 
	display: block;
	width: 161px;
	padding:3px 10px;
	color:#fff;
	text-decoration:none;
	background: url('img/navi_off.png') repeat-x left bottom;
	border-width:1px;
	border-style:solid;
	border-color:#fff #666 #fff #666;
	font-size:14px;
	font-weight:bold;
	float: left;
	text-align: center;
}
#navi a:hover {
	color:#222;
	text-decoration:none;
	background: url('img/navi_on.png') repeat-x left bottom;
}
#navi a#current:hover,
#navi a#current {
	color:#fff;
	text-decoration:none;
	background: url('img/navi_current.png') repeat-x left bottom;
}

/*メイン画像部分*/
#mainImg{
	width: 100%;
}

#mainImg ul.menu{
	width: 316px;
	float: left;
}
#mainImg ul.menu li{
	list-style: none;
	float: left;
	display:block;
	cursor:pointer;
	width: 316px;
	height: 116px;
	overflow: hidden;
}
#mainImg ul.menu li#a{
	background: url('../img/ad-m01.gif');
}
#mainImg ul.menu li#b{
	background: url('../img/ad-m02.gif');
}
#mainImg ul.menu li#c{
	background: url('../img/ad-m03.gif');
}
#mainImg ul.menu li#a:hover,
#mainImg ul.menu li#a.current{
	background: url('../img/ad-m01_.gif');
}
#mainImg ul.menu li#b:hover,
#mainImg ul.menu li#b.current{
	background: url('../img/ad-m02_.gif');
}
#mainImg ul.menu li#c:hover,
#mainImg ul.menu li#c.current{
	background: url('../img/ad-m03_.gif');
}

#mainImg ul.adImg{
	float: right;
	overflow: hidden;
}
#mainImg ul.adImg li{
	list-style: none;
	float: left;
	display:block;
	width: 599px;
	height: 348px;
	overflow: hidden;
}

/*クロスフェード*/
.dumbCrossFade {
	width:599px;
	height:348px;
	display:block;
	border:none;
	position:relative;
	overflow:hidden;
}
.dumbCrossFade .dumbItem {
	width:599px;
	display:none;
	position:absolute;
	top:0;
	left:0;
	border:none;
}
.dumbCrossFade .dumbItem img {
	border:none;
	width:599px;
	height:348px;
}
.dumbCrossFade * {
	border:none;
	text-decoration:none;
}





/*本文*/
#body{
	padding: 10px;
	line-height: 1.75;
}
#body p{
	padding-bottom: 10px;
}

#body .cBox {
	width: 100%;
	margin: 0; 
	padding: 0;
	text-align: center;
}
#body .cCon {
	width:95%;
	margin:0px auto;
	text-align: left;
}

#mes{
	font-size: 1em;
	padding: 10px 0;
}
#left{
	width: 49%;
	float: left;
	border-right: 1px solid #fff;
	padding-right: 10px;
}
#right{
	width: 48%;
	float: right;
	padding-left: 10px;
}
#body h2{
	font-size: 1.1em;
	border-bottom: 1px solid #fff;
	margin-bottom: 15px;
	padding-bottom: 5px;
}
#body h3{
	font-size: 1em;
	margin-top: 10px;
}

#body #piat-img{
	clear: both;
	text-align:center;
	border-top:1px solid #fff;
	padding: 5px 0;
}
#body #piat-img img{
	margin:5px;
}

ul#infomation{
	padding-left: 10px;
}
ul#infomation li{
	list-style: none;
}

table#accessTbl{
	border-collapse: collapse;
	font-size:90%;
	margin:10px 0;
}
table#accessTbl td{
	border:1px solid #ddd;
	padding:2px 5px;
	white-space:nowrap;
	background:#555;
}

table#CompanyProfile{
	width:75%;
	border-collapse: collapse;
	font-size:90%;
	margin:10px 0;
}
table#CompanyProfile td{
	border:1px solid #ddd;
	padding:5px 100px 5px 15px;
	white-space:nowrap;
	background:#333;
}

textarea#mbody{
	width: 100%;
	padding: 5px;
}



/*その他汎用*/
span.r{
	color: #ff0000;
}

/*clearfix*/
.clearfix{
	zoom:1;
	font-size:0.1em;
	line-height:0;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}