@charset "utf-8";

/*===============================================*
*	#contentsArea #columnA
*===============================================*/
#top #wrapper a.targetBlank{
background: url(../../cmn/images/cmn_blank_win.gif) no-repeat 0 center;
padding:0 7px 0 14px;
color: #484747;
text-decoration: none;
}
#top #wrapper a.targetBlank:hover{
text-decoration:underline;
}

#contentsArea #contentsAreaBody #columnA .description {
line-height: 1.2em;
}

#contentsArea #contentsAreaBody #columnA .addressInfo dl{
clear: both;
}
#contentsArea #contentsAreaBody #columnA .addressInfo dt{
float: left;
display: inline;
}
#contentsArea #contentsAreaBody #columnA .addressInfo dd{
float: left;
display: inline;
margin: 0 0 0 1.5em;
}

#contentsArea #contentsAreaBody #columnA td .definitionList dt {
clear: both;
float: left;
width: 120px;
padding:3px 0;
}

#contentsArea #contentsAreaBody #columnA td .definitionList dd {
width: 150px;
margin-left: 120px;
padding:3px 0;
}

#contentsArea #contentsAreaBody #columnA h2 {
clear: both;
margin: 0 0 15px 0;
display: block;
background: url(../../cmn/images/com_h2_bg613.jpg) no-repeat top left;
line-height: 28px;
padding: 0 0 0 14px;
font-size: 1.2em;
font-weight: bold;
height: 28px;
width: 599px;
position: relative;
}

#contentsArea #contentsAreaBody #columnA h2 span.linkText{
position: absolute;
font-weight:normal;
font-size: 0.8em;
top: 0;
right: 15px;
}
#contentsArea #contentsAreaBody #columnA h2 span.linkText a{
background: url(../../cmn/images/cmn_blank_win.gif) no-repeat center left;
padding: 0 0 0 16px;
color: #484747; 
text-decoration: none;
}
#contentsArea #contentsAreaBody #columnA h2 span.linkText a:hover { text-decoration:underline;}

#contentsArea #contentsAreaBody #columnA h3 {
clear: both;
background-color: #000000;
padding: 3px 0 1px 10px;
margin-bottom: 10px;
}
#contentsArea #contentsAreaBody #columnA h3 span {
font-weight: bold;
color: #FFFFFF;
line-height: 1.4;
}

#contentsArea #contentsAreaBody #columnA table.type1 {
margin-bottom: 30px;
}
#contentsArea #contentsAreaBody #columnA table.type1 th {
text-align: center;
}


#contentsArea #contentsAreaBody #columnA .contentsSection {
clear: both;
margin-bottom: 40px;
}

#contentsArea #contentsAreaBody #columnA .contentsSection .columnPhoto{
float: left;
width: 250px;
}
#contentsArea #contentsAreaBody #columnA .contentsSection .columnPhoto p.caption{
margin: 0 0 20px 0;
}
#contentsArea #contentsAreaBody #columnA .contentsSection .columnText{
float: left;
width: 350px;
margin: 0 0 0 13px;
}
#contentsArea #contentsAreaBody #columnA .contentsSection .columnText ul{
line-height: 1.2em;
margin: 0 0 15px 20px;
}
#contentsArea #contentsAreaBody #columnA .contentsSection .columnText li{
line-height: 1.2em;
margin: 0 0 10px 0;
}

#contentsArea #contentsAreaBody #columnA a.detailsLink {
background: url(../../cmn/images/cmn_arrow1.gif) no-repeat left center;
color: #484747;
text-decoration: none;
padding: 0 7px;
}
#contentsArea #contentsAreaBody #columnA a.detailsLink:hover {
text-decoration:underline;
}



/*  greeting
---------------------------------------------------------------*/

#contentsArea #contentsAreaBody #columnA p.greetingTxt {
line-height: 1.5;
}
#contentsArea #contentsAreaBody #columnA p.signTxt {
text-align: right;
}


/*  facilities
---------------------------------------------------------------*/

#contentsArea #contentsAreaBody #columnA .facDescription {
margin-bottom: 40px;
}

