@charset"UTF-8";

@import url("default.css");
@import url("layout.css");
@import url("module.css");

/*========================Contents=============================
 01) Index
 02) Obstacle
 99) Clearfix
=============================================================*/

/*============================================================
	01) Index
=============================================================*/

#mainImg {
	width:945px;
	height:317px;
	overflow:hidden;
}

#mainImg div#main_visual {
    float: left;
    position: relative;
    width: 721px;
}
#mainImg div#main_visual object {
	position: absolute;
	top: 0;
	left: 0;
}

#mainNavi {width:224px;float:left;}

#mainNavi .onlineBtn {
	width:224px;
	height:82px;
	background:transparent url("../../img/bg_online.gif") left top no-repeat;
	text-align:center;
}

#mainNavi .onlineBtn img {margin-top:5px;}
#mainNavi li img {vertical-align:top;}
#indexLocalNavi {
	background:transparent url("../../img/bg_localnavi.gif") left top repeat-x;
	padding:12px 0 17px 0;
	text-align:center;
}

#indexLocalNavi #localBg {
	position:relative;
	width:911px;
	background:transparent url("../../img/border4.gif") -1px top repeat-y;
	margin:0 auto;
	padding-bottom:22px;
	text-align:left;
	z-index:2;
}

#indexLocalNavi li {
	margin:10px 0 0 16px;
	padding-left:17px;
	background:transparent url("../img/icon01.gif") left 0.5em no-repeat;
}
#indexLocalNavi li a {color:#0000cc;}
#indexLocalNavi li.off{
	padding-left:17px;
	background:transparent url("../img/icon02.gif") left 0.5em no-repeat;
	color:#828282;
}

.localNaviBox1 {width:229px;float:left;}
.localNaviBox2 {width:227px;float:left;}
.localNaviBox3 {width:228px;float:left;}
.localNaviBox4 {width:227px;float:left;}

.localNaviBox1 p,
.localNaviBox2 p,
.localNaviBox3 p,
.localNaviBox4 p {
	position:absolute;
	bottom:10px;
}

.localNaviBox1 p {left:173px;}
.localNaviBox2 p {left:401px;}
.localNaviBox3 p {left:629px;}
.localNaviBox4 p {left:856px;}

.localNaviBox1 p.pop,
.localNaviBox2 p.pop,
.localNaviBox3 p.pop,
.localNaviBox4 p.pop {
	width:202px;
	height:101px;
	position:absolute;
	top:-88px;
	display:none;
	cursor:pointer;
}
.localNaviBox1 p.pop {left:44px;}
.localNaviBox2 p.pop {left:260px;}
.localNaviBox3 p.pop {left:477px;}
.localNaviBox4 p.pop {left:690px;}

#newInfo {
	width:945px;
	margin:20px 0 10px 0;
}

#infoSpace {
	position:relative;
	width:749px;
	float:left;
	background:transparent url("../img/infobg.png");
	border:2px solid #fff;
}

#infoSpace p {
	position:absolute;
	right:17px;
	top:19px;
}

#infoSpace h3 {
	padding:18px 0 13px 0;
	margin:0 15px;
	background:transparent url("../../img/border.gif") left bottom repeat-x;
}
#infoSpace dl {
	margin:10px 15px 0 15px;
}

#infoSpace dt img {
	margin-left:5px;
	vertical-align:middle;
}

#infoSpace dd {
	padding:0 0 12px 0;
	margin:0 0 10px 0;
	background:transparent url("../../img/border.gif") left bottom repeat-x;
}

#bannerSpace {
	position:relative;
	width:177px;
	float:right;
}

#bannerSpace img {vertical-align:top;}

#bannerSpace #inquireBtn {
	margin-left: -3px;
}

#bannerSpace p.casestudy {
	margin: -3px 0 10px -3px;
}

#bannerSpace ul.btn {
	margin: 0 0 0 -3px;
}
#bannerSpace ul.btn li {margin-bottom:2px;}

#bannerSpace ul.whiteLine {
	padding-top:10px;
	border-top:2px solid #fff;
}
#bannerSpace ul.whiteLine li {
	margin-bottom: 10px;
}

/*============================================================
	02) Obstacle
=============================================================*/

#inquireSpace {
	background:#daebf6;
	text-align:center;
	margin-top:20px;
	padding:17px 0 9px 0;
	overflow:hidden;
}

#inquireSpace ul {
	width:603px;
	margin:0 auto;
	margin-top:10px;
}

/*============================================================
	99) Clearfix
=============================================================*/

.clearfix:after,
#indexLocalNavi #localBg:after,
#newInfo:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix,
#indexLocalNavi #localBg,
#newInfo {display:inline-block;}




/*============================================================
	999) topMainvisual / after delete
=============================================================*/

div#main_visual {
width: 711px !important;
_width: 721px !important;
height: 307px;
_height: 317px;
background: #FFFFFF;
border: 5px solid #DEDEDE;
}
#MainVisual div#main_visual p {
margin: 0 0 0 20px;
position: relative !important;
}
div#main_visual p.intro {
margin: 28px 0 4px 30px;
font-weight: bold;
font-size: 16px;
line-height: 1.6 !important;
color: #333333;
}
div#main_visual p.obstacle {
margin: 0 0 30px 30px;
}
div#main_visual p.obstacle a {
padding: 0 0 0 16px;
text-decoration: underline !important;
background: url(/shared/img/renew_icon_newwin.gif) no-repeat scroll 0 2px transparent;
}
div#main_visual h1 {
position: relative;
margin: 0 0 16px 30px
}
div#main_visual ul {
margin: 0 0 0 30px;
padding: 0;
}
div#main_visual ul li {
margin: 0 0 10px 0;
font-weight: bold;
font-size: 16px;
list-style: none;
}