@charset "Shift_JIS";

/* -----------------------------------------------------
Base
----------------------------------------------------- */
* {margin:0; padding:0;}
html {font-size:100.01%;}
body {padding: 0 15px; line-height:1.5; color:#333; font-size:88%; /* 14px */
font-family:'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}
.small{font-size:86%;}
.large {font-size: 115%;}
.xlarge {font-size: 129%;}
.blue {color: #0055A5;}

/* font-size
10px : 72%
11px : 79%
12px : 86%
13px : 93%
14px : 100%
15px : 108%
16px : 115%
17px : 122%
18px : 129%
19px : 136%
20px : 143%
21px : 150%
22px : 158%
23px : 165%
24px : 172%
25px : 179%
26px : 186% */

h1,h2,h3,h4,h5,h6 {font-size:100%;}
em {font-style:normal; font-weight:bold;}
strong{color:#e02f00;}
ul,
ol {list-style:none;}
table {border:0 none; width:100%;}
table th, table td {border:0 none; font-size:1em;}
table td {vertical-align:top;}
img {border:0; vertical-align:bottom;}
a, 
a:link {color:#039; text-decoration:underline;}
a:visited {color:#039;}
a:hover,
a:focus,
a:active {text-decoration:none;}

fieldset {border:0 none;}
input,select {vertical-align:middle;}
textarea {font-size:1.0em;}
legend {display:none;}
label {cursor:pointer;}
option {padding-right:5px;}

hr {display:none;}

/* clearfix */
.cfx:after {content: " "; display: block; clear: both; visibility: hidden; height: 0;}
.cfx {zoom: 1; clear: both;}

/* -----------------------------------------------------
	Layout
	01. Base Layout
	02. Header Area
	03. Contents Area
	04. Footer Area
	05. Local Navigation
	06. Float Clearing
	07. hasLayout Swicth
----------------------------------------------------- */

/* -----------------------------------------------------
	01. Base Layout
----------------------------------------------------- */
div#container {margin:0 auto; padding-bottom:25px; width:950px;}

/* -----------------------------------------------------
	02. Header Area
----------------------------------------------------- */
div#header {position:relative; height:65px;}

h1#site-logo,
p#site-logo {position:absolute; top:16px; left:10px;}

p#page-category {position:absolute; top:19px; left:181px;}

ul#nav-utility {position:absolute; top:11px; right:0; font-size:85%;}
ul#nav-utility li {margin-left:15px; padding-left:8px; float:left; background:url("/collabo/list/img/icon_arrowright_01.gif") no-repeat 0 0.4em;}
ul#nav-utility li a{color:#3c3c3c; text-decoration:none;}
ul#nav-utility li a:hover,
ul#nav-utility li a:focus,
ul#nav-utility li a:active {text-decoration:underline;}

/* -----------------------------------------------------
	03. Contents Area
----------------------------------------------------- */

div#topic-path-container {margin-bottom:10px;}

p#topic-path{line-height: 1.2; float:left; width:720px; font-size:86%;}

p#topic-path a,
p#topic-path a:link,
p#topic-path a:visited {color:#0033cd; text-decoration:underline;}
p#topic-path a:hover,
p#topic-path a:focus,
p#topic-path a:active {text-decoration:none;}

div#content {margin-bottom:20px; line-height: 1.8;}
div#main {float:left; width:729px;}
div#sub {line-height: 1.5; clear:right; float:right; width:203px;}


/* -----------------------------------------------------
	04. Footer Area
----------------------------------------------------- */
div#footer {margin-top: 80px; position:relative; font-size:85%;}

ul#nav-footer-01 {margin-bottom:6px; padding-bottom:10px; border-bottom:1px solid #d6d6d6;}
ul#nav-footer-01 li {padding: 0 9px; float:left; border-left: 1px solid #dcdcdc;}
ul#nav-footer-01 li:last-child {border-right: 1px solid #dcdcdc;}

ul#nav-footer-02 li {margin-right:15px; padding-left:8px; float:left; background:url("/collabo/list/img/icon_arrowright_01.gif") no-repeat 0 0.4em;}
ul#nav-footer-01 li a,
ul#nav-footer-02 li a,
p#copyright a {color:#3c3c3c; text-decoration:none;}

ul#nav-footer-01 li a:hover,
ul#nav-footer-01 li a:focus,
ul#nav-footer-01 li a:active,
ul#nav-footer-02 li a:hover,
ul#nav-footer-02 li a:focus,
ul#nav-footer-02 li a:active,
p#copyright a:hover,
p#copyright a:focus,
p#copyright a:active {text-decoration:underline;}

p#copyright {position:absolute; bottom:0; right:0; font-size: 11px;}

/* -----------------------------------------------------
	05. Local Navigation
----------------------------------------------------- */

#nav-local {margin-bottom:20px;}
#nav-local ul {padding-bottom:8px; background:url("/collabo/list/img/nav-local_bg.gif") no-repeat 0 100%;}

/* -- カテゴリごとに出し分け -- */
#nav-local .ln_ser,
#nav-local .ln_faq,
#nav-local .ln_ref {display: none;}
body.gn_ser #nav-local .ln_ser,
body.gn_faq #nav-local .ln_faq,
body.gn_ref #nav-local .ln_ref {display: block;}
body.gn_ser #nav-bottom {text-align: center; margin: 40px 0; padding: 4px; border: 1px solid #D6D6D6;}


/*  First Level
--------------------------------------- */
#nav-local h2 {text-align: center; background:url("/collabo/list/img/nav_local_title_bg_top.gif") no-repeat 0 0;}
#nav-local h2 a {margin:0 1px; padding:11px 10px 8px 10px; border-bottom:1px solid #12318c; display:block; color:#fff; text-decoration:none;}
#nav-local h2.one a {margin:0; border-bottom:none; background:url("/collabo/list/img/nav_local_title_bg_btm.gif") no-repeat 0 100%;}
#nav-local h2 a:hover,
#nav-local h2 a:focus,
#nav-local h2 a:active {text-decoration:underline;}

#nav-local h3 {margin-top:-8px; padding:9px 9px 5px; border:1px solid #ccc; border-top:none;
background:url("/collabo/list/img/nav_local_title2_bg.gif") repeat-x 0 0;}

/*  Second Level
--------------------------------------- */
#nav-local li {margin:0 1px; border-bottom:1px solid #ccc;}
#nav-local li a {padding:8px 8px 5px 27px; display:block; color:#333; text-decoration:none; /* font-weight:bold; */
background:url("/collabo/list/img/icon_arrowright_03.gif") no-repeat 9px 0.85em;
}

#nav-local li a:hover,
#nav-local li a:focus,
#nav-local li a:active {background-color:#eef2ff; text-decoration:none;}
#nav-local li.selected {background-color:#eef2ff;}


/*  Third Level
--------------------------------------- */
#nav-local li ul {margin-left:10px; padding-bottom:0; border-top:1px solid #ccc; border-left:1px solid #ccc;background:none;}
#nav-local li li {margin:0; background-color:#fff;}
#nav-local li li a {padding:5px 8px 3px 24px; font-weight:normal; font-size:86%; background:url("/collabo/list/img/icon_arrowright_02.gif") no-repeat 12px 0.8em;}
#nav-local li li a:hover,
#nav-local li li a:focus,
#nav-local li li a:active {background-color:#dde1ec;}
#nav-local li li.selected {background-color:#dde1ec;}
#nav-local li li a.current {background-color:#dde1ec;}
#nav-local li li.last,
#nav-local li li:last-child {border-bottom:none!important;}
#nav-local li li span.btn {
padding:5px 8px 3px 24px;
display:block;
font-weight:normal;
font-size:86%;
cursor:pointer;
background:url("/collabo/list/img/icon_arrowright_02.gif") no-repeat 12px 0.8em;
}


/* -----------------------------------------------------
	06. Float Clearing
----------------------------------------------------- */
form#site-search:after,
ul#nav-utility:after,
ul#nav-global:after,
div#content:after,
div#topic-path-container:after,
ul#nav-customer:after,
.top #important:after,
.top #important02:after,
.english-top #important:after,
div#alternate-contents ul.list:after,
.hdg-level2-02-container .btn-list:after,
.hdg-message-for-01:after,
ul.list-link-01.list-link-col2:after,
ul.list-link-01.list-link-col3:after,
ul.list-link-01.list-link-col4:after,
ul.list-link-01.list-link-col5:after,
ul.list-link-02 li ul.horizontal:after,
div.list-link-left-01:after,
div.list-link-right-01:after,
dl.list-definition-04:after,
ul.list-conversation-01 li:after,
div.lyt-col2-01-inner:after,
div.lyt-col2-02:after,
div.lyt-col2-03-inner:after,
div.lyt-col3-01-inner:after,
div.lyt-col4-01-inner:after,
div.lyt-col2-04:after,
div.lyt-col2-05:after,
div.lyt-col2-06:after,
div.lyt-col2-07:after,
div.lyt-image.float-L:after,
div.lyt-image.float-R:after,
div.lyt-image-inner:after,
div.lyt-related-info-01 div.column:after,
div.box-content-02 dl.nav-mediaplayer:after,
div.box-content-02 dl.nav-mediaplayer ul:after,
div.box-index-03:after,
div.box-index-03 div.flets-box:after,
div.box-index-03 div.ninenwari-box:after,
div.box-index-03 div.flets-box ul.btn-list:after,
div.box-index-03 div.ninenwari-box ul.btn-list:after,
div.box-index-03 div.category-list-container:after,
div.box-index-06-inner:after,
div.box-index-07-inner:after,
div.box-index-08-inner:after,
div.box-index-09-inner:after,
div.box-flow-02-inner:after,
div.box-important-01-inner:after,
div.box-related-info-01 .list li:after,
div.box-timeline-01:after,
.box-timeline-01 .description .box-definition-01 dd ul.list-img:after,
ul.nav-page-02:after,
div.nav-tab-01 ul:after,
div.nav-tab-02 ul.tabList:after,
div.nav-tab-img-01 ul:after,
div.nav-plugin-01:after,
div.box-movie-01 .nav:after,
ul.nav-banner-01:after,
ul.nav-btn-02:after,
div#related-info ul.list li:after,
ul#nav-footer-01:after,
ul#nav-footer-02:after,
div.box-index-03 ul.category-list-04 ul:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";}


/* -----------------------------------------------------
	07. hasLayout Swicth
----------------------------------------------------- */

div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,
.top #important,
.top #important02,
.english-top #important,
ul.list-link-01 li,
ul.list-link-01 li a,
ul.list-link-01 li span,
ul.list-notice-01 li,
ol.list-ordered-02 li,
ol.list-ordered-03 li,
ul.list-question-01 li,
div.box-related-info-01 .list li,
div.nav-page-01 li,
div.nav-page-01 li a,
div.nav-page-01 li.current span,
ul.nav-tab-01 li,
ul.nav-btn-02,
#nav-local li,
#nav-local li a,
div#related-info ul.list li,
div.box-movie-01 .nav,
div.box-index-03 ul.category-list-04 ul {zoom:1;}

ul li,ol li,
ol.list-ordered-03 ol.list-ordered-01 li,
table.tbl-news-01 tr td .list-link-01 a,
div.box-index-03 ul.category-list-04 ul {zoom:0;}