@charset "utf-8";
* {
margin: 0px;
padding: 0px;
}
body {
font-family: Arial, Helvetica, sans-serif;
color: #222222;
font-size: 12px;
line-height: 120%;
background-image: url(../images/body_backgroundbg.gif);
background-repeat: repeat-x;
background-position: center top;
position: relative;
}
#mapbg {


}
img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.clear {
clear: both;
font-size: 0px;
}
a {
color: 0099ff;
}
a:hover {
color: #8A4800;
text-decoration: none;
}
.over_off {
filter: alpha(opacity=50);  /* IE7以下向け */
opacity: 0.5; /* Fx1.5以上、Opera、Safari向け */
-ms-filter: "alpha(opacity=50)"; /* IE8向け */
-moz-opacity: 0.5; /* Fx1.5未満向け */
-khtml-opacity: 0.5; /* Webkit向け */
}
a:hover .over_off {
filter: alpha(opacity=100);  /* IE7以下向け */
opacity: 1.0; /* Fx1.5以上、Opera、Safari向け */
-ms-filter: "alpha(opacity=100)"; /* IE8向け */
-moz-opacity: 1.0; /* Fx1.5未満向け */
-khtml-opacity: 1.0; /* Webkit向け */
}
a:visited {
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
a:hover .over {
opacity: 0.8;
filter:

 alpha(opacity=80);
}
.clearfix {
display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */

#wrapper {
width: 900px;
margin-right: auto;
margin-left: auto;
}
#header {
width: 900px;
height: 68px;
}
#header .headerArea1 {
height: 19px;
text-align: right;
padding-top: 6px;
background-color: #FFFFFF;
font-size: 0px;
}
#header .headerArea1 ul {
}
#header .headerArea1 li {
float: right;
list-style-type: none;
padding-right: 7px;
}
#header .headerArea2 {
height: 43px;
width: 900px;
}
#header .headerArea2 .logo {
padding-left: 11px;
float: left;
width: 144px;
font-size: 0px;
}
#header .headerArea2 .headaccount {
float: left;
width: 165px;
margin-top:8px;
padding-left: 15px;
}
#header .opena {

}
#header .opena a {
width:150px;
display:block;
text-align:center;
cursor: pointer;
font-weight: bold;
text-decoration: none;
border: 1px solid rgb(171, 119, 119);
padding: 4px 0px 4px 0px;
color: rgb(0, 51, 102);
text-shadow: 0px 0px 5px rgb(255, 255, 255);
font-size: 12px;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
background-color: rgb(255,140,143);
background: linear-gradient(to bottom, rgb(246, 250, 251), rgb(235, 193, 193));
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(246, 250, 251)), to(rgb(235, 193, 193)));
background-image: -moz-linear-gradient(-90deg, rgb(246, 250, 251), rgb(235, 193, 193));
}
#header .opena a:hover {
width:150px;
display:block;
text-align:center;
text-decoration: none;
font-weight: bold;
border: 1px solid rgb(202, 88, 88);
padding: 4px 0px 4px 0px;
color: rgb(0, 51, 102);
font-size: 12px;
text-shadow: 0px 0px 5px rgb(255, 255, 255);
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
background-color: rgb(255,68,72);
background: linear-gradient(to bottom, rgb(254, 243, 243), rgb(255, 173, 173));
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(254, 243, 243)), to(rgb(255, 173, 173)));
background-image: -moz-linear-gradient(-90deg, rgb(254, 243, 243), rgb(255, 173, 173));
}
#header .mymt4 {

}
#header .mymt4 a {
width:150px;
display:block;
text-align:center;
cursor: pointer;
font-weight:bold;
text-decoration: none;
border: 1px solid rgb(119, 160, 171);
color: rgb(0, 51, 102);
text-shadow: 0px 0px 5px rgb(255, 255, 255);
font-size: 12px;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
background-color: rgb(0,255,255);
background: linear-gradient(to bottom, rgb(246, 250, 251), rgb(193, 226, 235));
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(246, 250, 251)), to(rgb(193, 226, 235)));
background-image: -moz-linear-gradient(-90deg, rgb(246, 250, 251), rgb(193, 226, 235));
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
#header .mymt4 a:hover {
width:150px;
display:block;
text-align:center;
text-decoration: none;
font-weight:bold;
border: 1px solid rgb(88, 140, 202);
color: rgb(0, 51, 102);
font-size: 12px;
text-shadow: 0px 0px 5px rgb(255, 255, 255);
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
background-color: rgb(0,204,255);
background: linear-gradient(to bottom, rgb(243, 248, 254), rgb(173, 210, 255));
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(243, 248, 254)), to(rgb(173, 210, 255)));
background-image: -moz-linear-gradient(-90deg, rgb(243, 248, 254), rgb(173, 210, 255));
padding-top: 2px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
}
#header .headerArea2 .headfaq {
float: left;
width: 165px;
padding-top: 8px;
padding-left: 15px;
}
#header .headerArea2 .livechatbox {
float: left;
height: 21px;
width: 131px;
padding-top: 15px;
padding-left: 4px;
}
#header .headerArea2 .search {
vertical-align: top;
padding-top: 8px;
float: left;
width: 230px;
padding-left: 20px;
}
#header .headerArea2 .search #search {
float: left;
height: 17px;
width: 158px;
border: 1px solid #dcdcdc;
}
#header .headerArea2 .search #button {
float: left;
padding-left: 5px;
}
#glnavi {
margin-top: 5px;
height: 38px;
position: relative;
width: 1100px;
}

