@charset "Shift_JIS";

/* ******************  navigation  *************** */

#navi {
	background: url(/company/image/navi_line.gif) no-repeat left bottom;
}

/* ******************  main  *************** */

#main {
	line-height: 0;
}

/* ******************  contents  *************** */

#contents {
	padding: 0 15px 0 15px;
}
#contents .read {
	margin: 10px 0 0 0;
}

/* ******************  sideNavi  *************** */

#contents .sideNavi .level01 li a.cur {
	background: #E2E3F8;
}
#contents .sideNavi li.level02 {
	background-color: #E2E2F8;
}
#contents .sideNavi .level02 a.cur02 {
	background: #E2E3F8;
}
#contents .sideNavi .level02 li a.cur {
	background: #C3C3E4;
}

/* ******************  contentsArea  *************** */

#contents .contentsArea {
	width: 520px;
}
#contents .h2Box {
	width: 520px;
	padding: 0 0 3px 0;
	background: url(/company/image/prt_ttl_line_01.gif) repeat-x left bottom;
}
#contents h2 {
	width: 480px;
	padding: 11px 20px 6px 20px;
	background: url(/company/image/prt_ttl_bg_01.gif) no-repeat;
	font-size: medium;
	border-bottom: 3px solid #ADADCD;
}
#contents .h3Box {
	margin: 20px 0 0 0;
	padding: 1px 0;
	border-top: 1px solid #D6D6E6;
	border-bottom: 1px solid #D6D6E6;
}
#contents .h3Box02 {
	margin: 20px 0 0 0;
	padding: 1px 0;
	border-bottom: 1px solid #D6D6E6;
}
#contents h3,
#contents .h3Box02 h3 {
	background-color: #f8f8f8;
	margin: 0;
	padding: 5px 0 8px 5px;
	border-bottom: 3px solid #ADADCD;

	font-size: small;
}
#contents .h3Box02 h3 {
	background-color: #FFF;
}
#contents .topLeft,
#contents .topRight {
	margin: 15px 0 0 0;
	float: left;
}
#contents .topLeft {
	width: 330px;
	margin: 15px 15px 0 0;
}
#contents .topLeft h3 {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}
#contents .txtBox {
	width: 514px;
	padding: 0 0 10px 6px;
}

#contents .h4Box {
	margin-left: 6px;
}
#contents h4 {
	padding: 0 0 6px 0;
	background: url(/company/image/prt_ttl_line_03.gif) repeat-x left bottom;
	font-size: small;
}

/* ******************  top item  *************** */

#contents .topLeft .txt {
	background: url(/common/image/prt_dotline_05.gif) repeat-x left bottom;
	width: 320px;
	padding: 6px 0 5px 6px;
}
#contents .topLeft .link {
	margin: 0 0 30px 0;
	padding: 0 0 0 6px;
}
#contents .topLeft ul {
	width: 324px;
}
#contents .topLeft li {
	width: 88px;
	padding: 5px 0 0 16px;
	float: left;
}
#contents .topLeft li.fullSize {
	width: 90%;
}
#contents .topLeft li.segment {
	width: 90%;
	padding: 0;
	border: 1px solid #000;
	clear: both;
}
#contents .topLeft li img {
	width: 12px;
	height: 12px;
	vertical-align: middle;
	margin: 0 3px 0 -16px;
}
#contents .topLeft li a {
	padding: 5px 0 0 0;
}
#contents .topRight {
	width: 175px;
}
#contents .topRight .ttl {
	padding: 5px 0 5px 21px;
	background: #F8F8F8;
	border-top: 2px solid #333383;
}
#contents .topRight .ttl img {
	vertical-align: middle;
	margin: 2px 3px 0 -15px;
	border: none;
}
#contents .topRight .item {
	width: 169px;
	margin: 5px 0 10px 0;
	padding: 0 0 6px 6px;
	background: url(/common/image/prt_dotline_04.gif) repeat-x left bottom;
}
#contents .topRight img {
	margin: 0 5px 0 0;
	float: left;
	border: 1px solid #CCC;
	line-height: 0;
}
#contents .topRight .item .txt {
	width: 87px;
	float: left;
	padding: 0 0 0 7px;
}
#contents .topRight .item .txt img {
	width: 4px;
	height: 7px;
	vertical-align: middle;
	margin: 0 3px 0 -7px;
	padding: 0.3em 0 0 0;
	border: none;
}
#contents .itemList table,
#contents .itemList02 table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}
#contents .itemList02 table {
	margin: 10px 0 0 0;
}

