@charset "shift_jis";


body {
	color: #333333;	/*?S?̂̕????F*/
	background-color: #FFFFFF;	/*?w?i?F*/
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 75%/2 "???C???I", Meiryo, "?l?r ?o?S?V?b?N", Osaka, "?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro";
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

/*?????N?ݒ?
------------------------------------------------------*/
a {
	color: #333333;
}
a:hover {
	color: #E40000;
	text-decoration: none;
}

/*HP???͂ރu???b?N
------------------------------------------------------*/
#wrap {
	text-align: left;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/wrap_bg.gif) repeat-y;	/*?w?i?摜?̓ǂݍ???*/
}
/*2?J?????g?p???̔w?i?摜*/
#c2 #wrap {
	background: url(../images/wrap_bg_c2.gif) repeat-y;
}

/*?w?b?_?[
------------------------------------------------------*/
#head {
	height: 42px;	/*?w?b?_?[?̍???*/
	width: 100%;
	position: relative;
	background: url(../images/head_bg.gif) no-repeat;	/*?w?b?_?[?w?i?摜?̓ǂݍ???*/
}
/*h1?^?O*/
#head h1 {
	font-size: 10px;	/*?????T?C?Y*/
	position: absolute;
	top: 0px;		/*?w?b?_?[?u???b?N?ɑ΂??ďォ??0px?ɔz?u*/
	left: 180px;	/*?w?b?_?[?u???b?N?ɑ΂??č?????180px?ɔz?u*/
	line-height: 42px;
	font-weight: normal;
	color: #FFF;	/*?????F*/
}
#head h1 a {
	text-decoration: none;
	color: #FFF;	/*?????F*/
}
/*???S?摜*/
#head #logo {
	position: absolute;
	left: 0px;	/*?w?b?_?[?u???b?N?ɑ΂??č?????0px?ɔz?u*/
	top: 0px;	/*?w?b?_?[?u???b?N?ɑ΂??ďォ??0px?ɔz?u*/
}

/*???C?????j???[
------------------------------------------------------*/
ul#menu {
	background: url(../images/menu_bg.gif) repeat-x top;	/*?X?g???C?v?̃??j???[?w?i?摜?̓ǂݍ???*/
	height: 60px;
	line-height: 60px;
	width: 100%;
}
ul#menu li {
	float: left;
}
ul#menu li a {
	font-size: 14px;	/*???j???[?̕????T?C?Y*/
	font-weight: bold;	/*?????ßϞ??ɂ????ݒ??B?ʏ킪?????Ȃ炱?̂P?s?폜?B*/
	text-decoration: none;
	display: block;
	padding-right: 20px;
	padding-left: 20px;
	color: #FFF;	/*?????F*/
}
ul#menu li a:hover {
	background: url(../images/menu_bg.gif) repeat-x bottom;	/*?}?E?X?I?????̉摜?̔w?i?ǂݍ???*/
	color: #FF6;	/*?}?E?X?I?????̕????F*/
}

/*?g?b?v?y?[?W?̃X???C?h?V???[
---------------------------------------------------------------------------*/
#main-image {
	position: relative;
	height: 300px;
	width: 570px;
	margin-bottom: 1em;
	clear: left;
}
#main-image .slide_file {
	display: none;
}
#slide_image {
	z-Index:2;
	position: absolute;
	left:0px;
	top:0px;
}
#slide_image2 {
	z-Index:1;
	position: absolute;
	left:0px;
	top:0px;
}
/*2?J?????g?p??*/
#c2 #main-image {
	width: 775px;
}

/*?R???e???c?i3?J???????͂ރu???b?N?j
------------------------------------------------------*/
#content {
	width: 100%;
	clear: both;
}

/*?R???e???c?i#main-col,#sub-col???͂ރu???b?N?j
------------------------------------------------------*/
#content-in {
	float: left;
	width: 775px;
}
/*2?J?????g?p???̃u???b?N?ݒ?*/
#c2 #content-in {
	float: none;
	width: 100%;
}