#glnavi .home {
background-image: url(../images/homeb.png);
background-repeat: no-repeat;
height: 21px;
width: 21px;
display: block;
position: absolute;
left: -31px;
top: 7px;
}
#glnavi .home a {
text-indent: -9999px;
height: 21px;
width: 21px;
display: block;
}

#glnavi ul {
list-style-type: none;
}
#glnavi .gl {
float: left;
}

#glnavi .gl00 .a0 {
height: 38px;
width: 114px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
text-decoration: none;
color: #FFF;
text-align: center;
font-size: 15px;
line-height: 250%;
}


#glnavi .gl01 .a1 {
height: 38px;
width: 113px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: -114px top;
background-repeat: no-repeat;
text-decoration: none;
color: #FFF;
text-align: center;
font-size: 15px;
line-height: 250%;
}
#glnavi .gl02 .a2 {
height: 38px;
width: 112px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: -227px top;
background-repeat: no-repeat;
line-height: 250%;
color: #FFF;
font-size: 15px;
text-decoration: none;
text-align: center;
}
#glnavi .gl03 .a3 {
height: 38px;
width: 112px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: -339px top;
background-repeat: no-repeat;
line-height: 250%;
font-size: 15px;
color: #FFF;
text-decoration: none;
text-align: center;
}
#glnavi .gl04 .a4 {
height: 38px;
width: 112px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: -451px top;
background-repeat: no-repeat;
line-height: 250%;
font-size: 15px;
color: #FFF;
text-decoration: none;
text-align: center;
}
#glnavi .gl05 .a5 {
height: 38px;
width: 112px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: -563px top;
background-repeat: no-repeat;
line-height: 250%;
font-size: 15px;
color: #FFF;
text-decoration: none;
text-align: center;
}
#glnavi .gl06 .a6 {
height: 38px;
width: 112px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: -675px top;
background-repeat: no-repeat;
line-height: 250%;
font-size: 15px;
color: #FFF;
text-decoration: none;
text-align: center;
}
#glnavi .gl07 .a7 {
height: 38px;
width: 112px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: -787px top;
background-repeat: no-repeat;
line-height: 250%;
font-size: 15px;
color: #FFF;
text-decoration: none;
text-align: center;
}
#glnavi .gl08 .a8 {
height: 38px;
width: 125px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: -784px top;
background-repeat: no-repeat;
line-height: 250%;
font-size: 15px;
color: #FFF;
text-decoration: none;
text-align: center;
}
#glnavi .gl09 .a9 {
height: 38px;
width: 125px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: -900px top;
background-repeat: no-repeat;
line-height: 250%;
font-size: 15px;
color: #FFF;
text-decoration: none;
text-align: center;
}

