@charset "UTF-8";
@import "base.css";

/*=======================TOC=======================*/
/*                                                 */
/*                   Base                          */
/*                   Container                     */
/*                   Header                        */
/*                   Navigation                    */
/*                   Footer                        */
/*                   Contents                      */
/*                   Index                         */
/*                   Active-Oxygen                 */
/*                   Generate                      */
/*                   Influence                     */
/*                   Improve                       */
/*                   Care About                    */
/*                   Aquolia                       */
/*                   Aquax                         */
/*                   Experiences                   */
/*                   Company                       */
/*                   Sitemap                       */
/*                   Contact                       */
/*                                                 */
/*=======================TOC-END===================*/

/*====================COLOR SCHEME=================*/
/*                                                 */
/*        Main Color - Water Blue     #00c1dc      */
/*        Main Color - Light Blue     #bbfffe      */
/*        Main Color - Dark Blue      #028eaf      */
/*                                                 */
/*        Sub Color - Magenta         #f667f5      */
/*                                                 */
/*==================COLOR SCHEME-END===============*/

/*================フォントサイズ換算===============*/
/*                                                 */
/*                   10px      77%                 */
/*                   11px      85%                 */
/*                   12px      93%                 */
/*                   14px     108%                 */
/*                   16px     124%                 */
/*                                                 */
/*===============フォントサイズ換算-END============*/



/*---------- Base -----------*/

/*-- 冒頭の @import で外部CSSを読み込み --*/



/*---------- Container -----------*/

body { background: url(../images/body_bg.jpg) top repeat-x; }

#wrapper {
	background: url(../images/main_bg.jpg) left repeat-y;
	border-left: 2px solid #54c5d5;
	border-right: 2px solid #54c5d5;
	border-bottom:2px solid #54c5d5;
	width: 800px;
	margin: 30px auto;
	text-align: left;
	}
* html body #wrapper { width: 802px; }

#main {
	margin: 0;
	padding-top: 100px;
	height: 100%;
	background: url(../images/main.jpg) 0 0 no-repeat;
	}
* html body #main { padding: 0; }

#content {
	width: 620px;
	float: right;
	font-size: 124%;
	line-height: 1.6;
	color: #666;
	background: #fff;
	padding: 1em 0;
	margin-top: 6px;
	}
* html body #content { margin-top: 106px; }
* html body#index #content { margin-top: 6px; }


/*---------- Header -----------*/

#header {
	background: url(../images/header_bg.jpg) 0 0 no-repeat;
	height: 70px;
	width: 800px;
padding:0 0 0 0;
	margin:0;
	}

h1 {
	font-size:15px;
	font-weight:normal;
	width: 550px;
	line-height: 1.0;
	float:left;
	position:absolute;
	padding:0;
	margin: -22px 0 0 5px;
	}
* html body h1 {margin: -22px 0 0 -290px; width: 500px;}
*:first-child+html h1 { margin: -22px 0 0 -290px; width: 500px;}

/*h1 a {
	display: block;
	width: 294px;
	height: 64px;
	background: url(../images/h1.jpg) 0 0 no-repeat;
	}*/
#header p.logo {
	/*text-indent: -9999px;*/
	width: 294px;
	height: 64px;
	line-height: 1.0;
	float: left;
	padding:0;
	margin:0;
	}
#header p.logo a {
	display: block;
	width: 294px;
	height: 64px;
	/*background: url(../images/h1.jpg) 0 0 no-repeat;*/
	}

#header p.tel {
	margin: 0;
	padding: 0;
	height: 49px;
	float: right;
	}
#header p.map01 {
	margin: 0 0 0 0 ;
	padding: 0 0 0 0;
	height: 49px;
	float: right;
	}


/*---------- Navigation -----------*/

#navi {
	width: 180px;
	float: left;
	font-size: 14px;
	text-align: left;
	background: url(../images/navi_ul_bg.jpg) 0 -48px no-repeat;
	margin-top: 0;
	}
* html body #navi { margin-top: 100px; width:175px; }
* html body#index #navi { margin-top: 0; }

