@charset "utf-8";

* {
    margin:0;
	padding:0;
}

a {
color:#1639a7;
text-decoration:none;

}
a:hover,a:active{
color:#1639a7;
border-bottom:1px solid #1639a7;
}

img {
border:0px;
}


body {
	margin:0;
    padding:0;	
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','Verdana', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: 160%;
	color: #666666;
	text-align:center;
	background:#ffffff;
	/*border:1px solid #CC0000;*/
}

#container {
              /*width:98%;*/
			  width:1000px;
			  /*border-top:1px solid #006633;
			  border-right:1px solid #006633;
			  border-bottom:1px solid #006633;*/
			  margin:0 auto;
			  /*border:1px solid #993300;*/

}

.hsub01 {
           background-color:#ffffff;
           color : #000000;
		   text-align:left;
           border-bottom:1px solid #dbe2e8;
           border-left  :1px solid #dbe2e8;
           border-right :1px solid #dbe2e8;
           margin: 0;
           height:22px;
		   padding-bottom:1px;
}
.hsub01 p {
color:#4b397c;
font-weight:bold;
padding-left:4px;
background-color:#f1f4f6;
}
.hsub02 {
margin:10px 0 20px 0;
padding-bottom:10px;
border-bottom:1px solid #e3e3e5;
}

/***************************************************************************************************************/
/* Contents-Left
 *
 */
#contents{
/*border:1px solid #FF00CC;*/
margin-top:8px;
width:1000px;
}

#contents-left {
              float:left;
			  /*border:1px solid #CC3366;*/
			  text-align:left;
			  width:210px;
			  /*height:600px;*/
			    
}

#contents-right {
              float:right;
              /*border:1px solid #009999;*/
			  margin-left:10px;
			  margin-right:10px;
			  width:770px;
			  /*width:700px;*/
			  
}

/***************************************************************************************************************/

.flinkdiv{
padding-top:4px;
padding-bottom:4px;
border-top:1px solid #E3E3E5;
border-bottom:1px solid #E3E3E5;
margin-bottom:8px;
margin-top:8px;
}


ul#flink {
            margin:0;
			padding:0;
			text-align:left;
}
ul#flink li {
              display:inline;
			  list-style-type:none;
			  margin:0;
}




 
#address {
           text-align:left;
		   font-size:9px;
		   line-height:normal;
		   padding-left:0.4%;        
}



/***************************************************************************************************************/

.prbx1 {
text-align:center;
border:1px solid #91A8B4;
background-color:ebebe3;
margin: 4px 0;
padding-bottom:6px;
padding-top:6px;

}
.prbx1 p {
padding-bottom:6px;
padding-top:6px;
margin-bottom:6px;
margin-top:6px;
text-align:center;
border:1px dotted #a7a7a9;
background-color:f6f6f6;
width:190px;
height:100px;


}





/***************************************************************************************************************/
/*
 * TEST
 */
 
.firsttime {
       border-right:1px solid #91A7B4;
	   border-bottom:1px solid #91A7B4;
	   border-left:1px solid #B0BDC6;
	   background-image:url(../img/1/grd1.gif);
       background-repeat:repeat-x;
	   /*background-position:center;*/
}
.firsttime ul{
list-style-position:inside;
list-style-type:disc;
marker-offset:1px;
padding-top:4px;
padding-left:4px;
padding-bottom:4px;

}
.firsttime li {
font-weight:bold;

           
}

.push {
       border-right:1px solid #91A7B4;
	   border-bottom:1px solid #91A7B4;
	   border-left:1px solid #B0BDC6;
	   /*background-image:url(../img/1/grd1.gif);*/
       background-repeat:repeat-x;
	   /*background-position:center;*/
	   margin-bottom:4px;
	   padding:4px;
}