#glnavi .gl00 .a0:hover {
height: 38px;
width: 114px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: 0px -38px;
background-repeat: no-repeat;
}



#glnavi .gl01 .a1:hover {
height: 38px;
width: 113px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: -114px -38px;
background-repeat: no-repeat;
}
#glnavi .gl02 .a2:hover {
height: 38px;
width: 112px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: -227px -38px;
background-repeat: no-repeat;
}
#glnavi .gl03 .a3:hover {
height: 38px;
width: 112px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: -339px -38px;
background-repeat: no-repeat;
}
#glnavi .gl04 .a4:hover {
height: 38px;
width: 112px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: -451px -38px;
background-repeat: no-repeat;
}
#glnavi .gl05 .a5:hover {
height: 38px;
width: 112px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: -563px -38px;
background-repeat: no-repeat;
}
#glnavi .gl06 .a6:hover {
height: 38px;
width: 112px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: -675px -38px;
background-repeat: no-repeat;
}
#glnavi .gl07 .a7:hover {
height: 38px;
width: 112px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: -787px -38px;
background-repeat: no-repeat;
}
#glnavi .gl08 .a8:hover {
height: 38px;
width: 125px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: -900px -38px;
background-repeat: no-repeat;
}
#glnavi .gl09 .a9:hover {
height: 38px;
width: 125px;
display: block;
background-image: url(../images/gl_navi.gif);
background-position: -900px -38px;
background-repeat: no-repeat;
}
/*　▼doropmenu */

/* サブメニュー1段目 */
#glnavi ul ul {
display: none;
position: absolute;
top: 100%;
z-index: 2;
left: 0;
}
/* サブメニュー2段目以降 */
#glnavi ul ul ul {
top: 0;
left: 100%;
}
#glnavi li li {
clear: both;
}
#glnavi li li a {
display: block;
width: 160px;
padding: 5px;
background-color: #FFF;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #CCC;
border-bottom-color: #CCC;
border-left-color: #CCC;
filter: alpha(opacity=95);
opacity: 0.95;
-moz-opacity: 0.95;
text-decoration: none;
}
#glnavi li li a:hover {
display: block;
width: 160px;
padding: 5px;
background-color: #0CF;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #CCC;
border-bottom-color: #CCC;
border-left-color: #CCC;
filter: alpha(opacity=95);
opacity: 0.95;
-moz-opacity: 0.95;
text-decoration: none;
color: #FFF;
}
#glnavi .rrr {
position: relative;
right: 43px;
}
#glnavi li:hover {
position: relative;
}
#glnavi li:hover > ul {
display: block;
}
/*　▲doropmenu */

