@charset "UTF-8";
/*
	Adobe HTML5
	Copyright (C) Adobe Systems Incorporated All Rights Reserved.

	[Base]
		0. Resetting default margin and padding
		1. HTML, Body, Anchor
		2. Heading, Paragraph
		3. List
		4. Table
		5. Form
		6. Other
		7. For IE6/7

	[Layout]
		0. Container
		1. Header
		2. Content
		3. Footer

	[Module]
		1. Common Module
		90. Other
		99. Clearfix
*/
/* ===============================================
    [Base]
================================================== */
/* --------------------------------------------------
    [] defined animation.
-------------------------------------------------- */

/* --------------------------------------------------
	0. Resetting default margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, th, td, form, fieldset, legend {
  margin: 0;
  padding: 0;
}

article, header, footer, section, nav, aside {
  display: block;
}

/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */
html {
  overflow-y: scroll;
}

/* for mozilla: always display scrollbar */
body {
  margin: 0;
  color: #000;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  background:url(../images/bg_body.jpg) no-repeat 0 0 #E9F8FF;
  text-shadow: 0 0 1px rgba(255,255,255,.01);
  /* for ie6/7 */
  font-size: 13px;
  line-height: 1.5;
  *font-size: 82%;
  /* for ie6/7 */
}

/*
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/
a:link {
  color: #000;
  text-decoration: none;
}

a:visited {
  color: #000;
}

a:hover,
a:active {
  color: #0099FF;
  text-decoration: underline;
}

#content #main a:link {
  color: #06F;
  text-decoration: none;
}

#content #main a:hover,
#content #main a:active,
#content #main a:visited  {
  color: #0099FF;
  text-decoration: underline;
}


#content #main a:hover img,
#home_sub a:hover img,
.home-box a:hover img,
.home-box_r a:hover img,
#footer a:hover img,
#back-top a:hover img{
  opacity:0.7;
  filter: alpha(opacity=70); /* for IE6 */
}

/* --------------------------------------------------
	2. Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  line-height: 1.5;
}

/* p {} */
/* --------------------------------------------------
	3. List
-------------------------------------------------- */
li {
  list-style: none;
}

/* --------------------------------------------------
	4. Table
-------------------------------------------------- */
table {
	margin: 0 20px 20px;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  font-family: inherit;
  width: 95%;
}

caption, th, td {
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}

table th, table td {
	padding:5px;
	border: solid 1px #999;
}

table th {
	background: #f0f0f0;
	width: 20%;
}

/* --------------------------------------------------
	5. Form
-------------------------------------------------- */
fieldset {
  border: none;
}

input, textarea, select, label {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: middle;
}

label {
  cursor: pointer;
}

textarea {
  overflow: auto;
}

/* --------------------------------------------------
	6. Other
-------------------------------------------------- */
img {
  border: none;
  vertical-align: bottom;
}

object {
  vertical-align: middle;
  outline: none;
}

em, strong {
  font-weight: bold;
  font-style: normal;
}

abbr, acronym {
  border: none;
  font-variant: normal;
}

q:before, q:after {
  content: '';
}

address, caption, cite, code, dfn, var {
  font-weight: normal;
  font-style: normal;
}

code, pre {
  font-family: monospace;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

hr {
  display: none;
}

/* ------------------------------------------------------------
	7. For IE6/7
------------------------------------------------------------ */
/* --- for ie7: page zoom bug fix --- */
*:first-child + html body,
*:first-child + html br {
  letter-spacing: 0;
}

/* --------------------------------------------------
    [Layout] 
----------------------------------------------------- */
/* --------------------------------------------------
	0. Container
-------------------------------------------------- */
#Wallpaper {
	margin: 0 auto;
	width: 1000px;
	background: url(../images/bg_header.png) no-repeat 0 0;
}

#container {
	margin: 0 auto;
	width: 948px;
}

.brandName {
    margin: 40px 0 0;
	float: left;
}

/* --------------------------------------------------
	1. Header
-------------------------------------------------- */
#header {
	margin: 0;
	padding: 0;
	min-width: 300px;
	height: 190px;
}

#header .siteTitle {
	line-height: 1.25;
	text-decoration: none;
	float: left;
	width: 600px;
}

#header .siteTitle h1{
	margin: 25px 0 0 20px;
	float: left;
}