.pushgold{
background:url(../img/icon/star_gold.gif);
background-repeat:no-repeat;
padding-left:18px;
font-weight:bold;
}
.pushsilver{
background:url(../img/icon/star_silver.gif);
background-repeat:no-repeat;
padding-left:18px;
font-weight:bold;
}
.pushbronze{
background:url(../img/icon/star_bronze.gif);
background-repeat:no-repeat;
padding-left:18px;
font-weight:bold;
}

.no{
color:#d45417;

}


.push01 {
 border-bottom:1px solid #dce3e9;
 padding-bottom:6px;
 padding-top:4px;
 margin-bottom:4px;
 line-height:normal;
 font-size:10px;
}
.push02 {
 padding-bottom:6px;
 padding-top:4px;
  margin-bottom:4px;
 line-height:normal;
 font-size:10px;
}



.test2 {
       background-image:url(../img/1/grd2.gif);
       background-repeat:repeat-x;
       border-top:1px solid #B0BEC7;
       border-right:1px solid #B0BEC7;
	   border-bottom:1px solid #93A6B4;
	   border-left:1px solid #B0BEC7;
       color:#18397c;
	   background-color:#fff;
	   background-position:0 -916px;

	   
}
.smallheadline {
       background-image:url(../img/1/grd2.gif);
       background-repeat:repeat-x;
       color:#18397c;
	   background-color:#fff;
	   background-position:0 -916px;
	   padding-left:6px;
	   
}

.headline {
       background-image:url(../img/1/grd2.gif);
       background-repeat:repeat-x;

       color:#4B397C;
	   background-color:#fff;
	   background-position:0 -916px;
	   padding:4px 0;
	   font-size:16px;
	   text-align:left;
	   padding-left:6px;
	   padding-bottom:2px;
	   
}
.headline2 {

       color:#4B397C;
	   background-color:#f1f5f6;
	   background-position:0 -916px;
	   padding:4px 0;
	   font-size:16px;
	   text-align:left;
	   padding-left:6px;
	   padding-bottom:2px;
	   
}
.line{
       border-top:1px solid #B0BEC7;
       border-right:1px solid #B0BEC7;
	   border-bottom:1px solid #93A6B4;
	   border-left:1px solid #B0BEC7;
	   padding-bottom:1px;
}

.red{
font-size:18px;
color:#cc0000;
}


#bluebx {
margin: 4px 0;
background:url(../img/1/grd3.gif);
padding:0 2px;
padding:5px 5px 3px;
border:1px solid #9fb7d4;
}
.bluebx-ul{

list-style-type:none;
}


#bluebx2 {
border-bottom:1px solid #9baab1;
}
.bluebx2 {
border-bottom:1px solid #9baab1;
}


#bluebx h2{
font-size:14px;
font-weight:bold;
}

#bluebx3 {
background-image:url(../img/1/btn1.gif);
background-repeat:no-repeat;
padding:16px 0px;
text-align:center;
font-size:15px;
font-weight:bold;
}
#bluebx3 a {
color:#000000;
text-decoration:none;

}
#bluebx3 a:hover,a:active{
color:#000000;
border-bottom:1px solid #000000;
}


#bluebx4 {
margin-bottom:4px;
background:url(../img/1/grd3.gif);
padding:0 1px;
padding:5px 3px 3px;
border:1px solid #9fb7d4;
}