#main {
padding-top: 14px;
width: 900px;
padding-bottom: 14px;
}
#main #top {
margin-bottom: 15px;
}
#main #top .topleft {
width: 210px;
float: left;
padding-right: 10px;
}
#main #top .topleft .l_link {
padding-bottom: 5px;
}
#main #top .toprimg {
float: left;
}
#main .topimg {
padding-bottom: 15px;
}
#main .othertopimg {
background-image: url(../images/category/other_imgbg.gif);
background-repeat: no-repeat;
height: 41px;
width: 875px;
padding-left: 25px;
font-weight: bold;
margin-bottom: 15px;
font-size: 18px;
line-height: 220%;
color: #555555;
}
#main .toprisk {
line-height: 150%;
font-size: 12px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
margin-top: 5px;

}
#main .cbutton_menu {
display: flex;
margin-top: 15px;
}
#main .newsArea {
width: 900px;
}
#main .newsArea .news {
width: 446px;
padding-right: 8px;
float: left;
}
#main .newsArea .expl {
background-image: url(../images/100bg.gif);
background-repeat: no-repeat;
background-position: left top;
width: 446px;
float: left;
height: 134px;
}
#main .newsArea .expl p {
padding-right: 15px;
padding-left: 15px;
padding-top: 15px;
padding-bottom: 10px;
line-height: 140%;
}
#main .newsArea .news .h2FunctionTop a {
display: block;
position: relative;
float: right;
margin-top: -20px;
text-indent: -9999px;
line-height: 0;
font-size: 0.1em;
}
#main .newsArea .news .h2FunctionTop a.readall {
display: inline;
margin-right: 10px;
width: 63px;
height: 13px;
background-color: #FFFFFF;
background-image: url(../images/readall_icon.gif);
background-repeat: no-repeat;
background-position: left top;
}
#main .newsArea .news .h2FunctionTop a.rss {
display: inline;
margin-right: 80px;
*margin-right:7px;
width: 37px;
height: 13px;
background-color: #FFFFFF;
background-image: url(../images/rss_icon.gif);
background-repeat: no-repeat;
background-position: left top;
}
#main .newsArea .news .articleArea {
width: 446px;
background-image: url(../images/hirosenews_dotbg.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 6px;
height: auto;
margin-top: 5px;
}
#main .newsArea .news .articleArea .time {
width: 75px;
float: left;
padding-left: 2px;
display: inline;
}
#main .newsArea .news .articleArea .article {
float: left;
width: 357px;
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left: 12px;
background-image: url(../images/newsicon.gif);
}
#main .newsArea .news .articleArea .article_i {
float: left;
width: 339px;
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left: 30px;
background-image: url(../images/newsicon_im.gif);
}
#main #ulinknaviArea {
padding-bottom: 10px;
padding-top: 0px;
}
/*ニュースエリア2カラム*/
#main .newsArea2column {
width: 680px;
padding-left: 10px;
}
#main .newsArea2column .news {
width: 670px;
padding-right: 10px;
float: left;
}
#main .newsArea2column .expl {
background-image: url(../images/100bg.gif);
background-repeat: no-repeat;
background-position: left top;
width: 446px;
float: left;
height: 134px;
}
#main .newsArea2column .expl p {
padding-right: 15px;
padding-left: 15px;
padding-top: 15px;
padding-bottom: 10px;
line-height: 140%;
}
#main .newsArea2column .news .h2FunctionTop a {
display: block;
position: relative;
float: right;
margin-top: -20px;
text-indent: -9999px;
line-height: 0;
font-size: 0.1em;
}
#main .newsArea2column .news .h2FunctionTop a.readall {
display: inline;
margin-right: 10px;
width: 63px;
height: 13px;
background-color: #FFFFFF;
background-image: url(../images/readall_icon.gif);
background-repeat: no-repeat;
background-position: left top;
}
#main .newsArea2column .news .h2FunctionTop a.rss {
display: inline;
margin-right: 80px;
*margin-right:7px;
width: 37px;
height: 13px;
background-color: #FFFFFF;
background-image: url(../images/rss_icon.gif);
background-repeat: no-repeat;
background-position: left top;
}
#main .newsArea2column .news .articleArea {
width: 670px;
background-image: url(../images/hirosenews_dotbg.gif);
background-repeat: repeat-x;
background-position: left bottom;
padding-bottom: 6px;
height: auto;
margin-top: 5px;
}
#main .newsArea2column .news .articleArea .time {
width: 75px;
float: left;
padding-left: 2px;
display: inline;
}
#main .newsArea2column .news .articleArea .article {
float: left;
width: 580px;
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left: 12px;
background-image: url(../images/newsicon.gif);
}
#main .newsArea2column .news .articleArea .article_i {
float: left;
width: 339px;
background-repeat: no-repeat;
background-position: 0px 1px;
padding-left: 30px;
background-image: url(../images/newsicon_im.gif);
}
/*ニュースエリア2カラムここまで*/