#header .siteTitle h1 a{
	display: block;
	width:342px;
	height:60px;
    overflow:hidden;
    white-space:nowrap;
    text-indent:100%;
	background-image: url(../images/site_name.png) ;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#header .siteTitle h2{
    display: none;
}

#header #contact{
	margin: 5px 0 0;
	padding: 0px;
	float:right;
}


/*   navi
============================================== */
#navi {
	width: 282px;
	height: 36px;
	margin: 0 -10px 0 0;
	background: url(../images/btn_head.png) no-repeat 0 0;
	float: right;
}

#navi ul {
	margin: 8px 0 0 10px;
}

#navi li {
	float: left;
    overflow:hidden;
    white-space:nowrap;
	height: 13px;
	margin-right: 15x;
    text-indent:100%;
}

#navi li.nav1 {
	width: 36px;
}

#navi li.nav2 {
	width: 130px;
}

#navi li.nav3 {
	width: 87px;
	margin-right: 0;
}

#navi li a {
	display: block;
}

#global {
	margin: 14px 0 10px;
	width: 948px;
}

#global ul.global {
	margin: 0;
	padding: 0;
	width: 948px;
	height:55px;
}

#global ul.global li.g {
	margin: 0;
	padding: 0;
	float:left !important;
	width:158px;
	height:55px;
}

#global-navi {
	margin: 14px 0 10px;
	width: 948px;
}

#global-navi ul {
	margin: 0;
	padding: 0;
	width: 948px;
	height:55px;
}

#global-navi ul li {
	margin: 0;
	padding: 0;
	float:left;
    overflow:hidden;
    white-space:nowrap;
    text-indent:100%;
	text-align: left;
}

#global-navi ul li.nav01, #global-navi ul li.nav01 a {
	background: url(../images/nav01-off.png) no-repeat 0 0;
	display: block;
	width:158px;
	height:55px;
}

#global-navi ul li.nav02, #global-navi ul li.nav02 a{
	background: url(../images/nav02-off.png) no-repeat 0 0;
	width:158px;
	height:55px;
	display: block;
}

#global-navi ul li.nav03, #global-navi ul li.nav03 a {
	background: url(../images/nav03-off.png) no-repeat 0 0;
	width:158px;
	height:55px;
	display: block;
}

#global-navi ul li.nav04, #global-navi ul li.nav04 a {
	background: url(../images/nav04-off.png) no-repeat 0 0;
	width:158px;
	height:55px;
	display: block;
}

#global-navi ul li.nav05, #global-navi ul li.nav05 a {
	background: url(../images/nav05-off.png) no-repeat 0 0;
	width:158px;
	height:55px;
	display: block;
}

#global-navi ul li.nav06, #global-navi ul li.nav06 a {
	background: url(../images/nav06-off.png) no-repeat 0 0;
	width:158px;
	height:55px;
	display: block;
}


/* global-navi hover */

#global-navi ul li.nav01 a:hover, #global-navi ul li.nav011 {
	background: url(../images/nav01-on.png) no-repeat 0 0;
	display: block;
	width:158px;
	height:55px;
}

#global-navi ul li.nav02 a:hover, #global-navi ul li.nav022 {
	background: url(../images/nav02-on.png) no-repeat 0 0;
	width:158px;
	height:55px;
	display: block;
}

#global-navi ul li.nav03 a:hover, #global-navi ul li.nav033 {
	background: url(../images/nav03-on.png) no-repeat 0 0;
	width:158px;
	height:55px;
	display: block;
}

#global-navi ul li.nav04 a:hover, #global-navi ul li.nav044 {
	background: url(../images/nav04-on.png) no-repeat 0 0;
	width:158px;
	height:55px;
	display: block;
}

#global-navi ul li.nav05 a:hover, #global-navi ul li.nav055 {
	background: url(../images/nav05-on.png) no-repeat 0 0;
	width:158px;
	height:55px;
	display: block;
}

#global-navi ul li.nav06 a:hover, #global-navi ul li.nav066 {
	background: url(../images/nav06-on.png) no-repeat 0 0;
	width:158px;
	height:55px;
	display: block;
}

/* --------------------------------------------------
	2. Content
-------------------------------------------------- */
#home_content {
    margin: 0 0 20px;
	width: 948px;
	clear: both;
}

#content {
    margin: 0 0 10px;
	width: 948px;
	clear: both;
}

