/* index.html
--------------------------------- \*/

.title { width:634px; height: 32px; padding: 0; margin: 0 24px 15px 17px; display:block;}

.beo_box { width:675px; height: auto; margin-bottom:100px; padding:0; float:left; }

.beo_box ul { margin:0; padding:0; width:675px; list-style-type:none;}

.beo_box li { margin-bottom:10px;}

.beo_box li .01 a { text-indent: -9999em; display: block; width:675px; height:65px;}
.beo_box li .01 a:hover { background-image:url(../img/merit_01_on.jpg); background-repeat:no-repeat;}

.beo_box li .02 a { text-indent: -9999em; display: block; width:675px; height:65px;}
.beo_box li .02 a:hover { background-image:url(../img/merit_02_on.jpg); background-repeat:no-repeat;}

.beo_box li .03 a { text-indent: -9999em; display: block; width:675px; height:65px;}
.beo_box li .03 a:hover { background-image:url(../img/merit_03_on.jpg); background-repeat:no-repeat;}

.beo_box li .04 a { text-indent: -9999em; display: block; width:675px; height:65px;}
.beo_box li .04 a:hover { background-image:url(../img/merit_04_on.jpg); background-repeat:no-repeat;}

.beo_box li .05 a { text-indent: -9999em; display: block; width:675px; height:65px;}
.beo_box li .05 a:hover { background-image:url(../img/merit_05_on.jpg); background-repeat:no-repeat;}

.beo_box li .06 a { text-indent: -9999em; display: block; width:675px; height:65px;}
.beo_box li .06 a:hover { background-image:url(../img/merit_06_on.jpg); background-repeat:no-repeat;}

.beo_box li .07 a { text-indent: -9999em; display: block; width:675px; height:65px;}
.beo_box li .07 a:hover { background-image:url(../img/merit_07_on.jpg); background-repeat:no-repeat;}