#main #ulinknaviArea {
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #CCC;
border-bottom-color: #CCC;
margin-bottom: 10px;
}
#main #ulinknaviArea li {
list-style-type: none;
float: left;
}
#main #maincontent {
}
#main #maincontent #lboxArea {
float: left;
width: 690px;
margin-right: 10px;
}
#main #maincontent #lboxArea .midlinkArea {
/*角丸*/
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px; /* Firefox用 */
border: 1px solid #CCC;
margin-bottom: 10px;
}
#main #maincontent #lboxArea .midlinkArea .midlinktable td {
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCC;
width: 33%;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
}
#main #maincontent #lboxArea .midlinkArea .midtitle {
font-size: 16px;
font-weight: bold;
color: #333;
margin-bottom: 10px;
line-height: 120%;
}
#main #maincontent #lboxArea .midlinkArea .midtext p {
color: #666;
line-height: 150%;
}
#main #maincontent #lboxArea .midlinkArea .midlinkb a {
border: 1px solid rgb(29, 122, 138);
padding: 7px;
color: rgb(255, 255, 255);
font-size: 16px;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
background-color: rgb(0,153,204);
background: linear-gradient(to bottom, rgb(36, 125, 155), rgb(131, 206, 219));
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(36, 125, 155)), to(rgb(131, 206, 219)));
background-image: -moz-linear-gradient(-90deg, rgb(36, 125, 155), rgb(131, 206, 219));
display: block;
text-decoration: none;
margin-top: 5px;
margin-bottom: 5px;
width: 160px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
#main #maincontent #lboxArea .midlinkArea .midlinkb a:hover {
border: 1px solid rgb(0,204,255);
padding: 7px;
color: rgb(255, 255, 255);
font-size: 16px;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
background-color: rgb(0,153,204);
background: linear-gradient(to bottom, rgb(36, 125, 125), rgb(131, 206, 180));
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(36, 125, 125)), to(rgb(131, 206, 180)));
background-image: -moz-linear-gradient(-90deg, rgb(36, 125, 125), rgb(131, 206, 180));
display: block;
text-decoration: none;
margin-top: 5px;
margin-bottom: 5px;
width: 160px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
#main #maincontent #lboxArea .midlinkArea .midimg {
text-align: center;
}
#main #maincontent #rboxArea {
float: left;
width: 200px;
}
#main #maincontent #rboxArea .rbannerlink {
margin-bottom: 10px;
}
#main #maincontent #rboxArea .rbannerlink .rbtext {
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #CCC;
border-bottom-color: #CCC;
border-left-color: #CCC;
padding: 5px;
}
#main #maincontent #rboxArea .rbannerlink .rbtext h3 a {
text-decoration: none;
color: #72a7fd;
font-size: 14px;
line-height: 140%;
}
#main #maincontent #rboxArea .rbannerlink .rbtext h3 a:hover {
text-decoration: none;
color: #FF7979;
font-size: 14px;
line-height: 140%;
}
#main #maincontent #rboxArea .rbannerlink .rbtext p {
line-height: 150%;
}

#main #maincontent #rboxArea .rcplistbox {
margin-bottom: 10px;
}
#main #maincontent #rboxArea .rcplistbox h3 {
font-size: 16px; 
}
#main #maincontent #rboxArea .rcplistbox .list {
padding-top: 5px;
padding-right: 3px;
padding-bottom: 5px;
padding-left: 3px;
}
#main #maincontent #rboxArea .rcplistbox .list p {
margin-top: 5px;
 
}
#main #maincontent #rboxArea .rcplistbox .list p a {
color: #46b3e6;
font-size: 13px;
font-weight: bold; 
}
#main #maincontent #rboxArea .rcplistbox .list p a:hover {
color: #ff4d4d;
text-decoration: none;
 
}
#main #maincontent #rboxArea .momanu {
}


#main #maincontent #rboxArea .momanu h3 {
background-color: #afc4d4;
color: #04487a;
text-align: left;
font-size: 14px;
padding-top: 5px;
padding-right: 3px;
padding-bottom: 5px;
padding-left: 10px;
}
#main #maincontent #rboxArea .momanu .molink {
border-right-width: 10px;
border-bottom-width: 10px;
border-left-width: 10px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #afc6d6;
border-bottom-color: #afc6d6;
border-left-color: #afc6d6;
padding: 5px;
}
#main #maincontent #rboxArea .momanu .molink li {
list-style-type: disc;
line-height: 200%;
list-style-position: inside;
margin-left: 3px;
}
#main #maincontent #lboxArea .newsArea2column {
}

