/* 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 */
body {
padding:0;background-color:#F0F0F0;margin:0;
font-family:Meirio,Hiragino Maru Gothic Pro,"Hiragino Kaku Gothic Pro",Meiryo,sans-serif;
}
#wrapper {
margin:0;
}
/*#wrapper { text-align:center }*/
div#upper {
background:url("/myAssets/images/g2.gif") scroll 0 0 transparent;
background-repeat:repeat-x;
background-color:#FFFFFF;
padding-bottom:20px;padding-top:0;
}
a:link {color:#0066ff;}
a:hover {color:#ff3300;text-decoration:none;}
a img {border:none;}
#head {
width:948px;margin:0 auto 1px auto;padding:0px;padding-bottom:1px;height:48px;}
h1#logo {float:left;padding: 0px;margin-bottom:1px;margin-top:10px;height:39px;}
p#logo {float: left;padding: 0px;padding-top: 8px;margin-bottom: 1px;height:39px;}
#logo a {
display:block;
height:39px;
overflow:hidden;
text-indent:-9999px;
width:388px;
background-attachment: scroll;
background-color: transparent;
background-image: url( /myAssets/images/logo.gif );
background-repeat: no-repeat;
background-position: left top;
}
#head-right {display: block;float: right;text-align: right;margin: 0}
#head-right p {color:#666666;font-size:12px;position:relative;top:10px;padding-right:5px}
#globalnavi {margin:4px 0}
#globalnavi li {list-style: none;float:left;font-size: 8pt;line-height: 160%;margin:0 5px}
#globalnavi li a {text-decoration:none;padding: 0}
#globalnavi li span {padding-left:10px;border-left:1px solid #999;}
p#header-description {color:#003366;margin:3px 0 0 0;padding:0;line-height:100%;float:right;font-size:10pt;}
#scroll {position:relative;height:485px;overflow:hidden;border:1px solid #ccc;width:948px;padding:0;margin:0 auto 0;background:url( /myAssets/images/g.png ) repeat-x scroll 0 0 transparent;margin-top:8px}
#tools {width:9999em;position:absolute;height:498px}
div.tool {float:left;width:948px;height:498px;background-repeat:no-repeat}
.details {color:#000;font-size:16px;margin:0;padding:10px 30px;width:400px;line-height:1.3em;font-size:9pt;}
.details dl dt {font-size:18px;margin:7px 7px 15px 0;color:#003366}
.demos {
border:1px solid #ccc;padding:10px 25px;
background-image:url( /myAssets/images/alpha100-trans.png );
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
.demos.demos_highlight {
background-image:url( /myAssets/images/alpha100-trans.png );
filter: alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
.demos h2 {
color:#065598;
font-size:12pt;
font-weight:normal;
display:block;
margin:10px 0 2px 0;
padding:0;	
}
.demos dl {}
.tool .demos dl dd {line-height:1.3em;font-size:10pt}
.tool .demos dl dd {
background:transparent url(http://www.chibabi.com/myAssets/images/bullet-trans.gif) no-repeat scroll 0 2px;padding:2px 0 1px 22px}
.demos dl dt {font-size:9pt;margin-top:3px;margin-bottom:5px}
.demos dl dd {font-size:8pt;margin: 1px 0 0 10px}
.demos p {
margin:0 0 4px 5px;
background:transparent url(http://www.chibabi.com/myAssets/images/bullet-trans.gif) no-repeat scroll 0 2px;
padding:2px 0 1px 22px;
filter: alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
font-size:9pt;
line-height:17px;
}
.demos p.no_marker {
background:none;padding:2px 0;font-size:8pt;}
#thumbs {
background:url(/myAssets/images/navi2/tabs_bg.gif);
background-repeat:repeat-x;
height:95px;
position:absolute;
top:390px;
width:948px;
}

.t a {
background:transparent url( /myAssets/images/_top/tabs2.gif) no-repeat scroll -21px -90px;
margin:0;display:block;width:99px;
float:left;height:95px;cursor:pointer}
.t a.active {cursor:default !important;}
.navi {margin:0;}
.active{background-position: inherit 0 !important}

#t0	{ background-position:-6px -103px; width:116px; margin-left:6px;_margin_left:0}
a#t0.active { background-position:-6px 0 !important}
#t0:hover  { background-position:-6px -206px}
#t0:active { background-position:-6px -309px}

#t1 { background-position:-153px -103px;width:106px;margin-left:31px;_margin-left:21px}
#t1:hover { background-position:-153px -206px}
#t1:active { background-position:-153px -309px}
a#t1.active { background-position:-153px 0 !important}

#t2{ background-position:-288px -103px;width:107px; margin-left:26px;_margin-left:16px}
#t2:hover 	{ background-position:-288px -206px}
#t2:active	{ background-position:-288px -309px}
a#t2.active	{ background-position:-288px 0 !important}

#t3	{ background-position:-407px -103px;width:106px;margin-left:12px;_margin_left:2px}
#t3:hover { background-position:-407px -206px}
#t3:active { background-position:-407px -309px}
a#t3.active	{ background-position:-407px 0 !important}

#t4	{ background-position:-525px -103px;width:112px;margin-left:12px;_margin_left:2px}
#t4:hover { background-position:-525px -206px}
#t4:active { background-position:-525px -309px}
a#t4.active	{ background-position:-525px 0 !important}

#t5	{ background-position:-649px -103px;width:100px;margin-left:12px;_margin_left:2px}
#t5:hover { background-position:-649px -206px}
#t5:active { background-position:-649px -309px}
a#t5.active	{ background-position:-649px 0 !important}

#t6	{ background-position:-760px -103px;width:88px;margin-left:11px;_margin_left:1px}
#t6:hover { background-position:-760px -206px}
#t6:active { background-position:-760px -309px}
a#t6.active	{ background-position:-760px 0 !important}

#t7	{ background-position:-860px -103px;width:82px;margin-left:12px;_margin_left:2px}
#t7:hover { background-position:-860px -206px}
#t7:active { background-position:-860px -309px}
a#t7.active	{ background-position:-860px 0 !important}


/*************** lower *****************************/
div.lower {
background-image:url(/myAssets/images/_top/f0f0f0.png);
background-position:10px 0;
background-repeat:repeat-x;
border-top:1px solid #D0D0D0;
}
div.an {
margin:0 auto 0 auto;
padding:16px 0 30px 13px;
width:990px;
}
div.button{
background:none;
background-repeat:no-repeat;
border:medium none;
color:#FFFFFF;
font-size:12pt;
height:34px;
margin:10px 18px 0 0;
padding:0 0 7px;
width:309px;
float:left;
}

/***************** bn *******************/
div.bn {
background:none repeat scroll 0 0;
margin:50px auto 0 auto;
padding:8px 0 8px 0;
width:720px;
}
div.bn ul {margin:0;padding:0}
div.bn ul li{
float: left;
list-style:none outside none;
margin:0 8px 5px 0;
padding:0;
}
div.bn ul li.last {margin:0;}
div#tool_news {}
div#tool_news .demos {margin-top:20px}



/******* new arrival  ******/
div#tool_news .demos {
z-index:40;
position:absolute;
top:8px;left:8px;
width:446px;
float:left;
padding:20px 20px;
margin-right:0;
margin-left:30px;
min-height:250px;
}
div#tool_news h2 {margin-bottom:15px}
div#tool_news .demos dl {float:left;margin:15px 50px 15px 0}

/******* icons  ******/
div#tool_icons {
}
/******* school guid  ******/
div#tool_school {
padding-top:25px;
background:url(http://www.chibabi.com/myAssets/images/_top/kohyo.jpg);
background-position:0 0;
background-repeat:no-repeat;
}
div#tool_school div.details { width:800px }
div#tool_school div.details dl dt {
}
div#tool_school .demos {
margin-left:100px;
_margin-left:90px;
width:800px; margin-left:40px;
padding-bottom:20px;
position:absolute;
height:500px;
}
div#tool_school .demos dl {
float:left;
margin:15px 50px 15px 0;
}




/******* course guide  ******/
div#tool_course {

padding-top:18px;
background:url(http://www.chibabi.com/myAssets/images/_top/course.jpg);
background-position:0 0;
background-repeat:no-repeat;
}
div#tool_course h2 {}
div#tool_course .demos {
top:10px;
width:800px; margin-left:40px;
padding-bottom:40px;
position:absolute;
}
div#tool_course .demos dl {float:left;margin:0 60px 15px 0}






