@charset "UTF-8";
@import "base.css";
/* lower page style
---------------------------------------------*/
#cWrapper{
 /* background: url(../images/content_bg.gif) repeat; */
}
#contentCom {
	padding-left:130px;
}
h3.figure{
	text-align:center;
	border:none;
	margin-bottom:20px;
}
h3{
	border-left:solid 6px #063;
	padding-left:0.5em;
	clear:both;
}
h3 a{
	text-decoration:none;
}
#contentCom h3{
	clear:both;
	background:#CCFF99;
	border-bottom:dotted 1px #BD3;
}
ol{
	padding-left:30px;
	margin:15px 0;
}
/* character decoration
---------------------------------------------*/
.msub{
	font-size:80%;
	vertical-align:bottom;
}
/* navigation
---------------------------------------------------- */
#nav {
	clear:both;
	width:180px;
	height: 100%;
	background:url(../images/nav_bg02.gif) repeat-y #f7f3f7;
}
#subnav{
	clear:both;
	margin:0 auto;
	background:#f7f3f7;
}
#subnav ul {
	margin:0 auto;
	width: 738px;
	float:leftt;
	padding:0 5px 5px;
  list-style: none;
  text-align: left;
  font-size: 90%;
}
#subnav li {
  display: inline;
	padding: 0 0 5px 12px;
  margin-right:0.7em;
	background:url(../images/markerTri.gif) top left no-repeat;
	line-height:140%;
}
#subnav li a{
	text-decoration:none;
	vertical-align:top;
}
#subnav li.stay{
	font-weight:bold;
}
/* contents part
---------------------------------------------------- */
#content h2 {
  margin: 0;
  padding: 0;
  height: 71px;
}
#content .column{
  float: left;
  width: 246px;
}
#content .column2{
  float: left;
  width: 50%;
}
#content .column3{
  float: left;
  width: 100%;
}
#content .column2CL{
	clear:left;
  float: left;
  width: 50%;
}
.section h4, .sectionB h4{
	border-bottom:solid 2px #BD3;
}
.topPad{
	padding-top:1em;
}
.section h5{
	font-size:90%;
	text-align:right;
	vertical-align:top;
}
#content p{
	margin: 5px;
}
#content .section {
	margin: 16px 18px 10px 18px;
	border-bottom: 1px solid #ccc;
}
#content .sectionB {
	margin: 16px 18px 0 18px;
}
#content .sectionBW {
	clear:both;
	margin: 0 18px;
}
#content .section p {
	margin: 10px 0;
}
.menuBox, .menuBox2{
	margin:20px 10px;
	padding:0;
}
.menuText, .menuText2{
	border:solid 1px #999;
	margin:0;
	padding:5px;
}
.menuText2{
	background:url(../images/menuBoxBg.jpg) no-repeat;
}
.menuText2 h3{
	border-left:solid 6px #fff;
	color:#fff;
}
.menuText2 h3 a{
	text-decoration:underline;
	color:#fff;
}
.menuText2 h3 a:visited {
	color: #ff9;
}
.menuText p, .menuText2 p{
	margin:0;
	padding:0;
	font-size:100%;
}
.menuPhoto, menuList, menu{
	border:solid 1px #999;
	border-top:0px;
}
.menuPhoto{
	margin:0;
	padding:5px;
	text-align:center;
}
.itemList{
	width:420px;
	float:left;
}
.itemList ul, ul.itemList{
	padding:20px;
	list-style-position:inside;
}
.itemList2 ul, ul.itemList{
	padding:20px;
	list-style-position:inside;
}
ul.enum{
	list-style-type:decimal;
}
ul.enum ol{
	list-style:decimal;
	list-style-position:inside;
}
ul.itemList{
	width:100%;
}
ul.sitemapList{
	padding:10px;
	list-style-position:inside;
}
.itemList li, .sitemapList li{
	list-style-image:url(../images/markerSqr2.gif);
}
ul.sitemapList ul li{
	list-style-image:url(../images/markerCir2.gif);
}
ul.sitemapList ul ul li{
	list-style-image:url(../images/marker.gif);
}
ul.menuList,dl.menuList{
	padding:20px;
	border:solid 1px #999;
	list-style-position:inside;
}
.orderList{
	clear:both;
	margin:20px 40px;;
	padding:20px;
	border:solid 1px #999;
}
.orderList ul{
	list-style-position:inside;
}
.menuList li, .orderList li{
	list-style-image:url(../images/markerSqr2.gif);
}
.menuList dt{
	font-weight:bold;
	font-size:90%;
	color:#063;
}
.menuList dd{
	padding-left:0.5em;
}
dl.principle{
	padding-left:1em;
	margin:15px 0;
}
dl.principle dt{
	font-weight:bold;
	font-size:100%;
}
dl.principle dd{
	padding-left:2em;	
}
.photoBox{
	margin:20px auto;
	text-align:center;
}
.photoBox2Col{
	margin:8px 10px;
	text-align:center;
}
.photoBox2Col img ,.photoBox2ColFL img, .photoBox img{
	padding: 5px;
	border:solid 1px #999;
}
.photoBox img{
	padding: 5px;
	margin:0 10px;
	border:solid 1px #999;
}
.photoBox2Col img{
	margin:0 10px;
}
.photoBox2ColFL{
	margin:8px 5px;
	text-align:center;
	float:left;
}
.photoBoxPresi{
	margin-bottom:10px;
	margin-left:10px;
	float:right;
}
ul.inquiryList{
	list-style-position:outside;
	padding:10px 0 10px 20px;
}
.inquiryList li{
	list-style-image:url(../images/marker.gif);
}
/* topic path
----------------------------------------------------*/
.crumbList{
	margin:-0.1em 0 5px 5px;
}
.crumbList ul,
.crumbList li{
	display:inline;
}
.crumbList li{
	background:url(../images/arrow.gif) no-repeat 0 0.2em;
	_background-position:0 0.3em;
	padding-left:8px;
	margin-right:4px;
	_height:0;
}
.crumbList li.First{
	background:none;
	padding-left:0;
}