/*???C???u???b?N
------------------------------------------------------*/
#main-col {
	width: 570px;	/*?u???b?N??*/
	float: right;
	padding-top: 15px;
}
/*2?J?????g?p???̃u???b?N?ݒ?*/
#c2 #main-col {
	width: 775px;
}
/*h2?^?O*/
#main-col h2 {
	font-size: 120%;	/*?????T?C?Y*/
	clear: both;
	width: 560px;
	padding-left: 10px;
	background: #730000 url(../images/midashi_bg1.gif) no-repeat left top;	/*?w?i?F?A?w?i?摜?̓ǂݍ???*/
	line-height: 40px;
	border-bottom: 3px solid #F90;	/*?????̕??A?????A?F*/
	color: #FFF;	/*?????F*/
}
/*2?J?????g?p????h2?^?O?ݒ?*/
#c2 #main-col h2 {
	width: 765px;
	background: #730000 url(../images/midashi_bg1_c2.gif) no-repeat left top;
}

/*h3?^?O*/
#main-col h3 {
	font-size: 120%;	/*?????T?C?Y*/
	border-left: 5px solid #E40000;		/*?????̐??̕??A?????A?F*/
	border-bottom: 1px solid #E40000;	/*?????̐??̕??A?????A?F*/
	padding: 5px;
	color: #E40000;	/*?????F*/
	clear: both;
	width: 555px;
}
/*2?J?????g?p????h3?^?O?ݒ?*/
#c2 #main-col h3 {
	width: 760px;
}
/*?i???^?O*/
#main-col p {
	padding: 5px 10px 10px;	/*???????A???A???E?A???ւ̗]??*/
}

/*?T?u?u???b?N?i?????u???b?N?j
------------------------------------------------------*/
#sub-col {
	width: 170px;	/*?u???b?N??*/
	float: left;
	border-top: 15px solid #FFF;
	padding: 10px;	/*?u???b?N???̗]???B???̐??l?̕??????F?̂‚????w?i???o?܂??B*/
	color: #FFF;	/*?????F*/
}

/*?T?C?h?u???b?N
------------------------------------------------------*/
#side-col {
	float: right;
	width: 170px;	/*?u???b?N??*/
	border-top: 15px solid #FFF;
	padding: 10px;	/*?u???b?N???̗]???B???̐??l?̕??????F?̂‚????w?i???o?܂??B*/
	color: #FFF;	/*?????F*/
}
/*2?J?????g?p???̃u???b?N?ݒ?*/
#c2 #side-col {
	display: none;
}

/*?T?u?E?T?C?h?u???b?N????
------------------------------------------------------*/
/*h3?^?O*/
#sub-col h3,
#side-col h3 {
	font-size: 100%;
	line-height: 40px;
	background: #BFBFBF url(../images/midashi_bg2.gif) no-repeat left top;	/*?w?i?F?A?w?i?摜?̓ǂݍ???*/
	color: #000;	/*?????F*/
	padding-left: 26px;
}
/*?i???^?O*/
#sub-col p,
#side-col p {
	padding-top: 5px;
	padding-bottom: 10px;
}
/*box1?̐ݒ?*/
#sub-col .box1,
#side-col .box1 {
	background: #111;	/*?w?i?F*/
	padding: 5px;		/*?{?b?N?X???]??*/
	margin-bottom: 10px;	/*?{?b?N?X?̉????ɂƂ??X?y?[?X*/
	color: #FFF;	/*?????F*/
}
#sub-col .box1 p,
#side-col .box1 p {
	padding: 0px;
}
#sub-col .box1 a,
#side-col .box1 a {
	color: #FFF;
}
/*?T?u?E?T?C?h?u???b?N?Á?j???[*/
#sub-col ul.menu,
#side-col ul.menu {
	margin-bottom: 10px;	/*???j???[?u???b?N?̉????ɂƂ??X?y?[?X*/

}
#sub-col ul.menu li,
#side-col ul.menu li {
	border-bottom: 1px solid #BFBFBF;	/*???j???[?P?‚??????̉????̕??A?????A?F*/
	border-right: 1px solid #BFBFBF;	/*???j???[?P?‚??????̉E???̕??A?????A?F*/
	border-left: 1px solid #BFBFBF;		/*???j???[?P?‚??????̍????̕??A?????A?F*/
	background: #111;	/*???j???[?P?‚??????̔w?i?F*/
}
#sub-col ul.menu a,
#side-col ul.menu a {
	text-decoration: none;
	display: block;
	width: 158px;
	padding-left: 10px;
	color: #FFF;	/*?????F*/
}
#sub-col ul.menu li a:hover,
#side-col ul.menu li a:hover {
	background: #FFFFFF;	/*?}?E?X?I?????̔w?i?F*/
	color: #E40000;	/*?}?E?X?I?????̕????F*/
}

