f/*2COL classes*codingTeam cd*
*************************************/
div.col2,
div.col2img,
div.col2List{
 padding:5px 0 0 0;
 margin-bottom: 10px;
}
div.col2 div.colL{
 margin:0 0 0 24px;
 _margin-left: 12px;
 float:left;
}
div.col2 div.colR{
 float:left;
 margin:0 0 0 10px;
 _margin-left: 5px;
}

div.col2img div.colL{
 width: 210px;
 float:left;
}
div.col2img div.colR{
 width: 460px;
 float:left;
}

div.col2img div.colLinfo{
 width: 260px;
 float:left;
}
div.col2img div.colRinfo{
 width: 410px;
 float:left;
}

div.col2equal,
div.col2imgequal{
 padding:5px 0 0 0;
 margin-bottom: 10px;
}
div.col2equal div.colL{
 margin:0 0 0 24px;
 _margin-left: 12px;
 float:left;
}
div.col2equal div.colR{
 float:left;
 margin:0 0 0 10px;
 _margin-left: 5px;
}

div.col2imgequal div.colL{
 width: 330px;
 float:left;
}
div.col2imgequal div.colR{
 width: 330px;
 float:left;
}

div.col2List div.colL{
 float:left;
 width: 330px;
}
div.col2List div.colR{
 float:left;
 width: 330px;
}

/* 4 column*/
div.col4equal{
 padding:5px 0 0 0;
 margin-bottom: 10px;
}
div.col4equal div.colL{
 margin:0 0 5px 0px;
 float:left;
 width:170px;
 _width: 160px;
}
div.col4equal div.colC1{
 margin:0 0 5px 0px;
 float:left;
 width:170px;
 _width: 160px;
}
div.col4equal div.colC2{
 margin:0 0 5px 0px;
 float:left;
 width:170px;
 _width: 160px;
}
div.col4equal div.colR{
 float:left;
 margin:0 0 5px 0px;
 width:170px;
 _width: 160px;
}


/*a*codingTeam cd*
*************************************/
a.newWindow{
 margin:0;
}

table.record th{
    width: 5em;
}

table.plan th{
    width: 3em;
}

table.record strong{
    color: #89a6ac;
    font-weight: bold;
}

/*margin *codingTeam cd*
***************************************/
.mB3{
 margin-bottom:3px;
}
.mB5{
 margin-bottom:5px;
}
.mB10{
 margin-bottom:10px;
}
.mB20{
 margin-bottom:20px;
}
.mB30{
 margin-bottom:30px;
}
.mT5{
 margin-top: 5px;
}
.mT10{
 margin-top: 10px;
}

.mleft50{
 margin-left:50px;
}
.mleft15{
 margin-left:15px;
}
.mleft25{
 margin-left:25px;
}
.noMargin {
 margin:0 !important;
}

/*padding *codingTeam cd*
***************************************/
.pbottom20{
 padding-bottom:20px;
}

.pTop10{
 padding-top:10px;
}

.pTop20{
 padding-top:20px;
}

/*text *codingTeam cd*
***************************************/
.underline{
 border-bottom:1px solid #000;
}

.bottomline{
 background:url(../bg_h2.gif) repeat-x left bottom transparent;
 padding-bottom:5px;
}

/*text-align*codingTeam cd*
***************************************/
.alignC{
 text-align:center;
}
.textR{
 text-align:right;
}
.textL{
 text-align:left;
}

/*vertical-align*codingTeam cd*
***************************************/
.vAT {
 vertical-align:top;
}

.vAM {
 vertical-align:middle;
}

/*font-size percentage*codingTeam cd*
***************************************/
#content .text80{
 font-size:80%;
}

#content .text100{
 font-size:100%;
}

#content .text120{
    font-size:120%;
}

#content .text135{
 font-size:135%;
}

#content .text150{
 font-size:150%;
}

/*bg-color*codingTeam cd*
***************************************/
.bgPink{
 background-color:#f2b7b4;
}

.bgGray{
 background:#dcdcdc;
}

.bgNone{
 background:none;
}

/*linkAnchor*coding team cd*
***************************************/
.linkAnchor{
 left:-2000px;
 position:absolute;
}

