@charset "shift_jis";
/*
	jetrun- Based CSS layout
	edited on : 9/30/2008
*/

/*
	base
*/
*{
	margin:0 auto; 
	padding:0;
	list-style: none;
	line-height:1.5;
}
body {
	margin: 0 auto;
	text-align: center; 
	color: #444;
	letter-spacing: 0.125em;
	font-size: 78%;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix { display: inline-table; }

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

/*
	all link 
*/
a, a:link, a:visited {
	color: #069;
	text-decoration: none;
}
a:hover, a:active {
	color: #09f;
	text-decoration: none;
}
/*
	for all text
*/
img { margin:0; padding:0; border: 0;}
.blk  { 
	clear: both;
	display: none; 
}
.clr {
	clear: both;
}
address, em { font-style: normal;} 
.clr-right { 
	clear: both;
	text-align: right;
}
.center {
	text-align: center
}
.list li { 
	font-size: 95%; 
}
ul.list { 
	margin-top: 1em; 
}
ul.list li {
	margin-left: 1.5em; 
	list-style: outside square; 
}
ol.list li {
	margin-left: 2em; 
	list-style: outside decimal; 
}
.f-left { 
	float: left; 
	padding-right: 1em;
	padding-bottom: 1em; 
}
.outline { margin-top: 1em; }

#header {
	position: relative;
	z-index: 10;
	margin: 0 auto;
	width: 780px;
	text-align: center;
	height: 135px;
	background: url(../img/bg-body.jpg) center top repeat-x;
}
#global {
	position: absolute;
	top: 21px;
	right: 15px;
	width: 155px;
	height: 46px;
	font-weight: normal;
	text-align: left;
	font-size: 70%;
}
#global a, #global a:link, #global a:visited { 
	width: 155px;
	height: 46px;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	background: url(../img/box-contact-off.jpg) center top repeat-x;
}
#global a:hover, #global a:active { 
	background: url(../img/box-contact-on.jpg) center top repeat-x;
}
/*
	heading
*/
h1 {
	position: absolute;
	top: 13px;
	left: 3px;
	width: 122px;
	height: 60px;
	font-size: 70%;
}
h1 a {
	width: 122px;
	height: 60px;
	display: block;
	background: url(../img/logo.jpg) center top no-repeat;
}
h2 {
	position: absolute;
	top: 27px;
	left: 155px;
	width: 400px;
	color: #fff;
	font-weight: normal;
	text-align: left;
	font-size: 85%;
}
h2 strong { font-weight: normal; }
h3 {
	margin-bottom: 10px; 
	padding: 8px 0 8px 20px;
	color: #fff;
	font-size: 95%;
	background: url(../img/heading-3.png) left center no-repeat;
}
h4 {
	margin: .75em 0 .5em 0;
	padding: 6px 0 11px 20px;
	font-size: 95%;
	background: #f4f4f4 url(../img/heading-4.png) left bottom no-repeat;
	border-top: #ccc 1px solid;
}
h5 {
	margin: 10px 0 5px 0;
	padding: 2px 0;
	color: #666;
	font-size: 93%;
	background: url(../img/dotted.gif) left bottom repeat-x;
}

/*--main-content--*/
/*
	contents wrap
*/
#main-wrapper {
	position: relative;
	margin:	0 auto;
	width: 780px;
}
/*
	pages location nav
*/

#pan-list {
	margin:	0 auto;
	width: 780px;
	text-align: right;
	background: url(../img/bg-body.jpg) center 133px repeat-x;
}
#pan-list p {
	margin-right: 30px;
	padding: 8px 0 17px 0;
	font-size:80%;
	color: #fff;
}
#pan-list a {
	text-decoration: underline;
	color: #fff;
}
/*
	main-content
*/
#main-content {
	width: 530px;
	text-align: left;
}	
.section {
	margin: 0 auto 1.5em auto;
	width: 490px;
}
/*
	main-navigation
*/
#main-nav {
	position: absolute;
	top: 85px;
	left: 0;
	z-index: 15;
	width: 780px;
	height: 46px;
}
#main-nav li { 
	display: block;
	width: 130px;
	height: 46px;
	float: left;
}
#main-nav li a { 
	display: block;
	width: 130px;
	height: 46px;
	background-image: url(../img/navi.png);
	text-indent: -5000px;
	overflow: hidden;
}
/* 
	main-navi images
*/
#nav1 a { background-position: 0 0; }
#nav2 a { background-position: 650px 0; }
#nav4 a { background-position: 520px 0; }
#nav3 a { background-position: 390px 0; }
#nav5 a { background-position: 260px 0;}
#nav6 a { background-position: 130px 0;}
/*
	side-bar
*/
#side-bar {
	margin: 0 auto;
	width: 200px;
	text-align: center;
}
#side-link {
	margin: 0 auto;
	text-align: center;
	width: 170px;
}