/*?t?b?^?[
------------------------------------------------------*/
#foot {
	clear: both;
	padding: 5px;
	font-size: 10px;
	text-align: center;
	border-top: 15px solid #FFF;
	background: #222;	/*?w?i?F*/
	color: #FFF;	/*?????F*/
}
#foot a {
	text-decoration: none;
	color: #FFF;
}

/*?L???X?g?T???l?C???{?b?N?X
------------------------------------------------------*/
#main-col .photobox1 div {
	float: left;
	width: 110px;	/*?{?b?N?X?̕?*/
	height: 180px;	/*?{?b?N?X?̍???*/
	margin-left: 10px;
	display: inline;
	margin-bottom: 1em;
	padding: 9px;	/*?{?b?N?X???̗]??*/
	font-size: 10px;	/*?????T?C?Y*/
	line-height: 1.3;	/*?s??*/
	text-align: center;	/*???g???Z???^?????O?B???̍s?O???΍??Ǜ˞ɂȂ??܂??B*/
	overflow: hidden;	/*?????????яo???ꍇ?ɔ??\???ɂ????ݒ?*/
	position: relative;
	border: 1px solid #999999;	/*?g???̕??A?????A?F*/
}
/*2?J?????g?p??*/
#c2 #main-col .photobox1 div {
	padding: 13px;
	margin-left: 13px;
}
/*?{?b?N?X???̃????N?e?L?X?g?̕????F*/
#main-col .photobox1 a {
	color: #E40000;
}
/*?T???l?C?????̃A?C?R???ʒu*/
#main-col .photobox1 div .icon {
	position: absolute;
	right: 2px;		/*?{?b?N?X?ɑ΂??ĉE????2px?̈ʒu?ɔz?u*/
	bottom: 2px;	/*?{?b?N?X?ɑ΂??ĉ?????2px?̈ʒu?ɔz?u*/
}

/*?e?[?u??(system.html?y?[?W?Ŏg?p)
------------------------------------------------------*/
table.l1 {
	width: 100%;
}
table.l1,
table.l1 th,
table.l1 td {
	border: 1px solid #999;	/*?e?[?u???̘g???̕??A?????A?F*/
}
/*?e?[?u???????̃{?b?N?X*/
table.l1 th {

	background-color: #d2d2d2;	/*?w?i?F*/
	width: 80px;	/*??*/
	text-align: center;
}
table.l1 th,
table.l1 td {
	padding: 5px;	/*?e?[?u?????̗]??*/
}

/*?e?[?u??(link.html?Arecruit.html?y?[?W?Ŏg?p)
------------------------------------------------------*/
table.l2 {
	width: 100%;
}
table.l2,
table.l2 th,
table.l2 td {
	border: 1px solid #999;	/*?e?[?u???̘g???̕??A?????A?F*/
}
/*?e?[?u???????̃{?b?N?X*/
table.l2 th {
	background-color: #d2d2d2;	/*?w?i?F*/
	width: 150px;	/*??*/
	text-align: center;
}
table.l2 th,
table.l2 td {
	padding: 10px;	/*?e?[?u?????̗]??*/
}

