@charset "utf-8";

/*
 * MDS Co.,Ltd.
 * Description:	CSS file for screen
 * Filename:		common.css
 * Version:		1.0
 * Author: 		mds directors
 * Last Up Date:	26/08/2008
 *

 * Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

	@media print {
	
*{
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
    background: #fff;
	color: #000;
	font-size: small;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}
* html body { 
    zoom: 0.65;
}
#container{
	display: block;
	margin: 0 auto;
	padding: 0px;
	color: #000;
}
/************* block element ****************/

div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address {
	display: block;
}

/************* header styles ****************/

#header{
	background: url('../images/header_bg_01.jpg') repeat-x;
	height: 135px;
	float: none;
	width: 100%;
	font-size: small;
}
#header-area {
	display: block;
	float: none;
	width: 960px;
	margin: 0 auto;
	padding: 0;
}
#header-logo{
	float: left;
	width: 110px;
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
#header-menu{
	float: left;
	width: 840px;
	margin: 0 0 15px 0;
	padding: 0px;
}
#header-primary {
	display: block;
	float: left;
	width: 100%;
	padding: 0;
}
#header-secondary {
	display: block;
	float: left;
	text-align: right;
	width: 100%;
	padding: 5px 0px 0px 0px;
}
#header-flash {
	float: none;
	width: 960px;
	margin: 0 auto;
	padding: 0px 0px 5px 0px;
}
#header-title{
	float: left;
	width: 330px;
	margin: 10px 0px 0px 20px;
	padding: 0px;
	color: #009a66;
}
#header-news{
	float: left;
	width: 600px;
	margin: 0px;
	padding: 6px 0px 0px 0px;
}
#header-slogan{
	float: left;
	margin: 0px;
	padding: 0px;
}
#header-accessibility{
	display: block;
	float: right;
	width: 300px;
	padding: 5px 10px 0px 0px;
	text-align: right;
}
#header-function{
	background: url('../images/header_function_bg_01.jpg') no-repeat;
	width: 330px;
	float: right;
	padding: 5px 0px 10px 0px;
}

/************* main-menu styles ****************/

#nav {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#nav li {
	display: inline;
}
.nav {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	
}
.nav li {
	display: inline;
	margin: 5px;
}

/************* wrapper styles ****************/	
#wrapper {
	display: block;
	float: none;
}
#flash-area {
	float: none;
	width: 700px;
	margin: 0 auto;
	padding: 0px 0px 5px 0px;
}
#gloval-nav {
	float: none;
	margin: 0 auto;
	padding: 5px 0px 5px 0px;
}
#content {
	float: none;
	width: 955px;
	margin: 0 auto;
	padding: 0px;
}
#main-content{
	display: block;	
	float: left;
	width: 690px;
	margin: 0 auto;
	padding: 5px 5px 5px 0px;
}
#service-content-area{
	float: left;
	width: 670px;
}
#service-content-primary{
	display: block;
	float: left;
	padding: 10px;
}
#service-content-secondary {
	display: block;
	float: left;
	padding: 10px;
}
.service-content-box {
	width: 310px;
}
.image-area{
	text-align: right;
	padding: 10px;
}
#main-menu{
	padding: 0px 0px 0px 15px;
}
#side-menu{
	display: block;
	float: left;
	width: 260px;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	color: #696969;
	text-align: left;
}
.wrapper-build{
	background: url('../images/wrapper_building.jpg') no-repeat;
	display:block;
	float: left;
	width: 100%;
	height: 8px;
	margin: 0px;
	padding: 0px;
	font-size: 8px;
}
.wrapper-wall{
	background: url('../images/wrapper_wall.jpg') repeat-y;
	text-align:left;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.wrapper-wall-inner{
	text-align:left;
	float:left;
	margin:0px;
	padding-left: 10px;
	width:950px;
}
.wrapper-bottom{
	background: url('../images/wrapper_bottom.jpg') no-repeat;
	float:left;
	width: 100%;
	min-height: 10px;
}
.content-build{
	background: url('../images/content_building.jpg') no-repeat;
	position:relative;
	display:block;
	float:left;
	width:100%;
	height: 10px;
	margin:0px;
	padding:0px;
	font-size: 8px;
}
.content-wall{
	background: url('../images/content_wall.jpg') repeat-y;
	text-align:left;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
}
.content-wall-inner{
	text-align:left;
	float:left;
	margin:0px;
	padding-left:10px;
	width:675px;
}
.content-bottom{
	background: url('../images/content_bottom.jpg') no-repeat;
	float:left;
	width:100%;
	height:10px;
}
.side-menu-build{
	background: url('../images/side_menu_building.jpg') no-repeat;
	position:relative;
	display:block;
	float:left;
	width:100%;
	height:8px;
	margin:0px;
	padding:0px;
	font-size:5px;
}
.side-menu-wall{
	background: url('../images/side_menu_wall.jpg') repeat-y;
	text-align: left;
	float: left;
	margin: 0px;
	padding: 0px;
	width:100%;
}
.side-menu-wall-inner{
	float: none;
	margin: 0 auto;
	text-align: center;
	width:240px;
}
.side-menu-bottom{
	background: url('../images/side_menu_bottom.jpg') no-repeat;
	float:left;
	width:100%;
	height:13px;
	padding-bottom:5px;
}
#sectionLinks{
    float:left;
    width:100%;
    list-style-type:none;
    width: 215px;
    margin-left:10px;
}
#sectionLinks,#sectionLinks li,#sectionLinks li a{
    padding:0px;
}

