@charset "utf-8";

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

 * 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 screen {

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

/************* block element ****************/

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

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

#header {
	float: none;
	width: 100%;
	overflow: hidden;
	background: url('../images/header_bg_01.jpg') repeat-x;
	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 0 0 0;
}
#header-menu {
	float: left;
	width: 840px;
	margin: 0 0 15px 0;
	padding: 0;
}
#header-primary {
	display: block;
	float: left;
	width: 100%;
	padding: 0;
}
#header-secondary {
	display: block;
	float: left;
	text-align: right;
	width: 100%;
	padding: 5px 0 0 0;
}
#header-flash {
	float: none;
	width: 960px;
	margin: 0 auto;
	padding: 0 0 5px 0;
}
#header-title {
	float: left;
	width: 330px;
	margin: 10px 0 0 20px;
	padding: 0;
	color: #009a66;
}
#header-news {
	float: left;
	width: 600px;
	margin: 0;
	padding: 6px 0 0 0;
}
#header-slogan {
	float: left;
	margin: 0;
	padding: 0;
}
#header-accessibility {
	display: block;
	float: right;
	width: 370px;
	padding: 5px 10px 0 0;
	text-align: right;
}
#header-function {
	background: url('../images/header_function_bg_01.jpg') no-repeat;
	width: 330px;
	float: right;
	padding: 5px 0 10px 0;
	overflow: hidden;
}

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

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

/************* wrapper styles ****************/	

#wrapper {
	display: block;
	float: none;
}
#flash-area {
	float: none;
	width: 700px;
	margin: 0 auto;
	padding: 0 0 5px 0;
}
#gloval-nav {
	float: none;
	margin: 0 auto;
	padding: 5px 0 5px 0;
}
#content {
	float: none;
	width: 955px;
	margin: 0 auto;
	padding: 0;
}
#main-content {
	display: block;	
	float: left;
	width: 690px;
	margin: 0 auto;
	padding: 5px 5px 5px 0;
}
#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: 0 0 0 15px;
}
#side-menu {
	display: block;
	float: left;
	width: 260px;
	margin: 8px 0 0 0;
	padding: 0;
	color: #696969;
	text-align: left;
}
.wrapper-build {
	background: url('../images/wrapper_building.jpg') no-repeat;
	display:block;
	float: left;
	width: 100%;
	height: 8px;
	margin: 0;
	padding: 0;
	font-size: 8px;
}
.wrapper-wall {
	background: url('../images/wrapper_wall.jpg') repeat-y;
	text-align:left;
	float: left;
	margin: 0;
	padding: 0;
	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: 0;
	padding: 0;
	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 0 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: 0;
}
#footer-menu {
	display:block;	
	position:　relative;
	text-align:　center;
	width:100%;
	display: inline;
	float:left;
	margin: 0 0 0 0;
	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 0 0 0;
	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 0 15px 55px;
}
h1.common {
	background-image: none;
	font-size:18px;
	color:#696969;
	margin:0px;
	padding: 10px 0 0 0;
}
h1.slogan {
	background-image: none;
	font-size:14px;
	font-weight:normal;
	color:#696969;
	margin: 0;
	padding: 0;
	width: 400px;
}
h2 {
	background: url('../images/h2_02.jpg') no-repeat;
	font-size:18px;
	color : #f06;
	width: 630px;
	margin:0px;
	padding: 25px 0 15px 55px;
}
h2.common {
	background-image: none;
	padding: 5px 0 15px 5px;
}
h2.blue {
	background: url('../images/h1_02.jpg') no-repeat;
	font-size:16px;
	color : #666;
	width: 630px;
	margin:0px;
	padding: 25px 0 15px 55px;
}
h2.sitemap {
	background: none;
	font-size:16px;
	color : #f06;
	width: 300px;
	margin:0px;
	padding: 10px 0 10px 10px;
}
h3 {
	font-size:14px;
	color:#696969;
	margin: 0;
	padding:10px 0 0 25px;
}
h3.sidemenu {
	padding:10px 0 0 5px;
}
h3.common {
	background: url('../images/h3_01.jpg') no-repeat;
	padding: 12px 0 12px 30px;
}
h3.after {
	color: #f06;
	background: url('../images/h3_02.jpg') no-repeat;
	padding: 15px 0 15px 10px;
}
h3.faq {
	color: #f06;
	background: url('../images/h3_02.jpg') no-repeat;
	padding: 15px 0 15px 10px;
}
h5 {
	font-size:12px;
	border-style:none;
	color : #696969;
	padding:20px 0 0 25px;
	margin:0px;
}
ul {
	list-style-type: none;
}
ul.sitemap {
	list-style-image: url(../images/arrow_03.gif);
	line-height: 2em;
	margin:5px 0 0 0;
	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 0 10px 20px;
}
.answer {
	margin: 0;
	margin-bottom: 10px;
	padding:10px 0 10px 20px;
}
.news-area{margin-left:0px;height:160px;width:650px;overflow:auto;}
.topics{margin-left:0px;height:240px;width:650px;overflow:auto;}
/************* extra styles ****************/

#extra {
	text-align:left;
	float:left;
	margin:0px;
	width:480px;
	padding:0px 0 0 0;
	border: 1px solid #E0D0B1;
	border-top:none;
}
img {
	border: none;
}
#page-root {
	text-align: right;
	padding: 0;
}
.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;
}
.right {
	text-align:right;
}
.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;
}
}