#navi ul.cent { text-align:center;}
#navi ul {
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	list-style: none;
	width: 170px;
	}
* html body #navi ul {
	margin: 0 0 0 4px;
	padding: 10px 0 0 0;
	list-style: none;
	width: 170px;
	}

	
#navi ul ul { margin: 0; }

#navi ul li {
	margin: 0;
	padding: 0;
	line-height: 1.0;
	}
* html body #navi ul li {
	margin-left: -4px;
	padding: 0;
	line-height: 1.0;
	}


#navi ul#internal li a {
	display: block;
	margin: 0;
	padding: 9px 0 0 9px;
	height: 26px;
	background: url(../images/navi_ul_li.gif) 0 0 no-repeat;
	text-align: left;
	line-height: 1.0;
	font-size:12px;
	}

* html body #navi ul#internal li a { height: 35px; margin-left:9px; }

#navi ul#internal li a { color: #073042; }
#navi ul#internal li a:hover { color: #0077ba; }

#navi ul#internal li li a {
	padding: 6px 0 0 11px;
	height: 24px;
	background: url(../images/navi_ul_ul_li.gif) 0 0 no-repeat;
	}
* html body #navi ul#internal li li a { height: 30px; padding: 6px 0 0 11px; margin-left:4px;}
* html body #navi ul#internal li li a { margin: 0 0 0 9px;}
#navi ul#internal li.small01 a {
	display: block;
	margin: 0;
	padding: 12px 0 5px 11px;
	height: 26px;
	background: url(../images/navi_ul_li.gif) 0 0 no-repeat;
	text-align: left;
	line-height: 1.5;
	font-size: 9px;
	margin:7px 0 -5px 0;
		}
	
* html body #navi ul#internal li.small01 a {
	display: block;
	padding: 12px 0 5px 11px;
	height: 26px;
	background: url(../images/navi_ul_li.gif) 0 0 no-repeat;
	text-align: left;
	line-height: 1.5;
	font-size: 9px;
	margin:7px 0 4px 9px;
	}
*:first-child+html #navi ul#internal li.small01 a {	
	margin:7px 0 -5px 0px;
}

#navi ul#internal li .cat_oxygen {
	display: block;
	margin: 0;
	padding: 9px 0 0 6px;
	background: url(../images/navi_ul_li_01.gif) 0 0 no-repeat;
	color: #333;
	text-align: left;
	line-height: 1.0;
	height: 21px;
	letter-spacing: -0.5px;
	}
#navi ul#internal li .category {
	display: block;
	margin: 5px 0 -5px 0;
	padding: 9px 0 0 6px;
	background: url(../images/navi_ul_li_01.gif) 0 0 no-repeat;
	color: #333;
	text-align: left;
	line-height: 1.0;
	height: 21px;
	letter-spacing: -0.5px;
	font-weight:bold;
	
}
* html body #navi ul#internal li .category {margin: 5px 0 -5px 9px;padding: 9px 0 10px 6px;}
#navi ul#internal li .category_01 {
	display: block;
	margin: 5px 0 -10px 0;
	padding: 7px 0 0 6px;
	background: url(../images/navi_ul_ul_li-item_01.jpg) 0 0 no-repeat;
	color: #333;
	text-align: left;
	line-height: 1.0;
	height: 21px;
	letter-spacing: -0.5px;
	height:40px;
	font-size:15px;
	font-weight:bold;
	}	
* html body  #navi ul#internal li .category_01 {
	margin: -4px 0 -2px 9px ;
	padding: 7px 0 0 11px;}
*:first-child+html #navi ul#internal li .category_01 {
	margin: -4px 0 -12px 0px ;
	padding: 7px 0 0 11px;}

#navi ul#internal li .category a:hover { color: #0077ba; }
*:first-child+html #navi ul#internal li .cat_oxygen { letter-spacing: -1px; }
* html body #navi ul#internal li .cat_oxygen {
	height: 30px;
	letter-spacing: -1px;
	margin-left:4px;
	}

#navi ul li img { 
	display: block;
	margin: 0 0 10px 0;
	}

