/* all
----------------------------------------------- */
body {
	margin:0;
	padding:0 0 30px 0;
	background:#ffffff7;
	background-image: url("../img/bg.gif");
	font:small Verdana,Sans-serif;
/*	text-align:center;*/
	color:#333;
}

#bg {
	width:780px;
	margin:0 auto;
	background: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #dfdfdf;
	text-align:center;
	color:#333;
	position:relative;

}


.navi {
	font-size:80%;
	margin-left:10px;
	text-align: left;
}

.navi-right {
	font-size:80%;
	margin-right:10px;
	text-align: right;
}

.oshirase dt {
	font-size : 90%;
	margin-top : 3px;
	margin-left : 10px;
}

.table-font td {
    font-size : 90%;
    line-height : 130%;
}

div.jigyou-div {
    line-height : 130%;
    text-align : left;
    margin-left : 10px;
    margin-right : 10px;
}

h1 {
	margin:0;
	padding:0 10px;
	float: left;
}

h1 img {
	vertical-align: bottom;
}

h2 {
	margin: 0;
	padding: 0;
}

h2 img {
	vertical-align: bottom;
}

h3 {
	font-size: 100%;
	margin: 0 0 10px 0;
}

h3.staff-h3 {
    color : green;
    background-color : #ceffce;
    margin-left : 6px;
    margin-right : 6px;
    padding-top : 8px;
    padding-left : 10px;
    padding-right : 10px;
    padding-bottom : 8px;
    border-left-width : 10px;
    border-style : none none none double;
}

.links h3 {
	font-size: 130%;
	text-align: left;
	margin-left: 35px;
}

.contact h3 {
	font-size: 130%;
	text-align: left;
	margin: 25px 15px 15px 15px;
	color: #cc0000;
}

img {
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

input,
label {
	vertical-align: middle;
}

.clear {
	clear: both;
}

.more {
	text-align: right;
	margin: 0 10px 20px 0px;
}

.more a {
	text-decoration:none;
	border-bottom:1px dotted #5C81A7;
}

.more a:hover {
	text-decoration: none;
	border-bottom: 1px solid #385063;
}

.necessary {
	color: #f00;
}

.ddot {
	height: 5px;
	background: url(../images/img-border-ddot.gif);
	background-repeat: repeat-x;
}

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

#header {
	margin: 0;
	height: 66px;
	border-top: 3px solid #5C72C3;
}

#header form {
	margin-top: 17px;
	margin-right: 12px;
	text-align: right;
    background: url("../img/frame/header_search_01.gif") no-repeat;
}

#header fieldset {
	margin: 0;
	padding: 5px 0;
	border-style: solid;
	border-width: 0;
	line-height: 1em;
	text-align: right;
}

#header form fieldset legend {
	display: none;
}

#query {
	width: 165px;
	height: 18px;
	/*\*/
	_height: 18px;
	/**/
	margin: 0 4px 0 0;
	padding: 0;
	border: 1px solid #ccc;
	background: #f7f7f7;
	line-height: 1.3;
	font-size: 100%;
}

.query {
	width: 170px;
	height: 18px;
	line-height: 1.3em;
	font-size: 100%;
}


/* nav
----------------------------------------------- */

#index-nav {
	float: left;
	margin: 0;
	padding: 0;
	width: 190px;
	background: #EDF0F2;
}

#index-nav ul {
	margin: 0;
	padding: 0;
	list-style:none;
	text-transform:lowercase;
}

#index-nav li {
	margin:0;
	padding:0;
	background-image:none;
	line-height:normal;
	text-indent:0;
}

#nav ul {
	margin:0 auto;
	padding:0;
	list-style:none;
	text-transform:lowercase;
}

#nav li {
	margin:0;
	float:left;
	padding:0;
	background-image:none;
	line-height:normal;
	text-indent:0;
}

#nav img, #index-nav img {
	vertical-align:middle;
}


* html #nav a {
	width:1%;
  }


#nav #h {
	border-left-width:1px;
}

#banner-menu {
	text-align: center;
}

#banner-menu li {
	margin: 10px 0;
	padding: 0:
}

#layer-navi {
	clear: both;
	margin: 0;
	padding: 15px 10px 25px 10px;
	font-color: #333;
}


/* main
----------------------------------------------- */

#main {
	margin: 0 10px;
	padding: 0 0 15px 0;
	background: #fff;
	color: #444;
}

#main-image {
	clear: both;
	margin-bottom: 15px;
}

#right {
	width: 535px;
	background: #fff;
	float: right;
}

.text1 {
	margin: 15px 10px;
	color: #444;
	line-height: 1.6em;
}

dl#news {
	margin: 0.5em 0 0.5em 0;
	color: #444;

}

