@charset "UTF-8";

/*
[1]リンク指定
[2]レイアウト指定
[3]#header内の各指定
[4]#contents内の各指定
[5]#sidebar内の各指定
[6]#footer内の各指定
[7]フォント指定
[8]ログイン系指定
[9]padsystem
[0]クリア
*/

/* ####################################

                          [1]リンク指定
                          
####################################### */

a {
color: #00a0e9;
}

a:focus, a:hover, a:active {
text-decoration: none;
}

a.icnlink:focus, a.icnlink:hover, a.icnlink:active {
text-decoration: none;
}

a img.arw {
border-width: 0px;
margin-right: 4px;
vertical-align: middle;
}

@media screen {
	a img.arw {
		position: relative;
		top: -1px;
	}
}


/* ####################################

                      [2]レイアウト指定
                          
####################################### */

body {
margin: 0;
padding: 0;
text-align: center;
background: url(../img/bg_main.gif);
}

#header {
background: url(../img/bg_header.gif) repeat-x center top;
}

#header.bg {
/*margin-bottom: 10px;*/
padding-bottom: 2px;
background: url(../img/bg_header02.gif) repeat-x left bottom;
}

#hdnavi {
width: 880px;
margin: 0 auto;
text-align: left;
}

#subnavi {
background: url(../img/bg_subnavi.gif) repeat-x center top;
}

#navi {
width: 880px;
margin: 0 auto;
text-align: left;
}

#content_top {
width: 880px;
margin: 5px auto 0;
text-align: left;
background: url(../img/bg_content01.gif) repeat-y left bottom;
}

#content {
width: 880px;
margin: 5px auto 0;
text-align: left;
background: url(../img/bg_content01.gif) repeat-y left bottom;
}

#content02 {
width: 880px;
margin: 5px auto 0;
text-align: left;
background: url(../img/bg_content02.gif) repeat-y left bottom;
}

#main {
width: 660px;
float: left;
/*background: url(../img/bg_content01.gif) repeat-y left bottom;*/
}

#content02 #main {
width: 100%;
/*background: url(../img/bg_content01.gif) repeat-y left bottom;*/
}

#mainbody {
margin: 25px 30px;
}

#errorbody {
height: 250px;
margin: 10px 40px;
}

#side {
width: 200px;
float: left;
margin-left: 20px;
text-align: center;
/*background: url(../img/bg_content01.gif) repeat-y right bottom;*/
}

#footer {
width: 880px;
margin: 0 auto;
padding-bottom: 20px;
text-align: left;
}




/* ####################################

                      [3]header指定
                          
####################################### */

#hdnavi #logo {
float: left;
/*20140212 margin-right: 80px;*/
}

html>body #hdnavi #logo {
float: left;
/*20140212 margin-right: 83px;*/
}

#hdnavi ul {
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
}

#hdnavi ul li {
display: inline;
}




/* ####################################

                      [4]subnavi指定
                          
####################################### */

#navi ul {
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
text-align: right;
}

#navi ul li {
display:inline;
}




/* ####################################

                      [5]tool指定
                          
####################################### */

#contentpath {
width: 880px;
margin: 10px auto 0;
text-align: left;
line-height: 1.2em;
font-size: 0.9em;
font-weight: bold;
color: #666;
}

#contentpath a {
font-weight: normal;
padding-right: 17px;
background: url(../img/arw01.gif) no-repeat center right;
}

#contentpath ul {
margin: 0;
padding: 0;
text-align: left;
}

#contentpath ul li {
display: inline;
margin-right: 5px;
}

.pgtop {
margin-top: 20px;
text-align: right;
}

.relatedlink {
margin-top: 30px;
padding: 15px;
font-size: 0.9em;
line-height: 1.2em;
color: #666;
border-style: solid;
border-width: 1px 0;
border-color: #ddd;
}

.relatedlink strong {
line-height: 1em;
}

.relatedlink ul {
margin-top: 10px;
}

.relatedlink ul li {
line-height: 1.5em;
}

.relatedlink ul li a {
margin-right: 5px;
}

.relatedlink ul li.page {
padding-left: 15px;
background:  url(../img/icn_relate.gif) no-repeat left center;
}

.relatedlink ul li.site {
padding-left: 15px;
background:  url(../img/icn_popwin.gif) no-repeat left center;
}

.relatedlink ul li.acrobat {
padding-left: 15px;
background:  url(../img/icn_acrobat.gif) no-repeat left center;
}

.relatedlink ul li.excel {
padding-left: 15px;
background:  url(../img/icn_excel.gif) no-repeat left center;
}

.relatedlink ul li.word {
padding-left: 15px;
background:  url(../img/icn_word.gif) no-repeat left center;
}

.relatedlink ul li.ppt {
padding-left: 15px;
background:  url(../img/icn_ppt.gif) no-repeat left center;
}


img.icn {
vertical-align: middle;
margin: 0 5px;
}

dl.spec {
margin: 0 10px;
}

dl.spec dt {
margin-top: 15px;
font-weight: bold;
}

dl.spec dd {
}


/*--補足--*/
ul.addata {
margin-top: 10px;
font-size: 0.9em;
line-height: 1.2em;
color: #777;
}