#navi ul#internal li.item a {
	padding: 6px 0 0 11px;
	height: 24px;
	background: url(../images/navi_ul_ul_li-item.jpg) 0 0 no-repeat;
	}
#navi ul#internal li.item_01 a {
	padding: 4px 0 0 9px;
	height: 40px;
	background: url(../images/navi_ul_ul_li_01.gif) 0 0 no-repeat;
	line-height:1.3;
	font-size:12px;
	}
* html body #navi ul#internal li.item_01 a { margin: 0 0 5px 9px;}	
* html body #navi ul#internal li.item a {
	padding: 6px 0 0 11px;
	height: 24px;
	background: url(../images/navi_ul_ul_li-item.jpg) 0 0 no-repeat;
	margin-bottom:5px;
	}

/*---------- Footer -----------*/

#footer {
	clear: both;
	padding: 12px 0 2px 0;
	margin: 0;
	background: #fff url(../images/footer_bg.jpg) top repeat-x;
	font-size: 93%;
	}

#footer ul { 
	list-style: none;
	text-align: right;
	margin: 0 1em 2px 1em;
	padding: 0;
	clear: both;
	}

#footer ul li {
	display: inline;
	margin: 0;
	padding: 0;
	}

#footer p {
	text-align: right;
	margin: 8px 1em;
	}


/*---------- Contents -----------*/


.section { padding: .5em 15px; }

p.center { text-align: center; }

#content h2 {
	height: 36px;
	text-indent: -9999px;
	margin: 0 15px;
	}
#content h3 {
	clear: both;
	height: 26px;
	text-indent: -9999px;
	}
#content h4 {
	clear: both;
	height: 24px;
	text-indent: -9999px;
	}

#content h5 {
	font-size: 108%;
	font-weight: bold;
	margin: 1em 0 .3em .3em;
	}

#content li {
	list-style: none;
	background: url(../images/li_bg.jpg) 0 4px no-repeat;
	padding-left: 1.4em;
	}
#content ul.olist li {
	background-image: none;
	padding-left: 0;
	}

#content dt { font-weight: bold; }

#content a { text-decoration: underline; }
a { color: #028eaf; }
a:hover { color: #f667f5; }

#content blockquote {
	margin: .5em;
	background: url(../images/blockquote_bg.jpg) top left repeat-y;
	padding: .5em 1em;
	}

img.image_l {
	float: left;
	margin: 0 12px 12px 0;
	}
img.image_r {
	float: right;
	margin: 0 0 12px 12px;
	}

#content ul.totop li {
	list-style: none;
	background: url(../images/to_top.jpg) 0 6px no-repeat;
	font-size: 85%;
	padding-left: 15px;
	width: 8em;
	float: right;
	}

.sr_left { float:left; margin-bottom:20px;}
.sr_right { float:right; }
.right { text-align: right; }
.txtLeft{text-align:left; margin-left:260px;}

/*---------- Index -----------*/

#index #main {
	padding-top: 0;
	background-image: none;
	}

#index h2#title01 {
	height: 200px;
	text-indent: -9999px;
	background: url(../images/h2_index.jpg) 0 0 no-repeat;
	margin-top:7px;
	margin-bottom:6px;
	}

#index h3#title02 {
	background: url(../images/h3_index_02.jpg) 0 0 no-repeat;
	height: 43px;
	}
#index h2#title03 {
	background: url(../images/h3_index_03.jpg) 0 0 no-repeat;
	height: 20px;
	margin:0;
	}


#index .section,
#index .section p {
	padding: 0;
	margin: 0;
	color: #666;
	}

/*#index #introduction { 
	background: url(../images/index_intro_bg.jpg) bottom left no-repeat;
	margin-left: 5px;
	}
	
#index #introduction p {
	margin: 1em 44px 20px 36px;
	padding-bottom: 20px;
	font-size: 85%;
	}*/

#index #media { margin-left: 20px; margin-top:10px; }

#index #index_contact {
	width: 580px;
	height: 60px;
	margin: 0px 0 0 20px;
}

#index #index_contact p a{
	background: url(../images/index_contact.gif) 0 0 no-repeat;
	display: block;
	width: 580px;
	height: 60px;
	text-indent: -9999px;
}

