* {
	margin: 0px;
	padding: 0px;
}

#nav {
	width: 190px;
 	height: 343px;
 	margin-right: auto;
	margin-left: auto;
	margin-bottom : 5px;
	text-align: center;
	background-color: #FFFFFF;
}

/* --------------------------------
roll over
reference  http://www.stylish-style.com/csstec/basic/l-rollover6.html 
-------------------------------- */

ul#nav-rollover {
    list-style:none;
    width:190px;
}

ul#nav-rollover li {
    list-style:none;
    float: left;
    width:190px;
}

ul#nav-rollover a{
    display:block;
    width:190px;
    height:31px;
    text-indent:-1000px;
    overflow:hidden;

}

a.top {
    background-image:url(../images/menu-image.gif);
		    background-position: 0px 0px;
}

a:hover.top {
    background-image:url(../images/menu-image.gif);
	    background-position: 190px 0px;
}

a.price{
    background-image:url(../images/menu-image.gif);
    background-position: 0px -31px;
}

a:hover.price {
    background-image:url(../images/menu-image.gif);
	background-position: 190px -31px;
}

a.hosho {
    background-image:url(../images/menu-image.gif);
    background-position: 0px -62px;
}

a:hover.hosho {
    background-image:url(../images/menu-image.gif);
    background-position: 190px -62px;
}

a.advice {
    background-image:url(../images/menu-image.gif);
    background-position: 0px -93px;
}

a:hover.advice {
    background-image:url(../images/menu-image.gif);
    background-position: 190px -93px;
}

a.simu {
    background-image:url(../images/menu-image.gif);
    background-position: 0px -124px;
}

a:hover.simu {
    background-image:url(../images/menu-image.gif);
    background-position: 190px -124px;
}

a.jiseki {
    background-image:url(../images/menu-image.gif);
    background-position: 0px -155px;
}

a:hover.jiseki {
    background-image:url(../images/menu-image.gif);
    background-position: 190px -155px;
}

a.paint {
    background-image:url(../images/menu-image.gif);
    background-position: 0px -186px;
}

a:hover.paint {
    background-image:url(../images/menu-image.gif);
    background-position: 190px -186px;
}

a.flow {
    background-image:url(../images/menu-image.gif);
    background-position: 0px -217px;
}

a:hover.flow {
    background-image:url(../images/menu-image.gif);
    background-position: 190px -217px;
}

a.gaina {
    background-image:url(../images/menu-image.gif);
    background-position: 0px -248px;
}

a:hover.gaina {
    background-image:url(../images/menu-image.gif);
    background-position: 190px -248px;
}

a.staff {
    background-image:url(../images/menu-image.gif);
    background-position: 0px -279px;
}

a:hover.staff {
    background-image:url(../images/menu-image.gif);
    background-position: 190px -279px;
}

a.contact {
    background-image:url(../images/menu-image.gif);
    background-position: 0px -310px;
}

a:hover.contact {
    background-image:url(../images/menu-image.gif);
    background-position: 190px -310px;
}

/* basic
------------------------------------------------------- */


 body { text-align:center;
 			color: #444444;
 }  
 
 h1 { font-size:12px ;  text-align:left; margin-left: 40px; line-height:3; }
 h2 { font-size:12px ;  text-align:left;}
 h3 { font-size:16px ;  text-align:left;
	padding-left:6px;
	margin-top:5px;
	margin-bottom:5px;
	border-left:solid 6px #CC9933;
	font-size:14px;
	color:#513e2b;
	font-weight:bold;
	}
h3.first:first-letter { font-size:24px; font-style:bold; line-height: 110%;}
 
 .h3border {
	margin-left:10px;
	width:440px;
	border-bottom:dotted 1px #999;
	margin-bottom:15px;
	}
	


 #header { width:800px; height:198px; margin:0 auto; background:url(../images/top-title.gif) ;} 

#link-top {

height: 100px;
width: 300px;
margin-top:40px;
margin-left:60px;
display: block;
text-indent: -9999em;


}

 #wrap { width:800px; text-align:center; margin:0 auto;  background:url(../images/back.gif) ;}
 #inner { width:686px; text-align:left; margin:0 auto;   }  
 #footer { width:800px; height:40px; margin:0 auto; background:url(../images/back-bottom.gif) ; font-size:11px; line-height:4.2;} 
 #menu { width:190px;  text-align:left; margin:0 auto; float:left; } 
 .belowmenu {  text-align:left; padding:5px; margin:0 auto; border:solid 1px #000;} 
 .belowmenubanner { margin-bottom: 10px;} 
 
 #main { width:480px;  text-align:left; margin:0 auto; float:right; } 
 
 .insidemain { 
 width:468px;
 height:auto;
 margin-top:5px ;
 margin-right:0px ;
 margin-left:0px ;
 margin-bottom:5px ;
 border:solid 1px #ccc; 
 padding :5px;
 }
 
  .insidemain2 { 
 width:468px;
 height:auto;
 margin-top:5px ;
 margin-right:0px ;
 margin-left:0px ;
 margin-bottom:5px ;
 padding :5px;
 }
 
   .insidemain3 { 
 width:468px;
 height:auto;
 margin-top:5px ;
 margin-right:0px ;
 margin-left:0px ;
 margin-bottom:5px ;
 padding :5px;
 text-align: center;
 }
 
 .insidemain-ver-l {
  width: 235px;
  margin-right : 6px;
 float:left; 
 border:solid 1px #ccc;
 }
 
  .insidemain-ver-r {
  width: 235px;
  margin: 0;
 float:right; 
 border:solid 1px #ccc;
 }
 
 .inside-ver-inside {
 padding: 5px; 
 }
 .clear { clear:both; }  
 .imageleft { float:left; margin:5px; }
 .imageright { float:right; margin:5px; }
 .area { font-size:12px; line-height:1.6; }

 .text10{
 font-size:12px;
 line-height:1.6;
 }
 
 .text12 {
 font-size:15px;
 line-height:1.6;
 }
 
 
  .text15 {
 font-size:18px;
 line-height:1.6;
 }
 
  .s-column-top {
	margin-left:10px;
	font-size:14px;
	line-height:1.4em;
	}

 
 .s-column {
	margin-left:30px;
	font-size:14px;
	line-height:1.4em;
	}

 .s2-column {
	width:400px;
	margin-left:30px;
	font-size:14px;
	line-height:1.4em;
	margin-top:10px;
	}

 
 .textright {
 text-align:right;
 font-size:15px;
 }
 
.ul12 {
  font-size:15px;
 line-height:1.2;
 list-style-position: inside;
}



a {

	overflow:hidden;
	text-decoration:underline;
	color:#009999;

}

a:link {
}

a:visited {
}

a:hover {
	color:#ff9900;
}

a:active {
}

.center{
	text-align:center;
}

#plist {
	font-size:0.8em;
	margin:5px 0px 15px 0px;
}

