@charset "utf-8";


/*
===== initialize ==================================================================
*/

html, body, div, h1, h2, h3, h4, h5, h6,
p, ul, ol, li, dl, dt, dd, address, hr,
pre, blockquote, ins, del, form, fieldset, legend,
table, caption, thead, tfoot, tbody, tr, th, td {
padding: 0;
margin: 0;
}

img, object {
border: 0;
vertical-align: bottom;
}

ul,ol {list-style: none;}

sub {
line-height: 1;
vertical-align: text-bottom;
}

sup {
line-height: 1;
vertical-align: text-top;
}

fieldset {
border: 0;
}

input, button, select, optgroup, option, textarea {
background: inherit;
color: inherit;
font-family: inherit;
font-style: inherit;
font-variant: normal;
font-weight: inherit;
font-size: 1em;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
}

html>/**/body {overflow: scroll;}

body {
font-family: Verdana, "qMmpSPro W3", "Hiragino Kaku Gothic Pro", "CI", "lr oSVbN", sans-serif;
font-size: 13px;
color: #444;
line-height: 1.7;
text-align: center;
}

h1,h2,h3,h4,h5,h6{font-size: 1em;}

/*
===== contents layout settings ==================================================================
*/

#container {
text-align: left;
margin: 0 auto;
width: 850px;
}

/* header */

#header {
position: relative;
width: 850px;
height: 66px;
background: url(../img/bg_header.jpg) repeat-x top center;
}

#logo {
display: block;
width: 172px;
height: 63px;
}

#groupSlogan {
position: absolute;
top: 26px;
left: 184px;
display: block;
width: 155px;
height: 15px;
vertical-align: bottom;
}

#headerMenu {
width: 124px;
position: absolute;
right: 230px;
bottom: 15px;
}

#textSize {
width: 127px;
height: 27px;
background: url(../img/bg_textsize.jpg) no-repeat bottom center;
position: absolute;
right: 72px;
bottom: 10px;
}

#textSize li {
height: 17px;
float: left;
}

#textSize li img { 
vertical-align: top;
margin-top: 5px;
margin-left: 7px;
}

#sizeS,#sizeM,#sizeL { 
display: block;
width: 17px;
height: 17px;
margin-top: 5px;
margin-left: 3px;
font-size: 10px;
line-height: 10px;
}

#sizeS {background: url(../img/btn_txt_small_off.gif) no-repeat top center;}
.fontS #sizeS {background: url(../img/btn_txt_small_on.gif) no-repeat top center;}

#sizeM {background: url(../img/btn_txt_middle_off.gif) no-repeat top center;}
.fontM #sizeM {background: url(../img/btn_txt_middle_on.gif) no-repeat top center;}

#sizeL {background: url(../img/btn_txt_large_off.gif) no-repeat top center;}
.fontL #sizeL {background: url(../img/btn_txt_large_on.gif) no-repeat top center;}

#print {
display: block;
position: absolute;
bottom: 10px;
right: 8px;
cursor: pointer;
}

/* global navigation */

#globalNavigation {
position: relative;
height: 56px;
width: 850px;
z-index: 1;
}

#globalNavigation dt {position: absolute;}

#globalNavigation dt#gnavi01 {top: 0px;left: 0px;}
#globalNavigation dt#gnavi02 {top: 0px;left: 170px;}
#globalNavigation dt#gnavi03 {top: 0px;left: 340px;}
#globalNavigation dt#gnavi04 {top: 0px;left: 510px;}
#globalNavigation dt#gnavi05 {top: 0px;left: 680px;}

#globalNavigation dd {
display: none;
position: absolute;
border-top: 1px solid #aaa;
width: 169px;
}

#ddMenu01 {top: 50px;left: 0px;}
#ddMenu02 {top: 50px;left: 170px;}
#ddMenu03 {top: 50px;left: 340px;}
#ddMenu04 {top: 50px;left: 510px;}
#ddMenu05 {width: 170px;top: 50px;left: 680px;}

/* flash area */

#flashArea {
position: absolute;
top: 0px;
right: 0px;
height: 202px;
width: 680px;
}

/* topic path */

#topicPath {height: 32px;z-index: 0;}
#topicPath ul {margin-top: 6px;}
#topicPath li {display: inline;}
#topicPath li,#topicPath li a {font-size: 11px;}

/* contents wrapper */

#contentsWrapper {
background: url(../img/bg_contents_wrapper.gif) repeat-y top center;
z-index: 0;
position: relative;
}

/* left column */

#leftColumn {
float: left;
width: 170px;
padding-bottom: 32px;
}

#localNaviDepth02 li.last {border-bottom: 1px solid #918e8e;}
#localNaviDepth02 ul.last {border-bottom: 1px solid #918e8e;}