#index #index_contact p a:hover{
	background-position: 0px -60px;
}


* html #index #supervision{
	width: 576px;
	height: 180px;
	}

#index #supervision {
	background: url(../images/index_supervision_bg.jpg) 0 0 no-repeat;
	position: relative;
	width: 556px;
	height: 170px;
	padding: 12px;
	margin: 5px 0 0 20px;
	}

#index #supervision .box_supervision{
	border: 1px solid #FF0000;
}

#index #supervision p {
	width: 350px;
	margin: 6px 0px 0px 5px;
	font-size: 95%;
	line-height: 1.3;
	color: #666;

	}
#index #supervision p.link {
	height: 23px;
	width: 130px;
	margin: 0px 0px 0px 230px;
	padding: 0px 0px 0px 0px;
	}
#index #supervision p.link a {
	text-indent: -9999px;
	display: block;
	height: 23px;
	background: url(../images/index_supervision_button.gif) 0 0 no-repeat;
	}


* html #index #ionic {
	width: 576px;
	height: 100px;
	}

#index #ionic {
	background: url(../images/index_ionic_bg.jpg) 0 0 no-repeat;
	width: 556px;
	height: 100px;
	padding: 12px;
	margin: 0 0 10px 20px;
	}

#index #ionic p {
	width: 350px;
	margin: 4px 0px 0px 5px;
	font-size: 85%;
	line-height: 1.3;
	color: #666;

	}
#index #ionic p.link {
	height: 23px;
	width: 130px;
	margin: 0px 0px 0px 230px;
	padding: 0px 0px 0px 0px;


	}
#index #ionic p.link a {
	text-indent: -9999px;
	display: block;
	height: 23px;
	background: url(../images/index_supervision_button.gif) 0 0 no-repeat;
	}


#index #ionic .ionic_ti{
	color: #ff4800;
	font-weight: bold;
}


#index #pickup {
	border: 1px solid #666633;
	background: url(../images/index_pickup_bg.jpg) top repeat-x;
	width: 578px;
	height: 168px;
	margin: 10px 0 20px 20px;
	}
#index #pickup ul {
	list-style: none;
	margin: 0;
	padding: 10px 0 0 9px;
	}
#index #pickup ul li {
	float: left;
	background-image: none;
	margin: 0 9px 0 0;
	padding: 0;
	}
#index #pickup a,
#index #pickup img { display: block; }


#index #miracle {
margin: 10px 20px;
padding-top: 10px;
padding-bottom: 20px;
}
#index .index_left {
float: left;
}
#index .index_right {
float: right;
}
/*---------- Active-Oxygen -----------*/

#active-oxygen h2#title01 { background: url(../images/h2_active-oxygen_01.jpg) 0 0 no-repeat; }
#active-oxygen h2#title02 { background: url(../images/h2_active-oxygen_02.jpg) 0 0 no-repeat; }

#active-oxygen h3#title02 { background: url(../images/h3_active-oxygen_02.jpg) 0 0 no-repeat; }
#active-oxygen h3#title03 { background: url(../images/h3_active-oxygen_03.jpg) 0 0 no-repeat; }
#active-oxygen h3#title04 { background: url(../images/h3_active-oxygen_04.jpg) 0 0 no-repeat; }
#active-oxygen h3#title05 { background: url(../images/h3_active-oxygen_05.jpg) 0 0 no-repeat; }


#active-oxygen h4#title01 { background: url(../images/h4_active-oxygen_01.jpg) 0 0 no-repeat; }
#active-oxygen h4#title02 { background: url(../images/h4_active-oxygen_02.jpg) 0 0 no-repeat; }
#active-oxygen h4#title03 { background: url(../images/h4_active-oxygen_03.jpg) 0 0 no-repeat; }
#active-oxygen h4#title04 { background: url(../images/h4_active-oxygen_04.jpg) 0 0 no-repeat; }
#active-oxygen h4#title05 { background: url(../images/h4_active-oxygen_05.jpg) 0 0 no-repeat; }
#active-oxygen h4#title06 { background: url(../images/h4_active-oxygen_06.jpg) 0 0 no-repeat; }
#active-oxygen h4#title07 { background: url(../images/h4_active-oxygen_07.jpg) 0 0 no-repeat; }
.SrmRL05{margin:5px;}