/******* juken junbi  ******/
div#tool_prepare {
padding-top:25px;
background:url(http://www.chibabi.com/myAssets/images/_top/prepare.jpg);
background-position:0 0;
background-repeat:no-repeat;
}
div#tool_prepare div.details { 
margin-top:5px;
margin-left:40px;
width:800px; 
color:#FFF;
padding:0;
}
div#tool_prepare div.details dl dt {
}
div#tool_prepare .demos {
width:800px; 
margin-left:40px;
_margin-left:30px;
margin-top:20px;
min-height:250px;
height:400px;
}
div#tool_prepare .demos h2 {}
div#tool_prepare .demos dl {float:left;margin:0 50px 15px 0}


/******* j h  ******/
div#tool_jh {
padding-top:25px;
background:url(http://www.chibabi.com/myAssets/images/_top/jh2.jpg);
background-position:0 0;
background-repeat:no-repeat;
}
div#tool_jh div.details { 
margin:30px 0 0 400px;
_margin: 20px 0 0 380px;
width:800px; 
color:#FFF;
padding:0;
}
div#tool_jh div.details dl dt {}
div#tool_jh .demos {width:400px; margin-top:40px;
margin-left:450px;height:500px;}
div#tool_jh .demos dl {margin:15px 50px 15px 0;}