ul.addata li {
display: block;
list-style-type: none;
margin: 0.33em 0 0 0;
padding: 0 0 0 1.5em;
line-height: 1.42;
}

ul.addata li span {
float: left;
width: 1.2em;
margin-left: -1.5em;
text-align: right;
font-family: sans-serif;
}


/*-- リンク --*/
ul.goto {
margin-top: 10px;
line-height: 1em;
}

ul.goto li {
padding-left: 17px;
background: url(../img/arw02.gif) no-repeat left center;
}

#errorbody ul.goto {
margin-top: 20px;
}


/* ####################################

                      [6]content指定
                          
####################################### */

.gotolist {
margin: 20px 30px;
text-align: right;
line-height: 1em;
}

#mainbody p,
#errorbody p {
margin-top: 15px;
}

ul.link {
margin-top: 25px;
clear: both;
}

ul.link li {
padding-left: 17px;
background: url(../img/arw02.gif) no-repeat left center;
}



/* ####################################

                      [7]side指定
                          
####################################### */

#side ul {
font-size: 0;
line-height: 0em;
}

#side ul li {
}

#side ul.section {
margin-top: 5px;
}

#side ul.section02 {
margin-top: 20px;
padding-bottom:20px;
}
#side ul.section02 li {
margin-top: 5px;
}

body #side form {
margin: 0 0 5px;
padding: 12px 10px 10px;
text-align: left;
font-size: 0;
line-height: 0;
background: url(../img/divider_side.gif) repeat-x left bottom;
}

#side form input.iptarea {
width: 140px;
margin-right: 4px;
padding: 3px 2px 2px;
border-style:solid;
border-width: 1px;
border-color: #bbb #eee #eee #bbb;
}

#side form input {
vertical-align: middle;
}

#side form img {
margin-top: 5px;
}




/* ####################################

                      [8]footer指定
                          
####################################### */

#footer ul {
width: 880px;
margin: 15px auto 0;
padding-left: 5px;
text-align: left;
font-size: 0;
line-height: 0;
}

#footer ul li {
display: inline;
margin-right: 13px;
}

#footer address {
margin: 10px 0 0 3px;
}




/* ####################################

                      [8]フォント指定
                          
####################################### */

body {
font-size: 85%;
line-height: 1.5em;
	
font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
_font-family: "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", sans-serif;  /*~WinIE6*/ 
color: #555;
}

h1 {
font-size: 160%;
color: #333;
}

h2 {
line-height: 1.5em;
font-size: 130%;
color: #333;
}

h2.status {
color: #00a0e9;
}

h2.st {
margin-top: 25px;
padding: 5px 10px;
background: #f0f7fe;
/*border-bottom: 4px solid #0069ba;*/
}

h2.st02 {
margin-top: 25px;
}

h3 {
font-size: 120%;
color: #333;
}

.atten {
color: #cc0000;
}

.error {
color: #cc0000;
}

.catch01 {
color: #eb6100;
}

img.smallogo {
margin: 0 3px;
vertical-align: middle;
}

/* ####################################

                    [9]お問い合わせ指定
                          
####################################### */


table.contact {
width: 100%;
border-collapse: collapse;
background: #f0f7fe;
}

table.contact caption {
padding: 25px 0 10px;
text-align: left;
}

table.contact tr th {
width: 35%;
padding: 15px 20px 15px 10px;
text-align: right;
vertical-align: top;
background: url(../img/dot01.gif) repeat-x center bottom;
}

table.contact tr td {
padding: 15px 10px;
background: url(../img/dot01.gif) repeat-x center bottom;
}

table.contact tr.last th,
table.contact tr.last td {
background: none;
}

table.contact input {
width: 250px;
padding: 3px 2px 2px;
border-style:solid;
border-width: 1px;
border-color: #bbb #eee #eee #bbb;
}

table.contact textarea {
width: 280px;
height: 130px;
padding: 3px 2px 2px;
border-style:solid;
border-width: 1px;
border-color: #bbb #eee #eee #bbb;
}

table.contact input {
vertical-align: middle;
}

table.contact tr th span {
margin-left: 5px;
font-size: 0.9em;
font-weight: normal;
}

table.contact tr td span {
display: block;
margin: 5px 0 0;
font-size: 0.9em;
line-height: 1em;
}


ul.navi_btm {
margin-top: 20px;
text-align: center;
}

ul.navi_btm li {
display: inline;
}

.attention {
margin-top: 20px;
padding-top: 10px;
font-size: 0.9em;
background: url(../img/dot01.gif) repeat-x left top;
}

.attention strong {
color: #005bae;
}

.attention ul {
margin-top: 5px;
padding: 0 0 10px 20px;
list-style-type: square;
background: url(../img/dot01.gif) repeat-x left bottom;
}

#p_policy.bg {
margin-top: 25px;
padding: 15px;
background: #f0f7fe;
}

#p_policy {
margin-top: 25px;
}

#p_policy p {
margin-top: 10px;
}

#p_policy h3 {
margin-top: 30px;
}

#p_policy ul {
margin-top: 20px;
}

