@charset "utf-8";

/*------------------------------------------------*/
/*  _template ver1.0  */
/*------------------------------------------------*/
/*  templatename [Container]  */
/*  update [-]  */
/*  ID [NT]  */
/*------------------------------------------------*/


/*　Contents Set　*/
/* -----------------------------------------------*/

/*　contents　*/
div#contents {
width:725px;
}
div.contents_bl {
padding:0px 20px;
}
/*　h2　*/

/*　side　*/
div#side {
width:266px;
/*position:relative;*/
}
div#side div.sidenavi {
padding:0px 5px;
}
div#side div.sideinner {
margin:0px 3px;
padding:10px 10px;
background:#f2f2f2;
}
div#side div.sideinner .banner {
padding-bottom:2px;
margin-bottom:5px;
background:#cecece;
}

/*　table　*/
table.tl00 {
}
table.tl00 th,
table.tl00 td {
padding:15px 0px;
text-align:left;
vertical-align:top;
background:url(dot01.jpg) bottom left repeat-x;
}
.tl00_ph10 th,
.tl00_ph10 td {
padding:10px 0px !important ;
}
table.tl00_link tbody th,
table.tl00_link tbody td {
padding:10px 0px;
text-align:left;
vertical-align:top;
background:url(dot01.jpg) bottom left repeat-x;
}
table.tl00 th p,
table.tl00 td p,
table.tl00_link tbody th p,
table.tl00_link tbody td p {
padding-left:10px;
padding-right:10px;
line-height:1.2;
}
table.tl00 th p strong,
table.tl00 td p strong,
table.tl00_link tbody th p strong,
table.tl00_link tbody td p strong {
line-height:1.2;
}
table.tl00 th p,
table.tl00_link tbody th p {
font-weight:bold;
border-left:#00548d solid 3px;
}
table.tl00 th {
}
table.tl00 td {
}
table.tl00 .bnone,
table.tl00_link tbody .bnone {
background:none !important ;
}
table.tl00_link tbody tr {
cursor:pointer;
}
table.tl00_link tbody tr.clickable:hover {
cursor:pointer;
background:#f1f1f1 !important ;
}

/*　title　*/
div.ttl01 {
padding:17px 15px;
background:#f6f6f6;
position:relative;
}
div.ttl01 h2,
div.ttl01 h3,
div.ttl01 h4,
div.ttl01 p {
padding-left:15px;
font-size:12px;
font-weight:bold;
line-height:1.1;
background:url(line01.jpg) top left repeat-y;
}
div.ttl02 {
padding:0px 10px 20px 10px;
background:url(ttl_line01.jpg) bottom left repeat-x;
position:relative;
}
div.ttl02 h2,
div.ttl02 h3,
div.ttl02 h4,
div.ttl02 p {
font-size:14px;
font-weight:bold;
line-height:1.5;
}
div.ttl02 h2:nth-child(2),
div.ttl02 h3:nth-child(2),
div.ttl02 h4:nth-child(2),
div.ttl02 p:nth-child(2) {
color:#005894 !important ;
}
div.ttl02 h2 span,
div.ttl02 h3 span,
div.ttl02 h4 span,
div.ttl02 p span {
color:#a0a0a0;
font-size:9px;
font-weight:normal;
line-height:1.5;
}
div.ttl03 {
padding:5px 5px;
box-shadow:1px 1px 3px #cecece; /* CSS3 */
-moz-box-shadow:1px 1px 3px #cecece; /* Firefox用*/
-webkit-box-shadow:1px 1px 3px #cecece; /* Google Chrome, Safari用*/
background-color:rgba(255, 255, 255, 0.75);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='1', MakeShadow='true', ShadowOpacity='0.5');
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
}
div.ttl03 h2,
div.ttl03 h3,
div.ttl03 h4,
div.ttl03 p {
padding:5px 10px 14px 10px;
font-size:14px;
font-weight:bold;
line-height:1.5;
background:url(line02.jpg) bottom left repeat-x;
position: relative; /*回避*/
}
div.ttl04 {
padding:10px 15px;
background:#f6f6f6;
}
div.ttl04 h2,
div.ttl04 h3,
div.ttl04 h4,
div.ttl04 p {
padding-left:10px;
font-size:14px;
font-weight:bold;
line-height:1.1;
border-left:#00548d solid 3px;
}
div.ttl05 {
padding:10px 0px;
display:inline-block;
border-bottom:#00548d solid 3px;
}
div.ttl05 h2,
div.ttl05 h3,
div.ttl05 h4,
div.ttl05 h5,
div.ttl05 p {
font-size:13px;
font-weight:bold;
line-height:1.1;
}

