/*--------------------------------------------------------------------
/- file   : default.css
/- admin  : MEGA-D Inc. SHIGETA Makoto
/- update : 20080205
/- desc   : css for modern browser
/--------------------------------------------------------------------*/

@media screen, print { /* MacIE除外用 */

/************* Tag Override *************/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	margin-bottom:20px;
	text-align: center;
	
}
body.home {
	background: #E5F0E5 url(../images/common/iconBgBodyHome.jpg) repeat-x center top;
}
body.directory2 {
	background: #E5F0E5 url(../images/common/iconBgBody2.jpg) repeat-x center top;
}
body.directory3 {
	background: #E5F0E5 url(../images/common/iconBgBody3.jpg) repeat-x center top;
}

body, th, td {
	color: #444;
	line-height: 1.6;
	font-size: 80%;
}

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

li {
	list-style-type: none;
}

a:link {
	color: #006D2C;
	text-decoration: underline;
}
a:visited {
	color: #436952;
	text-decoration: underline;
}
a:hover {
	color: #169E4D;
	text-decoration: underline;
}
a.linkIcon {
	background: url(../images/common/iconLink.gif) 0 5px no-repeat;
	padding-left: 8px;
}
a.linkIconL {
	background: url(../images/common/iconLinkL.gif) 0 2px no-repeat;
	padding-left: 10px;
}
a.pdfIcon {
	background: url(../images/common/iconPdf.gif) 0 0 no-repeat;
	padding-left: 20px;
	padding-bottom:5px;
}

/************* Usability Styles *************/

noscript p {
	width: 700px;
	margin: 0px auto;
	padding: 10px;
	color: #F00;
}


/************* ClearFix Styles *************/

/* Modern browsers like Firefox, Safari, Opera */
div:after, .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
    font-size: 0.1em;
    line-height: 0;
}

/* IE 7 and MacIE*/
div, .clearfix { display: inline-block; }

/* Hides from IE-mac \*/
*html div, * html .clearfix { height: 1%; }
div, .clearfix { display: block; }
/* End hide from IE-mac */


/************* Common Styles *************/

.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.iconNew {
	vertical-align: middle;
	margin-left: 7px;
}


/************* Layout Styles *************/
div#container {
	width: 100%;
}


/*************** Header styles **************/

div#header {
	width: 800px;
	margin: 0px auto;
	text-align: left;
}
div#header h1 {
	padding: 3px 0px 0px;
	float: left;
	width: 130px;
}
div#header dl.appendixNav {
	padding: 15px 0px 0px 0px;
	float: right;
	width: 215px;
	height: 20px;
}
div#header dl.appendixNav dt {
	display: none;
}
div#header dl.appendixNav dd {
	margin: 0px;
	padding: 0px;
}
div#header dl.appendixNav dd ul {
	width: 215px;
	height: 20px;
	overflow: hidden;
}
div#header dl.appendixNav dd ul li.home {
	float: left;
	width: 58px;
}
div#header dl.appendixNav dd ul li.inquiry {
	float: left;
	width: 82px;
}
div#header dl.appendixNav dd ul li.sitemap {
	float: left;
	width: 75px;
}
div#header p.markingNav {
	clear: right;
	float: right;
	width: 183px;
	padding-top: 8px;
}


/*************** globalNav styles **************/

div#globalNav {
	width: 800px;
	margin: 0px auto;
	text-align: left;
}

div#globalNav dl {
	width: 445px;
	height: 33px;
	overflow: hidden;
	background: url(../images/common/navMain.gif) no-repeat left top;
}
div#globalNav dl dt {
	display: none;
}

div#globalNav dl dd ul li {
	float: left;
	font-size: 0;
}
div#globalNav dl dd ul li/**/ {
	/* Windows IE 4～5はこのスタイルを無視 */
	text-indent: -9999px;
}

div#globalNav dl dd ul li a {
	display: block;
	cursor: pointer;
	overflow: hidden;
}
div#globalNav dl dd ul li.company a {
	width: 90px;
	height: 33px;
}
div#globalNav dl dd ul li.business a {
	width: 90px;
	height: 33px;
}
div#globalNav dl dd ul li.products a {
	width: 90px;
	height: 33px;
}
div#globalNav dl dd ul li.news a {
	width: 84px;
	height: 33px;
}
div#globalNav dl dd ul li.recruit a {
	width: 91px;
	height: 33px;
}

