@charset "utf-8";
/*
--------------------------------------------------
CSS Skin Settings
FileName:   main.css
Version:    2008/03/11
--------------------------------------------------
*/

/* =contents
------------------------------
*/

#index, #container {
	margin: 0px 19px;
	padding: 0px 20px 35px;
	background: url("../images/bg_index.png") repeat-y;
	width: 882px;
	overflow: hidden;
}

#container {
	clear: both;
}

#containertop {
	margin: 0px 19px;
	background: url("../images/bg_containertop.png") no-repeat;
	overflow: hidden;
	height: 6px;
}

#containerbottom {
	margin: 0px 19px;
	background: url("../images/bg_containerbottom.png") no-repeat;
	overflow: hidden;
	height: 6px;
}

#contents {
	width: 665px;
	width: 647px;
	float: left;
}

#menu {
	width: 192px;
	float: right;
	padding: 37px 0px;
}





/* =menu
------------------------------
*/

#subnavi {
	background: url("../images/bg_subnavi.jpg") 0px 4px no-repeat;
	padding: 24px 0px 24px;
}

#subnavi li {
	background: url("../images/bg_subnavi_li.jpg") bottom no-repeat;
	padding: 12px 0px;
}

#subnavi li.parent {
	background: url("../images/bg_subnavi_li.jpg") bottom no-repeat;
	padding: 12px 0px 1px;
}

#subnavi li p {
	background: url("../images/bg_subnavi_li_p.jpg") left center no-repeat;
	padding: 0px 0px 0px 15px;
}

#subnavi li ul {
	background: url("../images/bg_subnavi_li.jpg") top no-repeat;
	padding: 0px;
	margin: 12px 0px 0px;
}

#subnavi li ul li {
	background: url("../images/bg_subnavi_li2.jpg") bottom no-repeat;
	padding: 8px 0px;
}

#subnavi li ul li p {
	background: url("../images/bg_subnavi_li2_p.jpg") 20px center no-repeat;
	padding: 0px 0px 0px 28px;
}


#bana {
	margin: 20px 0px;
}


#servicemenu {
	background: url("../images/bg_servicemenu.jpg") 0px 0px no-repeat;
	padding: 41px 0px 24px;
}

#servicemenu li {
	background: url("../images/bg_servicemenu_li.jpg") left repeat-y;
	padding: 12px 0px;
	margin-bottom: 1px;
}

#servicemenu li p {
	background: url("../images/bg_servicemenu_li_p.jpg") 8px center no-repeat;
	padding: 0px 0px 0px 18px;
}



/* =waku
------------------------------
*/

.waku {
	background: url("../images/bg_waku.jpg") repeat-y;
	padding: 20px 20px 15px;
}

#index p.wakutop {
	margin: 0px;
	background: url("../images/bg_wakutop.jpg") no-repeat;
	height: 5px;
}

#index p.wakubottom {
	margin: 0px;
	background: url("../images/bg_wakubottom.jpg") no-repeat;
	height: 3px;
}



/* =list service
------------------------------
*/

.servicelistA {
	clear: both;
	overflow: hidden;
	margin: 25px 0px;
}

.servicelistA:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/*\*/
* html .servicelistA {
  height: 1em;
  overflow: visible;
}
/**/

.servicelistA li {
	float: left;
	padding: 3px 0px;
}

.servicelistB {
	clear: both;
	overflow: hidden;
	margin: 25px 0px;
}

.servicelistB:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/*\*/
* html .servicelistB {
  height: 1em;
  overflow: visible;
}
/**/

.servicelistB li {
	float: left;
}

.servicelistA li.listsep, .servicelistB li.listsep {
	margin-right: 6px;
}




/* =list
------------------------------
*/

ul.publish li {
	background: url("../images/bg_midashi.jpg") center bottom repeat-x;
	margin-top: 20px;
	padding-bottom: 20px;
}

ul.publish li dl {
	clear: both;
	overflow: hidden;
}

ul.publish li dl:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/*\*/
* html ul.publish li dl {
  height: 1em;
  overflow: visible;
}
/**/

ul.publish li dt {
	float: left;
	width: 140px;
}

ul.publish li dd {
	margin-left: 140px;
}

ul.publish li dt.seminar {
	float: left;
	width: 80px;
	line-height: 1.5;
}