/*nowrap*coding team cd*
***************************************/
.nowrap{
 white-space:nowrap;
}

/*font
****************************************/
.strong{
 font-weight: bold;
}

/*image
****************************************/
.imgBox{
 text-align:center;
 margin-bottom: 10px;
}

/*clearfix*coding team cd*
***************************************/
/* clearfix for modern browser */
.clearfix:after {
  /*display: block;*/
  clear: both;
  height: 0;
  display: none;
}
/* clearfix for IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* clearfix for WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}

/*juxtaposition*
***************************************/
ul.juxtaposition{
 display: block;
 margin: 0 auto;
 width: 880px;
}

ul.juxtaposition li{
 display: inline-block;
 /display: inline;
 /zoom: 1;
 list-style: none;
}

div.introduction ul.juxtaposition li{
 width: 212px;
 margin-left: 2px;
 margin-right: 2px;
 text-align: center;
}

div.introduction p{
margin-left:20px;
margin-top:10px;
margin-bottom:0;}


/*juxtaposition2*
***************************************/
ul.juxtaposition2{
 display: block;
 margin: 0 auto;
 width: 880px;
margin-top: 0px;
}

ul.juxtaposition2 li{
 display: inline-block;
 /display: inline;
 /zoom: 1;
 list-style: none;
vertical-align:top;
}

div.introduction2 ul.juxtaposition2 li{
 width: 425px;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 12px;
 text-align: left;
}

ul.juxtaposition3{
 display: block;
 margin: 0 auto;
 width: 425px;
margin-top: 0px;
}



/*subarea*
***************************************/
/* localnavi */
div#subarea div.localnavi{
 float: left;
 width: 200px;
 padding: 10px 0 0 15px;
}

div#subarea div.localnavi ul li{
 width: 169px;
/* height: 35px; */
 min-height: 35px;
 border: 1px solid #e9e4d0;
 margin: 2px 0;
 padding: 0;
 list-style: none;
 font-weight: bold;
 background-color: #fff;
}

div#subarea div.localnavi ul li.active{
 background-color: #edce9f;
 border-color: #edce9f;
}

div#subarea div.localnavi ul li.title{
 width: 171px;
 border: none;
 background: url("../../common/images/bg_submenuTitle.gif") no-repeat left top;
 color: #fff;
}

div#subarea div.localnavi ul li.title p{
 padding: 5px 3px 3px 5px;
}

div#subarea div.localnavi ul li a,
div#subarea div.localnavi ul li.active span{
 display: block;
 /*width: 162px;*/
/* height: 26px;*/
 min-height: 26px;
 padding: 6px 3px 3px 24px;
}

div#subarea div.localnavi ul li.active span{
/*    margin-left: 10px;*/
}

div#subarea div.maincontent {
 float: left;
 width: 680px;
 padding: 10px 0 0 20px;
}

div#subarea.noLocalnavi{
 width: 716px;
 padding: 10px 0 0;
 margin-left: auto;
 margin-right: auto;
 display: block;
 _margin-left: 111px;
}

div#subarea.noLocalnavi div.maincontent{
 float: none;
 width: 680px;
 padding: 0;
 padding-left: 20px;
 margin-left: auto;
 margin-right: auto;
 display: block;
 _margin-left: 23px;
}

div#address p{
    display: block;
}

#address p.colL{
   float: left;
   text-align: left;
}
#address p.colR{
   text-align: right;
}

/* contents *
***************************************/
/* intra-page navigation */
#intrapageNavi{
 margin-top: 10px;
}

#intrapageNavi ul{

}

#intrapageNavi ul li{
 width: 120px;
/* height: 3em;*/
 min-height: 2em;
 margin: 0 0 2px 0;
 padding: 0.3em 3px 0.3em 5px;
 float: left;
 list-style: none;
 border-left: 1px solid #89A7AD;
}

#intrapageNavi ul li a{
 display: block;
/* height: 100%;*/
 min-height: 2em;
 padding: 0 0 0 13px;
 color: #4b474b;
 background: url("../../common/images/list_pagelink.png") no-repeat left 0.5em;
 text-decoration: none;
}

