@import "link.css";
*       { font-weight: normal; font-size: 100%; margin: 0px; padding: 0px }
body       { line-height: 1.5em; background: #ccc url(images/bg_page.jpg) repeat-x left top; text-align: center }
div#footer  { color: white; background-color: #003; padding-top: 1em; padding-bottom: 1em; padding-left: 2em }
div#footer p  { color: white }
div#header  { background: url(images/bg_header.jpg) no-repeat; width: 900px; height: 107px; position:relative; }
div#main   { margin-top: 1em; margin-right: 30px; width: 630px; float:right;}
div#page  { background-color: white; text-align: left; margin-right: auto; margin-left: auto; padding-right: 0px; padding-left: 0px; width: 900px }
div#siteNavi { color: white; background: url(images/bg_copyright.jpg) repeat left top; text-align: center; clear: both; margin-top: 60px; padding: 10px 2em }
div#siteNavi ul li  { font-size: 70%; display: inline; margin-right: 0.5em; padding-left: 1em; border-left: 1px solid white }
div#sub   { background: url(images/bg_submenu.jpg) no-repeat left top; float: left; margin-top: 1em; margin-left: 8px; padding-top: 14px; width: 190px }

/* header layout Start*/
div#header div.infoTel{text-align: right;padding-right: 1em;position: absolute;top: 20px;right: 0px;}
div#header h1{font-size: 80%;position:absolute;top:55px;left:146px;width:350px;line-height:1.5;}
div#header h2{position:absolute;top:33px;left:146px;border:none;margin:0;padding:0;width:161px;}
/* header layout End*/

h2.nomal { font-weight: bold; font-size: 90%; margin-top: 1em; margin-left: 0.5em; padding-left: 7px; border-left: 6px solid #aacd06 }
h3 { font-weight: bold; font-size: 90%; margin-top: 1em; margin-left: 0.5em; padding-left: 7px; border-left: 6px solid #aacd06 }
h4  { color: #444; font-weight: bold; font-size: 90%; margin-top: 1em; margin-left: 0.5em; border-bottom: 1px dotted #777 }
img { margin: 0px; padding: 0px; border: none 0px }
img.titleMain  { margin-top: 32px; margin-left: 146px }
p   { font-size: 80%; margin-top: 1em; margin-left: 0.5em }
p.ask   { background: url(images/inon_a.jpg) no-repeat left top; margin-top: 2px; margin-bottom: 1em; padding-top: 3px; padding-bottom: 1px; padding-left: 30px }
p.qestion   { background: url(images/icon_q.jpg) no-repeat left top; padding-top: 3px; padding-bottom: 3px; padding-left: 30px; border-top: 1px solid #bbb; border-bottom: 1px dotted #aaa }
ul#menu { list-style-type: none; clear: both }
ul#menu li { display: inline }
ul.comment   { color: #444; font-size: 70%; margin-top: 1em; margin-left: 2em }
ul.comment li { display: inline }
ul.companyLink  { margin-top: 5px }
ul.companyLink li { font-size: 70%; background: url(images/icon_gray.jpg) no-repeat left center; display: inline; margin-right: 1em; padding-left: 25px }
ul.subMenu     { list-style-type: none; float: none; margin: 0px; padding: 0px 0px 0px 12px; width: 166px }
ul.subMenu img { vertical-align: top; margin-top: 0px; border: none; width: 166px }
ul.subMenu li   { margin: 0px; padding: 0px; width: 166px }
ul.sitemap{display-type:block;list-style-type: none;margin-left:20px;font-size:80%;}
ul.sitemap li.title {margin-left:0px;background-image: url();}
ul.sitemap li.title a {
	font-weight:bold;
	background-image: url(images/icon_green.jpg);
	background-repeat: no-repeat;
	background-position: left center; padding-left:25px
} 
ul.sitemap li.under1{margin-left:15px;background-image: url(images/arrow_gray.gif);background-repeat: no-repeat;background-position: left 10px; padding-left:10px;}
ul.sitemap li.under2{margin-left:30px;background-image: url(images/arrow_gray.gif);background-repeat: no-repeat;background-position: left 10px; padding-left:10px;}
ul.mainLink   { font-size: 80%; margin-top: 2em; margin-left: 0.5em }
ul.mainLink li   { background: url(images/icon_green.jpg) no-repeat left center; display: inline; margin-right: 1em; padding-left: 30px }
ul.sideMenu{width:170px;display-type:block;list-style-type: none;margin-left:0px;font-size:80%;}
ul.sideMenu li.title {margin-left:0px;background-image: url();}
ul.sideMenu li.title a {
	font-weight:bold;
	background-image: url(images/icon_green.jpg);
	background-repeat: no-repeat;
	background-position: left center; padding-left:25px
} 
ul.sideMenu li{margin-left:25px;background-image: url(images/arrow_gray.gif);background-repeat: no-repeat;background-position: left 10px; padding-left:10px;}

table  { font-size: 80%; margin-top: 1em; margin-left: 10px }
th  { background-color: #ddd; text-align: left; padding: 5px }
td  { padding: 5px }
dl     { font-size: 80%; margin-top: 1em; margin-left: 0.5em }
dt  { color: #444; font-weight: bold; background: url(images/icon_green.jpg) no-repeat left center; padding-left: 25px; border-bottom: 1px dotted #aaa }
dd  { margin-top: 1em; margin-bottom: 2em }
dl.flow   { font-size: 80%; margin-top: 1em; margin-left: 0.5em }
dl.flow dt  { color: #444; font-weight: bold; background: url(images/icon_green.jpg) no-repeat left center; padding-left: 25px; border-bottom: 1px dotted #aaa }
dl.flow dd   { background: url(images/img_yajirusi.jpg) no-repeat center bottom; margin-top: 1em; margin-bottom: 2em; padding-bottom: 40px }
dl.flow dd.non    { background-image: url(back.gif); margin-top: 1em; margin-bottom: 2em }
.bold {font-weight:bold;}

/* set basic */
.clear {clear:both;}
.center {text-align:center;}

/* set line */
.line-dot {border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #999; margin-bottom:5px; padding-bottom:5px;}

/* set img link */
a:hover img{opacity:0.6;filter: alpha(opacity=60);}

/* set float */
.float-left {float:left;}
.float-right {float:right;}

/* set width */
.width-200 {width:200px;}
.width-250 {width:250px;}
.width-300 {width:300px;}
.width-350 {width:350px;}
.width-400 {width:400px;}

/* set height */
.height-200 {height:200px;}
.height-250 {height:250px;}
.height-300 {height:300px;}
.height-350 {height:350px;}
.height-400 {height:400px;}

/* set box */
.bottom-5 {
margin-bottom:5px;
}

.bottom-10 {
margin-bottom:10px;
}

.bottom-20 {
margin-bottom:20px;
}

.bottom-30 {
margin-bottom:30px;
}

.bottom-40 {
margin-bottom:40px;
}

.bottom-50 {
margin-bottom:50px;
}

.top-5 {
margin-top:5px;
}

.top-10 {
margin-top:10px;
}

.top-20 {
margin-top:20px;
}

.top-30 {
margin-top:30px;
}

.top-40 {
	margin-top:40px;
}

.top-50 {
	margin-top:50px;
}

.right-5 {
margin-right:5px;
}

.right-10 {
margin-right:10px;
}

.right-20 {
margin-right:20px;
}

.right-30 {
margin-right:30px;
}

.right-40 {
margin-right:40px;
}

.right-50 {
margin-right:50px;
}

.left-5 {
margin-left:5px;
}

.left-10 {
margin-left:10px;
}

.left-20 {
margin-left:20px;
}

.left-30 {
margin-left:30px;
}

.left-40 {
margin-left:40px;
}

.left-50 {
margin-left:50px;
}

.box-10 {
	margin-left:10px; margin-right:10px;
}


.box-20 {
	margin-left:20px; margin-right:20px;
}

.box-30 {
	margin-left:30px; margin-right:30px;
}

.box-gray {
	background-color:#ccc;
	padding:5px;
}

/* social bookmarks */
.facebook_like, .facebook_share, .tweet, .gree_sf, .evernote, .hatena, .google{float:right; margin-left:5px;}

/* company */
dl#company dt{background-image:none;border:none;margin:0;padding:0;}
dl#company dd{margin:0;padding:0;}

ul#companylist li{ list-style-type:none;}