.clear {
clear:both;


}
.banner {
margin-top:8px;
border:1px solid #CCCCCC;
padding: 4px 4px 5px 4px;

}
.banner a {text-decoration:none; border:0px;}
.banner a:hover,a:active{ border:0px; color:#FFFFFF;}

.banner2 { border:0px; margin-bottom:4px;}
.banner2 a {text-decoration:none; border:0px;}
.banner2 a:hover,a:active{ border:0px; color:#FFFFFF;}

.left { text-align:left;}
.fleft { float:left; text-align:left;}
.fleft a {text-decoration:none; border:0px;}
.fleft a:hover,a:active{ border:0px; color:#FFFFFF;}

/***************************************************************************************************************/
.copyright {
text-align:left;
font-size:9px;
font-style:normal;
line-height:normal;
padding-left:0.4%; 
margin-bottom:4px;
color:#DFDFDF;
}

/***************************************************************************************************************/

.compare{
border-bottom:1px solid #b0bec7;
border-left:1px solid #b0bec7;
border-right:1px solid #b0bec7;


text-align:left;
padding-top:4px;
padding-bottom:4px;
}
.compare ul {

padding-left:20px;

}
/***************************************************************************************************************/



.viewpoint{
text-align:left;
width:100%;
clear:both;
height:360px;
padding: 4px 0;
/*border:1px solid #3300FF;*/
}
.lviewpoint{
float:left;

/*border:1px solid #CC0033;*/
width:49%;
}

.lviewpoint li {
list-style:none;
background:url(../img/icon/arrow_next.gif) no-repeat center left;
border-bottom:2px dotted #999999;
font-size:16px;
font-weight:bold;
padding-top: 4px;
padding-bottom:4px;
padding-left:20px;
}

.rviewpoint li {
list-style:none;
background:url(../img/icon/arrow_next.gif) no-repeat center left;
border-bottom:2px dotted #999999;
font-size:16px;
font-weight:bold;
padding: 4px 0;
padding-left:20px;
}

.rviewpoint{
float:right;

/*border:1px solid #339966;*/
width:49%;
}

 
/***************************************************************************************************************/
/*
table {
width:100%;
border-collapse:collapse;
border:1px solid #666;
border-spacing:0;
empty-cells:show;
}

th {
padding:5px;
border:1px solid #666;
background-color:#9cc;
}

td {
padding:5px;
border:1px solid #666;
background-color:#ffffff;
}
*/
caption {

border-bottom: 1px dotted #666;
margin-bottom:50px;
font-weight:bold;
text-align:left;
}
/*Win IE4-6 Mac IE4-5 Hack Style*/
* html caption{
padding-top:5px;
padding-bottom:5px;
}

/***************************************************************************************************************/
/* tab news */
/***************************************************************************************************************/
#newsul{
margin:4px;
list-style-position:inside;
padding-left:4px;

}
#newsul li{
list-style-type:none;
}
#newsul li.color-a{
background-color:#F8FAFD;

}

/***************************************************************************************************************/
/* tab faq */
/***************************************************************************************************************/

.tab-div{
text-align:left;
width:100%;
clear:both;
height:1100px;
padding: 4px 0;
}

.tab-p{
border:1px solid #dbe2e8;
background:#f1f4f6;
padding:2px;

font-weight:bold;
}
.tab-dl{
margin-top:8px;
}
.tab-dt{
display:block;
float:left;
clear:left;
padding-left:4px;
color:#1639A9;
font-weight:bold;
}
.tab-dd{
padding-left:60px;
}

.tab-dl2{
margin-top:30px;
border-bottom:1px dotted #000000;
padding:4px 0;
}
.tab-dt2{
border-top:1px dotted #000000;
padding-top:4px;
padding-bottom:4px;
}

.tab-right{
text-align:right;
margin-top:4px;
}
.tab-red{

color:#cc0000;
font-weight:bold;
}
.tab-blue{
color:#1639A9;
font-weight:bold;
}




/***************************************************************************************************************/
/* ▼HowTo */
/***************************************************************************************************************/
.howto-div{
text-align:left;
width:100%;
clear:both;
height:1100px;
padding: 4px 0;
}
.howto-h3{
border:1px solid #dbe2e8;
background:#f1f4f6;
padding:2px;
font-weight:bold;
font-size:12px;
margin-top:20px;
}

.howto-p{
margin-top:10px;
padding-left:4px;

}
.howto-p2{
margin-top:2px;
padding-left:4px;

}

.howto-ul{
list-style-position:inside;
padding-left:4px;
margin-top:10px;
}