.here {
	color:#999999;
}

.breadcrumbs{
	margin:10px 0;
}

.breadcrumbs li{
	display:inline;
	line-height:110%;
	list-style-type:none;
}

.line_dashed {
	background: url("../images/line.gif") repeat-x;
	height: 1px;
	font-size:1px;
	margin: 3px 0px 3px 0px;
	clear:both;
}

.article_title {
     font-size:16px;
     font-weight:bold;
     padding: 0px 0px 0px 20px;
     margin: 10px 0px 10px 0px;
     clear:both;
     background: url("http://gyousyu3.chicappa.jp/ind_kids/public/_upload/design/image/contitle_12205149365.gif") no-repeat;
     height :33px;
     line-height :33px;
     color:#FFFFFF;
}

 /*simuration
------------------------------------------------------- */

.box400 {
width: 400px;
text-align: left;
margin: 0;
border:solid 1px #ccc;
padding :10px;
}

.box400n {
width: 400px;
text-align: left;
margin: 0;
border:none;
padding :10px;
}

.box400cen {
width: 400px;
margin: 0;
border:none;
padding :10px;
text-align : center;
}
.box300 {
width: 300px;
text-align: left;
margin: 0;
border:solid 1px #ccc;
padding :10px;
}

.box300n {
width: 300px;
text-align: left;
margin: 0;
border:none;
padding :10px;
}

.box220n {
width: 220px;
text-align: left;
margin: 0;
border:none;
padding :10px;
}

.margintop10{
 margin-top: 10px;
}

.red {
color: #8B0000;
}
 /*table
--------------------------------------------------- */


.layout {
	width: 450px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-size : 12px;
	line-height: 180%;
	border-collapse:collapse;
	margin-bottom: 10px;
}
.layout th {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-weight: normal;
	text-align: left;
	background-color: #FAFAFA;
	color: #033476;
	white-space: nowrap;
}

.layout8 {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-weight: normal;
	text-align: left;
	background-color: #FAFAFA;
	color: #033476;
	white-space: nowrap;
	width: 8%;
}

.layout18 {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-weight: normal;
	text-align: left;
	background-color: #FAFAFA;
	color: #033476;
	white-space: nowrap;
	width: 18%;
}



.layout td {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	color: #666666;
}




.layout2 {
	width: 450px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-size : 12px;
	line-height: 180%;
	border-collapse:collapse;
	margin-bottom: 10px;
}
.layout2 th {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	font-weight: normal;
	text-align: left;
	background-color: #FAFAFA;
	color: #033476;
	white-space: nowrap;
}
.layout2 td {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	color: #666666;
}


.layoutquote {
	width: 450px;
	border-top-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-left-color: #000000;
	font-size : 18px;
	line-height: 180%;
	border-collapse:collapse;
	margin-bottom: 10px;

}
.layoutquote td {
	padding: 5px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	color: #ff0000;
	background-color: #FAFAFA;
	text-align: center;
}

.layoutquote40 {
	padding: 5px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	color: #033476;
	background-color: #FAFAFA;
	width: 40%;
	text-align: center;
}
.flowtable {
	width: 450px;
	border: 0;
	font-size : 12px;
	line-height: 180%;
	border-spacing:1em;
}

.flowtable  th {
	padding: 2px;
	font-weight: normal;
	text-align: left;
	background-color: #FFCC33;
	color: #033476;
	white-space: nowrap;
}


.flowtable  td {
	padding: 5px;
	background-color: #FFFFFF;
	color: #666666;
}

.result-list {
	border: 0px;
	margin-left: 33px;
}

.result-list td {
	padding-bottom : 10px;
	padding-right : 10px;
}

.result-list th{
	padding-bottom : 0px;
	padding-right : 10px;
	font-size: 14px;
}


 /*form
--------------------------------------------------- */

 .form1 {
	font-size : 12px;

}


.form-noneb { 
border: 0px;
font-size: 12px;
font-color: #660000;
texe-align: left;
}

.button190 {
width : 190px;
}


 /*print-hide
--------------------------------------------------- */

.printbox {
position: absolute;
top: -1000000;
}