#area {
    margin: 0 -4.5px 0;
	padding: 5px 20px 0 10px;
	background: url(../images/bg_content_main.png) repeat-y 0 0px;
}

.content_top {
    margin: 0 -4.5px 0;
}

.content_bottom {
    margin: 0 -4.5px 0;
	padding: 0;
}

.content_bottom img {
    margin: 0;
	padding: 0;
	vertical-align: top;
}

#content #main {
    margin: 0;
	width: 690px;
	float: left;
}

#home_content #main {
	width: 645px;
	float: left;
}

#home_content #top_img {
	margin: 10px 0;
	padding: 3px;
	width: 948px;
	height: 350px;
	background: url(../images/bg_topimg.png) no-repeat 0 0;
	display: block;
}

#home_content #main .home {
    background: url(../images/img_blog.png) no-repeat 0 0;
	height: 645px;
}

#content #site_category {
	margin:10px 0 10px;
	color: #000;
}

#content #site_category h1 {
	margin:0;
	padding:50px 20px 0;
	font-size: 147%;
	width: 928px;
	height: 81px;
}

#content #site_category-technology h1.technology {
	margin:10px 0 0 0;
	padding:50px 20px 0;
	background: url(../images/category_tit_technology.jpg) no-repeat 0 50%;
	font-size: 147%;
	width: 928px;
	height: 81px;
}

#content #site_category-product h1.product {
	margin:10px 0 0 0;
	padding:50px 20px 0;
	background: url(../images/category_tit_product.jpg) no-repeat 0 50%;
	font-size: 147%;
	width: 928px;
	height: 81px;
}

#content #site_category-track-record h1.track-record,
#content #site_category-list h1.list {
	margin:10px 0 0 0;
	padding:50px 20px 0;
	background: url(../images/category_tit_track-record.jpg) no-repeat 0 50%;
	font-size: 147%;
	width: 928px;
	height: 81px;
}

#content #site_category-solar h1.solar {
	margin:10px 0 0 0;
	padding:50px 20px 0;
	background: url(../images/category_tit_solar.jpg) no-repeat 0 50%;
	font-size: 147%;
	width: 928px;
	height: 81px;
}

#content #site_category-corporate h1.corporate {
	margin:10px 0 0 0;
	padding:50px 20px 0;
	background: url(../images/category_tit_corporate.jpg) no-repeat 0 50%;
	font-size: 147%;
	width: 928px;
	height: 81px;
}

#content #site_category-voice h1.voice {
	margin:10px 0 0 0;
	padding:50px 20px 0;
	background: url(../images/category_tit_voice.jpg) no-repeat 0 50%;
	font-size: 147%;
	width: 928px;
	height: 81px;
}

#content #site_category-policy h1.policy,
#content #site_category-inquiry h1.inquiry {
	margin:10px 0 0 0;
	padding:50px 20px 0;
	background: url(../images/category_tit_misc.jpg) no-repeat 0 50%;
	font-size: 147%;
	width: 928px;
	height: 81px;
}

#content #site_category-news h1.news {
	margin:10px 0 0 0;
	padding:50px 20px 0;
	background: url(../images/category_tit_misc.jpg) no-repeat 0 50%;
	font-size: 147%;
	width: 928px;
	height: 81px;
}

/* =======================================
   トップページ
======================================= */

#home_content #main #latest_news {
    margin: 0 0 0 -4px;
	width: 645px;
}

#home_content #main #latest_news h2 {
    margin: 0;
	padding: 0;
	background: none;
}

#home_content #main #latest_news #news ul {
    margin: 0 auto 0;
	padding: 10px 0;
	background: url(../images/home_news_bg.png) repeat-y 0 0;
	width: 645px;
	height: 155px;
}

#home_content #main #latest_news #news ul li{
	margin:0 15px;
	padding:3px 5px 0;
	background: url(../images/bg_bar.gif) no-repeat left bottom;
	clear: left;
	display: inline-block;
	font-size: 100%;
}

#home_content #main #latest_news #news dl {
	margin:0 auto;
	clear:both;
	display: inline-block;
}

#home_content #main #latest_news #news dl dt {
    margin:3px;
	padding:2px;
    float:left;
	width:6.5em;
	color:#fff;
	background: #028DE3;
	font-size:90%;
	text-align:center;
}