ul.publish li dd.seminar {
	margin-left: 80px;
	line-height: 1.5;
}

#index ul.publish p, #contents ul.publish p {
	margin: 0px;
	line-height: 1.35;
}

#index ul.publish p.author, #contents ul.publish p.author {
	margin-top: 5px;
}

#index ul.publish p.BG, #contents ul.publish p.BG {
	margin-bottom: 10px;
}

#index ul.publish li dl dd p.BG, #contents ul.publish li dl dd p.BG {
	margin: 15px 0px 0px;
}

ul.publish li dd.seminar img {
	margin: 10px 5px 0 0;
}


/* =list
------------------------------
*/



dl.recruit {
	margin-bottom: 8px;
}

dl.recruit dt {
	float: left;
	width: 70px;
}

dl.recruit dd {
	margin-left: 70px;
}

dl.recruit dt, dl.recruit dd {
	line-height: 1.5;
}




/* =list
------------------------------
*/

ul.simplelist {
	margin-bottom: 10px;
	margin-left: 25px;
}

ul.simplelist {
	line-height: 1.5;
}

ul.simplelist li {
	list-style-type: decimal;
	margin-bottom:8px;
}



/* =list
------------------------------
*/

ul.service  {
	margin-bottom: 10px;
}

ul.service li {
	background: url("../images/li_marker.jpg") 0 5px no-repeat;
	margin-bottom: 12px;
	padding-left: 16px;
}

ul.service2 {
  margin-top: 5px;
  margin-bottom: 7px;
}

ul.service2 li {
  margin-bottom: 5px;
  background-image: none;
  list-style-type: disc;
  margin-left: 20px;
  padding-left: 0px;
}

ul.service3 {
  margin-top: 5px;
  margin-bottom: 7px;
}

ul.service3 li {
  margin-bottom: 5px;
  background-image: none;
  list-style-type: circle;
  margin-left: 20px;
  padding-left: 0px;
}



/* =photo
------------------------------
*/

.photo {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: left;
	width: 277px;
}

#index .photo p, #contents .photo p {
	margin-top: 0px;
}


.photo2 {
	float: right;
	margin-bottom: 10px;
	margin-left: 20px;
	text-align: left;
	width: 277px;
}

#index .photo2 p, #contents .photo2 p {
	margin: 0px 0px 15px;
}



/* =table
------------------------------
*/

table.hyo {
	border: medium none;
	border-spacing: 2px;
	border-collapse: separate;
}

table.hyo th {
	background-color: #DDDDDD;
	padding: 3px 8px;
	text-align: center;
	line-height: 1.5;
}

table.hyo td {
	background-color: #F0F0F0;
	padding: 3px 8px;
	text-align: right;
}

table.hyo td.hyoleft {
	text-align: left;
}

#index p.hyo, #contents p.hyo {
	margin-top: 0px;
}



/* =list
------------------------------
*/

ul.contactlist {
	margin: 30px 10px 50px;
}

ul.contactlist li {
	margin-bottom: 20px;
}

ul.contactlist li.section {
	margin-bottom: 40px;
}

ul.contactlist li img {
	vertical-align: middle;
}



/* =typeA
------------------------------
*/

.typeA {
	background: url("../images/bg_typeA.jpg") repeat-y;
	margin: 40px 0px 10px;
}

.typeAbottom {
	background: url("../images/bg_typeA_bottom.jpg") bottom no-repeat;
	padding-bottom: 10px;
}

.typeA h2 {
	background: url("../images/bg_typeA_top.jpg") top no-repeat;
	border-bottom: solid 1px #e3e3e3;
	margin: 0px;
	padding: 18px 10px 5px;
}

.typeA ul.tworow {
	padding: 0px 10px 20px;
	clear: both;
	overflow: hidden;
}

.typeA ul.tworow:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/*\*/
* html .typeA ul.tworow {
  height: 1em;
  overflow: visible;
}
/**/

.typeA .tworow li {
	width: 301px;
	background: url("../images/bg_typeA_li.jpg") bottom repeat-x;
	float: left;
	padding: 15px 0px 3px;
}

.typeA .tworow li.left {
	margin-right: 24px;
}

#index .typeA .tworow li p, #contents .typeA .tworow li p {
	margin: 0px;
	background: url("../images/icon_list.gif") 0px 5px no-repeat;
	padding: 0px 0px 0px 10px;
}