/******* lect  ******/
div#tool_lect {
background-image:url(/myAssets/images/_top/nen.jpg );
background-position:0px 0px;
padding:0;
}
div#tool_lect div.details { 
margin:30px 0 10px 100px;
width:780px; 
color:#000;
padding:0;

}
div#tool_lect div.details h2 {padding:4px;margin:0}
div#tool_lect div.details dl dt {}
div#tool_lect .demos {
position:absolute;
top:40px;
width:865px;
margin-top:0;
margin-left:15px;margin-right:10px}
div#tool_lect .demos dl {float:left;margin:15px 20px 15px 0}

/******* succeed  ******/
div#tool_succeed {
background-image:url(/myAssets/images/_top/succeed.jpg);
background-position:0;
background-repeat:no-repeat;
}
div#tool_succeed .demos {
width:865px; 
margin-top:140px;
margin-left:15px;
margin-right:10px;
height:300px;
}
div#tool_succeed h4 {color:#000000;font-size:14px;line-height:1.7em}
div#tool_succeed .demos dl {float:left;margin:15px 20px 15px 0}
/***********  studio ***********/
#studio {padding-bottom:1em;width: 948px;margin:20px auto}
#studio dl {
float:left;
background:none;
text-align:center;
margin-top:8px;
/*margin-bottom:2em;*/
width:33%;
border-right-width:1px;
border-right-style:solid;
border-right-color:#BDD7EB;
}
#studio dl.last-studio {border-right:0}
#studio dl dt {font-size:9pt;color:#006699;font-weight:bold;margin-bottom:4px}
#studio dl dd {font-size:8pt;color:#666666;margin:0}


div#footer {margin:0 auto;text-align:center}
p#copyright {margin:0 auto;color:#999999;font-size:7pt}
/*------------------------------------------------
clearfix
 ---------------------------------------------------*/
 /* modern (Firefox Opera Safari) */
.clearfix:after {
  content: ".";  /*  */
  display: block;  /*  */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {min-height:1px}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* End hide from IE-mac */


/***** 非常時などプレス *******/
div.press {
	background: #FFFFCC;
	padding:5px 15px;
	border:#BBBBBB 1px solid;
	font-size:8pt !important;
	width:918px;
	margin: 0 auto;
}
div.press h4 {
	color: #FF3300;
	margin: 0.2em !important;
	font-size:10pt;
}
div.press p {
	padding-left: 1em !important;
	font-size:8pt !important;
}