div.sttl01 {
width:240px;
height:30px;
position:relative;
background:url(sidettl_back01.jpg) top left no-repeat;
}
div.sttl01 h2,
div.sttl01 h3,
div.sttl01 h4,
div.sttl01 p {
padding:8px 0px 0px 10px;
color:#ffffff;
font-size:12px;
font-weight:bold;
line-height:1.1;
}
.pdfimg {
font-size:1px;
position:absolute;
top:0px;
right:0px;
}

/*　title link　*/
.txtlink_arr00 {
padding-left:18px;
font-size:11px;
line-height:1.1;
background:url(arrow01.jpg) 5px 5px no-repeat;
}
.txtlink_arr00 a {
font-size:11px;
line-height:1.1;
}
.txtlink_arr01 {
padding-right:12px;
color:#000000;
font-size:12px;
font-weight:bold;
line-height:1.1;
text-decoration:none;
position:absolute;
top:17px;
right:20px;
background:url(arrow03.gif) top right no-repeat;
}
.txtlink_ttl02 {
font-size:11px;
line-height:1.1;
position:absolute;
top:5px;
right:10px;
}
.txtlink_ttl02 a,
.txtlink_ttl02 span {
color:#00548d;
line-height:1.1;
text-decoration:underline;
cursor:pointer;
}
.txtlink_ttl02_s {
font-size:10px;
line-height:1.1;
position:absolute;
top:17px;
right:10px;
}
.txtlink_ttl02_s a {
line-height:1.1;
}

/*　block　*/
.w220bl {
width:220px;
}

/*　line　*/
.bline01 {
border-bottom:#0070bd solid 3px;
}

/*　list　*/
ul.linklist00 li {
padding-bottom:7px;
font-size:11px;
line-height:1.3;
}
ul.linklist00 li a {
font-size:11px;
line-height:1.3;
}
ul.linklist00 li p {
padding-top:5px;
font-size:10px;
line-height:1.3;
}
ul.linklist01 li {
padding-left:12px;
padding-bottom:5px;
font-size:11px;
line-height:1.3;
background:url(arrow01.jpg) 0px 5px no-repeat;
}
ul.linklist01 li a {
color:#000000;
font-size:11px;
line-height:1.3;
}
ul.linklist01 li a:hover {
color:#10a6ea;
}
ul.linklist_pdf li {
padding-left:22px;
padding-bottom:7px;
font-size:11px;
line-height:1.3;
background:url(icon_pdf.png) 0px 0px no-repeat;
}
ul.linklist_pdf li a {
font-size:11px;
line-height:1.3;
}
ul.linklist_pdf li span {
font-size:10px;
line-height:1.3;
}
ul.linklist_side li {
font-size:11px;
line-height:1.3;
background:url(sidenavi_back01.jpg) bottom left repeat-x;
}
ul.linklist_side li.select {
background:#f1f1f1;
}
ul.linklist_side li.select a {
color:#00548d !important ;
font-weight:bold !important ;
text-decoration:none !important ;
}
ul.linklist_side li a {
padding:12px 10px 12px 26px;
display:block;
color:#000000;
font-size:11px;
line-height:1.3;
background:url(arrow01.jpg) 16px 17px no-repeat;
}
ul.linklist_side li a:hover {
color:#10a6ea;
}

/*　box　*/
.box_wh01_shadow {
box-shadow:1px 1px 3px #cecece; /* CSS3 */
-moz-box-shadow:1px 1px 3px #cecece; /* Firefox用*/
-webkit-box-shadow:1px 1px 3px #cecece; /* Google Chrome, Safari用*/
background-color:rgba(255, 255, 255, 0.75);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='1', MakeShadow='true', ShadowOpacity='0.5');
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
}
.box_wh01_shadow p,
.box_wh01_shadow div {
position: relative; /*回避*/
}
.box_wh01 {
background:#ffffff;
-moz-border-radius:5px;/*for Firefox*/
-webkit-border-radius:5px;/*for Safari and chrome*/
border-radius:5px;
behavior:url(border-radius.htc);/*for IE*/
}
.box_gray01 {
background:#f1f1f1;
-moz-border-radius:5px;/*for Firefox*/
-webkit-border-radius:5px;/*for Safari and chrome*/
border-radius:5px;
behavior:url(border-radius.htc);/*for IE*/
}
.box_blue01 {
background:#edfaff;
-moz-border-radius:5px;/*for Firefox*/
-webkit-border-radius:5px;/*for Safari and chrome*/
border-radius:5px;
behavior:url(border-radius.htc);/*for IE*/
}