.typeA ul.onerow {
	padding: 0px 10px 20px;
}

.typeA .onerow li {
	background: url("../images/bg_typeA_li.jpg") bottom repeat-x;
	padding: 8px 0px 3px;
}

#index .typeA .onerow li h3, #contents .typeA .onerow li h3 {
	margin: 8px 0px 8px 0px;
	background: url("../images/icon_list.gif") 0px 3px no-repeat;
	padding: 0px 0px 0px 10px;
	border: none;
}

#index .typeA .onerow li p.column, #contents .typeA .onerow li p.column {
	background: url("../images/icon_column.gif") 0px 1px no-repeat;
	padding: 0px 0px 0px 30px;
	line-height: 1.3;
}

#index .typeA .onerow li p.newstopics, #contents .typeA .onerow li p.newstopics {
	background: url("../images/icon_newstopics.gif") 0px 1px no-repeat;
	padding: 0px 0px 0px 30px;
	line-height: 1.3;
}

#index .typeA .onerow li p, #contents .typeA .onerow li p {
	margin: 8px 0px 8px 0px;
	padding: 0px;
}


.typeA ul.onerow2 {
	padding: 0px 10px 20px;
}

.typeA .onerow2 li {
	background: url("../images/bg_typeA_li.jpg") bottom repeat-x;
	padding: 8px 0px 3px;
}

#index .typeA .onerow2 li p, #contents .typeA .onerow2 li p {
	margin: 0px;
	background: url("../images/icon_list2.gif") 0px 8px no-repeat;
	padding: 0px 0px 0px 10px;
}

#index .typeA .onerow2 li p.link, #contents .typeA .onerow2 li p.link {
	margin: 0px;
	background: url("../images/icon_list.gif") 0px 5px no-repeat;
	padding: 0px 0px 0px 10px;
}

#index .typeA p.cmnt, #contents .typeA p.cmnt {
	margin-bottom: 0px;
}

#index .typeA p.more, #contents .typeA p.more {
	margin: 0px;
	padding: 0 13px;
	text-align: right;
}


/* =list normal
------------------------------
*/

ul.normal {
}

ul.service ul.normal {
	margin-top: 10px;
}

ul.normal li {
	padding: 3px 0px 3px 17px;
	background: url("../images/icon_list2.gif") 7px 11px no-repeat;
}

ul.normal li.zebra {
	background-color: #edfedc;
}

ol.normal {
	padding: 0px 0px 0px 25px
}

ol.normal li {
	padding: 3px 0px 3px 0px;
	list-style-type: decimal;
}

ol.normal li.zebra {
	background-color: #edfedc;
}



/* =list normal2
------------------------------
*/

ul.normal2 {
}

ul.normal2 li {
	padding: 10px 0px;
	background: url("../images/bg_normal2_list.jpg") bottom repeat-x;
}

#index ul.normal2 li p.link, #contents ul.normal2 li p.link {
	margin: 0px;
	padding: 0px 0px 0px 17px;
	background: url("../images/icon_list.gif") 7px 6px no-repeat;
}

#index ul.normal2 li p, #contents ul.normal2 li p {
	margin: 0px;
	padding: 0px 0px 0px 17px;
	background: url("../images/icon_list2.gif") 7px 8px no-repeat;
}



/* =list serviceindex
------------------------------
*/

h3.serviceindex {
	margin: 18px 0px 2px;
	padding: 0px 0px 2px 14px;
	background: url("../images/icon_list_close.gif") 0px 1px no-repeat;
}

div.serviceindex {
	background-color: #EDFEDC;
	padding: 7px 10px;
}

div.serviceindex ul li {
	padding: 3px 0px 3px 17px;
	background: url("../images/icon_list2.gif") 7px 10px no-repeat;
}



/* =dl process
------------------------------
*/

.process {
	clear: both;
	overflow: hidden;
}

.process:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/*\*/
* html .process {
  height: 1em;
  overflow: visible;
}
/**/

.process dt {
	float: left;
	background: url("../images/bg_process_next.jpg") center 100px no-repeat;
	padding-bottom: 47px;
}

.process dd {
	float: right;
	width: 500px;
	padding: 0px 15px;
	border: solid 1px #d7d7d7;
	background-color: #f7f7f7;
}

.process.last dt {
	background: none;
	padding-bottom: 16px;
}