/*---------- Generate -----------*/

#generate h2#title01 { background: url(../images/h2_generate_01.jpg) 0 0 no-repeat; }
#generate h3#title02 { background: url(../images/h3_generate_02.jpg) 0 0 no-repeat; }
#generate h4#title03 { background: url(../images/h4_generate_03.jpg) 0 0 no-repeat; }
#generate h4#title04 { background: url(../images/h4_generate_04.jpg) 0 0 no-repeat; }
#generate strong.str { color: #cc2200; font-size: 18px; font-weight: 900; }


/*---------- Influence -----------*/

#influence h2#title01 { background: url(../images/h2_influence_01.jpg) 0 0 no-repeat; }
#influence h3#title02 { background: url(../images/h3_influence_02.jpg) 0 0 no-repeat; }
#influence h4#title03 { background: url(../images/h4_influence_03.jpg) 0 0 no-repeat; }

#influence h4#title04 { background: url(../images/h4_influence_04.jpg) 0 0 no-repeat; }
.influence01 li {
margin-top: 10px;
}
#influence .influence01 li span {
font-weight: 900;
display: block;
}


/*---------- Improve -----------*/

#improve h2#title01 { background: url(../images/h2_improve_01.jpg) 0 0 no-repeat; }
#improve h3#title02 { background: url(../images/h3_improve_02.jpg) 0 0 no-repeat; }
#improve h3#title03 { background: url(../images/h3_improve_03.jpg) 0 0 no-repeat; }
#improve h3#title04 { background: url(../images/h3_improve_04.jpg) 0 0 no-repeat; }

.improve_img { width: 335px; height: 52px; background: url(../images/improve02.jpg) 0 0 no-repeat; text-indent: -9999px; }

/*---------- Care About -----------*/

#care-about h2#title01 { background: url(../images/h2_care-about_01.jpg) 0 0 no-repeat; }
#care-about h3#title02 { background: url(../images/h3_care-about_02.jpg) 0 0 no-repeat; }
#care-about h4#title03 { background: url(../images/h4_care-about_03.jpg) 0 0 no-repeat; }
#care-about h4#title04 { background: url(../images/h4_care-about_04.jpg) 0 0 no-repeat; }

#care-about #content .section .section {
	margin: 1em 10px .5em 10px;
	padding: .6em;
	border: 1px solid #9cf;
	}

span.caption {
	display: block;
	margin: 3px 0 6px 6px;
	font-size: 93%;
	}

#care-about table.care_a td{ padding: 2px; color: #666666;}
 

.wid01{ width: 300px;}



/*---------- Aquolia -----------*/

#aquolia h2#title01 { background: url(../images/h2_aquolia_01.jpg) 0 0 no-repeat; }
#aquolia h3#title02 { background: url(../images/h3_aquolia_02.jpg) 0 0 no-repeat; }
#aquolia h4#title03 { background: url(../images/h4_aquolia_03.jpg) 0 0 no-repeat; margin-left:290px;}
#aquolia h4#title04 { background: url(../images/h4_aquolia_04.jpg) 0 0 no-repeat; }
#aquolia h4#title05 { background: url(../images/h4_aquolia_05.jpg) 0 0 no-repeat; }
#aquolia h4#title06 { background: url(../images/h4_aquolia_06.jpg) 0 0 no-repeat; }
#aquolia h4#title07 { background: url(../images/h4_aquolia_07.jpg) 0 0 no-repeat; }

.aquolia_img { padding-left: 290px;padding-bottom: 180px; background: url(../images/aquolia02.jpg) left center no-repeat; }
.aquolia_left { float: left;padding-left: 20px; }
.aquolia_right { float: right;padding-right: 20px; }
/*---------- Aquax -----------*/