/*　icon　*/
.icon00 {
margin-right:10px;
padding:5px 20px;
color:#ffffff;
line-height:1.2;
text-align:center;
text-decoration:none;
background:#636363;
display:inline-block;
-moz-border-radius:10px;/*for Firefox*/
-webkit-border-radius:10px;/*for Safari and chrome*/
border-radius:10px;
behavior:url(border-radius.htc);/*for IE*/
}
.icon01 {
margin-right:20px;
padding:5px 0px;
width:100px;
color:#ffffff;
font-size:11px;
line-height:1.2;
text-align:center;
background:#0070bd;
display:inline-block;
-moz-border-radius:10px;/*for Firefox*/
-webkit-border-radius:10px;/*for Safari and chrome*/
border-radius:10px;
behavior:url(border-radius.htc);/*for IE*/
}
.icon01_link {
margin-right:10px;
padding:5px 20px;
color:#ffffff;
line-height:1.2;
text-align:center;
text-decoration:none;
background:#0070bd;
display:inline-block;
-moz-border-radius:10px;/*for Firefox*/
-webkit-border-radius:10px;/*for Safari and chrome*/
border-radius:10px;
behavior:url(border-radius.htc);/*for IE*/
}
.icon02 {
margin-right:20px;
padding:5px 0px;
width:100px;
color:#ffffff;
font-size:11px;
line-height:1.2;
text-align:center;
background:#cf0606;
display:inline-block;
-moz-border-radius:10px;/*for Firefox*/
-webkit-border-radius:10px;/*for Safari and chrome*/
border-radius:10px;
behavior:url(border-radius.htc);/*for IE*/
}
.icon02_link {
margin-right:10px;
padding:5px 20px;
color:#ffffff;
line-height:1.2;
text-align:center;
text-decoration:none;
background:#cf0606;
display:inline-block;
-moz-border-radius:10px;/*for Firefox*/
-webkit-border-radius:10px;/*for Safari and chrome*/
border-radius:10px;
behavior:url(border-radius.htc);/*for IE*/
}
.icon03 {
margin-right:20px;
padding:5px 0px;
width:100px;
color:#ffffff;
font-size:11px;
line-height:1.2;
text-align:center;
background:#70bd00;
display:inline-block;
-moz-border-radius:10px;/*for Firefox*/
-webkit-border-radius:10px;/*for Safari and chrome*/
border-radius:10px;
behavior:url(border-radius.htc);/*for IE*/
}
.icon03_link {
margin-right:10px;
padding:5px 20px;
color:#ffffff;
line-height:1.2;
text-align:center;
text-decoration:none;
background:#70bd00;
display:inline-block;
-moz-border-radius:10px;/*for Firefox*/
-webkit-border-radius:10px;/*for Safari and chrome*/
border-radius:10px;
behavior:url(border-radius.htc);/*for IE*/
}



/*　下層共通　*/
/* -----------------------------------------------*/
#pagettl_bl {
padding-top:140px;
padding-bottom:10px;
width:100%;
background:url(mvline.jpg) bottom center no-repeat;
}
#pagettl {
width:100%;
height:90px;
overflow:hidden;
background:#ffffff;
}
#pagettl .inner {
margin:0 auto;
width:1000px;
text-align:left;
position:relative;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
position:absolute;
top:0;
left:0;
}
.bgstretcher UL, .bgstretcher UL LI {
margin:0;
padding:0;
list-style:none;
}
.bgstretcher {
background:#ffffff;
overflow:hidden;
width:100%;
position:fixed;
z-index:1;
_position:absolute; /*IE6 doesn't support fixed positioning*/
top: 0;
left: 0;
}
#pagettl_bl h2 {
padding:30px 0px 0px 10px !important ;
color:#015981;
font-size:24px;
font-weight:bold;
line-height:1.5;
}
#pagettl_bl #Pan {
font-size:11px;
line-height:1.5;
text-align:right;
position:absolute;
top:37px;
right:10px;
}
#pagettl_bl #Pan a {
font-size:11px;
line-height:1.5;
}
#pagettl_bl #Pan span {
font-size:10px;
line-height:1.5;
}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}