#home_content #main #latest_news #news dl dd {
	 margin:0 0 0 10px;
	 padding:3px;
     float:left;
	 width:500px;
}

#home_content #main .newsbottom {
	 margin:-10px 0 0;
}

#home_content #main #voice_bnr a {
    margin:10px 0;
    overflow:hidden;
    white-space:nowrap;
    text-indent:100%;
	background: url(../images/bnr_voice.jpg) no-repeat 0 0;
	width:640px;
	height:80px;
	display: block;
}

#home_content #home_sub {
    margin: 5px 0 0;
	float: right;
	width: 280px;
	border: solid 1px #028DE3;
	background: #fff;
	line-height: 1.2;
}

#home_content #home_sub h2.homesub {
    overflow:hidden;
    white-space:nowrap;
    text-indent:100%;
	background: url(../images/home_machine.gif) no-repeat 0 0;
	width: 280px;
	height: 80px;
}

#home_content #home_sub p {
    margin:8px 10px 8px;
}

#home_content #home_sub .body {
    margin:5px 0;
	font-size: 93%;
}

#home_content #home_sub .body p {
    margin:0;
}

#home_content #home_sub .body .machine01 {
    margin: 5px 10px;
    padding: 5px 10px 5px 90px;
	border-bottom: solid 1px #ccc;
	background: url(../images/home_machine01.jpg) no-repeat 0 5px;
	height: 85px;
}

#home_content #home_sub .body .machine02 {
    margin: 5px 10px;
    padding: 5px 10px 5px 90px;
	background: url(../images/home_machine02.jpg) no-repeat 0 5px;
	height: 85px;
}

#home_content #home_sub .body h3 {
    margin: 0 0 5px;
	color:#0099CC;
	font-size:134%;
}

#home_content #home_sub .body .next {
    margin: 5px 0 0;
	float: right;
}

/* ==============================================
 　home-materials
============================================== */
.home-box {
   margin: 15px 0 10px -4px;
   float: left;
	width: 463px;
}

.home-box_r {
   margin: 15px -2px 10px;
   float: right;
	width: 463px;
}

h2.home {
   margin:0;
   padding: 0 10px;
   float: left;
}

p.text{
   margin:0 0 5px 5px;
   padding: 0;
   line-height: 1.2;
   font-size: 93%;
   font-style: normal;
}

.home-box h2 {
   margin:0;
}

#home-track-record {
	margin: 0;
	padding: 0;
	background: url(../images/bg_home_article.png) no-repeat 0 0;
	width: 475px;
	height: 320px;
}

#home-track-record ul {
    margin:10px 14px;
}

#home-track-record ul li {
    margin:15px 12px;
	float: left;
	width: 120px;
}


#home-track-record-map {
	margin: 0;
	padding: 0;
	background: url(../images/bg_home_article.png) no-repeat 0 0;
	width: 475px;
	height: 320px;
	text-align: center;
}

#home-track-record-map img {
	margin: 12px 12px;
}

#home-track-record-map iframe {
	margin: 15px 0 0 -10px;
	border: solid 1px #ccc;
	width: 420px;
	height: 270px;
}

/* =======================================
   次階層以降
======================================= */

#content #main h1 {
	margin: 10px 5px 20px 20px;
	padding: 0 20px 10px;
	color: #09F;
    background: url(../images/bg_h1_main.jpg) no-repeat left bottom;
	font-size: 154%;
}

#content #sub {
 　margin: 0;
   width: 230px;
   color: #fff;
   float: right;
}

#content #sublist {
   margin: 0 0 20px;
   padding:0px;
   background: url(../images/bg_side.png) no-repeat 0 0;
   min-height: 500px;
   height: 500px;
}

#content #sublist h1 {
	margin: 5px 5px 10px 15px;
    padding:20px 10px 15px 17px;
   font-size: 116%;
   background: url(../images/icn_arrow01.png) no-repeat 0 25px;
   height: 20px;
}

#content #sublist ul {
	margin: 8px 15px;
    padding:10px 10px 15px;
    color: #333;
	background: #fff;
    border-radius: 5px;         /* CSS3 */
    -moz-border-radius: 5px;    /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
    behavior: url(../border-radius.htc);/* IE */
}

#content #sublist ul li {
	margin: 0;
    padding:7px 5px 7px 18px;
	border-bottom: dotted 1px #999;
    background: url(../images/icn_arrow02.png) no-repeat 5px 10px;
}