#localNaviDepth03 {
background-color: #fff;
border: 1px solid #918e8e;
border-bottom: none;
padding: 12px;
}

*html #localNaviDepth03 {width: 170px;}

#localNaviDepth03 a {font-size: 11px;}
#localNaviDepth03 .current a {font-weight: bold;}







#newsListDepth02 li a {
display: block;
width: 170px;
height: 39px;
background: url(../img/lnavi/bg_newslist_off.gif) no-repeat top left;
text-decoration: none;
}

#newsListDepth02 li a:hover {background: url(../img/lnavi/bg_newslist_on.gif) no-repeat top left;}
#newsListDepth02 li a.current {background: url(../img/lnavi/bg_newslist_on.gif) no-repeat top left;}

#newsListDepth02 li.last {border-bottom: 1px solid #918e8e;}

#newsListDepth02 li a span {
display: block;
line-height: 39px;
font-size: 14px;
margin-left: 32px;
color: #a80909;
text-align: middle;
}

#catDateTitle {
text-align: center;
padding: 8px;
font-size: 15px;
font-weight: bold;
}




/* contents */

#rightColumn {
float: right;
width: 680px;
background-color: #fff;
}

#contents {
margin-left: 40px;
width: 600px;
padding-bottom: 32px;
}


#sideColumn01 {
width: 600px;
}

#sideColumn02 {
width: 210px;
}

#sideColumn03 {
width: 510px;
}

#frontPage {
width: 450px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#frontPage li {
margin-bottom: 12px;
}

/* footer */

#footer {
position: relative;
height: 50px;
width: 850px;
background: url(../img/bg_footer.jpg) repeat-x bottom center;
border-top: 1px solid #aaa;
}

#footer ul {
position: absolute;
left: 16px;
top: 13px;
}

#footer li {float: left;}

#footer ul li, 
#footer ul li a {font-size: 10px;}

#footer img {
position: absolute;
right: 16px;
top: 16px;
}

/*
===== template parts settings ==================================================================
*/

/* ---------- heddings ---------- */

h1 {
line-height: 100%;
margin: 0px;
padding: 0px;
margin-bottom: 10px;
}

h2 {
line-height: 150%;
color: #c10e0e;
margin-bottom: 16px;
font-weight: bold;
font-size: 110%;
}

h3 {
line-height: 150%;
padding: 7px;
padding-top: 4px;
background: url(../img/bg_h3.gif) repeat-x bottom left;
margin-bottom: 16px;
font-weight: bold;
}

h4 {
line-height: 150%;
border-left: 10px solid #c10e0e;
padding-left: 4px;
margin-bottom: 16px;
font-weight: bold;
}

h5 {
line-height: 150%;
font-weight: bold;
}

h6 {
line-height: 150%;
border-bottom: 1px solid #4a6b95;
}




/* ---------- anchors ---------- */

a {
color: #3377aa;
text-decoration: none;
}

a:link {
color: #3377aa;
text-decoration: none;
}

a:visited {
color: #8844aa;
text-decoration: none;
}

a:hover {
color: #006699;
text-decoration: underline;
}

/* ---------- table ---------- */

caption {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
line-height: 150%;
font-weight: bold;
color: #666666;
text-align: left;
}

table {
width: 100%;
border-collapse: collapse;
color: #555555;
font-size: 100%;
}

th {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
border: 1px solid #d8d8d8;
font-weight: bold;
line-height: 150%;
}

td {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
border: 1px solid #d8d8d8;
line-height: 150%;
}

th.gray,td.gray {
color: #ffffff;
background: #999;
}

th.red,td.red {
background: #f7e0e6;
}

th.mgray,td.mgray {
background: #e7e7e7;
}

th.lgray,td.lgray {
background: #f7f7f7;
}

td,th {
text-align: left;
vertical-align: top;
}




hr {
color: #fff;
background-color: #fff;
border: none;
border-top:1px dotted #ccc;
margin: 0px;
padding-top: 6px;
padding-bottom: 6px;
margin-bottom: 20px;
}


/*
===== common class settings ==================================================================
*/


#pageTop {
margin-top: 32px;
margin-bottom: 20px;
text-align: right;
}


li.arrow {
padding-left: 12px;
background: url(../img/arrow_bk_02.gif) no-repeat left 6px;
line-height: 170%;
}

li.pdf {
padding-left: 24px;
background: url(../img/icon_pdf.gif) no-repeat 3px 2px;
line-height: 170%;
}
li.fla {
padding-left: 24px;
background: url(../img/icon_fla.gif) no-repeat 3px 2px;
line-height: 170%;
}

li.int {
padding-left: 24px;
background: url(../img/icon_int.gif) no-repeat 3px 2px;
line-height: 170%;
}

