@charset "utf-8";

/* ---IE7対応clearfix--- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* --- End IE7対応clearfix--- */

html,body{
	text-align: left;
	font-family: verdana,arial,helvetica,sans-serif,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

body{
	background: #FFFFFF url(images/top-bg.jpg) repeat-x ;
	font-size:75%;
}

*{
	padding:0;
	margin: 0;
	line-height: 1.6em;
}

p {
	margin: 0;
	line-height:16px;
	color: #333333;
}

em {
	font-weight: bold;
	color: #FF0000;
	font-style: normal;
}

img {
	border: none;
	margin: 0px;
	padding: 0px;
}

table {
	float: right;
	text-align: left;
}

#hidden{
	display: none;
}

#wrapper{
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 850px;
}

/* header */
#header{
	margin: 0px auto;
	padding: 0px;
	width: 850px;
	height: 110px;
	float: left;
	/* background: url(images/bg.jpg) repeat-x; */
}

a#logo {
	background-image: url(images/logo2.gif);
	border: none;
	display: block;
	width: 130px;
	height: 86px;
	margin:20px 0px 0px 0px;
	text-indent: -9999px;
	float:left;
	overflow:hidden;
}

#headerbox{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	height: 110px;
	width: 720px;
}

h1{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin: 0px;
	text-align: right;
	width: 720px;
	padding: 40px 0px 0px;
	line-height: 1.6em;
}


/* navi */
#navi {
	list-style-type:none;
	overflow:hidden;
	height:45px;
	clear: both;
	float: left;
	width: 720px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

#navi li {
	float:left;
	margin:0px;
	padding:0px;
}

#navi a {
	display:block;
	height:0px;
	padding-top:45px;
	line-height:45px;
	overflow:hidden;
	background:url(images/navi.gif) no-repeat;
}

#nav-com a { width:140px;	background-position:0px 0px;}
#nav-ser a  { width:140px;	background-position:-140px 0px;}
#nav-par a 	{ width:140px;	background-position:-280px 0px;}
#nav-qaa a	{ width:140px;	background-position:-420px 0px;}
#nav-con a	{ width:140px;	background-position:-560px 0px;}

#nav-com a:hover, #nav-com a.active	{background-position:0px -45px; }
#nav-ser a:hover, #nav-ser a.active		{background-position:-140px -45px;}
#nav-par a:hover, #nav-par a.active		{background-position:-280px -45px;}
#nav-qaa a:hover, #nav-qaa a.active		{background-position:-420px -45px;}
#nav-con a:hover, #nav-con a.active		{background-position:-560px -45px;}
/* navi end */
/* header end */



/* top main */

#top-main {
	width: 850px;
	margin: 0px 0px 20px;
}	

#top-flash {
	width: 850px;
	margin: 0px;
	padding: 0px;
	height: 240px;
	float:left;
}


#top-main #srvbox{
	width: 850px;
	height: 190px;
	margin: 0px;
	padding: 15px 0px 0px;
	/* background: url(images/bg2.gif) repeat-x; */
	clear: left;
}

#top-main .srv{
	width:270px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#top-main .srv h2{
	font-size: 100%;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 270px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
}

#top-main .srv2{
	width:270px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	float: left;
}

#top-main .srv2 h2{
	font-size: 100%;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 270px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
}

/* top left */
#top-main #left {
	width: 320px;
	height: 265px;
	margin: 0px;
	padding: 15px 0px 0px;
	float:left;
}

#top-main #left h3{
	background: url(images/bn-top2.gif) no-repeat;
	width: 320px;
	height: 30px;
	margin: 0px;
	padding: 0px 0px 5px;
	text-indent: -9999px;
	display: block;
	float: left;
}

#top-main #left #news{
	width:320px;
	height: 230px;
	background:url(images/bg-top2.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	float:left;
}

#top-main #left ul{
	list-style: none;
	text-align: left;
	padding: 5px 10px 0px;
	height: 200px;
}

