@charset "utf-8";

/*------------------------------
=tags
------------------------------*/
body {
background: #fff url(../img/common/body_bg.png) no-repeat center top;
color: #333;
}

a {
color: #08427c;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/*------------------------------
=common-style
------------------------------*/
.clearfix {
zoom: 1;
}

.clearfix:after {
content: ".";
clear: both;
display: block;
height: 1px;
visibility: hidden;
}

.disc {
margin-left: 0;
padding-left: 0; 
}

.disc > li {
list-style: disc;
margin-left: 1.5em;
padding-left: 0;
}

.decimal > li {
list-style: decimal;
margin-left: 1.5em;
padding-left: 0;
}

.float_left {
float: left;
}

.float_right {
float: right;
}

.float_clear {
clear: both;
}

.align_left {
text-align: left !important;
}

.align_center {
text-align: center !important;
}

.align_right {
text-align: right !important;
}

.hidden {
display: none;
}

.mt0 {
margin-top: 0 !important;
}

.mt1em {
margin-top: 1em !important;
}

.mt5 {
margin-top: 5px !important;
}

.mt10 {
margin-top: 10px !important;
}

.mt15 {
margin-top: 15px !important;
}

.mt20 {
margin-top: 20px !important;
}

.mt30 {
margin-top: 30px !important;
}

.mt40 {
margin-top: 40px !important;
}

.mt50 {
margin-top: 50px !important;
}

.mb0 {
margin-bottom: 0 !important;
}

.mb1em {
margin-bottom: 1em !important;
}

.mb5 {
margin-bottom: 5px !important;
}

.mb10 {
margin-bottom: 10px !important;
}

.mb15 {
margin-bottom: 15px !important;
}

.mb20 {
margin-bottom: 20px !important;
}

.mb30 {
margin-bottom: 30px !important;
}

.mb40 {
margin-bottom: 40px !important;
}

.mb50 {
margin-bottom: 50px !important;
}

.ml10 {
margin-left: 10px !important;
}

.ml20 {
margin-left: 20px !important;
}

.mr10 {
margin-right: 10px !important;
}

.mr20 {
margin-right: 20px !important;
}

.pr10 {
padding-right: 10px !important;
}

.pr15 {
padding-right: 15px !important;
}

.pr20 {
padding-right: 20px !important;
}

.font-red,
.font_red {
color: #ff1800;
}

.font-bold,
.font_bold {
font-weight: bold;
}

.font_normal {
font-weight: normal;
}

.font_14 {
font-size: 14px;
}

.font_16 {
font-size: 16px;
}

.font_18 {
font-size: 18px;
}

.txt_indent1 {
padding-left: 1em;
text-indent:  -1em;
}

.disp_block {
display: block;
}

.disp_inline {
display: inline;
}

.disp_table {
display: table;
}

.disp_tr {
display: table-row;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.disp_tr {
display: block;
}
}

.disp_td {
display: table-cell;
}

.block_img {
line-height: normal;
}

.block_img img {
vertical-align: top;
}

.paginate {
width: auto;
margin: 15px auto 0 auto;
text-align: center;
}

.paginate ul li {
display: inline-block;
}

.paginate ul li.previous,
.paginate ul li.next {
padding: 0 10px;
}

.paginate ul li a {
display: block;
width: 20px;
height: 20px;
line-height: 20px;
border: solid 1px #d5d2c5;
text-align: center;
text-decoration: none;
}

.paginate ul li a.this,
.paginate ul li a:hover {
color: #e60012;
}

.paginate ul li.previous a,
.paginate ul li.next a {
display: inline;
border-style: none
}

p.list_arrow,
li.list_arrow,
.list_arrow li {
padding: 0 0 0 8px;
background: url(../img/common/icn_arrow_red01.png) no-repeat left center;
}

a[href$=".pdf"] {
padding-right: 19px;
background: url(../img/common/icn_pdf.png) no-repeat right center;
}

a[href$=".xls"],
a[href$=".xlsx"] {
padding-right: 19px;
background: url(../img/common/icn_excel.png) no-repeat right center;
}

a[href$=".doc"],
a[href$=".docx"] {
padding-right: 19px;
background: url(../img/common/icn_word.gif) no-repeat right center;
}

a[href$=".ppt"],
a[href$=".pptx"] {
padding-right: 19px;
background: url(../img/common/icn_ppt.gif) no-repeat right center;
}

a.none[href$=".pdf"],
a.none[href$=".xls"],
a.none[href$=".xlsx"],
a.none[href$=".doc"],
a.none[href$=".docx"],
a.none[href$=".ppt"],
a.none[href$=".pptx"] {
padding-right: 0;
background: none;
}

a.over:hover img {
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity:0.7;
}


/*------------------------------
=container
------------------------------*/
header {
width: auto;
height: 100px;
overflow: hidden;
background: url(../img/common/header_bg.png) repeat-x left top;
}

#contents {
width: 1000px;
margin: 0 auto;
padding: 0 0 10px 0;
}

footer {
width: 988px;
height: 36px;
line-height: 36px;
overflow: hidden;
margin: 0 auto;
padding: 0;
border-top: solid 1px #D5D2C5;
}

/*------------------------------
=header
------------------------------*/
header .inner {
width: 988px;
height: auto;
margin: 0 auto;
padding: 20px 0 0 0;
}

header .inner #logo {
float: left;
width: 138px;
height: 56px;
background: url(../img/common/logo.png) no-repeat left top;
}

header .inner #logo a {
display: block;
width: 138px;
height: 56px;
overflow: hidden;
text-indent: -9999em;
}

header .inner #header_menu {
float: right;
width: 850px;
}

header .inner #header_menu #header_contact {
width: auto;
height: 30px;
}

