@charset "utf-8";


/* -----------------------------------------------------------
CSS Information

 File name:      default.css
 Author:         Yusuke Miyano(admin)
 Style Info:     CSS  レイアウト設定
----------------------------------------------------------- */



body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#toppage {
	background-image: url(../img/top/back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#main {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}

#header #logo {
	float: left;
}
#header #logo a {
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 140px;
	background-repeat: no-repeat;
	background-image: url(../img/header/logo.jpg);
}
#logo-ex {
	font-size: 11px;
	line-height: 155%;
	float: left;
	margin-top: 30px;
	margin-left: 10px;
}

#header #address {
	float: right;
	width: 300px;
}



#navi {
	clear: both;
	float: left;
	width: 850px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(../img/navi/back.jpg);
}
#navi li {
	float: left;
}
#navi li a {
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 170px;
}

#navi #menu1 {
	background-image: url(../img/navi/navi_01.jpg);
	background-repeat: no-repeat;	background-position: left -60px;
}

#navi #menu1 a {
	background-image: url(../img/navi/navi_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#navi #menu1 a:hover {
	background-image: none;
}

#navi #menu2 {
	background-image: url(../img/navi/navi_02.jpg);
	background-repeat: no-repeat;	background-position: left -60px;
}

#navi #menu2 a {
	background-image: url(../img/navi/navi_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#navi #menu2 a:hover {
	background-image: none;
}

#navi #menu3 {
	background-image: url(../img/navi/navi_03.jpg);
	background-repeat: no-repeat;	background-position: left -60px;
}

#navi #menu3 a {
	background-image: url(../img/navi/navi_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#navi #menu3 a:hover {
	background-image: none;
}

#navi #menu4 {
	background-image: url(../img/navi/navi_04.jpg);
	background-repeat: no-repeat;	background-position: left -60px;
}

#navi #menu4 a {
	background-image: url(../img/navi/navi_04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#navi #menu4 a:hover {
	background-image: none;
}

#navi #menu5 {
	background-image: url(../img/navi/navi_05.jpg);
	background-repeat: no-repeat;	background-position: left -60px;
}

#navi #menu5 a {
	background-image: url(../img/navi/navi_05.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#navi #menu5 a:hover {
	background-image: none;
}


#top-banner {
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: center;
	background-image: url(../img/top/imag3-back.jpg);
}


#contents {
	clear: both;
	float: left;
	width: 850px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
	padding-top: 20px;
}


#InContents {
	float: left;
	width: 600px;
}


#top-title1 {
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 600px;
	background-image: url(../img/top/title3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}

#top-title2 {
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 600px;
	background-image: url(../img/top/title2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}

#top-left {
	float: left;
	width: 290px;
	clear: left;
	margin-bottom: 15px;
}
#top-right {
	float: right;
	width: 290px;
	clear: right;
	margin-bottom: 15px;
}
#top-left dt, #top-right dt {
	border: 1px solid #CCCCCC;
	padding: 1px;
	width: 76px;
	float: left;
}
#top-left dd, #top-right dd {
	float: right;
	width: 200px;
	font-size: 12px;
	line-height: 145%;
}
#top-left #title , #top-right #title {
	background-image: url(../img/top/icon.jpg);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 16px;
	width: 184px;
	margin-bottom: 4px;
	color: #006699;
}



#sub {
	float: right;
	width: 240px;
	background-image: url(file:///E|/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%AF%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%B3%E3%83%88/%E8%BE%BB%E9%89%84%E5%B7%A5%E6%89%80/img/header/head-line-back.jpg);
}
#sub-title1 {
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 240px;
	background-image: url(../img/sub/title1.jpg);
}
#sub-company {
	width: 208px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dddddd;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd;
	padding: 15px;
}
#sub-company li {
	background-image: url(../img/sub/icon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 14px;
	margin-bottom: 10px;
}





#footer {
	width: 100%;
	clear: both;
	background-image: url(../img/footer/back.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #FFFFFF;
}
#footer #f-navi {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
	font-size: 11px;
}
#footer #f-navi li {
	float: left;
	margin-right: 15px;
}
#footer #f-navi a {

}


address {
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
}