#content #sublist ul li a:link {
  color: #333;
  text-decoration: underline;
}

#content #sublist ul li a:visited {
  color: #333;
}

#content #sublist ul li a:hover,
#content #sublist ul li a:active {
  color: #333;
  text-decoration: none;
}


#content #subarticle{
    background: #5FCBA1;
   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   padding:10px;
	height: 247px;
}

#content #subarticle h2{
    padding: 10px 5px 5px;
	border-bottom: dotted 1px #fff;
	color: #fff;
	font-size: 124%;
	text-align: center;
}

#content #subarticle h3{
    padding: 10px 10px 5px;
}

#content #subarticle .body{
    padding: 5px 10px 5px;
	line-height: 1.3;
}

#content #main .bnr, #content #sub .bnr{
    margin: 10px 10px 0;
}

#content #sub .bnr img{
    margin: 5px;
	text-align: center;
}

#content #subarticle .sns img{
    margin: 0px 20px 0 0;
}

#content #subarticle .sns{
    padding: 10px 10px 10px 0;
}

#content #subarticle .sns img{
    margin: 0px 20px 0 0;
}

#contentArticle {
}

#contentArticle #main {
	width: 630px;
	float: left;
	border: solid 1px #009999;
}

#contentArticle #sub {
	float: right;
	width: 220px;
}

/* --------------------------------------------------
	3. Footer
-------------------------------------------------- */
#footer {
    margin: 5px auto ;
	min-height: 80px;
	background: #EAEFF2;
	padding: 0;
	height:170px;
	clear: both;
}

#footer-menu  {
    margin: 0 auto;
	width:940px;
	font-size: 84%;
}

#footer-menu a  {
    margin: 0 10px 5px;
	padding: 0 0 0 10px;
	background: url(../images/arrow.gif) no-repeat 0 50%;
}

#footer-inner {
    margin: 5px auto ;
	width: 950px;
}

#footer-siteid {
    margin: 20px 20px 20px 0;
	padding: 0 0 0 10px;
	float: left;
	width: 380px !important;
}

address {
    margin: 10px 0;
    line-height:1.2;
}

#footer-contact {
    margin: 15px 0 20px;
	float: right;
	width: 300px !important;
}

#copyright {
	padding: 5px;
	text-align: center;
	display: block;
}

/* -----------------------------------------------
    [Module] 
-------------------------------------------------- */


/* --------------------------------------------------
	1. Common Module
-------------------------------------------------- */

#content #main h2 {
    margin: 20px 10px 20px;
	padding: 5px 10px 5px 35px;
	border-bottom: dotted 1px #00CCFF;
	font-size: 139%;
	background: url(../images/bg_h2_main.png) no-repeat 0 50%;
}

#content #main h3 {
    margin: 5px 10px 20px;
	padding: 5px 25px 8px;
	font-size: 131%;
	background: url(../images/icn_arrow03.png) no-repeat 0 10px;
	border-bottom: solid 1px #ccc;
}

#content #main h4 {
    margin: 5px 10px 10px;
	padding: 5px 5px 5px 20px;
	font-size: 116%;
	background: url(../images/icn_arrow04.png) no-repeat 0 50%;
}


article {
	margin: 0px;
}

.section {
	margin:10px 13px 20px 25px;
}

.section p {
	margin: 5px 10px 15px;
}

#content #main ul {
	margin: 10px 40px;
}

#content #main ul li{
	margin: 5px 0;
	padding: 3px 5px 3px 13px;
	background: url(../images/icn_arrow04.png) no-repeat 0 8px;
}

#content #main ul li.border {
	border-bottom: dotted 1px #ccc;
}

#content #main ul li strong {
	margin-top: -5px;
	font-size: 116%;
}

#content #main dl {
	margin: 10px;

}

#content #main dl dt {
	padding: 5px 10px;
	font-size: 116%;
	font-weight: bold;
	color: #09F;
}

#content #main dl dd {
	padding: 0px 10px 5px 20px;
}

.bullet {
	padding-left: 1.0em;
    text-indent: -1.0em;
	margin-top: 0;
}

.arrow {
	margin: 0 5px;
	padding: 0px 5px 0px 15px;
	background: url(../images/arrow.gif) no-repeat 0 5px;
}

img.middle {
    vertical-align: middle;
}