/*--contents closed--*/
#go-top { 
	clear: both;
	padding: 30px 25px 20px 0;
	text-align: right;
}
#go-top a { 
	padding: 0 0 5px 20px;
	text-decoration: underline;
	background: url(../img/icon-gotop.gif) left center no-repeat;
}
.go-down { text-align: right; margin-bottom: 1em; }
.go-down a {
	padding: 5px 20px 5px 0;
	background: url(../img/icon-godown.gif) right center no-repeat;
}
/*--foot--*/
#footer {
	margin: 0 auto;
	width: 100%;
	clear: both;
	background: #272727 url(../img/foot.jpg) left top repeat-x;
}

#foot-nav {
	margin: 0 auto;
	width: 780px;
}

#foot-nav ul {
	padding: 20px 30px 20px 30px;
	text-align: center;
	font-size: 80%;
}

#foot-nav ul li {
	display: inline; 
	padding: 0 5px;
	border-right: solid 1px #fff;
}
#foot-nav ul li.last {
	border: none;
}
#foot-nav a {
	color: #fff;
}
#foot-nav a:hover {
	text-decoration: underline;
}
#footer #copyright {
	padding: 25px 5px 10px 5px;
	text-align: right;
	color: #fff;
}

.order {
	margin: 2em auto;
	width: 100%;
	text-align: center;
}
.order a {
	display :block;
	width: 250px;
	height: 38px;
	margin: 0 auto;
	text-align: center;
	background: url(../img/contact03.png) 0 0 no-repeat;
}
.order a:hover img  {
	visibility: hidden;
}

/*-- icons --*/
a.popup {
	margin: 0 6px 0 0;
	padding-right: 12px;
	font-weight: normal;
	background: url(../img/link-off.gif) right top no-repeat;
}
a.popup:hover {
	background: url(../img/link-on.gif) right top no-repeat;
}
a.next {
	margin: 0 6px 0 0;
	padding-right: 12px;
	font-weight: normal;
	background: url(../img/next-off.gif) right top no-repeat;
	white-space: nowrap;
}
a.next:hover {
	background: url(../img/next-on.gif) right top no-repeat;
}
.pdf {
	font-weight: normal;
	padding: 2px 15px 3px 5px;
	background: url(../img/icon-pdf.gif) right top no-repeat;
} 
address strong { font-size: 120%; }
.pdf-right { 
	margin-bottom: .75em;
	clear: both;
	text-align: right;
	background: url(../img/line-dotted.gif) left bottom repeat-x;
}
.word {
	font-weight: normal;
	padding: 2px 15px 3px 5px;
	background: url(../img/icon-word.gif) right top no-repeat;
} 
.word-center { 
	margin-top:5px;
	margin-bottom:25px;
	clear: both;
	text-align: center;
}
#media {
	padding: 2px 0;
	background: url(../img/dotted.gif) left bottom repeat-x;
}
.press-link {
	padding: 2px 0;
	text-align: right;
	background: url(../img/dotted.gif) left bottom repeat-x;
}
#service table, #filtering table {
	margin-bottom: 2em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: none;
	font-size: 100%;
	width: 530px;
}
#service table { width: 530px; }
#filtering table { width: 490px; }
#service table td, #filtering table td {
	border-top: none;
	border-bottom: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding: 5px;
}
#service table th, #filtering table th {
	border-top: none;
	border-bottom: 1px solid #ccc;
	border-left: 3px solid #ccc;
	border-right: none;
	background-color: #f3f3f3;
	font-weight: normal;
	padding: 5px;	
	width: 150px;
}
table em { 
	font-size: 125%;
	color: #c00;
	font-weight: bold;
}
caption {
	font-size: 85%;
	text-align: right;
}
sub {
	font-weight: normal;
	font-size: 80%;
}
#cmt-3 {
	margin :15px 25px;
	padding: 10px 0 5px 82px;
	background: url(../images/comment-3.png) left 13px no-repeat; 
}
/*#partner li { border-bottom: solid 1px #ccc;}*/
#partner li em { font-size: 85%; letter-spacing: 0;}
.img-mdl img {
	padding: .5em 10px .5em  0;
	vertical-align: middle;
}