#contentsArea #contentsAreaBody #columnA .separateBox {
width: 613px;
background: url(../images/fac_line_dot.gif) no-repeat left bottom;
margin-bottom: 15px;
}
#contentsArea #contentsAreaBody #columnA .separateBox .column1 { 
float: left;
width: 299px;
}
#contentsArea #contentsAreaBody #columnA .separateBox .column2 { 
float: right;
width: 299px;
}

#contentsArea #contentsAreaBody #columnA .separateBox h3 {
clear: both;
background: none;
padding: 0;
margin-bottom: 15px;
}


#contentsArea #contentsAreaBody #columnA .separateBox ul {
float: left;
list-style: none;
width: 140px;
padding: 0 5px 25px 3px;
}
#contentsArea #contentsAreaBody #columnA .separateBox li {
background: url(../../cmn/images/cmn_icon_link01.gif) no-repeat 0px 2px;
padding: 0 0 0 14px;
line-height: 1.2;
margin-bottom: 5px;
}

#contentsArea #contentsAreaBody #columnA .separateBox li a {
color: #474747;
text-decoration: none;
}
#contentsArea #contentsAreaBody #columnA .separateBox li a:hover {
text-decoration: underline;
}


/*  operation
---------------------------------------------------------------*/

#contentsArea #contentsAreaBody #columnA #contentsLinksOpe {
border: 1px solid #DBDAD8;
margin: 0 0 20px;
padding-left: 30px;
}
#contentsArea #contentsAreaBody #columnA #contentsLinksOpe li {
float: left;
display: inline;
white-space:nowrap;
}
#contentsArea #contentsAreaBody #columnA #contentsLinksOpe a {
display: block;
color: #484747;
text-decoration: none;
padding: 0 15px 0 9px;
background-image: url(../../cmn/images/cmn_arrow2.gif);
background-repeat: no-repeat;
background-position: left center;
}
#contentsArea #contentsAreaBody #columnA #contentsLinksOpe a:hover {
text-decoration:underline;
}

#contentsArea #contentsAreaBody #columnA .illustration {
width: 527px;
margin: 0 auto 35px;
}
#contentsArea #contentsAreaBody #columnA .illustrationSmallTalk {
width: 527px;
margin: 0 auto 15px;
}
#contentsArea #contentsAreaBody #columnA .illustrationMiddleTalk {
width: 527px;
margin: 0 auto 25px;
}

#contentsArea #contentsAreaBody #columnA h3.step {
clear: both;
background: none;
padding: 0;
margin-bottom: 20px;
}

#contentsArea #contentsAreaBody #columnA ul.circleType {
list-style: none;
}
#contentsArea #contentsAreaBody #columnA ul.circleType li {
background: url(../../cmn/images/icon_circle.gif) no-repeat 0 4px;
padding: 0 0 0 16px;
margin-bottom: 5px;
line-height: 1.3;
}

#contentsArea #contentsAreaBody #columnA .stepArrow {
text-align: center;
margin-bottom: 15px;
}

#contentsArea #contentsAreaBody #columnA .particularBox {
background-color: #e7e1d1;
padding: 10px;
}
#contentsArea #contentsAreaBody #columnA .particularBox p.select {
padding: 4px;
background-color: #FFFFFF;
margin: 0;
}

#contentsArea #contentsAreaBody #columnA .particularBox p.select strong {
color: #ab2c41;
font-weight: bold;
}












/*  operation exsample
---------------------------------------------------------------*/
div.operation_example_box{
width: 600px;
margin-left: auto;
margin-right: auto;
}
div.operation_example_box .half{float: left;width: 295px;}
div.operation_example_box .half2{float: right;width: 295px;}

div.operation_example_box .col2_thi{float: left;width: 160px;}
div.operation_example_box .col2_lar{float: right;width: 430px;}

div.operation_example_box .col2v2_thi{float: right;width: 160px;}
div.operation_example_box .col2v2_lar{float: left;width: 430px;}


div.operation_example_box p{padding: 3px 0 0px 0;margin: 0 0 0 0;}
div.operation_example_box p.clear{margin: 0 0 5px 0;padding: 0;}