#p_policy ul li {
display: block;
list-style-type: none;
margin: 0.33em 0 0 0;
padding: 0 0 0 2em;
line-height: 1.42;
}

#p_policy ul li span {
float: left;
width: 1.5em;
margin-left: -2em;
text-align: right;
font-family: sans-serif;
}

form .chbox {
margin-top: 10px;
padding: 10px;
background: #f0f7fe;
}

div.chbox{
margin-top: 10px;
padding: 10px;
background: #f0f7fe;
}

/* ####################################

                        [0]サイトマップ
                          
####################################### */

ul.sitemap {
margin-top: 20px;
}

ul.sitemap li {
padding: 10px 0;
border-bottom: 1px solid #ccc;
}

ul.sitemap li a {
padding-left: 17px;
font-size: 1.1em;
color: #333;
background: url(../img/arw02.gif) no-repeat left center;
}

ul.sitemap li ul {
margin: 5px 0 0 50px;
}

ul.sitemap li ul li {
padding: 5px 0;
}

ul.sitemap li ul li a {
padding-left: 10px;
font-size: 1em;
color: #00a0e9;
background: url(../img/arw04.gif) no-repeat left center;
}

ul.sitemap li ul li.last {
padding-bottom: 0;
border: 0 none;
}


/* ####################################

                    [*]トップページ
                          
####################################### */

#mainswf {
}

#news {
_width: 640px;
margin: 0 auto 15px;
}

#news .campaign {
padding: 10px 20px;
border-bottom: solid 1px #cfe2f8;
}

#news .campaign_btm {
padding: 10px 20px;
border-bottom: solid 3px #cfe2f8;
}

#news .campaign_btm .txtbox,
#news .campaign .txtbox {
/*float:left;
width: 420px;*/
width: 100%;
margin-right: 20px;
}

#news .campaign_btm .txtbox .date,
#news .campaign .txtbox .date {
font-size: 0.9em;
color: #666;
vertical-align: middle;
}

#news .campaign_btm .date img,
#news .campaign .date img {
margin-right: 10px;
vertical-align: middle;
}

#news .campaign_btm .txtbox .article,
#news .campaign .txtbox .article {
margin-top: 10px;
}

#news .campaign_btm .txtbox strong,
#news .campaign_btm .txtbox strong a,
#news .campaign .txtbox strong,
#news .campaign .txtbox strong a {
font-size: 1.1em;
line-height: 1em;
color: #ee5420;
}

#news .campaign_btm .txtbox .article p,
#news .campaign .txtbox .article p {
margin: 5px 0 0;
padding: 0;
}

#news .campaign_btm .txtbox .article ul,
#news .campaign .txtbox .article ul {
margin-top: 10px;
}

#news .campaign_btm .txtbox img.imgbox,
#news .campaign .txtbox img.imgbox {
float: right;
margin: 0 0 0 20px;
}

#news .campaign_btm .imgbox,
#news .campaign .imgbox {
float: right;
width: 180px;
text-align: right;
}

#news dl {
_width: 620px;
padding: 15px 20px 0;
/*border-top: solid 1px #cfe2f8;*/
}

#news dl dt {
clear: left;
float: left;
width: 175px;
margin-bottom: 10px;
font-size: 0.8em;
color: #666;
}

#news dl dt img {
margin-right: 10px;
vertical-align: middle;
}

#news dl dd {
margin-bottom: 15px;
padding-left: 180px;
}

#news ul.golist {
_width: 620px;
margin: 0;
padding: 10px 20px 0;
text-align: right;
border-top: solid 1px #cfe2f8;
}


/* ####################################

                              [0]クリア
                          
####################################### */

ul.conversation:after,
.btnbox:after,
.twocollft:after,
#payablelist ul:after,
.twocolrgt:after,
.linkbox:after,
.twocol:after,
#news dl:after,
#news .campaign_btm:after,
#news .campaign:after,
#p_policy ul:after,
dl.spec:after,
#navi_tp:after,
.article p:after,
.article:after,
#newsnavi:after,
#hdnavi:after,
#content:after,
#content02:after,
#content_top:after
{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

* html ul.conversation,
* html .btnbox,
* html .twocollft,
* html #payablelist ul,
* html .twocolrgt,
* html .linkbox,
* html .twocol,
* html #news dl,
* html #news .campaign_btm,
* html #news .campaign,
* html #p_policy ul,
* html dl.spec,
* html #navi_tp,
* html .article p,
* html .article,
* html #newsnavi,
* html #hdnavi,
* html #content,
* html #content02,
* html #content_top
{height: 1%;}

*+html body ul.conversation,
*+html body .btnbox,
*+html body .twocollft,
*+html body #payablelist ul,
*+html body .twocolrgt,
*+html body .linkbox,
*+html body .twocol,
*+html body #news dl,
*+html body #news .campaign_btm,
*+html body #news .campaign,
*+html body #p_policy ul,
*+html body dl.spec,
*+html body #navi_tp,
*+html body .article p,
*+html body .article,
*+html body #newsnavi,
*+html body #hdnavi,
*+html body #content,
*+html body #content02,
*+html body #content_top
{height: 1%;}