/* =table recruit
------------------------------
*/

table.recruit {
	border: solid 1px #cccccc;
	width: 880px;
	font-size: 92%;
}

table.recruit th {
	background-color: #e6efe4;
	border: solid 1px #cccccc;
	padding: 10px 30px 10px 10px;
	width: 80px;
	color: #21501c;
	font-weight: normal;
}

table.recruit td {
	border: solid 1px #cccccc;
	padding: 10px 30px 10px 10px;
}



/* =
------------------------------
*/

.contactTBL {
	background-color: #f7f7f7;
	padding: 40px;
}

.contactTBL table {
	width: 802px;
}

.contactTBL table th {
	padding: 20px 15px;
	width: 170px;
	background: url("../images/bg_contactTBL_th.gif") bottom repeat-x;
	color: #21501c;
	font-size: 92%;
}

.contactTBL table td {
	padding: 10px;
	font-size: 92%;
}

.contactTBL table td.listbr {
	line-height: 2.0;
}

.contactTBL table td.titletd {
	padding: 10px 0px;
}

.contactTBL table td.sendarea {
	padding: 30px 10px 0px;
}

#surname, #name, #kanasurname, #kananame {
	width: 200px;
}

#company, #depertment {
	width: 400px;
}

#zip1 {
	width: 50px;
}

#zip2 {
	width: 80px;
}

#city {
	width: 400px;
}

#email, #remail {
	width: 400px;
}

#tel1, #tel2, #tel3, #fax1, #fax2, #fax3, #cel1, #cel2, #cel3 {
	width: 100px;
}

#comment {
	width: 580px;
}

#school, #major {
	width: 400px;
}

#servicelength {
	width: 100px;
}

#duty {
	width: 400px;
}

#file {
	width: 300px;
}

#confirmbtn {
	width: 131px;
	height: 25px;
	border: none;
	padding: 0px;
	background: url("../images/btn_confirm_off.jpg");
	cursor: pointer;
}

#sendbtn {
	width: 131px;
	height: 25px;
	border: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	background: url("../images/btn_send_off.jpg");
	cursor: pointer;
}

#backbtn {
	cursor: pointer;
}

.sslseal {
	text-align: right;
}

#index p.myError, #contents p.myError {
	margin: 0px;
	color: #ff0000;
}


/* =
------------------------------
*/

.pict {
	width: 130px;
	float: left;
	padding: 0px 15px 220px 0px;
}



/* =
------------------------------
*/

#contactselect {
	margin: 0px 0px 8px 0px;
}

#index p.contactlist, #contents p.contactlist {
	margin: 0px 10px;
}



/* =
------------------------------
*/

#door01 {
	display: none;
}

#door02 {
	display: none;
}

#door03 {
	display: none;
}

#door04 {
	display: none;
}

#door05 {
	display: none;
}



/* =
------------------------------
*/

div.imagefloat {
	clear: both;
	overflow: hidden;
	margin: 0px 0px -10px 0px;
}

#index p.imagefloat, #contents p.imagefloat {
	float: left;
	margin: 0px;
	padding: 0px 20px 10px 0px;
}

div.imagefloat p, div.imagefloat p {
	padding-left: 219px;
}



/* =
------------------------------
*/


#index p.seo2, #contents p.seo2 {
	margin-top: -15px;
	text-align: right;
}

p#map {
	margin-top: 20px;
}

p.zu {
	padding-bottom: 20px;
}

#index p.author, #contents p.author {
	margin-top: 20px;
}

#index p.phototext, #contents p.phototext {
	margin: 0px 0px 10px;
}

.signature {
	text-align: right;
}

.tocontact {
	padding: 30px 0px 0px;
}

.totop {
	text-align: right;
	padding: 35px 0px 0px;
}

.totop a {
	background: url("../images/bg_totop.jpg") 0px 5px no-repeat;
	padding: 0px 0px 0px 10px;
}

.toindex {
	text-align: right;
	border-top: solid 1px #0a5a02;
	padding: 5px 0px 0px;
}

.toindex a {
	background: url("../images/bg_toindex.jpg") 0px 2px no-repeat;
	padding: 0px 0px 0px 15px;
}

div.hr {
	background: url("../images/bg_hr.jpg") no-repeat;
	width: 820px;
	height: 1px;
	border: none;
	margin: 0px;
	padding: 0px;
}