@charset "utf-8";


/* footer position --------------------------------  */

/* scroll bar */
html{overflow-y:scroll;}

/* footer fixed bottom */
html{ height:100%;}
body{ height:100%;}

/* footer inside container */
/*
* html #container{height:100%;}
div#container{position:relative;min-height: 100%;}
body > #container {height: auto;}
div#main{padding-bottom:30px;}
#footer{position:absolute;bottom:0px;height:30px;}
*/

/* footer inside containerWrap */
* html #containerWrap{height:100%;}
div#containerWrap{position:relative;min-height: 100%;}
body > #containerWrap {height: auto;}
div#container{padding-bottom:250px;}
#footer{position:absolute;bottom:0px;height: 200px;background: url(../img/footer-bg.gif) repeat-x;width: 100%;}
#footerInner { height: 200px;position: relative;}


/* frame layout  ----------------------------------  */

body#home { background: url(../img/body-bg.jpg) repeat-x;}
body { background: url(../img/body-sub-bg.jpg) repeat-x;}

#home #containerWrap { background: url(../img/body-bg2.jpg) center 230px no-repeat;}

#container {
	width: 960px;
	margin: 0 auto;
}

#header {
	height: 124px;
	position: relative;
}

#mainvisual {
	height: 312px;
	position: relative;
	margin: 0 0 20px;
}

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

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

#footerInner {
	width: 960px;
	margin: 0 auto;
}

/* header  ------------------------------------------  */

#header #logo {
	position: absolute;
	left: 0px;
	top: 31px;
}

#header #summary {
	position: absolute;
	left: 0px;
	top: 4px;
	font-size: 78.6%;
}

#sNavi {
	position: absolute;
	right: 15px;
	top: 6px;
}

#gNavi {
	position: absolute;
	left: 14px;
	bottom: 1px;
}

#header-inquiry {
	position: absolute;
	right: 259px;
	top: 27px;
}

#header-inquiry a {
	display: block;
	width: 184px;
	height: 44px;
	background: url(../img/header-btn-inquiry.png) no-repeat;
	text-indent: -9999px;
}

#header-inquiry a:hover { background-position: 0 -50px;}

#header-tel {
	position: absolute;
	right: 28px;
	top: 30px;
}


/* mainvisual  --------------------------------------  */

#mainvisual-inner {
	background: url(../img/mainvisual-bg.png) no-repeat;
	width: 905px;
	height: 285px;
	top: 12px;
	left: 29px;
	position: absolute;
}

#mv-text1 {
	position: absolute;
	left: 54px;
	top: 16px;
}

#mv-text2 {
	position: absolute;
	left: 363px;
	top: 109px;
}

/* maintitle  --------------------------------------  */

#maintitle {
	height: 151px;
	position: relative;
	margin: 0 0 20px;
}

#maintitle-inner {
	background: url(../img/maintitle-bg.png) no-repeat;
	width: 905px;
	height: 125px;
	top: 12px;
	left: 29px;
	position: absolute;
}

#maintitle-inner img {
	position: absolute;
	left: 22px;
	top: 38px;
}



/* main common class  -------------------------------  */

#home .pagetitle { margin-bottom: 20px;}
.pagetitle { margin-bottom: 0;}

#main #pankuzu {
	text-align: right;
	font-size: 86%;
	margin: 0 0 10px;
}

.subTitle1 {
	font-size: 138.5%;
	color: #006699;
	font-weight: bold;
	border-left: 3px solid #006699;
	padding: 0 0 0 8px;
	margin: 20px 0 12px;
	letter-spacing: normal;
}

#s-fin #main dl { padding-left: 20px;margin: 0 0 10px;}
#s-fin #main dt { width: 20px;float: left;display: block;}
#s-fin #main dd { width: 660px;display: block;float: left;}

/* sidebar  -----------------------------------------  */

#side-inquiry {
	background: url(../img/side-inquiry-bg.jpg) no-repeat;
	height: 264px;
	position: relative;
	margin: 0 0 30px;
}

#side-inquiry-text {
	position: absolute;
	left: 8px;
	top: 14px;
}

#side-inquiry-btn {
	position: absolute;
	left: 19px;
	top: 186px;
}


/* footer  ------------------------------------------  */


#footerInner {
	color: #b7bad2;
}

#pagetop {
	position: absolute;
	right: 2px;
	top: -44px;
}

#footer-logo {
	position: absolute;
	left: 0;
	top: 28px;
}

#footer-navi1 {
	position: absolute;
	left: 310px;
	top: 27px;
	font-size: 86%;
}

#footer-navi2 {
	position: absolute;
	left: 310px;
	top: 54px;
	font-size: 86%;
}

.footer-navi li {
	display: inline;
	padding: 0 20px 0 0;
}

.footer-navi li a {
	background: url(../img/footer-arrow.png) no-repeat left center;
	padding: 0 0 0 10px;
	color: #ccddff;
	text-decoration: none;
}

.footer-navi li a:hover {
	color:#ffffff;
}

#footer-address {
	position: absolute;
	left: 310px;
	top: 92px;
	font-size: 86%;
}

#copyright {
	position: absolute;
	width: 100%;
	bottom: 8px;
	font-size: 78.6%;
	text-align: center
}



/* top  ---------------------------------------------  */


/* privacy  ---------------------------------------------  */

#privacy .editArea h3 { margin-bottom: 6px;}

#privacy #main p {
	margin-bottom: 20px;
}