#sectionLinks li{
    display:block;
}
#sectionLinks li a{
    display:block;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #cccccc;
    color: #3399ff;
    background:#eeeeee;
    text-decoration:none;
    padding:10px 0px 10px 10px;
}	
#sectionLinks li a:hover{
    border: 1px solid #cccccc;
    background: #DDEEFF;
    clear: left;
}
/************* footer styles ****************/
#footer{
	overflow:auto; 
	background-color: #f36;
	color: #fff;
	float: none;
	width: 100%;
}
#footer-area {
	display: block;
	float: none;
	width: 960px;
	margin: 0 auto;
	padding: 0px;
}
#footer-menu{
	display:block;	
	position:　relative;
	text-align:　center;
	width:100%;
	display: inline;
	float:left;
	margin: 0px 0px 0px 0px;
	padding:0px;
	font-size: x-small;
}
#footer-address{
	float: left;
	margin:0px;
	padding:10px; 
	line-height:150%;
	font-size: x-small;
}
#copyright{
	float: left;
	text-align: center;
	width:100%;
	margin:5px 0px 0px 0px;
	padding:0px;
	font-size: x-small;
}
/************* links ****************/

a:link.menu,a:visited.menu,a:active.menu  {
	color:#FFFFFE;
}
a:hover.menu{
	color:#ddffff;
	text-decoration:underline;
}
a:link,a:visited {
	color: #f06;
	text-decoration:underline;
}
a:hover {
	color:#ff9900;
	text-decoration:underline;
}

/************* hx styles ****************/

h1 {
	background: url('../images/h1_01.jpg') no-repeat;
	font-size:18px;
	color:#696969;
	width: 630px;
	margin:0px;
	padding: 25px 0px 15px 55px;
}
h1.common{
	background-image: none;
	font-size:18px;
	color:#696969;
	margin:0px;
	padding: 10px 0px 0px 0px;
}
h1.slogan{
	background-image: none;
	font-size:14px;
	font-weight:normal;
	color:#696969;
	margin: 0px;
	padding: 0px;
	width: 400px;
}
h2 {
	background: url('../images/h2_02.jpg') no-repeat;
	font-size:18px;
	color : #f06;
	width: 630px;
	margin:0px;
	padding: 25px 0px 15px 55px;
}
h2.common {
	background-image: none;
	padding: 5px 0px 15px 5px;
}
h2.blue {
	background: url('../images/h1_02.jpg') no-repeat;
	font-size:16px;
	color : #666;
	width: 630px;
	margin:0px;
	padding: 25px 0px 15px 55px;
}
h2.sitemap {
	background: none;
	font-size:16px;
	color : #f06;
	width: 300px;
	margin:0px;
	padding: 10px 0px 10px 10px;
}
h3 {
	font-size:14px;
	color:#696969;
	margin: 0px;
	padding:10px 0px 0px 25px;
}
h3.sidemenu {
	padding:10px 0px 0px 5px;
}
h3.common {
	background: url('../images/h3_01.jpg') no-repeat;
	padding: 12px 0px 12px 30px;
}
h3.after {
	color: #f06;
	background: url('../images/h3_02.jpg') no-repeat;
	padding: 15px 0px 15px 10px;
}
h3.faq {
	color: #f06;
	background: url('../images/h3_02.jpg') no-repeat;
	padding: 15px 0px 15px 10px;
}

h5 {
	font-size:12px;
	border-style:none;
	color : #696969;
	padding:20px 0px 0px 25px;
	margin:0px;
}
ul{
	list-style-type: none;
}
ul.sitemap{
	list-style-image: url(../images/arrow_03.gif);
	line-height: 2em;
	margin:5px 0px 0px 0px;
	padding-left: 50px;
}
p{
	margin:0px;
	padding:5px 10px 5px 20px;
	text-align:left;
/* text-indent:1em; */
	line-height:165%;
}

html>body table {border-collapse: separate }