/* NÕACR
--------------------------------- \*/
.nomark002 { margin:3px 0 20px 0; padding:0; text-align:right; display:block;}
.nomark002 a { display:inline; padding:0 0 0 1.5em; background:url("../img/icon_001.gif") 0.5em 50% no-repeat;}
.nomark002 a:link { color: #2d7fbd; text-decoration: underline; }
.nomark002 a:visited { text-decoration: underline;  }
.nomark002 a:hover { color: #2d7fbd; text-decoration: none;  }


/* text
 ------------------------------ \*/
strong { font: #206ce4;}

/* reasons01
 ------------------------------ \*/
#reason01 { width: 675px; margin-top: 10px; padding:0; float:left;}

#reason01 h3 { width: 675px; height: 65px; padding:0; margin:0; background:url(../img/merit_tit01.gif) no-repeat left top; text-indent: -9000px;}

#reason01 .text_area1 { padding: 0 30px; margin-bottom: 20px; }

#reason01 .text_area1 p { width: 600px; padding:0; margin-top: 10px;}

/* reason02
 ------------------------------ \*/
#reason02 { width: 675px; margin-top: 10px; padding:0; float:left;}

#reason02 h3 { width: 675px; height: 65px; padding:0; margin:0; background:url(../img/merit_tit02.gif) no-repeat left top; text-indent: -9000px;}

#reason02 .text_area2 { padding: 0 30px; margin-bottom: 20px; float: left;}

#reason02 .text_area2 p { width: 600px; padding:0; float: left; clear: both;}


/* reason3
 ------------------------------ \*/
#reason03 { width: 675px; margin: 0; padding:0; float:left;}

#reason03 h3 { width: 675px; height: 65px; padding:0; margin:0; background:url(../img/merit_tit03.gif) no-repeat left top; text-indent: -9000px;}

#reason03 img { margin: 0 10px 20px 0; padding: 0px; float: left; width:212px;}

#reason03 .text_area3 { width: 450px; padding: 0; margin-bottom: 20px; float: right;}

#reason03 .text_area3 p { width: 420px; padding: 0; margin-bottom: 20px;}

#reason03 .text_area3  ul { width: 420px; padding:0; margin: 0px; list-style-type: none; }

#reason03 .text_area3  li { background: url(../img/merit_yaji.gif) no-repeat left; width: 369px; margin: 0; padding: 0 0 0 13px; display: block;}

#text_area3 .right_area3  li.list2 { background: url(../img/merit_yaji.gif) no-repeat left top; width: 369px; margin: 0; padding: 0 0 0 13px; display: block;}


/* reason4
 ------------------------------ \*/

#reason04 { width: 675px; margin: 0; padding:0; float:left;}

#reason04 h3 { width: 675px; height: 65px; padding:0; margin:0; background:url(../img/merit_tit04.gif) no-repeat left top; text-indent: -9000px;}

#reason04 .text_area04 { width: 675px; padding: 0 30px; margin-bottom: 20px; float: left;}

#reason04 .text_area04 .txt { width: 600px; padding: 0; margin-bottom: 25px; display:block;}

#reason04 .text_area04 p { width: 600px; height: 28px; padding:0; margin-bottom: 10px; display:block;}


/* reason5
 ------------------------------ \*/
#reason05 { width: 675px; margin: 0; padding:0; float:left;}

#reason05 h3 { width: 675px; height: 65px; padding:0; margin:0; background:url(../img/merit_tit05.gif) no-repeat left top; text-indent: -9000px;}

#reason05 .text_area05 { width: 675px; padding: 0 30px; margin-bottom: 20px; float: left;}

#reason05 .text_area05 .txt { width: 600px; padding: 0; margin-bottom: 25px; display:block;}

#reason05 .text_area05 p { width: 600px; height: 28px; padding:0; margin-bottom: 10px; display:block;}

/* reason6
 ------------------------------ \*/

#reason06 { width: 675px; margin: 0; padding:0; float:left;}

#reason06 h3 { width: 675px; height: 65px; padding:0; margin:0; background:url(../img/merit_tit06.gif) no-repeat left top; text-indent: -9000px;}

#reason06 .text_area6 { width: 675px; padding: 0 30px; margin-bottom: 20px; float: left;}

#reason06 .text_area6 .txt { width: 600px; padding: 0; margin-bottom: 25px; display:block; float: left;}

#reason06 .text_area6 .txt_last { width: 600px; padding: 0; margin-bottom: 10px; display:block; float: left;}

#reason06 .text_area6 .txt2 { width: 479px; padding: 0; margin-bottom: 25px; display:block; float: left;}

#reason06 .text_area6 .pic1 { width: 112px; height: 142px; padding: 0; margin: 0 0 10px 10px; float: left;}

#reason06 .text_area6 .txt3 { width: 443px; padding: 0; margin-bottom: 25px; display:block; float: left;}

#reason06 .text_area6 .pic3 { width: 148px; height: 111px; padding: 0; margin: 0 0 10px 10px; float: left;}

#reason06 .text_area6 p { width: 600px; height: 28px; padding:0; margin-bottom: 10px; float: left; display:block; }

/* reason7
 ------------------------------ \*/

#reason07 { width: 675px; margin: 0; padding:0; float:left;}

#reason07 h3 { width: 675px; height: 65px; padding:0; margin:0; background:url(../img/merit_tit07.gif) no-repeat left top; text-indent: -9000px;}

#reason07 .text_area07 { width: 600px; padding: 0 30px; margin-bottom: 20px; float: left;}

#reason07 .text_area07 p { width: 600px; padding:0; float: left;}

/* reason8
 ------------------------------ \*/

#reason08 { width: 675px; margin: 0; padding:0; float:left;}

#reason08 h3 { width: 675px; height: 65px; padding:0; margin:0; background:url(../img/merit_tit08.gif) no-repeat left top; text-indent: -9000px;}

#reason08 img { margin: 0 10px 20px 0; padding: 0px; float: left; width:212px;}

#reason08 .text_area8 { width: 450px; padding: 0; margin-bottom: 20px; float: right;}

#reason08 .text_area8 p { width: 420px; padding: 0; margin-bottom: 20px;}

#reason08 .text_area8  dl { width: 420px; padding:0; margin: 0px; list-style-type: none; }

#reason08 .text_area8  dt { width: 420px; margin: 0; padding: 0; display: block;}
#reason08 .text_area8  dd { background: url(../img/merit_yaji.gif) no-repeat left; width: 420px; margin: 0; padding: 0 0 0 13px; display: block;}

#text_area8 .right_area8  li.list2 { background: url(../img/merit_yaji.gif) no-repeat left top; width: 369px; margin: 0; padding: 0 0 0 13px; display: block;}

/* NÕACR
--------------------------------- \*/
.nomark003 { margin:3px 0 25px 0; padding:0; width: 600px; text-align:right; display:block;}
.nomark003 a { display:inline; padding:0 0 0 1.5em; background:url("../img/icon_001.gif") 0.5em 50% no-repeat;}
.nomark003 a:link { color: #2d7fbd; text-decoration: underline; }
.nomark003 a:visited { text-decoration: underline;  }
.nomark003 a:hover { color: #2d7fbd; text-decoration: none;  }