.hotopoint{
text-align:left;
width:100%;
clear:both;
height:160px;
padding: 4px 0;
/*border:1px solid #3300FF;*/
}
.lhotopoint{
float:left;

/*border:1px solid #CC0033;*/
width:49%;
}
.howto-li {
list-style:none;
background:url(../img/icon/arrow_next.gif) no-repeat center left;
border-bottom:2px dotted #999999;
font-size:12px;
font-weight:bold;
padding: 4px 0;
padding-left:20px;
}
.lhotopoint li {
list-style:none;
background:url(../img/icon/arrow_next.gif) no-repeat center left;
border-bottom:2px dotted #999999;
font-size:12px;
font-weight:bold;
padding-top: 4px;
padding-bottom:4px;
padding-left:20px;
}

.rhotopoint li {
list-style:none;
background:url(../img/icon/arrow_next.gif) no-repeat center left;
border-bottom:2px dotted #999999;
font-size:12px;
font-weight:bold;
padding: 4px 0;
padding-left:20px;
}

.rhotopoint{
float:right;

/*border:1px solid #339966;*/
width:49%;
}

/***************************************************************************************************************/
/* ▼Lecture */
/***************************************************************************************************************/

.lecture-div{
text-align:left;
width:100%;
clear:both;
height:1100px;
padding: 4px 0;
}
.lecture-h3{
border:1px solid #dbe2e8;
background:#f1f4f6;
padding:2px;
font-weight:bold;
font-size:12px;
margin-top:20px;
}

.lecture-div ul{
list-style-position:inside;
list-style-type:disc;
marker-offset:1px;
padding-top:4px;
padding-left:4px;
padding-bottom:4px;

}

/***************************************************************************************************************/
/* ▼Rule */
/***************************************************************************************************************/

.r-p{
margin-top:10px;
margin-bottom:12px;
}
.r-left{
margin-top:16px;
text-align:left;
}
.r-dt{
font-weight:bold;
margin-top:6px;

}

.r-div{
text-align:left;
width:100%;
clear:both;
height:1100px;
padding: 4px 0;
}

/***************************************************************************************************************/
/* ▼Privacy */
/***************************************************************************************************************/
.p-div{
text-align:left;
width:100%;
clear:both;
height:1100px;
padding: 4px 0;
}
.p-h3{
margin-top:10px;
margin-bottom:12px;
font-size:12px;

}
.p-p{
margin-top:10px;
margin-bottom:12px;
}

.p-dt{
font-weight:bold;
margin-top:6px;

}
.p-right{
margin-top:16px;
text-align:right;
}

/***************************************************************************************************************/
/* ▼Sitemap */
/***************************************************************************************************************/
.s-div{
text-align:left;
width:100%;
clear:both;
height:1100px;
padding: 4px 0;
}

.s-p{
margin-top:24px;
padding-left:8px;
font-weight:bold;
border-bottom:1px solid #dbe2e8;
}

.s-ul{
margin-top:12px;
padding-left:40px;
list-style-position:inside;

}


/***************************************************************************************************************/
/* ▼Company_detail */
/***************************************************************************************************************/
.cd-div{
text-align:left;
width:100%;
clear:both;
height:1100px;
padding: 4px 0;
}
.cd-p{
border:1px solid #dbe2e8;
background:#f1f4f6;
padding:2px;

font-weight:bold;
}
.cd-pimg{
text-align:center;
margin-top:12px;
margin-bottom:4px;
}
.cd-right{
text-align:right;
}