/************* table styles ****************/
table.about {
	width: 630px;
	border-top: 1px solid #699;
	border-left: 1px solid #699;
	background: #fff;
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
th.about {
	width : 15em;
	padding : 1em;
	border-right: 1px solid #699;
	border-bottom: 1px solid #699;
	background: #9cc;
	color: #fff;
	font-weight:normal;
	text-align:center;
}
td.about {
	width : 35em;
	padding: 1em;
	border-right: 1px solid #699;
	border-bottom: 1px solid #699;	
}
table.profile {
	width: 98%;
	margin: 0 auto;
	border-style: none;
	border-width: 1px;
	border-color: #ccc;
	border-collapse: collapse;
}
th.profile {
	background-color: #39c;
	color: #fff;
	width: 150px;
	text-align: center;
	padding: 1em;
	border:1px solid #ccc;
	font-weight: normal;
}
td.profile {
	background-color: #fff;
	color: #696969;
	width: 500px;
	padding: 1em;
	border:1px solid #ccc;
}
table.schedule {
	width: 98%;
	margin: 0 auto;
	border-style: none;
	border-width: 1px;
	border-color: #ccc;
	border-collapse: collapse;
}
th.schedule {
	background-color: #39c;
	color: #fff;
	text-align: center;
	padding: 1em;
	border:1px solid #ccc;
	font-weight: normal;
	width:15%;
}
td.schedule {
	background-color: #fff;
	color: #696969;
	text-align: center;
	padding: 1em;
	border:1px solid #ccc;
}
table.specify {
	width: 98%;
	margin: 0 auto;
	border-style: none;
	border-width: 1px;
	border-color: #ccc;
	border-collapse: collapse;
}
th.specify {
	background-color: #39c;
	color: #fff;
	width: 150px;
	text-align: center;
	padding: 1em;
	border:1px solid #ccc;
	font-weight: normal;
}
td.specify {
	background-color: #fff;
	color: #696969;
	width: 500px;
	padding: 1em;
	border:1px solid #ccc;
}

table.agency {
	width: 450px;
	margin: 0 auto;
	border-style: none;
	border-width: 1px;
	border-color: #ccc;
	border-collapse: collapse;
}
th.agency {
	background-color: #fee;
	color: #f06;
	width: 200px;
	text-align: center;
	padding: 1em;
	border:1px solid #ccc;
	font-weight: normal;
}
td.agency {
	background-color: #fff;
	color: #696969;
	width: 250px;
	padding: 1em;
	border:1px solid #ccc;
	text-align: right;
}
table.titanium {
	width: 90%;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	border-collapse: collapse;
}
th.titanium {
	background-color:#39f;
	color:#fff;
	width: 200px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	font-weight: normal;
}
td.titanium {
	background-color: #fff;
	color: #696969;
	width: 250px;
	padding: 0.5em;
	border:1px solid #ccc;
	text-align: right;
}

/************* faq styles ****************/
		
.question {
	background-color : #fff1f1;
	text-align: left;
	margin-bottom: 10px;
	padding:10px 0px 10px 20px;
}
.answer {
	margin:0px;
	margin-bottom: 10px;
	padding:10px 0px 10px 20px;
}
/************* extra styles ****************/

#extra{
	text-align:left;
	float:left;
	margin:0px;
	width:480px;
	padding:0px 0px 0px 0px;
	border: 1px solid #E0D0B1;
	border-top:none;
}
img {
	border: none;
}
#page-root{
	text-align: right;
	padding: 0px;
}
.page-top{
	text-align:right;
}
#page-top{
	text-align:right;
}
.required_mark{
	color:#f33;
}
.error_list{
	color:#f33;
}
a:link.slide-image,a:visited.slide-image,a:active.slide-image  {
	color:#09f;
}
a:hover.slide-image{
	color:#f90;
}
.slide-image {
	border-style: solid;
}
.center {
	text-align: center;
}
.margin-15 {
    margin: 15px;
}
.border-400 {
	width: 400px;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #ccc;
	background-color: #fff5ea;
}
.price {
	color: red;
	font-size: XX-large;
	margin-bottom :5px;
}
.work-box {
	border: 1px solid #ccc;
	background-color: #fff7f7;
}
.blue-dustcloth {
	color: #39f;
	font-size: x-large;
}
.pink-dustcloth {
	color: #f06;
	font-size: x-large;
}
.white-dustcloth{
	font-size: x-large;
}
.yellow-dustcloth{
	color: #fc0;
	font-size: x-large;
}
.green-dustcloth{
	color: #090;
	font-size: x-large;
}
/************* font-color styles ****************/
.red{
	color:#f33;
}
.blue{
	color:#39f;	
}
.brown{
	color:#633;	
}
.orange{
	color:#f60;
}
}