#contents .itemList th,
#contents .itemList02 th {
	text-align: left;
	vertical-align: top;
	background: #F8F8F8 url(/common/image/prt_dotline_09.gif) repeat-x left bottom;
	font-weight: normal;
}
#contents .itemList th.leftItem,
#contents .itemList02 th.leftItem {
	width: 50%;
	border-right: 10px solid #FFF;
}
#contents .itemList th.none,
#contents .itemList02 th.none {
	background: none;
}
#contents .itemList th.leftItem .ttl,
#contents .itemList02 th.leftItem .ttl,
#contents .itemList th .ttl,
#contents .itemList02 th .ttl {
	margin: 1px 0;
	padding: 6px 6px 6px 12px;
	border-top: 2px solid #333383;
}
#contents .itemList th.leftItem .ttl img,
#contents .itemList02 th.leftItem .ttl img,
#contents .itemList th .ttl img,
#contents .itemList02 th .ttl img {
	vertical-align: middle;
	margin: 0 3px 0 -6px;
	border: none;
}
#contents .itemList td,
#contents .itemList02 td {
	padding: 5px 10px 20px 6px;
	vertical-align: top;
}
#contents .itemList tr.empty td {
	height: 20px;
	padding: 0;
}
#contents .itemList td.leftItem,
#contents .itemList02 td.leftItem {
	border-right: 10px solid #FFF;
}

/* 2008/03/04 add */
#contents div.globe div.ttl {
	border-top: 4px solid #333383;
}

#contents div.globe div.ttl h3 {
	padding: 8px 6px;
	background: url(/company/image/bg_01.gif) repeat-x left bottom;
}

#contents div.globe p.pic {
	margin: 10px 0 0 6px;
	float: left;
	width: 70px;
}

#contents div.globe div.summary {
	margin-top: 10px;
	float: right;
	width: 240px;
}

#contents div.globe div.summary p {
	padding-left: 5px;
	margin-left: 8px;
}

#contents div.globe div.summary p.pdf {
	padding: 0;
	margin: 0 0 5px 20px;
}

#contents div.globe div.summary p img {
	margin-left: -8px;
	vertical-align: middle;
}

#contents div.globe div.summary p.pdf img {
	margin-left: -20px;
}

/* 2008/10/09 add */
#contents div.cm {
	margin-top: 30px;
}
#contents div.cm div.ttl {
	border-top: 4px solid #333383;
}

#contents div.cm div.ttl h3 {
	padding: 8px 6px;
	background: url(/company/image/bg_01.gif) repeat-x left bottom;
}
#contents div.cm div.ttl h3 img {
	margin-right: 3px;
	vertical-align: middle;
}

#contents div.cm p.pic {
	margin: 10px 0 0 6px;
	float: left;
	width: 95px;
}

#contents div.cm div.summary {
	margin-top: 10px;
	float: right;
	width: 220px;
}

#contents div.cm div.summary p {
	padding-left: 5px;
	margin: 0 0 5px 8px;
}

#contents div.cm div.summary p img {
	margin-left: -8px;
	vertical-align: middle;
}


/* ******************  outline item  *************** */
div.tbl01 span.mainMap {
	margin-left: 20px;
	padding-left: 20px;
}


/* ******************  commercial  *************** */
div.cm-item {
	margin-bottom: 10px;
	width: 520px;
}
#contents div.cm-item .txtW329R .h4Box {
	margin-left: 0;
}
.cm-video {
	margin-top: 20px;
	padding-bottom: 5px;
}
* html .cm-video {
	padding-bottom: 3px;
}
.cm-video .ttl {
	padding-left: 20px;
	margin-bottom: 5px;
	float: left;
	width: 220px;
	text-indent: -20px;
}
.cm-video .ttl img {
	margin-right: 5px;
	vertical-align: middle;
}
.cm-video .time {
	margin-bottom: 3px;
	float: right;
}
.cm-audio {
	padding: 5px 0;
}
* html .cm-audio {
	padding: 5px 0 0 0;
}
.cm-audio .ttl {
	padding-left: 20px;
	margin-bottom: 5px;
	float: left;
	width: 220px;
	text-indent: -20px;
}
.cm-audio .ttl img {
	margin-right: 3px;
	vertical-align: middle;
}
.cm-audio .time {
	margin-bottom: 5px;
	float: right;
}

.cm-video.item-line,
.cm-audio.item-line {
	width: 330px;
	background: url(/common/image/prt_dotline_08.gif) repeat-x left bottom;
}


div.cm-item table {
	margin-top: 17px;
	width: 514px;
	border-collapse: collapse;
}
div.cm-item table th {
	padding: 5px 10px;
	width: 155px;
	background: #eee;
	text-align: left;
	vertical-align: top;
}
div.cm-item table td {
	padding: 5px 10px;
}
div.cm-item  table td.dotline {
	padding: 0;
	height: 5px;
	background: url(/company/commercial/image/prt_dotline_01.gif) repeat-x;
}
div.cm-item  table td.line {
	padding: 0;
	height: 5px;
	background: url(/company/commercial/image/prt_line_01.gif) repeat-x;
}
div.cm-item  table td.line hr {
	display: none;
}
div.cm-item  table td.link p {
	padding-left: 12px;
	text-indent: -12px;
}
div.cm-item  table td.link p img {
	margin-right: 5px;
	vertical-align: middle;
}