div#globalNav dl dd ul li.company a:hover {
	background: url(../images/common/navMain.gif) no-repeat 0px -33px;
}
div#globalNav dl dd ul li.business a:hover {
	background: url(../images/common/navMain.gif) no-repeat -90px -33px;
}
div#globalNav dl dd ul li.products a:hover {
	background: url(../images/common/navMain.gif) no-repeat -180px -33px;
}
div#globalNav dl dd ul li.news a:hover  {
	background: url(../images/common/navMain.gif) no-repeat -270px -33px;
}
div#globalNav dl dd ul li.recruit a:hover  {
	background: url(../images/common/navMain.gif) no-repeat -354px -33px;
}

div#globalNav dl dd ul li.company a.selected, 
div#globalNav dl dd ul li.company a.selected:hover {
	background: url(../images/common/navMain.gif) no-repeat 0px -66px;
}
div#globalNav dl dd ul li.business a.selected, 
div#globalNav dl dd ul li.business a.selected:hover {
	background: url(../images/common/navMain.gif) no-repeat -90px -66px;
}
div#globalNav dl dd ul li.products a.selected, 
div#globalNav dl dd ul li.products a.selected:hover {
	background: url(../images/common/navMain.gif) no-repeat -180px -66px;
}
div#globalNav dl dd ul li.news a.selected, 
div#globalNav dl dd ul li.news a.selected:hover {
	background: url(../images/common/navMain.gif) no-repeat -270px -66px;
}
div#globalNav dl dd ul li.recruit a.selected, 
div#globalNav dl dd ul li.recruit a.selected:hover {
	background: url(../images/common/navMain.gif) no-repeat -354px -66px;
}


/************** Content styles ***************/

div#content {
	width: 100%;
	/*min-height: 650px;*/
	margin: 0px auto;
	text-align: center;
	background: url(../images/common/iconBgContent.gif) repeat-y center top;
}
div#content div#pankuzu {
	background: #FFF;
	margin: 0px auto;
	text-align: left;
	padding: 5px 0;
	width: 790px;
}
div#content div#pankuzu p {
	font-size:80%;
	padding: 0 10px;
}
div#contentHeaderHome {
	background: url(../images/common/iconBgContentHome.jpg) no-repeat center top;
	width: 100%;
	padding-top: 0;
}
div#contentHeader2 {
	background: url(../images/common/iconBgContent2.jpg) no-repeat center top;
	width: 100%;
	padding-top: 25px;
}
div#contentHeader3 {
	background: url(../images/common/iconBgContent3.jpg) no-repeat center top;
	width: 100%;
	padding-top: 25px;
}
div#mainContent {
	background: url(../images/common/iconBgMainContent.gif) repeat-x left top;
	width: 790px;
	margin: 0px auto;
	padding-bottom:20px;
	text-align: left;
}
div#subContent {
	width: 570px;
	float: left;
	padding-top: 20px;
}
div#subContent div#title {
	background: url(../images/common/iconBgPageTitle.gif) left top repeat-x;
	height: 56px;
}
div#subContent div#title h3 {
	float: left;
	padding: 20px 0 0 30px;
}
div#subContent div#title p{
	float: right;
	padding: 22px 10px 0 0;
	margin: 0;
}
/*
div#subContent div.titleTop,
div#subContent div.titleTop1st {
	background: url(../images/common/iconBgPageTitleTop.gif) left top repeat-x;
	height: 35px;
	margin-top: 1.5em;
}
div#subContent div.titleTop1st {
	margin-top: 0;
}
div#subContent div.titleTop h3,
div#subContent div.titleTop1st h3 {
	padding: 11px 5px 10px 21px;
}
div#subContent div.titleTop h3 a,
div#subContent div.titleTop1st h3 a {
	background: url(../images/common/iconLink.gif) right 5px no-repeat;
	display: block;
}
*/
div#subContent div.titleTop,
div#subContent div.titleTop1st {
	height: 35px;
	margin-top: 1.5em;
}
div#subContent div.titleTop1st {
	margin-top: 0;
}
div#subContent div.titleTop h3,
div#subContent div.titleTop1st h3 {
	padding: 0;
}
div#subContent div.titleTop h3 a,
div#subContent div.titleTop1st h3 a {
	background: url(../images/common/iconBgPageTitleTop.gif) left top repeat-x;
	display: block;
	height: 35px;
	padding: 11px 0 0 22px;
}
div#subContent div.titleTop h3 a:hover,
div#subContent div.titleTop1st h3 a:hover {
	background: url(../images/common/iconBgPageTitleTopOn.gif) left top repeat-x;
	display: block;
}