#content #main ol {
	margin: 10px 40px;
}

#content #main ol li{
	margin: 5px 0;
	padding: 5px;
	list-style-position: outside;
	list-style-type:  decimal;
}

/* -----------------------------------------
    pankuzu
-------------------------------------------- */
#pankuzu {
	clear: both;
	margin: 0;
	text-align:left;
	font-size: 84%;
}

#pankuzu #path {
	margin: 5px 5px 0;
}


/* --------------------------------------------------
	technology
-------------------------------------------------- */
#content #main .technology_read {
   margin: 20px 0;
   padding: 10px 0 0;
   text-align:center;
   overflow:hidden;
   white-space:nowrap;
   text-indent:100%;
   background: url(../../technology/images/img_technology01.gif) no-repeat 0 0;
   width: 615px;
   height: 163px;
   display: inline-block;
}

#content #main dl.technology {
   margin: 10px 5px;
   display:inline-block;
}

#content #main dl.technology dt {
   padding: 60px 20px 10px;
   border: none;
   color: #fff;
   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   font-size: 131%;
}

#content #main dl.technology dt.technology01 {
   background: url(../../technology/images/txt_tecnology03.gif)  no-repeat 20px 20px #0185E9;
}

#content #main dl.technology dt.technology02 {
   background: url(../../technology/images/txt_tecnology04.gif)  no-repeat 20px 20px #0185E9;
}

#content #main dl.technology dt.technology03 {
   background: url(../../technology/images/txt_tecnology05.gif)  no-repeat 20px 20px #0185E9;
}

#content #main dl.technology dt.technology04 {
   background: url(../../technology/images/txt_tecnology06.gif)  no-repeat 20px 20px #0185E9;
}


#content #main dl.technology dd {
   margin: 10px;
   padding: 5px;
}

#content #main .technology_system {
	margin: 10px;
	padding: 10px;
	border: solid 2px #FF9900;
	float: left;
	width: 280px;
	height: 450px;
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
}

#content #main .technology_system ul.box0{
	margin: 10px;
}

#content #main .technology_system ul.box0 li{
	margin: 0;
	padding: 1px 5px 1px 11px;
	background: url(../images/icn_arrow04.png) no-repeat 0 8px;
}

/* --------------------------------------------------
	track-record
-------------------------------------------------- */

#content #main dl.track-record {
	margin: 0 10px 10px;
	float: right;
	width: 320px;
}

#content #main dl.track-record dt {
	margin: 0 10px;
	padding: 5px 10px;
	background: url(../images/icn_arrow05.png) no-repeat 0 50% #2FB6FF;
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
   color: #fff;
   font-size: 116%;
}

#content #main dl.track-record dt.after {
	margin: 10px;
	padding: 5px 10px;
	background: url(../images/icn_arrow05.png) no-repeat 0 50% #CC3366;
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
   color: #fff;
   font-size: 116%;
}

#content #main dl.track-record dd {
	margin: 10px 0;
}

#content #main dl.track-record dd ul {
	margin: 0;
}

#content #main dl.track-record dd p {
	margin-left: 0;
}

img.track-record {
    margin: 0 5px 10px;
	padding: 4px;
	border: solid 1px #ccc;
}


/* --------------------------------------------------
	solar
-------------------------------------------------- */

#content #main dl dd.solar {
	padding: 0px 0px 5px 5px;
}

#content #main dl dd.solar ul {
	margin: 10px 0px 0px;
}

#content #main dl dd.solar ul li {
	float: left;
	margin: 0 15px 15px;
	padding: 0;
	background: none;
	font-size: 12px;
}

#content #main p.chaori {
	line-height: 67px;
	margin: 0px 40px 30px;
	font-weight: bold;
	text-align: right;
}

#content #main p.chaori img {
	margin-left: 20px;
}


/* --------------------------------------------------
	voice
-------------------------------------------------- */
#content #main .voice_box {
	margin: 20px auto;
	padding: 10px;
	border: solid 2px  #99CC00;
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
	width: 628px;
	display: inline-block;
	background: url(../../voice/images/bg_voice.gif) repeat 0 0;
}

#content #main .voice_box .voiceimg {
    margin: 10px;
	padding: 10px;
	border: solid 1px #000;
    float: left;
	background: #fff;
}

#content #main .company {
	margin: 10px 10px 10px 250px;
}