/* image
---------------------------------------------------- */
#cover {
	clear:both;

}
#cover img {
  vertical-align: bottom;
}

/* etc
---------------------------------------------*/
.goTop{
	text-align:right;
	clear:both;
}
.signature{
	text-align:right;
	font-size:110%;
	font-weight:bold;
}
.nItem, .tItem{
	margin-right:2em;
	clear:left;
	float:left;
	display:block;
	width:7em;
	text-align:center;
}
.tItem{
	background:#ccc;
}
.tableCaption{
	text-align:center;
	font-weight:bold;
}
/* table
---------------------------------------------------- */
.dimension, .tableView{
	clear:both;
	width:668px;
	margin:5px 18px;
	border-spacing: 0px;
}
.dimension td,.dimension th, .tableView td, .tableView th{
	text-align:center;
	border: 1px solid;
	padding:2px;
}
.dimension th{
	border-color:#f7dfce #ad7538 #ad7538 #f7dfce;
	background-color:#deb284;
}
.dimension td{
	border-color:#fff #ad7538 #ad7538 #fff;
}
.tableView th{
	border-color:#cedbf7 #183c7b #183c7b #cedbf7;
	background-color:#BD3;
	color:#fff;
}
.tableView td{
	border-color:#cedbf7 #183c7b #183c7b #cedbf7;
}
#contentCom .tableS {
	margin:1em 0;
	border-bottom: none;
	border-left: none;
	border-right: none;
	font-size: 100%;
	width: 100%;
}
#contentCom .tableS td {
	border-top: none;
	border-bottom: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 10px;
}
#contentCom .tableS th {
	border-top: none;
	border-bottom: 1px solid #ccc;
	border-right: none;
	border-left:none;
	font-weight: bold;
	padding: 10px;	
	width: 5.5em;
	background-color:#CCFF99;
}
#contentCom .tablePlain {
	margin:1em 0;
	border-bottom: none;
	border-left: none;
	border-right: none;
	font-size: 100%;
	width: 100%;
}
#contentCom .tablePlain td {
	border: none;
	padding: 7px;
}
#contentCom .tablePlain th {
	border-top: none;
	border-right: 1px solid #ccc;
	border-bottom: none;
	border-left:none;
	font-weight: bold;
	padding: 7px;	
	width: 7em;
	text-align:left;
}
/* form
---------------------------------------------------- */
#inquiry {
	margin-top:20px;
	width: 100%;
}
#inquiry table {
	border-top: 1px solid #ccc;
	border-bottom: none;
	border-left: none;
	border-right: none;
	width: 100%;
}
#inquiry td {
	border-top: none;
	border-bottom: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 10px;
}
#inquiry th {
	border-top: none;
	border-bottom: 1px solid #ccc;
	border-left: none;
	border-right: none;
	background-color: #F3F3F3;
	font-weight: normal;
	padding: 10px;	
	width: 200px;
}
#inquiry th.must {
	border-left-color: #006;
}
#inquiry th em {
	font-style: normal;
	color: #f00;
	padding-left: 5px;
}
.text1,.text2,.text3,.text4 {
	border: 1px solid #ccc;
	background-color: #eef;
	padding: 2px;
}
.text1 {
	width: 100px;
}
.text2 {
	width: 4em;
}
.text3 {
	width: 98%;
}
#inquiry .submit {
	text-align: center;
	margin: 30px 0;
}
.text1:focus,.text2:focus,.text3:focus,.text4:focus {
	border-color: #7F9DB9;
	background-color: #fff;
}