#intrapageNavi ul li a:hover{
 color: #FB873E;
 background: url("../../common/images/list_pagelink_on.png") no-repeat left 0.5em;
}

/* intra-page navigation for top */

#intrapageNaviTop{
 margin-top: 10px;
}

#intrapageNaviTop ul{

}

#intrapageNaviTop ul li{
 width: 161px;
 _width: 151px;
/* height: 3em;*/
 min-height: 2em;
 margin: 0 0 2px 0;
 padding: 0em 3px 0em 5px;
 float: left;
 list-style: none;
 border-left: 1px solid #89A7AD;
}

#intrapageNaviTop ul li a{
 display: block;
/* height: 100%;*/
 min-height: 2em;
 padding: 0 0 0 13px;
 color: #4b474b;
 background: url("../../common/images/list_pagelink.png") no-repeat left 0.5em;
 text-decoration: none;
}

#intrapageNaviTop ul li a:hover{
 color: #FB873E;
 background: url("../../common/images/list_pagelink_on.png") no-repeat left 0.5em;
}

.intrapageNaviTop{
 margin-top: 10px;
}

.intrapageNaviTop ul{

}

.intrapageNaviTop ul li{
 width: 161px;
 _width: 151px;
/* height: 3em;*/
 min-height: 2em;
 margin: 0 0 2px 0;
 padding: 0em 3px 0em 5px;
 float: left;
 list-style: none;
 border-left: 1px solid #89A7AD;
}

.intrapageNaviTop ul li a{
 display: block;
/* height: 100%;*/
 min-height: 2em;
 padding: 0 0 0 13px;
 color: #4b474b;
 background: url("../../common/images/list_pagelink.png") no-repeat left 0.5em;
 text-decoration: none;
}

.intrapageNaviTop ul li a:hover{
 color: #FB873E;
 background: url("../../common/images/list_pagelink_on.png") no-repeat left 0.5em;
}




/* p *
***************************************/
p.note {
 font-size: 85%;
 color: #847c6d;
 margin-left: 2em;
 text-indent: -1em;
}

.headsup{
 color: #c21525;
 margin-left: 4em;
 text-indent: -3em;
}

ol.headsup{
 margin-left: 0em;
 text-indent: 0em;
}

span.headsup{
 margin-left: 0em;
 text-indent: 0em;
}

.headsupClear{
 color:#4b474b;
}

label.error{
 color: #c21525;
}

/* a *
***************************************/
.maincontent a{
 color: #FB873E;
 text-decoration:underline;
}

.maincontent a:hover{
 color: #FB873E;
 text-decoration:none;
}

/* linkList *
***************************************/
ul.linkList{
 margin: 10px 0;
}

ul.linkList li{
 list-style: none;
}

ul.linkList li a{
 padding-left: 10px;
 color: #4b474b;
 background: url("../../common/images/list_linkarrow.gif") no-repeat left 0.4em;
}

* html ul.linkList li a{
 background: url("../../common/images/list_linkarrow.gif") no-repeat left 0.2em;
}

ul.linkList li a:hover{
 color: #FB873E;
}

ol.featureList li {
 margin-bottom: 10px;
}

/* div.column *
***************************************/
div.column{
 border: 1px solid #89a6ac;
 margin: 5px 0;
 padding: 5px;
}

div.columnHeadsup{
 border: 1px solid #c21525;
 margin: 5px 0;
 padding: 5px;
}

/* table *
***************************************/
table{
 border-collapse: collapse;
 margin-bottom: 10px;
}

table th,
table td{
 border: 1px solid #89a7ad;
 border-left: none;
 padding: 3px;
}

table thead th{
 background: #b4c7cb;
 color: #fff;
 font-weight: bold;
 text-align: center;
 vertical-align: middle;
}

table tbody th{
 background: #f0eede;
 font-weight: bold;
 text-align: center;
 vertical-align: middle;
}

table tbody td{
 background: #fff;
 text-align: center;
 vertical-align: middle;
}

table th.last,
table td.last{
 border-right: none !important;
}

table.noBorder th,
table.noBorder td{
 border:none;
}


table.form{
 width: 600px;
 margin:0 auto;
}