/*?e?[?u??(CMS?L???ł?staff.html???Ŏg?p)
------------------------------------------------------*/
table.l3 {
	width: 100%;
}
table.l3,
table.l3 th,
table.l3 td {
	border: 1px solid #999;	/*?e?[?u???̘g???̕??A?????A?F*/
}
/*?e?[?u???????̃{?b?N?X*/
table.l3 th {
	background-color: #d2d2d2;	/*?w?i?F*/
	width: 25%;	/*??*/
	text-align: center;
	padding: 10px;
}
table.l3 td {
	width: 25%;
	text-align: center;
	padding: 10px;	/*?e?[?u?????̗]??*/
}

/*?L???X?g?ڍ׃e?[?u??(staff.html???Ŏg?p)
------------------------------------------------------*/
/*?v???t?B?[???e?[?u???ݒ?*/
.staff table.right {
	width: 310px;
	float: right;
}
/*2?J?????g?p???̃v???t?B?[???e?[?u???̕?*/
#c2 .staff table.right {
	width: 450px;
}
/*?v???t?B?[???e?[?u???̘g???̕??A?????A?F*/
.staff table.right,
.staff table.right th,
.staff table.right td {
	border: 1px solid #999;
}
/*?v???t?B?[???e?[?u?????̍????̃{?b?N?X*/
.staff table.right th {
	background-color: #d2d2d2;	/*?w?i?F*/
	width: 80px;	/*??*/
	text-align: center;
}
/*?v???t?B?[???e?[?u?????̗]??*/
.staff table.right th,
.staff table.right td {
	padding: 5px;
}
/*?ʐ^?????????u???b?N*/
.staff .left {
	float: left;
	width: 300px;
	padding-bottom: 1em;
}
.staff .left p {
	padding: 0px !important;
}

/*???X?g?}?[?N
------------------------------------------------------*/
ul.d {
	padding: 10px 10px 10px 25px;
	list-style: disc;
}
ul.d li{
	padding-bottom: 0.5em;
}


/*?g?b?v?y?[?W???u?X?V?????E???m?点?v?u???b?N
---------------------------------------------------------------------------*/
#main-col .new {
	overflow: auto;	/*?u???b?N?̍????ÛǞ??镶???????B???iframe???ɃX?N???[???o?[???o???ݒ??B?S???\?????????Ȃ炱?̍s?Ɖ???height?̍s???폜?B*/
	height: 150px;	/*?u???b?N?̍???*/
	width: 560px;
	padding-left: 10px;
}
#main-col .new dl {
	clear: left;
	width: 540px;
	border-bottom: 1px solid #999;	/*???t???Ƃ̉????̕??A?????A?F*/
	overflow: hidden;
}
#main-col .new dt {
	font-weight: bold;
	float: left;
	width: 100px;
}
#mai-coln .new dd {
	float: left;
	width: 440px;
}
#main-col .new dd img {
	vertical-align: middle;
}
*html #main-col .new dd img {
	margin-top:0.5em;
	vertical-align: baseline;
}
/*2?J?????g?p??*/
#c2 #main-col .new {
	width: 765px;
}
#c2 #main-col .new dl {
	width: 745px;
}
#c2 #mai-coln .new dd {
	width: 645px;
}

/*??
------------------------------------------------------*/
.mb1 {
	margin-bottom: 10px;
}
.mb05 {
	margin-bottom: 5px;
}
.pt0 {
	padding-top: 0px !important;
}
.color1 {
	color: #E40000;
}
.color2 {
	color: #ff0000;
}
.img {
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.btn {
	font-size: 13px;
}
.wl {
	width: 96%;
}
.ws {
	width: 50%;
}
.c {
	text-align: center;
}
.mini1 {
	font-size: 10px;
	line-height: 1.6;
}