#content #main .company_nama {
	font-size: 147%;
	font-weight: bold;
	line-height: 1.6;
}

#content #main .company dl.voice_txt {
	margin: 15px 0px 0 10px;
	padding: 6px 0 0 0;
	height: 120px;
	line-height: 1.4;
	background:url(../../voice/images/bg_voicebox.png) repeat 0 0;
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
	display: inline-block;
}

#content #main .company dl.voice_txt dt {
	margin: 5px 10px 0;
	padding: 0;
	width: 3em;
	float: left;
	font-size: 13px;
	font-weight: normal;
	color: #333;
}

#content #main .company dl.voice_txt dd {
	margin: 5px 10px 0;
	padding: 0;
	float: left;
	width: 21em;
	font-size: 13px;
}

#content #main h2.voice {
	margin: 10px 10px 20px;
	padding: 0 0 7px 0;
	background: none;
	border-bottom: solid 1px #99CC00;
}

#content #main h3.case {
	margin: 10px 10px 20px;
	padding: 0 0 7px 0;
	background: none;
	border-bottom: solid 1px #333;
    background: #e8e8e8;
	width: 97%;
}

#content #main .case_box {
	margin: 20px 10px;
	padding: 10px;
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
   background: #e8e8e8;
   font-size: 116%;
	display: inline-block;
	width: 300px;
}



/* --------------------------------------------------
	staff
-------------------------------------------------- */
#content #main .staff_box {
	margin: 5px 20px 20px;
	padding: 10px;
	border: solid 2px #00CCCC;
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
	display: inline-block;
}

#content #main .staff_box .staffimg {
    margin: 10px;
    float: left;
}

#content #main .staff {
	margin: 10px 0px 10px 270px;
}

#content #main .staff_nama {
	font-size: 147%;
	font-weight: bold;
	line-height: 1.6;
}

#content #main .staff_box dl.staff_txt {
	margin: 5px 0 0;
	padding: 6px 0 0;
	line-height: 1.4;
	background: #E2EFF5;
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
	display: inline-block;
}

#content #main .staff_box dl.staff_txt dt {
	margin: 5px 10px 0;
	padding: 0 10px;
	font-size: 13px;
	font-weight: bold;
	color: #0099CC;
}

#content #main .staff_box dl.staff_txt dd {
	margin: 5px 10px 0;
	padding: 0 10px 10px;
	font-size: 13px;
}

/* ==============================================
 　materials
============================================== */
#materials{
	margin: 0;
	padding: 0;
}

#content #main #materials ul.materials {
	margin: 10px 0;
	padding: 0;
}

#content #main #materials ul.materials li {
	margin: 0;
	padding: 10px 5px;
	background: none;
	float: left;
	width: 283px;
}




/* ==============================================
 　faq
============================================== */

dl.faq {
	margin: 20px;
}

dl.faq dt.q01 {
	padding: 5px 5px 5px 40px;
	border-bottom: solid 1px #ccc;
	font-size: 117%;
	font-weight:bold;
	background: url(../../materials/images/q1.gif) no-repeat 3px 8px; 
}

dl.faq dt.q02{
	padding: 5px 5px 5px 40px;
	border-bottom: solid 1px #ccc;
	font-size: 117%;
	font-weight:bold;
	background: url(../../materials/images/q2.gif) no-repeat 3px 8px; 
}

dl.faq dt.q03{
	padding: 5px 5px 5px 40px;
	border-bottom: solid 1px #ccc;
	font-size: 117%;
	font-weight:bold;
	background: url(../../materials/images/q3.gif) no-repeat 3px 8px; 
}

dl.faq dt.q04{
	padding: 5px 5px 5px 40px;
	border-bottom: solid 1px #ccc;
	font-size: 117%;
	font-weight:bold;
	background: url(../../materials/images/q4.gif) no-repeat 3px 8px; 
}

dl.faq dt.q05{
	padding: 5px 5px 5px 40px;
	border-bottom: solid 1px #ccc;
	font-size: 117%;
	font-weight:bold;
	background: url(../../materials/images/q5.gif) no-repeat 3px 8px; 
}

dl.faq dt.q06{
	padding: 5px 5px 5px 40px;
	border-bottom: solid 1px #ccc;
	font-size: 117%;
	font-weight:bold;
	background: url(../../materials/images/q6.gif) no-repeat 3px 8px; 
}