#top-main #left ul li{
	list-style: none;
	text-indent: 10px;
	line-height: 1.5em;
	border-bottom: 1px dotted #999999;
	padding-left: 5px;
	padding-right: 5px;
}

#top-main #left ul li#date{
	font-weight: bold;
	border: none;
	padding-top: 5px;
}

/* top rigth */
#top-main #topright{
	width:520px;
	float:left;
	margin:  0px;
	padding: 15px 0px 0px 10px;
}

#top-main #topright h3{
	background: url(images/bar.gif) no-repeat;
	margin: 0px;
	padding: 0px 0px 5px;
	text-indent: -9999px;
	display: block;
	float: left;
	height: 30px;
	width: 520px;
}

#top-main #top-righttext{
	background: url(images/bg-top3.gif) no-repeat;
	padding: 0px 0px 0px 20px;
	float: left;
	margin: 0px;
	width: 520px;
	height: 230px
}

#top-main #top-righttext p{
	color: #333333;
	line-height: 1.8em;
	margin: 0px;
	width: 480px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* footer */
#footer {
	background: #666666;
	height: 30px;
	width: 100%;
	clear: both;
	float: left;
	margin: 20px 0px 0px;
	padding: 0px;
}

#footer address {
	margin: 0px;
	height: 30px;
	width: 850px;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	background: url(img/footerline30.gif) repeat-x;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
}


#top-main #top-bt{
	float:left;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:242px;
	height:75px;
	margin:0px;
	background:url(images/top-bt.gif) no-repeat;
	top: -500px;
	position: static;
}

/* top-page settinng  End */

body#page{
	background: #FFFFFF url(images/bg.jpg) repeat-x ;
	font-size:75%;
}

#main {
	width: 850;
	background: #FFFFFF;
	margin: 2px 0px 0px;
	padding: 0px;
	float: left;
}	


/* left box */
#page #left a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#page #left a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#page #left a:hover {
	color: #FF0000;
	text-decoration: none;
}
#page #left a:active {
	color: #FF0000;
	text-decoration: none;
}

#page #left {
	color: #FFFFFF;
	margin: 0px;
	padding: 2px 0px 20px;
	float: left;
	width: 170px;
}

#menu {
	padding: 17px 0px 0px 5px;
	float: left;
	width: 160px;
}

#menu ul{
	list-style: none;
	text-align: left;
	padding: 0px;
	width: 160px;

}

#menu ul li#li-one{
	background: #000000 url(images/point.gif) no-repeat 10px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 38px;
	width: 158px;
	border: 1px solid #999999;
	text-align: left;
	text-indent: 25px;
	vertical-align: middle;
	display: block;
	font-style: normal;
	line-height: 38px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	list-style: url(none) none;
}

#menu ul li{
	background: #000000 url(images/point.gif) no-repeat 10px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 39px;
	width: 158px;
	text-align: left;
	text-indent: 25px;
	vertical-align: middle;
	display: block;
	font-style: normal;
	line-height: 39px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-top: 0px none;
	list-style: url(none) none;
}


/* right box */

#page #right {
	width: 675px;
	background: #FFFFFF;
	margin: 0px;
	padding: 2px 0px 20px 5px;
	float: left;
	color: #333333;
	text-align: left;
	border-top: 15px solid #333333;
}

#page #right #bar{
	padding-top: 2px;
	padding-bottom: 10px;
}



#page h2{
	padding: 2px 20px 10px;
	float: left;
	height: 23px;
	width: 675px;
	margin: 0px;
	display: block;
	text-indent: -9999px;
}

h2#bar1-1{
	background: url(images/bar/bar1-1.jpg) no-repeat;
}

h2#bar1-2{
	background: url(images/bar/bar1-2.jpg) no-repeat;
}

h2#bar1-3{
	background: url(images/bar/bar1-3.jpg) no-repeat;
}

h2#bar1-4{
	background: url(images/bar/bar1-4.jpg) no-repeat;
}