li.ext {
padding-left: 24px;
background: url(../img/icon_ext.gif) no-repeat 3px 2px;
line-height: 170%;
}


.anchorList li {
background: url(../img/arrow_blue.gif) no-repeat left 6px;
padding-left: 16px;
}

.lcBox {
margin-right: 15px;
margin-left: 16px;
border: 1px solid #b3b3b3;
background-color: #fff;
}

.clearfix {/zoom :1;}
.clearfix:after {content:'';display:block;clear:both;}

.clear {clear: both;}


.hidTxt {display: none;}

.block {display: block;}
.inline {display: inline;}

.float_l {float: left;}
.float_r {float: right;}

.txt_left {text-align: left;}
.txt_center {text-align: center;}
.txt_right {text-align: right;}
.txt_v_top {vertical-align: top;}
.txt_v_middle {vertical-align: middle;}
.txt_v_bottom {vertical-align: bottom;}

.f_bold {font-weight: bold;}
.f11p {font-size: 93%;}
.f10p {font-size: 85%;}
.f9p_inr_f10p {font-size: 90%;}

.txt_red {color: #c10e0e;}

.m_top8 {margin-top: 8px;}
.m_top12 {margin-top: 12px;}
.m_top16 {margin-top: 16px;}
.m_top20 {margin-top: 20px;}
.m_top32 {margin-top: 32px;}
.m_right8 {margin-right: 8px;}
.m_right12 {margin-right: 12px;}
.m_right16 {margin-right: 16px;}
.m_right20 {margin-right: 20px;}
.m_right32 {margin-right: 32px;}
.m_bottom8 {margin-bottom: 8px;}
.m_bottom12 {margin-bottom: 12px;}
.m_bottom16 {margin-bottom: 16px;}
.m_bottom20 {margin-bottom: 20px;}
.m_bottom32 {margin-bottom: 32px;}
.m_left8 {margin-left: 8px;}
.m_left12 {margin-left: 12px;}
.m_left16 {margin-left: 16px;}
.m_left20 {margin-left: 20px;}
.m_left32 {margin-left: 32px;}

.m_hori_auto {margin-left: auto; margin-right: auto;}

.p_top8 {padding-top: 8px;}
.p_top12 {padding-top: 12px;}
.p_top16 {padding-top: 16px;}
.p_top20 {padding-top: 20px;}
.p_right8 {padding-right: 8px;}
.p_right12 {padding-right: 12px;}
.p_right16 {padding-right: 16px;}
.p_right20 {padding-right: 20px;}
.p_bottom8 {padding-bottom: 8px;}
.p_bottom12 {padding-bottom: 12px;}
.p_bottom16 {padding-bottom: 16px;}
.p_bottom20 {padding-bottom: 20px;}
.p_left8 {padding-left: 8px;}
.p_left12 {padding-left: 12px;}
.p_left16 {padding-left: 16px;}
.p_left20 {padding-left: 20px;}


.w20p {width: 20px;}
.w30p {width: 30px;}
.w40p {width: 40px;}
.w50p {width: 50px;}
.w60p {width: 60px;}
.w70p {width: 70px;}
.w80p {width: 80px;}
.w90p {width: 90px;}
.w100p {width: 100px;}
.w110p {width: 110px;}
.w120p {width: 120px;}
.w130p {width: 130px;}
.w140p {width: 140px;}
.w150p {width: 150px;}
.w160p {width: 160px;}
.w170p {width: 170px;}
.w180p {width: 180px;}
.w190p {width: 190px;}
.w200p {width: 200px;}
.w210p {width: 210px;}
.w220p {width: 220px;}
.w230p {width: 230px;}
.w240p {width: 240px;}
.w250p {width: 250px;}
.w260p {width: 260px;}
.w270p {width: 270px;}
.w280p {width: 280px;}
.w290p {width: 290px;}
.w300p {width: 300px;}
.w310p {width: 310px;}
.w320p {width: 320px;}
.w330p {width: 330px;}
.w340p {width: 340px;}
.w350p {width: 350px;}
.w360p {width: 360px;}
.w370p {width: 370px;}
.w380p {width: 380px;}
.w390p {width: 390px;}
.w400p {width: 400px;}
.w410p {width: 410px;}
.w420p {width: 420px;}
.w430p {width: 430px;}
.w440p {width: 440px;}
.w442p {width: 442px;}
.w450p {width: 450px;}
.w447p {width: 447px;}
.w500p {width: 500px;}
.w510p {width: 510px;}
.w50per {width: 50%;}


.fontS #contents {font-size: 11px;}
.fontM #contents {font-size: 13px;}
.fontL #contents {font-size: 15px;}