@charset "utf-8";
/* ==============================
	共通設定 - start
============================== */
html,h1,h2,h3,h4,h5,h6,div,p,ol,ul,li,table,th,td,dl,dt,dd,address,em {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: normal;
	font-style: normal;
	list-style: none;
	border: 0 none;
	text-align: left;
}
body {
	padding: 0px;
	margin: 0px;
	border-style: none;
	text-align: center;
	background-image: url(../images/back_b.jpg);
	background-repeat: repeat;
}
br {
	letter-spacing: 0;
	margin: 0;
	padding: 0;
	color: #FFF;
}
a {
}

img {
	border: 0;
	vertical-align: bottom;
}
form {
	margin: 0;
	padding: 0;
}
/* ==============================
	共通設定 - end
============================== */
#wrapper {
	width: 800px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	background-color: #FFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#header {
	background-image: url(../images/header_back.jpg);
	height: 115px;
	width: 790px;
	padding-top: 10px;
	padding-left: 10px;
}
.logo {
	height: 81px;
	width: 277px;
}
ul {
	margin-right: auto;
	margin-left: auto;
	height: 35px;
	width: 783px;
	padding-left: 17px;
	background-image: url(../images/bt_menu_back.jpg);
	background-repeat: no-repeat;
}
ul li {
	text-indent: -9999px;
	float: left;
	display: table-cell;
 //display: inline;
	list-style: none;
	line-height: 0px;
	overflow:hidden;
	outline:none;
	list-style-position:outside;
}
.navi01 a {
	width: 105px;
	height: 35px;
	background: url(../images/bt_menu.jpg) -17px 0;
	display: block;
}
.navi01 a:hover {
	background: url(../images/bt_menu.jpg) -17px -35px;
}
.navi02 a {
	width: 165px;
	height: 35px;
	background: url(../images/bt_menu.jpg) -182px 0;
	display: block;
	margin-left: 60px;
}
.navi02 a:hover {
	background: url(../images/bt_menu.jpg) -182px -35px;
}
.navi03 a {
	width: 216px;
	height: 35px;
	background: url(../images/bt_menu.jpg) -352px 0;
	display: block;
	margin-left: 5px;
}
.navi03 a:hover {
	background: url(../images/bt_menu.jpg) -352px -35px;
}
.navi04 a {
	width: 136px;
	height: 35px;
	background: url(../images/bt_menu.jpg) -587px 0;
	display: block;
	margin-left: 19px;
}
.navi04 a:hover {
	background: url(../images/bt_menu.jpg) -587px -35px;
}
#contents {
	width: 800px;
	padding-top: 30px;
	padding-bottom: 50px;
}

#contents #left {
	float: left;
	width: 530px;
	padding-left: 10px;
	padding-top: 15px;
}

#contents #right {
	float: left;
	width: 240px;
}
.flabox {
	height: 300px;
	width: 480px;
	padding-left: 10px;
	padding-bottom: 30px;
}
.bar {
	height: 60px;
	width: 500px;
	padding-bottom: 20px;
}
.formbox {
	height: 271px;
	width: 500px;
	padding-top: 20px;
}

.side01 {
	height: 100px;
	width: 250px;
	padding-top: 30px;
}
.sidebana01 {
	width: 250px;
	text-align: right;
	height: 180px;
	padding-top: 45px;
	text-decoration: none;
}
.sidebana01 a span {
	text-decoration: none;
}

.sidebana01 a {
	font-size: 14px;
	line-height: 21px;
}

.side02 {
	background-image: url(../images/side01.jpg);
	height: 260px;
	width: 234px;
	margin-top: 40px;
	padding-top: 40px;
	padding-left: 8px;
	padding-right: 8px;
}
.side03 {
	background-image: url(../images/side02.jpg);
	height: 260px;
	width: 234px;
	margin-top: 30px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 40px;
}
.gyou {
	font-size: 14px;
	line-height: 14px;
	color: #333;
	background-image: url(../images/arrow01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-top: 18px;
	padding-bottom: 18px;
}
.gyouend {
	font-size: 14px;
	line-height: 21px;
	color: #333;
	background-image: url(../images/arrow01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.bana_info01 {
	height: 100px;
	width: 250px;
	padding-top: 45px;
}
.bana_info02 {
	height: 100px;
	width: 250px;
	margin-top: 35px;
	display: block;
}
#footer {
	background-image: url(../images/footer_back.jpg);
	height: 143px;
	width: 783px;
	padding-top: 22px;
	padding-left: 17px;
}
.footnavi01 {
	width: 73px;
	height: 18px;
	background: url(../images/bt_footer.jpg) -17px 0;
	display: block;
	float: left;
}
.footnavi01:hover {
	background: url(../images/bt_footer.jpg) -17px -18px;
}
.footnavi02 {
	width: 77px;
	height: 18px;
	background: url(../images/bt_footer.jpg) -120px 0;
	display: block;
	float: left;
	margin-left: 31px;
}
.footnavi02:hover {
	background: url(../images/bt_footer.jpg) -120px -18px;
}
.footnavi03 {
	width: 107px;
	height: 18px;
	background: url(../images/bt_footer.jpg) -225px 0;
	display: block;
	float: left;
	margin-left: 28px;
}
.footnavi03:hover {
	background: url(../images/bt_footer.jpg) -225px -18px;
}
.footnavi04 {
	width: 163px;
	height: 18px;
	background: url(../images/bt_footer.jpg) -349px 0;
	display: block;
	float: left;
	margin-left: 17px;
}
.footnavi04:hover {
	background: url(../images/bt_footer.jpg) -349px -18px;
}
.footnavi05 {
	width: 76px;
	height: 18px;
	background: url(../images/bt_footer.jpg) -526px 0;
	display: block;
	float: left;
	margin-left: 14px;
}
.footnavi05:hover {
	background: url(../images/bt_footer.jpg) -526px -18px;
}

.footnavi06 {
	width: 75px;
	height: 18px;
	background: url(../images/bt_footer.jpg) -617px 0;
	display: block;
	float: left;
	margin-left: 15px;
}
.footnavi06:hover {
	background: url(../images/bt_footer.jpg) -617px -18px;
}
.container { width:230px; height:235px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; }
.slides div { position:absolute; top:0; width:230px; display:none; }


#experience {
	background-image: url(../images/side_top.jpg);
	height: 263px;
	width: 240px;
	padding-top: 55px;
	padding-left: 10px;
}
.exRight {
	width: 135px;
	height: 235px;
	display: block;
}
.ex01 {
	font-weight: bold;
	display: block;
}
.ex02 {
	font-weight: bold;
	display: block;
}

.ex03 {
	padding-top: 15px;
	display: block;
	font-size: 13px;
	line-height: 18px;
}
.exlink {
	text-align: right;
	width: 228px;
}

.slides div img {
	background-image: url(../images/image_waku.jpg);
	padding: 5px;
	float: left;
	height: 80px;
	width: 80px;
	margin-top: 70px;
	margin-left: 5px;
	display: block;
	float: right;
}