#aquax h2#title01 { background: url(../images/h2_aquax_01.jpg) 0 0 no-repeat; }
#aquax h3#title02 { background: url(../images/h3_aquax_02.jpg) 0 0 no-repeat; }
#aquax h4#title03 { background: url(../images/h4_aquax_03.jpg) 0 0 no-repeat; }
#aquax h4#title04 { background: url(../images/h4_aquax_04.jpg) 0 0 no-repeat; }
#aquax h4#title05 { background: url(../images/h4_aquax_05.jpg) 0 0 no-repeat; }
#aquax h4#title06 { background: url(../images/h4_aquax_06.jpg) 0 0 no-repeat; }
#aquax h4#title07 { background: url(../images/h4_aquolia_07.jpg) 0 0 no-repeat; }

.aquax_img { padding-left: 220px;padding-bottom: 70px; background:url(../images/aquax01.jpg) left top no-repeat; }
.aquax_img2 { padding-left: 260px;padding-bottom: 40px; background: url(../images/aquax02.jpg) left center no-repeat; }


/*---------- ionic -----------*/

#ionic h2#title01 { background: url(../images/h2_eonic_01.jpg) 0 0 no-repeat; }
#ionic h3#title02 { background: url(../images/h3_eonic_02.jpg) 0 0 no-repeat; }
#ionic h3#title03 { background: url(../images/h3_eonic_03.jpg) 0 0 no-repeat; }
#ionic h3#title04 { background: url(../images/h3_eonic_04.jpg) 0 0 no-repeat; }
#ionic h3#title05 { background: url(../images/h3_eonic_05.jpg) 0 0 no-repeat; }

.ionic_img {
	padding-left: 220px;
	background: url(../images/ionic01.jpg) left top no-repeat;
}

.red_io{
	color: #FF0000;
	font-weight: bold;
}

.mp0{
	margin: 0px;
	padding: 0px;
}

.mp10{
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

/*---------- Experiences -----------*/

#experiences h2#title01 { background: url(../images/h2_experiences_01.jpg) 0 0 no-repeat; }
#experiences h3#title02 { background: url(../images/h3_experiences_02.jpg) 0 0 no-repeat; }
#experiences h3#title03 { background: url(../images/h3_experiences_03.jpg) 0 0 no-repeat; }


/*---------- Company -----------*/

#company h2#title01 { background: url(../images/h2_company_01.jpg) 0 0 no-repeat; }
.company_table {
	width: 500px;
	border: 1px solid #acf;
	border-spacing: 1px;
	border-collapse: spacing;
	color: #999;
	margin: 5px auto;
	}
* html body .company_table { margin: 5px 0 15px 20px; }

.company_table tr th,
.company_table tr td {
	border: 1px solid #9de;
	padding: 3px 6px;
	text-align: left;
	vertical-align: top;
	}
	
.company_table tr th { background: #f3f3f3; }

#map {
	width: 498px;
	height: 300px;
	border: 2px solid #ddd;
	margin: 5px auto;
	}

* html body#company #map { margin: 5px 0 15px 20px; }

#company #content #map .InfoWin { width: 300px; }
#company #content #map .InfoWin ul {
	margin: 0;
	padding: 4px;
	}
#company #content #map .InfoWin li { margin-left: 0; }


#company #content .section h5{
	color: #3cd4ef;
}



/*---------- Sitemap -----------*/

#sitemap h2,
#sitemap h3,
#sitemap h4 {
	display: block;
	text-indent: 0;
	}

#sitemap h2#title01 {
	height: 36px;
	text-indent: -9999px;
	background: url(../images/h2_sitemap_01.jpg) 0 0 no-repeat;
	}


/*---------- Contact -----------*/


#contact h2#title01 { background: url(../images/h2_contact_01.jpg) 0 0 no-repeat; }

#contact form fieldset { border: 0; }

#contact table.contact_form th {
	font-weight: normal;
	font-size: 77%;
	text-align: right;
	vertical-align: top;
	padding-right: 3px;
	padding-top:5px;
	padding-bottom:5px;
	}

.require {
	color: red;
	font-weight: bold;
	font-size: 140%;
	}


/*---------- Active -----------*/

#active h2#title01 { background: url(../images/h2_active_01.jpg) 0 0 no-repeat; }

