@charset "UTF-8";
/* CSS Document */
/*
*{margin:0px; padding:0px; color:#666; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
img{border:none;}

body{ background:url(../../img/bg00.jpg); background-repeat:repeat-y; background-position:center;}

#box00{ margin:0px auto; width:1100px; height:auto; background:url(../../img/bg01.jpg); background-repeat:no-repeat; }

#box01{ margin:0px auto; width:805px; height:auto;}

.clear{clear:both;}

a{color:#36C; text-decoration:none;}
a:hover{color:#666; text-decoration:none;}
a:visited{}
a:active{}

rogo
#rogo{width:630px; height:50px; float:left;}
#rogo img{margin:3px 5px 0px;}

h_icon
#h_icon{width:175px; height:50px; float:left;}
#h_icon img{margin:3px 0px 0px 5px;}

menu
h1#menu{ overflow: hidden; height: 41px; display: block; clear: both; text-align: center; width: 804px;}
#menu li { display: inline; float: left; }
#menu li a { width: 134px; height: 41px; text-indent: -9999px; float: left; background:url(../../img/menu.jpg); }

*/

/* ( out ) 
#menu li#concept a { background-position: 0 0px; }
#menu li#dolphin a { background-position: -134px -41px; }
#menu li#seminar a { background-position: -268px 0; }
#menu li#enjoy a { background-position: -402px 0; }
#menu li#playing a { background-position: -536px 0; }
#menu li#gear a { background-position: -669px 0; }

 ( active ) 
.concept    #menu li#concept a { background-position: 0 -41px; }
.dolphin #menu li#dolphin a { background-position: -134px -41px; }
.seminar     #menu li#seminar a { background-position: -268px -41px; }
.enjoy    #menu li#enjoy a { background-position: -402px -41px; }
.playing    #menu li#playing a { background-position: -536px -41px; }
.gear    #menu li#gear a { background-position: -669px -41px; }

 ( over ) 
#menu li#concept a:hover { background-position: 0 -41px; }
#menu li#dolphin a:hover { background-position: -134px -41px; }
#menu li#seminar a:hover { background-position: -268px -41px; }
#menu li#enjoy a:hover { background-position: -402px -41px; }
#menu li#playing a:hover { background-position: -536px -41px; }
#menu li#gear a:hover { background-position: -669px -41px; }

*/




/*title
h2{width:805px; height:25px; margin-top:25px;}

パンくず
.pan{width:805px; height:37px; margin-top:18px; font-size:10px;}

side menu
h3{float:left; width:135px; height:300px;}
h3 li{list-style-type:none;}

*/


#sbm_con li{display: inline;}
.ecology a{ width: 135px; height: 30px; text-indent: -9999px; float: left; background:url(../img/sbm_dol01.gif) no-repeat; }
.type a{ width: 135px; height: 30px; text-indent: -9999px; float: left; background:url(../img/sbm_dol02.gif) no-repeat; }
.faq a{ width: 135px; height: 30px; text-indent: -9999px; float: left; background:url(../img/sbm_dol03.gif) no-repeat; }

.ecology a:hover{ width: 135px; height: 30px; text-indent: -9999px; float: left; background:url(../img/sbm_dol01_2.gif) no-repeat; }
.type a:hover{ width: 135px; height: 30px; text-indent: -9999px; float: left; background:url(../img/sbm_dol02_2.gif) no-repeat; }
.faq a:hover{ width: 135px; height: 30px; text-indent: -9999px; float: left; background:url(../img/sbm_dol03_2.gif) no-repeat; }


#sbm_con p{font-size:12px; margin:0 3px; padding:3px 0; border-bottom:dashed 1px #999;}


#dol_ind{background:url(../img/dol_bg01.jpg) no-repeat right bottom; padding-bottom:100px;}



.ecology00{background:url(../img/eco/eco00_bg.jpg) no-repeat right bottom;}






/*eco01*/

#tab {
	margin:30px 0 0 0;
	padding-left: 0;
	margin-bottom: 10px;
	border-bottom: 2px solid #666;
	height: 1.8em;
	overflow: hidden;
}
#tab li {
	float: left;
	width: auto;
	height: 1.8em;
	list-style:none;
}
#tab li a {
	display: block;
	width: auto;
	padding:0 11px;
	height: 1.8em;
	border: 1px solid #ccc;
	border-bottom: 0;
	
	color: #36c;
	text-align: center;
}
#tab li a:hover,
#tab li.present a {
	border-color: #666;
	color: #666;
}


#page1, #page2, #page3, #page4, #page5, #page6, #page7, #page8, #page9, #page10 {
	margin-bottom: 12em;
	padding-top: 0px;
}



.eco1_img{float:left; margin:0 20px 0 0;}
.eco1_text{float:left; width:360px; margin-left:15px;}










/*main
h4{float:left; width:655px; height:auto; margin-left:15px; font-size:12px; font-weight:400; line-height: 180%;}



footer
#footer{width:1100px; height:122px; background:url(../../img/bg_f1.jpg) no-repeat; background-position:center bottom;}

#footer a{color:#FFF;}
#footer a:hover{color:#DDD;}


.footer01{margin:0px auto; padding-top:100px; width:870px; height:12px; font-size:12px; color:#FFF;}

*/