@charset "utf-8";


table.guide_tbl{
width:100%;
border-collapse:collapse;
border:none;
border-spacing:0;
empty-cell:show;
}

table.guide_tbl th{
width:49%;
padding:5px 0 3px;
text-align:center;
vertical-align:top;
background:#8dc8ae;
color:#fff;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
}


table.guide_tbl td{
width:auto;
padding:5px 12px 3px;
border:none;
vertical-align:top;
text-align:center;
background:#f1f1f1;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
}


.guideList{ padding-bottom:19px;}


.guideList ol{
margin:0 0 25px 0;
list-style:none;
}


.guideList li{
width:171px;
float:left;
padding-right:13px;
list-style:none;
background:url(../img/icon_arrow.gif) no-repeat right 59px;
}


.guideList li.endLine{ padding-right:0;}
.guideList li:last-child{ padding-top:0;}


.guideList li span{ font-weight:bold; }
.guideList ol img{
display:block;
width:169px;
margin-bottom:7px;
border:1px solid #d1d1d1;

}




.guideList dl{
clear:both;
margin-bottom:8px;
background-repeat:no-repeat;
background-position:left bottom;
}


.guideList dt{
width:364px;
float:left;
padding:10px 15px 9px;
font-size:117%;
font-weight:bold;
background-repeat:no-repeat;
background-position:left top;
}

.guideList dd{
width:116px;
float:right;
padding:9px 15px;
font-size:0;
line-height:0;
background-repeat:no-repeat;
background-position:right top;
}

.guideList dl.design,
.guideList dl.product{ background-image:url(../img/frame_blue_foot.gif); }


.guideList dl.metalmask{ background-image:url(../img/frame_pink_foot.gif); }
.guideList dl.implement{ background-image:url(../img/frame_green_foot.gif); }

.guideList dl.design dt,
.guideList dl.design dd,
.guideList dl.product dt,
.guideList dl.product dd{ background-image:url(../img/frame_blue_head.gif); }


.guideList dl.metalmask dt,
.guideList dl.metalmask dd{ background-image:url(../img/frame_pink_head.gif); }
.guideList dl.implement dt,
.guideList dl.implement dd{ background-image:url(../img/frame_green_head.gif); }



.guide dl{
clear:both;
overflow:hidden;
margin-bottom:30px;
padding-bottom:30px;
background:url(../../cmn_img/line_dot.gif) repeat-x left bottom;
}

.guide dt img{ display:block; margin-bottom:10px;}

.guide dt{
width:270px;
float:left;
}

.guide dd{
width:270px;
float:right;
}


.guide dd dl{
margin:0;
padding:0;
background:none;
}

 
.guide dd dt{
width:auto;
float:none;
font-weight:bold;
}

.guide dd dl{ margin-bottom:0;}
.guide dd dl dt{ font-size:116%; }
.guide dd dl dd{
width:auto;
float:none;
padding-left:1em;
padding-bottom:1em;
}


.guide dl.course dt{ font-weight:normal;font-size:100%;}
.guide dl.course dt:first-child+dd{ display:none;}

.guide dl.course dd{ font-weight:bold;padding-left:.5em;padding-bottom:.6em;}



.guide dd dl dd ul.asterList{ margin-top:1em;}


.guide dd img.postr{ 
display:block;
margin-top:6px;
margin-left:auto;
}
.guide dd p,
.guide dd ul.asterList{ margin-bottom:1.25em;}

.guide dd p img{
display:block;
margin:6px auto 0;
text-align:center;
}


<!--　ここからテーブルのスタイルシート　-->


table.table001{
width:100%;
border-collapse:collapse;
border:none;
border-spacing:2px;
empty-cell:show;
}

table.table001 th {
  background: #1B3AB4;
  text-align: center;
  white-space: nowrap;
  font-size:100%;
  color: #FFF;
  line-height: 95%;
}


table.table001 td{
	font-size:80%;
padding:2px 2px;
border:none;
vertical-align:middle;
text-align:center;
background:#f1f1f1;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
white-space: normal;
}


.photoimg a{
background: url(../img/ph_15.gif) no-repeat;
background-position:center;
height: 15px;
  padding: 15px;

}

.photoimg a:hover{
background: url(../img/ph_15over.gif) no-repeat;
background-position:center;
height: 15px;
  padding: 15px;

}


 <!--　ここまでテーブルのスタイルシート　-->