dl#news dt {
	margin: 0.5em 0.5em 0.2em 1em;
	padding-top: 0.8em;
	/*border-top: 1px dotted #efefef;*/
	font-weight: bold;
	font-size: 85%;
}

dl#news dd {
	margin: 0 1em 0 0.5em;
	padding-left: 1.5em;
	line-height: 1.6em;
	background: url("../img/bg_list-point.gif");
	background-repeat: no-repeat;
	vertical-align: bottom;
}

#sidebar {
	width: 180px;
	background: #E5EAEC;
	border: 1px solid #ccc;
	padding: 10px;
}

#sidebar img {
	margin-top: 5px;

}


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

#footer {
	clear: both;
	margin: 0 10px;
	padding: 0;
	font-size: 90%;
	background-color: #fff;
	color: #666;
	border-top: 1px solid #eee;
	border-bottom: 2px solid #5C72C3;
	text-align: center;
	line-height: 1.6em;
}

#footer address {
	margin: 0;
	padding-top: 10px;
	font-style: normal;
	color: #666;
}

#copyright {
	margin: 0;
	padding-bottom: 10px;
}


/* link
----------------------------------------------- */

a {
	/*color: #6B8B9B;*/
	color: #4b7096;
	text-decoration: underline;
}

a:hover {
	color: #385063;
	text-decoration: underline;
}


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

.home #main {
	float: right;
	margin: 0;
	padding: 0;
	width: 590px;
	background: #fff;
	color: #444;
}

#philosophy, #news {
	padding: 20px 13px;
}

#philosophy p {
	margin: 1em 20px 0 20px;
	line-height: 160%;
}

#news dl {
	margin: 20px 13px;
}

#news dt {
	padding: 8px 10px 4px 10px;
	border-top: 1px solid #eee;
}

#news dd {
	margin: 0 10px 12px 10px;
	line-height: 130%;

}


/* company page
----------------------------------------------- */

.company #main {
	clear:both;
	text-align: left;
}

.company #main-photo {
	background: url(../images/img-photo-company.jpg);
	float: left;
	margin-right: 15px;
	width: 150px;
	height: 700px;
}

.company #main h2 {
	width: 590px;
	margin: 0 0 0 165px;
	padding: 0;
}


table#tb-company {
	width: 590px;
	text-align: left;
	margin: 25px 0;
	line-height: 150%;
}

table#tb-company th {
	padding: 0.5em 1em;
	border-top: 1px solid #fcfcfc;
	border-right: 1px solid #303077;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #fafafa;
	background-color: #eeeee7;
	vertical-align: top;

}

table#tb-company td {
	padding: 0.5em 1em;
	border-top: 1px solid #fcfcfc;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #fafafa;
	background-color:#fafafa;
}


/* service page
----------------------------------------------- */

.service #main {
	clear:both;
	text-align: left;
}

.service #main-photo {
	background: url(../images/img-photo-service.jpg);
	float: left;
	margin-right: 15px;
	width: 150px;
	height: 700px;
}

.service #main h2 {
	width: 590px;
	margin: 0 0 0 165px;
	padding: 0;
}



.service #main p {
	line-height: 175%;
	margin: 25px 2em 0.5em 175px;
}

.service #main ul {
	width: 580px;
	margin: 0 0 20px 165px;
	padding: 0;
	list-style: none;
}

.service #main li {
	margin: 0;
	padding: 15px 10px;
	line-height: 160%;
}


/* introduction page
----------------------------------------------- */

.introduction #main {
	clear:both;
	text-align: left;
}

.introduction #main-photo {
	background: url(../images/img-photo-introduction.jpg);
	float: left;
	margin-right: 15px;
	width: 150px;
	height: 700px;
}

.introduction #main h2 {
	width: 590px;
	margin: 0 0 0 165px;
	padding: 0;
}

.introduction #main h3 {
	margin: 25px 0 0 0;
}

.introduction #main h4 {
	font-size: 120%;
	margin-top: 30px;
	margin-bottom: 8px;
}

.introduction #main p {
	line-height: 175%;
	margin: 2em 2em 0.5em 175px;
}

#soft-devel-list {
	width: 580px;
	margin-left: 172px;
}

table.tb-introduction {
	width: 580px;
	text-align: left;
	margin: 0;
	line-height: 150%;
	border: 1px solid #ccc;
}

table.tb-introduction td {
	padding: 8px;
	width: 377px;
	vertical-align: top;
}

.stripe-e {
	background: #eeeee7;
}

.stripe-f {
	background: #f9f9f9;
}


/* recruit page
----------------------------------------------- */

.recruit #main {
	clear:both;
	text-align: left;
}

.recruit #main-photo {
	background: url(../images/img-photo-recruit.jpg);
	float: left;
	margin-right: 15px;
	width: 150px;
	height: 700px;
}

.recruit #main h2 {
	width: 590px;
	margin: 0 0 0 165px;
	padding: 0;
}