h2#bar2-1{
	background: url(images/bar/bar2-1.jpg) no-repeat;
}

h2#bar2-2{
	background: url(images/bar/bar2-2.jpg) no-repeat;
}

h2#bar2-3{
	background: url(images/bar/bar2-3.jpg) no-repeat;
}

h2#bar2-4{
	background: url(images/bar/bar2-4.jpg) no-repeat;
}

h2#bar2-5{
	background: url(images/bar/bar2-5.jpg) no-repeat;
}

h2#bar2-6{
	background: url(images/bar/bar2-6.jpg) no-repeat;
}

h2#bar3-1{
	background: url(images/bar/bar3-1.jpg) no-repeat;
}

h2#bar4-1{
	background: url(images/bar/bar4-1.jpg) no-repeat;
}

h2#bar5-1{
	background: url(images/bar/bar5-1.jpg) no-repeat;
}

h2#bar5-2{
	background: url(images/bar/bar5-2.jpg) no-repeat;
}



.right-title{
	display: block;
	margin: 0px;
	padding: 0px 20px 5px;
	float: left;
	width: 655px;
	text-indent: -9999px;
}

h3#tit2-11{
	background: url(images/title/title2-11.gif) no-repeat;
}

h3#tit2-12{
	background: url(images/title/title2-12.gif) no-repeat;
}

h3#tit2-21{
	background: url(images/title/title2-21.gif) no-repeat;
}

h3#tit2-22{
	background: url(images/title/title2-22.gif) no-repeat;
}

h3#tit2-31{
	background: url(images/title/title2-31.gif) no-repeat;
}

h3#tit2-32{
	background: url(images/title/title2-32.gif) no-repeat;
}

#page h4{
	padding: 3px 25px 2px 30px;
	float: left;
	height: 23px;
	width: 620px;
	margin: 0px;
	display: block;
	text-indent: -9999px;
}

h4#txt-img01{
	background: url(images/txt-img01.gif) no-repeat;
}

h4#txt-img02{
	background: url(images/txt-img02.gif) no-repeat;
}

h4#txt-img03{
	background: url(images/txt-img03.gif) no-repeat;
}

h4#txt-img04{
	background: url(images/txt-img04.gif) no-repeat;
}


#page #right-text{
	width: 635px;
	float: left;
	padding: 15px 20px 0px;
}

.cont675y{
	background: #F4F4E1;
	margin: 0px 0px 10px;
	padding: 20px 0px;
	float: left;
	width: 675px;
}

.cont-img70{
	display: block;
	margin: 0px;
	padding: 10px 5px 0px 25px;
	float: left;
	width: 70px;
}

.cont-img70a{
	display: block;
	margin: 0px;
	padding: 30px 5px 0px 25px;
	float: left;
	width: 70px;
}

.cont-img180{
	display: block;
	margin: 0px;
	padding: 0px 25px 0px 10px;
	float: left;
	width: 180px;
}

.cont-img210{
	display: block;
	margin: 0px;
	padding: 20px 25px 0px 10px;
	float: left;
	width: 210px;
}

.cont-img400{
	display: block;
	margin: 0px;
	padding: 0px 5px 0px 25px;
	float: left;
	width: 400px;
}


.cont-txt350{
	margin: 0px;
	padding: 10px 0px 0px 10px;
	float: left;
	width: 350px;
}

.cont-txt540{
	margin: 0px;
	padding: 0px 25px 0px 10px;
	float: left;
	width: 540px;
}

.cont-txt620{
	margin: 0px;
	padding: 0px 25px 0px 30px;
	float: left;
	width: 620px;
}

.cont-txt630{
	margin: 0px;
	padding: 0px 25px 0px 20px;
	float: left;
	width: 630px;
}

.cont-txt630r{
	margin: 0px;
	padding: 0px 25px 0px 20px;
	float: right;
	width: 630px;
}