header .inner #header_menu #header_contact a {
display: block;
width: 155px;
height: 30px;
overflow: hidden;
margin: 0 0 0 auto;
padding: 0;
background: url(../img/common/btn_contact.png) no-repeat left top;
text-indent: -9999em;
}

header .inner #header_menu #header_contact a:hover {
background-position: left bottom;
}

/*------------------------------
=global
------------------------------*/
#global {
width: 850px;
height: 40px;
}

#global li {
float: left;
}

#global li a {
display: block;
height: 40px;
overflow: hidden;
background: url(../img/common/global.png) no-repeat 0px 0px;
text-indent: -9999em;
}

#global li#global01 {
width: 140px;
}

#global li#global01 a {
width: 140px;
background-position: 0px 0px;
}

#global li#global01 a:hover {
background-position: 0px -40px;
}

#global li#global02 {
width: 142px;
}

#global li#global02 a {
width: 142px;
background-position: -140px 0px;
}

#global li#global02 a:hover {
background-position: -140px -40px;
}

#global li#global03 {
width: 142px;
}

#global li#global03 a {
width: 142px;
background-position: -282px 0px;
}

#global li#global03 a:hover {
background-position: -282px -40px;
}

#global li#global04 {
width: 142px;
}

#global li#global04 a {
width: 142px;
background-position: -424px 0px;
}

#global li#global04 a:hover {
background-position: -424px -40px;
}

#global li#global05 {
width: 142px;
}

#global li#global05 a {
width: 142px;
background-position: -566px 0px;
}

#global li#global05 a:hover {
background-position: -566px -40px;
}

#global li#global06 {
width: 142px;
}

#global li#global06 a {
width: 142px;
background-position: -708px 0px;
}

#global li#global06 a:hover {
background-position: -708px -40px;
}


/*------------------------------
=contents
------------------------------*/
#contents #breadcrumbs {
width: auto;
height: 32px;
line-height: 32px;
padding: 0 6px;
font-size: 12px;
}

#contents #breadcrumbs li {
float: left;
margin: 0 6px 0 0;
padding: 0;
}

#contents #breadcrumbs li a {
text-decoration: none;
}

#contents #breadcrumbs li a:hover {
text-decoration: underline;
}

#contents #column_wrapper {
width: auto;
}

#contents #column_main {
float: left;
width: 780px;
width: 738px;
margin-left: 6px;
padding: 20px 14px 25px 14px;
border: solid 1px #d5d2c5;
background: #fff;
}

#contents #column_main #pagetitle {
width: auto;
height: 105px;
overflow: hidden;
margin: 0 0 40px 0;
padding: 0;
text-indent: -9999em;
}

#contents #column_main .h2 {
line-height: 1.1;
margin: 0 0 20px 0;
padding-bottom: 4px;
font-size: 18px;
font-weight: bold;
border-bottom: solid 2px #e60012;
}

#contents #column_main .h3 {
line-height: 1.4;
font-size: 14px;
font-weight: bold;
}

#pagebody {
line-height: 1.6;
}

#pagebody p {
margin-bottom: 1em;
}

#contents #column_main #totop {
width: auto;
line-height: normal;
margin: 40px 0 0 0;
font-size: 11px;
text-align: right;
}

#contents #column_main #totop span.icn {
padding: 0 0 0 14px;
background: url(../img/common/icn_arrow_red02.png) no-repeat left center;
}

#contents #column_main #totop a {
color: #333;
text-decoration: none;
}

#contents #column_main #totop a:hover {
text-decoration: underline;
}

#contents #column_main #close {
width: auto;
line-height: normal;
margin: 1em 0 0 0;
font-size: 11px;
text-align: right;
}

#contents #column_main #close span.icn {
padding: 0 0 0 14px;
background: url(../img/common/icn_close.gif) no-repeat left center;
}

#contents #column_main #close a {
color: #333;
text-decoration: none;
}

#contents #column_main #close a:hover {
text-decoration: underline;
}

#contents #column_menu {
float: right;
width: 198px;
margin-right: 6px;
padding: 13px 0;
border: solid 1px #d5d2c5;
background: #fff;
}

#contents #column_menu dt {
width: auto;
line-height: 1.1;
margin: 0 0 13px 0;
padding: 0 15px;
background: url(../img/common/column_menu_bg.png) no-repeat left center;
font-size: 16px;
font-weight: bold;
}

#contents #column_menu dd {
width: 170px;
margin: 0 auto;
border-top: solid 1px #D5D2C5;
}

#contents #column_menu dd li {
background: url(../img/common/dotline01.png) repeat-x left bottom;
}

#contents #column_menu dd li a {
display: block;
line-height: 1.1;
padding: 11px 0 11px 10px;
background: url(../img/common/icn_arrow_red01.png) no-repeat left center;
color: #333;
text-decoration: none;
}

#contents #column_menu dd li a.this,
#contents #column_menu dd li a:hover {
color: #e60012;
}



/*------------------------------
=footer
------------------------------*/
footer .float_left {
float: left;
width: 638px;
font-size: 10px;
}

#footer_menu li {
float: left;
margin: 0 30px 0 0;
padding: 0 0 0 8px;
background: url(../img/common/icn_arrow_red01.png) no-repeat left center;
}

#footer_menu li a {
color: #333;
text-decoration: none;
}

#footer_menu li a:hover {
text-decoration: underline;
}

#copyright {
float: right;
width: 350px;
text-align: right;
font-size: 10px;
}


/*------------------------------
=popup
------------------------------*/
#popup header .inner {
width: 768px;
}

#popup #contents {
width: auto;
}

#popup #column_main {
float: none;
margin: 0 auto;
}

#popup footer {
width: 768px;
}



/*-- CSS end --*/