#active h3#title02 { background: url(../images/h3_active_01.jpg) 0 0 no-repeat; }

#active h4#title03 { background: url(../images/h4_active_01.jpg) 0 0 no-repeat; }

#active h4#title04 { background: url(../images/h4_active_02.jpg) 0 0 no-repeat; }

#active h4#title05 { background: url(../images/h4_active_03.jpg) 0 0 no-repeat; }

/*---------- Mineral -----------*/

#mineral h2#title01 { background: url(../images/h2_mineral_01.jpg) 0 0 no-repeat; }

#mineral h3#title02 { background: url(../images/h3_mineral_01.jpg) 0 0 no-repeat; width:589px;}

#mineral h4#title03 { background: url(../images/h4_minerral_01.jpg) 0 0 no-repeat; }

#mineral h4#title04 { background: url(../images/h4_minerral_02.jpg) 0 0 no-repeat; }

#mineral h4#title05 { background: url(../images/h4_minerral_03.jpg) 0 0 no-repeat; }

#mineral h4#title06 { background: url(../images/h4_aquolia_03.jpg) 0 0 no-repeat; }

#mineral h4#title07 { background: url(../images/h4_aquolia_04.jpg) 0 0 no-repeat;  }

*html body#index .bg a{
	width: 576px;
	height: 195px;
	}
*:first-child+html #index .bg a{
	width: 576px;
	height: 160px;
	}	
#index .bg a{
	background: url(../images/index_supervision_bg.jpg) 0 0 no-repeat;
	width: 556px;
	height: 160px;
	padding: 12px;
	margin: -12px 0 0 20px;
	display:block;
	text-decoration:none;
	padding:40px 0 0 15px;
	}
#index .bg a:hover{
	background: url(../images/index_supervision_bg_o.jpg) 0 0 no-repeat;
	color:#028eaf;
	}	

#index .bg a p.txt{	
	width: 350px;
	margin: 6px 0px 0px 5px;
	font-size: 95%;
	line-height: 1.3;
	color: #666;
	text-decoration:none;
	}
	
	
table.tbl { border: 1px solid #aaa; border-collapse: collapse; margin-bottom: 15px; font-size:15px;}

table.tbl caption { text-align: left;}

table.tbl thead {}

table.tbl tbody {}


table.tbl th { white-space: nowrap; text-align:center;}
table.tbl td {
	padding: 5px 10px;
	border-collapse: collapse;
	border: 1px solid #aaa;
	text-align: left;
}

table.tbl th{
	padding: 5px 10px;
	border-collapse: collapse;
	border: 1px solid #aaa;
	text-align: center;
    background:#afe9f1;}
	
table.tbl th p{ color:#0000CC; font-weight:normal;}
.ttl01{color:#0000CC; font-weight:bold; float:left;}
.ttl02{color:#0000CC; font-weight:bold; float:right; margin-right:65px;}
*html body .ttl02{color:#0000CC; font-weight:bold; float:right; margin-right:35px;}

.top_bg{ background:url(../images/top-txt.jpg) 0 0 no-repeat; display:block; width:620px; height:420px; margin-bottom:20px;}
.top_bg p.txt01{margin:0 0 0 220px; width:350px; padding:110px 0 0 0; font-size:15px;}

div.top_bnr01 a{ 
	margin-left:20px;
	margin-bottom:10px;
	overflow:hidden;
	float: left;}
/*div.top_bnr01 a:hover{background:url(../images/bnr_01_o.jpg) 0 0 no-repeat; }	
div.top_bnr02 a:hover{background:url(../images/bnr_02_o.jpg) 0 0 no-repeat; }	*/
div.top_bnr02 a{	
	margin-left:70px;
	overflow:hidden;
	float: left;}
div.top_bnr03 a{ 
	margin-left:20px;
	margin-bottom:10px;
	overflow:hidden;}
	
div.top_bnr04 {
	clear:both;	
    margin-left:20px;
	overflow:hidden;}		
	
div.top_bnr04 a{
	clear:both;	
	display:block;
    margin-left:20px;
	overflow:hidden;}	
	
	
	
.sr_mrg{margin-left:12px;}