div#subContent h4 {
	margin: 1.5em 0 0 0;
	background: url(../images/common/iconBgStitle.gif) left top no-repeat;
	width: 570px;
	height: 33px;
	font-size: 80%;
}
div#subContent h4 img {
	float: left;
	margin: 10px 0 0 20px;
}
div#subContent h4 span.txtLink {
	float: right;
	padding: 8px 10px 0 0;
	font-weight: normal;
}
div#subContent p{
	margin-top: 1em;
}
div#subContent p.sTitle { 
	border: #ADADAD solid 1px;
	padding: 3px 8px;
	margin-top: 2em;
	display: block;
	font-weight: bold;
	font-size: 100%;
} 
div#subContent .indent{
	margin-left: 10px;
	margin-right: 10px;
}
div#subContent .p0{
	margin-top: 0;
}
div#subContent .p05{
	margin-top: 0.5em;
}
div#subContent .p10{
	margin-top: 1em;
}
div#subContent .p15{
	margin-top: 1.5em;
}
div#subContent .p20{
	margin-top: 2em;
}
div#subContent li{
	margin-top: 0.5em;
}
div#mainContent div.toTopNav {
	text-align: right;
	clear: both;
	padding-top: 30px;
	margin-right:20px;
}

/************** subNav styles ***************/
div#subNav {
	width: 180px;
	float: left;
	margin-top: 2px;
	margin-right: 20px;
	/* font-size: 0; */
}
div#subNav ul.localNav {
	border-top: #CBD4C6 solid 1px;
	padding-top: 1px;
}
div#subNav ul.localNav li {
	font-size: 0;
}
div#subNav ul.localNav li/**/ {
	/* Windows IE 4～5はこのスタイルを無視 */
	text-indent: -9999px;
}
div#subNav ul.localNav li a {
	display: block;
	cursor: pointer;
	overflow: hidden;
}


/*************** Footer styles **************/

div#footer {
	width: 100%;
	height: 103px;
	
	background: url(../images/common/iconBgFooter.gif) no-repeat center top;
}
div#footer dl.appendixNav {
	width: 780px;
	padding-top: 15px;
	margin: 0px auto;
	text-align: left;
}
div#footer dl.appendixNav dt {
	display: none;
}
div#footer dl.appendixNav dd li {
	float: left;
}
div#footer dl.appendixNav dd p {
	float: right;
}


/*************** Table styles **************/

table {
	border-top: #D6D6D6 solid 2px;
	border-bottom: #D6D6D6 solid 1px;
	width: 100%;
}
table th,
table td {
	border-bottom: #D6D6D6 solid 1px;
	padding: 6px;
	font-size: 100%;
}
table th {
	background: #F6F6F6 url(../images/common/iconGrayDashLine.gif) right top repeat-y;
	text-align: center;
}
table th.color {
	background-color: #EDEDED;
}
table td.color {
	background-color: #F9FAF4;
}
table th.title,
table td.title {
	text-align: center;
	font-weight: bold;
	padding: 2px;
}
table th.title {
	background: url(../images/common/iconBgTableTitle.gif) right bottom no-repeat;
}
table td.title {
	background: url(../images/common/iconBgTableTitle.gif) left bottom no-repeat;
}


/*************** appendix styles **************/
div#appendixContent {
	width:720px;
	margin:0 35px;
	padding-top: 20px;
}
div#appendixContent p{
	margin-top: 1em;
}
div#appendixContent h3 {
	margin: 2em 0 0 0;
	background: url(../images/common/iconBgAppendixStitle.gif) left top no-repeat;
	width: 720px;
	height: 33px;
	font-size: 80%;
}
div#appendixContent h3 img {
	margin: 10px 0 0 20px;
}
div#appendixContent .indent{
	margin-left: 10px;
	margin-right: 10px;
}
div#appendixContent .p0{
	margin-top: 0;
}
div#appendixContent .p05{
	margin-top: 0.5em;
}

} /* MacIE除外用 */


/*********** Print Only styles ***********/

@media print { /* 印刷用 */
}

@media screen { /* IE5対策 印刷用 */
}