#main #maincontent #lboxArea .newsArea2column .news2co_left {
float: left;
width: 456px;
}
#main #maincontent #lboxArea .newsArea2column .news2co_right {
float: left;
width: 234px;
}

#main .panellink {
padding-bottom: 10px;
padding-top: 10px;
}
#main .panellink ul {
list-style-type: none;
}
#main .panellink li {
float: left;
padding-right: 9px;
}
#main .panellink .panelbox {
position: relative;
}
#main .panellink .panelbox .panelboxtext {
position: absolute;
width: 420px;
left: 10px;
top: 40px;
font-size: 16px;
color: #666666;
line-height: 150%;
}
#main .panellink .panelbox_text {
background-image: url(../images/topcontentlinkbg.gif);
background-repeat: no-repeat;
height: 125px;
width: 442px;
}
#main .panellink .panelbox_text h3 {
font-size: 22px;
padding-left: 20px;
padding-top: 10px;
color: #333;
}
#main .panellink .panelbox_text h3 a {
color: #333;
text-decoration: none;
display: block;
width: 422px;
}
#main .panellink .panelbox_text h3 a:hover {
color: #09F;
text-decoration: none;
}
#main .panellink .panelbox_text p {
padding-left: 10px;
padding-top: 15px;
padding-right: 10px;
font-size: 16px;
color: #333;
line-height: 150%;
}
#footer {
background-image: url(../images/footer_topline.gif);
background-position: left top;
background-repeat: no-repeat;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 15px;
}
#footer .footerlinkb {
padding-left: 5px;
}
#footer .footerlinkb ul {
list-style-type: none;
}
#footer .footerlinkb li {
padding-left: 5px;
padding-right: 5px;
float: left;
}
#footer .footerlogo {
height: 18px;
padding-right: 5px;
text-align: right;
padding-top: 3px;
padding-bottom: 3px;
}
#footer .footer_com {
line-height: 130%;
font-size: 12px;
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: dotted;
border-bottom-style: dotted;
border-top-color: #CCCCCC;
border-bottom-color: #CCCCCC;
margin-top: 10px;
margin-bottom: 10px;
width: 870px;
margin-right: 0px;
margin-left: 0px;
background-color: #F5F5F5;
color: #444444;
padding-right: 15px;
}
#footer .footer_risk {
line-height: 120%;
font-size: 15px;
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
margin-top: 10px;
margin-bottom: 10px;
width: 868px;
margin-right: 0px;
margin-left: 0px;
background-color: #F5F5F5;
color: #444444;
border: 1px solid #CCCCCC;
padding-right: 15px;
}
#footer .linkbox {
padding-right: 10px;
padding-left: 10px;
}
#footer .linkbox li {
float: left;
list-style-type: none;
padding-right: 10px;
}
#footer .linkbox .sicon {
padding-top: 0px;
}
#lp .live_a {
padding-left: 56px;
}
#lp {
background-image: url(../images/lp_bg.jpg);
background-repeat: no-repeat;
width: 900px;
background-color: #00366c;
}
#lp .toptext {
padding: 20px;
height: 331px;
width: 860px;
}
#lp .textbox {
margin-top: 20px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
}
#lp .textbox table {
border: 2px solid #FFF;
margin-right: auto;
margin-left: auto;
}
#lp .textbox table td {
padding: 5px;
text-align: center;
border: 1px solid #FFF;
}
#lp .toptext h1 {
font-weight: bold;
color: #FFFFFF;
font-size: 26px;
line-height: 150%;
}
#lp .contentstext {
padding: 20px;
width: 860px;
}
#lp .contentstext dl {
line-height: 2em;
}
#lp .contentstext dl dt {
padding-bottom: 5px;
font-size: 24px;
color: #FFF;
}
#lp .contentstext dl dd {
padding-bottom: 15px;
padding-left: 10px;
font-size: 18px;
color: #FFF;
}
#lp .contentstext .risk {
color: #FFF;
border: 1px solid #FFF;
padding: 10px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 14px;
background-color: #002e5c;
}
/****** OnloadLightBox CSS ****/
.black_overlay {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: none;
z-index: 1001;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity=80);
}
.white_content {
display: none;
position: absolute;
top: 10%;
left: 25%;
width: 50%;
height: auto;
text-align: left !important;
line-height: 16px;
padding: 10px 15px 15px 15px;
border: 8px solid #004e7f;
z-index: 1002;
color: #414141;
font-size: 12px;
background-color: #F9F9F9;
background-repeat: repeat-x;
font-family: Arial;
}
.white_content a.ok {
display: block;
margin-top: 10px;
height: 25px;
width: 50px;
margin: 15px auto 0 auto;
color: #fff;
font: bold 13px Arial, Helvetica, sans-serif;
line-height: 24px;
text-decoration: none;
border: 1px solid #CCCCCC;
text-align: center;
background-color: #1C0066;
}
.white_content .closepopup {
width: 30px;
height: 30px;
top: -17px;
right: -18px;
position: absolute;
display: block;
text-indent: -99999px;
background:rl(../images/close.png) no-repeat;
}
/****** OnloadLightBox Css End ****/