dl.faq dt.q07{
	padding: 5px 5px 5px 40px;
	border-bottom: solid 1px #ccc;
	font-size: 117%;
	font-weight:bold;
	background: url(../../materials/images/q7.gif) no-repeat 3px 8px; 
}

dl.faq dt.q08{
	padding: 5px 5px 5px 40px;
	border-bottom: solid 1px #ccc;
	font-size: 117%;
	font-weight:bold;
	background: url(../../materials/images/q8.gif) no-repeat 3px 8px; 
}

dl.faq dt.q09{
	padding: 5px 5px 5px 40px;
	border-bottom: solid 1px #ccc;
	font-size: 117%;
	font-weight:bold;
	background: url(../../materials/images/q9.gif) no-repeat 3px 8px; 
}

dl.faq dt.q10{
	padding: 5px 5px 5px 40px;
	border-bottom: solid 1px #ccc;
	font-size: 117%;
	font-weight:bold;
	background: url(../../materials/images/q10.gif) no-repeat 3px 8px; 
}

dl.faq dt.q11{
	padding: 5px 5px 5px 40px;
	border-bottom: solid 1px #ccc;
	font-size: 117%;
	font-weight:bold;
	background: url(../../materials/images/q11.gif) no-repeat 3px 8px; 
}

dl.faq dd.a {
	margin: 10px 10px 25px;
	padding: 5px 5px 5px 25px;
	background: url(../../materials/images/a.gif) no-repeat 3px 8px; 
}

/* --------------------------------------------------
	sitemap
-------------------------------------------------- */

#content #main #sitemap ul.tree {
    margin:0 30px;
    padding:0; 
}  

#content #main #sitemap ul.tree li {
    font-size: 1em;
    font-weight:bold;
    margin: 0px;
    padding: 3px 0 3px 24px;
    list-style-type: none;
	background: none;
}  

#content #main #sitemap ul.tree li a {
   text-decoration:none; 
   color:#000;
}
	  
#content #main #sitemap ul.tree li a:hover {
   text-decoration:underline;
   color:#000;
}
	
#content #main #sitemap ul.tree ul {
   padding-left: 10px;
   background: url(../images/ul.gif) repeat-y -1px 0;
}  

#content #main #sitemap ul.tree ul li {
   background: url(../images/li.gif) no-repeat 0px 7px;
}

#content #main #sitemap ul.tree ul li a {
   font-weight:bold;
   text-decoration:underline;
   background: url(../images/li.gif) no-repeat 0px 7px;
}

#content #main #sitemap ul.tree ul li a:hover {
   text-decoration:none;
}

#content #main #sitemap ul.tree ul ul li {
   background: url(../images/li.gif) no-repeat 8px 7px;
}  

#content #main #sitemap ul.tree ul ul li a {
   background-position: 0px 7px;
   font-size:1em;
   color:#666;
   text-decoration:none;
}

#content #main #sitemap ul.tree ul ul ul li a {
        background-position: 0px 7px;
        font-size:0.8em;
        color:#999;
        text-decoration:none;
}

/* --------------------------------------------------
	90. Other
-------------------------------------------------- */
.btn {
  cursor: pointer;
}

/* for Voice Browser */
.hidden {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

/* float */
.left {
	float:left;
	margin: 0 10px 10px 0;
}

.right {
	float:right;
	margin: 0 0 10px 10px;
}


/* color */
.title {
	color:#009966;
	font-weight: bold;
	font-size: 116%;
}

.red {
	color: #F00;
}

.green {
	color: #090;
}

.orange {
	color: #F60;
}

.pink {
	color:#FF3366;
}

.blue {
	color:#09C;
}

.large {
	font-size: 134%;
}

/* ページトップ */
#back-top {
	position: fixed;
	bottom: 20px;
	right:  0;
}

* html #back-top {
	float:right;
	margin: -60px 5px 0 0;
	position: fixed;
	bottom: 0px;
	right: 0px;
}

#back-top a {
	width: 19px;
	height: 41px;
	display: block;
	padding-top: 5px;
    background:url(../images/btn_pageup.gif) no-repeat left bottom;
    text-indent: -9999px;
}


/* --------------------------------------------------
	99. Clearfix
-------------------------------------------------- */
.clearfix {
	display: inline-block;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
}

.clear hr {
	display: none;
}