/* download page
----------------------------------------------- */

.download #main {
	clear:both;
	text-align: left;
}

.download #main-photo {
	background: url(../images/img-photo-download.jpg);
	float: left;
	margin-right: 15px;
	width: 150px;
	height: 700px;
}

.download #main h2 {
	width: 590px;
	margin: 0 0 0 165px;
	padding: 0;
}





/* contact page
----------------------------------------------- */

.contact #bg {
	clear:both;
	text-align: left;
}

.contact #main-photo {
	background: url(../images/img-photo-contact.jpg);
	float: left;
	margin-right: 15px;
	width: 150px;
	height: 700px;
}

.contact #main h2 {
	width: 590px;
	margin: 0 0 0 165px;
	padding: 0;
}

table#tb-contact {
	margin: 25px 0;
	width: 580px;
	text-align: left;
	line-height: 150%;
}

table#tb-contact th {
	width: 8em;
	padding: 0.5em 1em;
	border-top: 1px solid #fcfcfc;
	border-right: 1px solid #303077;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #fafafa;
	background-color: #eeeee7;
}

table#tb-contact td {
	padding: 0.5em 1em;
	border-top: 1px solid #fcfcfc;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #fafafa;
	background-color:#fafafa;
}

#submit {
	text-align: center;
}

.contact ul {
	margin: 0 0 0 185px;
	padding: 0;

}

.contact li {
	padding: 0.25em 0;
	line-height: 150%;
}



/* links page
----------------------------------------------- */

.links #bg {
	clear:both;
	text-align: left;
}

.links #main-photo {
	background: url(../images/img-photo-links2.jpg);
	float: left;
	margin-right: 15px;
	width: 150px;
	height: 700px;
}

.links #main h2 {
	width: 590px;
	margin: 0 0 0 165px;
	padding: 0;
}

.links #main h3 {
	width: 590px;
	margin: 10px 0 0 0;
	padding: 0:
}

#links-list {
	width: 590px;
	margin: 25px 0 0 165px;
}

.links #main ul {
	margin: 10px 0 30px 0;
	padding: 0;
	list-style: none;
}

.links #main li {
	margin: 0;
	padding: 10px 20px;
	line-height: 160%;
	border-top: 1px solid #eee;
}

.links li p {
	margin: 8px 15px;
	font-size: 90%;
}

/* search page
----------------------------------------------- */

.search #bg {
	clear:both;
	text-align: left;
}

.search #main-photo {
	background: url(../images/img-photo-search.jpg);
	float: left;
	margin-right: 15px;
	width: 150px;
	height: 700px;
}

.search #main h2 {
	width: 590px;
	margin: 0 0 0 165px;
	padding: 0;
}

.search #main ul {
	width: 580px;
	margin: 0 0 0 165px;
	padding: 0;
	list-style: none;
}

.search #main li {
	margin: 20px 15px 0 0;
	padding: 0;
	line-height: 140%;
}

.search #main table {
	width: 590px;
	margin: 15px 0 0 0;
	text-align: center;
	border: 1px solid #ccc;
}

.search #main table td {
	background: #eeeee7;
	padding: 15px;
}

#resultstatus {

}


.attention {
  color:#f00;
  font-weight: bold;
  font-size: 150%;
}

#right {
	float: right;
	margin: 0;
	padding: 0;
}


.pagetoplink a,
.pagetoplink a:link,
.pagetoplink a:visited {
	text-indent: -100em;
	background-position: 0px 0px;
	float:left;
	text-decoration: none;
}
.pagetoplink a:focus,
.pagetoplink a:hover,
.pagetoplink a:active {
	background-position: 0px 25px;
	float:left;
	text-decoration: none
}

.pagetoplink a {
	clear: both;
	width: 150px;
	height: 25px;
	margin: 20px 0 15px 600px;
	background: url(../images/btn-pagetoplink.gif);
}

#map {
	margin-left: 165px;
}

#err {
	width: 575px;
	margin-left: 165px;
	padding: 0;
	border: 1px solid #faa;
	background: #fee;

}

#err li {
	margin: 2px 25px;
}



/*----------------------------
  新着情報用の画像テンプレート
------------------------------*/

#maruoka #main, #aki #main {
	clear:both;
	text-align: left;
}

#maruoka #main p, #aki #main p {
	line-height: 175%;
	margin: 0 2em 0.5em 175px;
}

/* 丸岡 */
#maruoka #main-photo {
	background: url(../images/img-photo-service.jpg);
	float: left;
	margin-right: 15px;
	width: 150px;
	height: 700px;
}


/* 秋 */
#aki #main-photo {
	background: url(../images/img-photo-aki-kouyou.jpg);
	float: left;
	margin-right: 15px;
	width: 150px;
	height: 700px;
}