.cd-table{
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
.cd-th{
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
	width:110px;
}
.cd-th2{
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
.cd-th3{
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
	width:90px;
}

.cd-td{
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}


/***************************************************************************************************************/
/* ▼Management */
/***************************************************************************************************************/
.m-div{
text-align:left;
width:100%;
clear:both;
height:1100px;
padding: 4px 0;
}

.m-dl{
margin-top:10px;

}

.m-dt{
display:block;
float:left;
clear:left;
padding-left:4px;
}
.m-dd{
padding-left:100px;
}
/***************************************************************************************************************/
/* ▼Semina */
/***************************************************************************************************************/

.semina-l{
float:left;
}


/***************************************************************************************************************/
/* ▼Inquire */
/***************************************************************************************************************/

.i-div{
margin-top:10px;
text-align:left;
width:100%;
clear:both;
height:1100px;
padding: 4px 0;
}


.i-frameset{
border:1px solid #dbe2e8;
padding:1px;
}


.i-dl{
background-color:#f1f4f6;
}

.i-dt{
display:block;
float:left;
clear:left;
padding-left:4px;
padding-top:6px;
}

.i-dd1{
margin-left:130px;
padding-top:3px;
padding-bottom:3px;
border-bottom:1px solid #FFFFFF;

}
.i-dd2{
margin-left:130px;
padding-top:3px;
padding-bottom:3px;
}
.i-dd3{
padding-top:3px;
padding-bottom:3px;
text-align:center;
}
.i-pp{
margin-top:4px;
margin-bottom:4px;
padding-left:20px;
padding-top:6px;
padding-bottom:6px;
border-left:1px groove #dbe2e8;
}
.broad{width:80%}


/***************************************************************************************************************/
/* ▼Compare */
/***************************************************************************************************************/
.com-div{
margin-top:10px;
text-align:left;
width:100%;
clear:both;

padding: 4px 0;
}
.com-orange{
color:#cc6633;

}
.com-thumbnail{
width:200px;
height:200px;
padding:9px;
float:left;
margin:12px 6px;

background:url(../img/banner/bkscreen.gif) no-repeat;
}
.com-comment{
margin:12px 6px;
}
.com-clear{
clear:both;
text-align:right;
}

.compnavi{
padding-top:2px;
padding-bottom:3px;
font: 12px Verdana;
list-style-type: none;
text-align:left;
border-bottom: 1px solid #788a98;
background-color:#FFFFFF;
}

.compnavi li{ display:inline; margin-left:4px;}


.compnavi li a{
text-decoration: none;
border-top: 1px solid  #b0bec7;
border-left: 1px solid  #b0bec7;
border-right: 1px solid #b0bec7;

color:#16387C;
margin:0;
background-color:#f1f4f6;
padding-left:16px;
padding-right:16px;
padding-top:2px;
padding-bottom:2px;
border-bottom:1px solid #FFFFFF;
}


.compnavi li a:hover{
text-decoration: underline;
border-bottom:1px solid #ffffff;
color:#16387C;
}

.compnavi li.selected{
position: relative;
top: 1px;
color:#cc6633;

}

.compnavi li.selected span{
background:url(../tabs/tabon.gif);
background-repeat:repeat-x;
border-top: 1px solid #788a98;
border-left: 1px solid #788a98;
border-right: 1px solid #788a98;
color:#cc6633;
padding-left:16px;
padding-right:16px;
padding-top:2px;
padding-bottom:2px;
border-bottom:1px solid #FFFFFF;

}



.com-ndiv{
text-align:center;
background:#ffffff;
margin-bottom: 1px;
margin-top:0;
padding-top: 8px;
border-left:1px solid #788a98;
border-right:1px solid #788a98;
border-bottom: 1px solid #788a98;
}
.compsubnavi-a {
text-align:left;
padding-left:8px;
padding-bottom:4px;
margin-left:1px;
margin-right:1px;
margin-bottom:1px;
}

.compsubnavi-b {
text-align:left;
padding-left:8px;
padding-bottom:4px;
background-color:#F7F8F3;
margin-left:1px;
margin-right:1px;
margin-bottom:1px;
}

.compsubnavi-a li{ display:inline; padding-right:12px;}
.compsubnavi-b li{ display:inline; padding-right:12px;}

.compsubnavi2 {
text-align:left;
margin-top:0px;
border-top: 1px dashed #999999;
margin-left:1px;
margin-right:1px;
margin-bottom:1px;
padding-left:6px;
padding-top:10px;
padding-bottom:9px;
background-color:#EBEBE3;


}
 