#job-tbl {
	float: left;
	width: 500px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 0px;
	margin-left: 30px;
	margin-top: 10px;
	font-size: 100%;
}

#job-tbl th {
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	background: #CC0000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: #F0F0F0;
	text-align: center;
}

#job-tbl td {
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background: #FFFFFF;
	border-right: 1px solid #000000;
	border-left: #F0F0F0;
	text-indent: 10px;
}

#job-tbl tr {
	height: 30px;
}

/* profile */
table#profile-tbl {
	font-size: 1em;
	float:left;
	padding-left: 20px;
	clear: both;
}

table#profile-tbl th,
table#profile-tbl td{
	padding: 7px 0px 7px 15px;
	border-bottom: #e8e8e8 solid 1px;
	line-height: 1.6em;
}

table#profile-tbl th {
	color: #B00000;
	text-align: right;
	word-wrap: normal;
	word-break: keep-all;
	vertical-align: top;
	white-space: nowrap;
	font-weight: bold;
	padding-right: 12px;
	width: 60px;
}

table#pro_tbl2 {
	font-size: 1em;
	float:left;
	clear: both;
	margin: 0px;
	padding: 0px;
}

table#pro_tbl2 th,
table#pro_tbl2 td{
	border: none;
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
}

table#pro_tbl2 th {
}



#map {
	width: 675px;
	float: left;
	margin: 0px;
	padding: 0px;
	padding-top: 25px;
	padding-left: 30px;
	
}

p#map_title{
	font-weight: bold;
	color: #B00000;
	margin-bottom: 5px;
}

/* faq */

#page dl#faq{
	float: left;
	width: 650px;
	padding-left: 25px;
}


#page dl#faq dt{
	line-height: 1.8;
	background: url(images/point-q.gif) no-repeat left top;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px 0px 5px 30px;
}

#page dl#faq dd{
	line-height: 1.8;
	background: url(images/point-a.gif) no-repeat left top;
	margin-bottom: 20px;
	border-bottom: 1px dotted #999999;
	padding: 0px 0px 20px 30px;
}

#main dl#faqList dd {
	line-height: 1.8;
	background-image: url(images/a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 1em;
	padding-left: 25px;
}


/* entry form */

#entry-form {
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	font-size: 100%;
	color: #232323;
	margin: 0px;
	float:left;
	padding: 0px;
}
#entry-form table {
	float:left;
	font-size: 100%;
	border-top: 1px solid #999999;
	padding: 0px;
	margin: 0px;
	
}

#entry-form table#form td,
#entry-form table#form th {
	font-size: 100%;
	border: none;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 5px;
	margin: 0px;
}

#entry-form table#form th {
	background-color:#CCCCCC;
	text-indent:5px;
	border-left: 1px solid #999999;
}

#entry-form table.mailform2 {
	margin: 0px auto 0px auto;
}
#entry-form table.mailform2 th p {
	font-family: "Myriad Pro", "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9px;
	color: #0B479F;
	display: block;
	margin: 0px;
	font-weight: normal;
}
#entry-form table.mailform2 th span,
#entry-form table.mailform2 td span {
 	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	color: #FF0000;
}

#entry-form table#form td.td-noline {
	border: none;
	text-align:center;
}




/* contact form */

#contact-form {
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	font-size: 100%;
	color: #232323;
	margin: 0px;
	float:left;
}
#contact-form table#form {
	float:left;
	font-size: 100%;
}

#contact-form table#form th {
	font-size: 100%;
	border: none;
	background-color:#E7B6CE ;
	color: #713131;
	width: 150px;
}

#contact-form table#form td {
	font-size: 100%;
	border: none;
}

#contact-form table.mailform {
	margin: 0px auto 0px auto;
}
#contact-form table.mailform td p {
 	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	font-size: 9px;
	color: #0B479F;
	display: block;
	margin: 0px;
}
#contact-form table.mailform td span {
 	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	color: #FF0000;
}


/* end */