@charset "UTF-8";

/*-- Slider START --*/

#Slide_box {
	width:900px;
	padding:0px;
	margin: 0 -15px 15px ;
	position:relative;
	z-index:0;
}
#example {
	width:900px;
	height:243px;
	position:relative;
}
#frame {
	position:absolute;
	z-index:0;
	width:900px;
	height:245px;
	margin-top: -1px ;
	background: #f0f0f0 ;

}
/*
	Slideshow
*/

#slides {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:900px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	width:900px;
	height:243px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:98px;
	left:-22px;
	width:44px;
	height:44px;
	display:block;
	z-index:101;
}

#slides .next {
	left:878px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*-- Slider END --*/

body #mainAreaBg #mainArea #topBoxA{
	float: left ;
	width: 655px ;
}
body #mainAreaBg #mainArea #topBoxA p.Bbnr{
	margin: 0 -10px 13px 0 ;
}
/*-- service bnr --*/
body #mainAreaBg #mainArea #topBoxA #servicebox_1 {
	margin-bottom : 12px ;
}
body #mainAreaBg #mainArea #topBoxA #servicebox_1 ul li a {
	background: url(/img/top_hos_hou.gif) no-repeat ;
	text-indent: -9999px ;
	display : block ;
	width : 655px ;
	height: 191px ;
	float: left ;
}
body #mainAreaBg #mainArea #topBoxA #servicebox_1 ul li#h01 a {
	width: 321px ;
	background-position: 0 0 ;
	margin-right: 12px ;
}
body #mainAreaBg #mainArea #topBoxA #servicebox_1 ul li#h01 a:hover {
	background-position: 0 -191px ;
}
body #mainAreaBg #mainArea #topBoxA #servicebox_1 ul li#h02 a {
	width: 322px ;
	background-position: -334px 0 ;
}
body #mainAreaBg #mainArea #topBoxA #servicebox_1 ul li#h02 a:hover {
	background-position: -334px -191px ;
}

/*-- START topInfo --*/
body #mainAreaBg #mainArea #topBoxA div#topInfo {
	width: 655px ;
	height: auto ;
	padding : 0 ;
	background: #fff ;
}
body #mainAreaBg #mainArea #topBoxA div#topInfo dl {
	background : url(/img/top_info_2.png) no-repeat left top ;
	width: 655px ;
	height: 36px ;
	padding: 0 ;
}
body #mainAreaBg #mainArea #topBoxA div#topInfo dl dt {
	text-indent : -9999px ;
	float : left ;
}
body #mainAreaBg #mainArea #topBoxA div#topInfo dl dd {
	float : right ;
}
body #mainAreaBg #mainArea #topBoxA div#topInfo dl dd a{
	text-indent : -9999px ;
	background: url(/img/top_info_3.png) no-repeat left top ;
	width : 55px ;
	height : 36px ;
	display: block ;
}
body #mainAreaBg #mainArea #topBoxA div#topInfo dl dd a:hover {
	background-position: 0 -36px ;
}

/* information */
body #mainAreaBg #mainArea #topBoxA div#topInfo ul {
	padding: 0 11px 0 ;
}
body #mainAreaBg #mainArea #topBoxA div#topInfo ul li {
	padding : 11px 0 ;
	display: block ;
	border-bottom : 1px dotted #e3e3e3;
	text-decoration: none ;
}
body #mainAreaBg #mainArea #topBoxA div#topInfo ul li span.iDay {
	float: left ;
	padding: 0 0 0 5px ;
	color : #151515 ;
}
body #mainAreaBg #mainArea #topBoxA div#topInfo ul li span img {
	padding: 0 12px ;
}
body #mainAreaBg #mainArea #topBoxA div#topInfo ul li span.iTitle {
	width : 460px ;
	float : right ;
	margin-left : -10px ;
	color : #00406E ;
}
body #mainAreaBg #mainArea #topBoxA div#topInfo ul li a span.iTitle {
	text-decoration : underline ;
	line-height: 1.2em ;
}
body #mainAreaBg #mainArea #topBoxA div#topInfo ul li a:hover span.iTitle {
	color : #005E9F ; 
	text-decoration : none ;
}

/* other service bnr */
body #mainAreaBg #mainArea #topBoxA div#topServiceList {
	margin-top : 20px ;
	background: none ;
}
body #mainAreaBg #mainArea #topBoxA div#topServiceList ul li {
	width : 208px ;
	float : left ;
	margin : 0 15px 15px 0 ;
	line-height : 1.8em ;
	font-size : 10px ;
}
body #mainAreaBg #mainArea #topBoxA div#topServiceList ul li.last-child {
	margin : 0 0 15px 0 ;
}
body #mainAreaBg #mainArea #topBoxA div#topServiceList ul li a.bnr {
	border : solid 1px #c5c5c5 ;
	display : block ;
	margin-bottom : 5px ;
}
body #mainAreaBg #mainArea #topBoxA div#topServiceList ul li a.bnr:hover {
	border : solid 1px #888 ;
}

/*-- END TopInfo --*/

/*-- （終）右コンテンツ --*/
.topBlank {
	background : url(/common/img/blank.png) no-repeat left top ;
	padding-left : 20px ;
}
.topImgR{
	float : right ;
	margin-left : 5px ;
}
.topImgL{
	float : left ;
	margin-right : 5px ;
}
/*-- （終）右コンテンツ --*/
body #mainAreaBg #mainArea #topBoxA a.shadow {
	webkit-box-shadow: 0px 0px 1px 1px #efefef; /* ドロップシャドウ Safari, Chrome用 */
	-moz-box-shadow: 0px 0px 1px 1px #efefef; /* ドロップシャドウ Firefox用 */
	box-shadow: 0px 0px 1px 1px #efefef; /* ドロップシャドウ　CSS3 */
}