/****** topcontents ******/
#topcontents {
position: relative;
}
#topcontents .contents1 {

}
#topcontents .contents2 {

}
#rightmenu {
width: 180px;
position: absolute;
right: -190px;
}

/****** topcontents end ******/



.pagination {
width: 100px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
.pagination li {
float: left;
margin: 0 1px;
list-style: none;
}
.pagination li a {
display: block;
width: 12px;
height: 0;
padding-top: 12px;
background-image: url(../img/pagination.png);
background-position: 0 0;
float: left;
overflow: hidden;
}
.pagination li.current a {
background-position: 0 -12px;
}
/*
Caption
*/

.caption {
z-index: 500;
position: absolute;
bottom: -35px;
left: 0;
height: 30px;
background: #000;
background: rgba(0,0,0,.5);
width: 900px;
font-size: 1.3em;
line-height: 1.33;
color: #fff;
border-top: 1px solid #000;
text-shadow: none;
padding-top: 6px;
padding-right: 20px;
padding-bottom: 0;
padding-left: 20px;
}
.caption p {
font-size: 16px;
}
/****** slider end ******/

/*sidemenu*/
#sidemenu {
float: right;
width: 171px;
display: inline;
position: fixed;
top: 75px;
left: 50%;
margin-left: 495px;
}
#sidemenu_r {
float: right;
width: 49px;
display: inline;
position: fixed;
top: 120px;
right: 0px;
}
.livechat_button {
position: fixed;
    z-index: 1000;
    top: 140px;
    left: 12px;
}
.skype_button {
position: fixed;
z-index: 1000;
top: 190px;
right: -70px;
}
.skype_button p {
height: 50px;
width: 180px;
border-radius: 0.5em 0.5em 0 0;
background-color: #00aff0;
-moz-transform:    rotate( -90deg );  /* FireFox */
-webkit-transform: rotate( -90deg );  /* webkit */
-o-transform:      rotate( -90deg );  /* Opera */
-ms-transform:     rotate( -90deg );  /* IE9 */
transform:         rotate( -90deg );
}
.skype_button p a {
display: inline-block;
width: 180px;
height: 38px;
padding-top: 12px;
text-align: center;
color: #FFF;
text-decoration: none;
font-size: 18px;
border-radius: 0.5em;
}

.sns_icon {
width: 45px;
position: fixed;
z-index: 1000;
top: 127px;
left: 0px;
}
.sns_icon li {
list-style-type: none;
margin-top: 3px;
}
.sns_icon li a {
display: block;
width: 45px;
height: 45px;
text-indent: 100%;
white-space: nowrap;
background: no-repeat;
overflow: hidden;
}
/*modal*/
#lean_overlay{
  position: fixed; z-index:100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#modal,#modal2,#modal3,#modal4,#modal5,#modal6,#modal7,#modal8,#modal9,#modal10{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
 }
.modal_close{
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
  width: 14px;
  height: 14px;
  background: url(../img/modal_close.png);
  z-index: 2;
}


.search input[type="text"] {
    max-width: 160px;
}