/*------------------------------------------------------------
Base
------------------------------------------------------------*/
html,
body {
margin:0;
padding:0;
height:100%;
}

body {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック', sans-serif;
font-size:12px;
line-height:18px;
background:#ffffff;
color:#000000;
}

/*------------------------------------------------------------
Link
------------------------------------------------------------*/
a:link {color:#000000; text-decoration:none;}
a:visited {color:#000000; text-decoration:none;}
a:active {color:#344989; text-decoration:none;}
a:hover {color:#344989; text-decoration:none;}

/*------------------------------------------------------------
Decoration
------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
font-size:12px;
line-height:18px;
margin:0; 
padding:0; 
font-weight:normal;
}
ul {
margin:0; 
padding:0; 
list-style-type:none;
}
ul li {
display:block;
}
dl,dt, dd, ol {
margin:0; 
padding:0;
}
img {
border:0;
}
strong {
font-weight:bold;
}
table {
border-collapse:collapse;
border-spacing:0; 
}
form {
padding:0;
margin:0;
}
select {
background:#ffffff;
border-top:1px solid #aaaaaa;
border-left:1px solid #aaaaaa;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}
input,
textarea {
margin:0;
padding:0;
}
.clear {
clear:both;
height:1px;
line-height:1px;
}
cite {
font-style:normal;
font-size:10px; 
line-height:14px;
}

.txt-c {text-align:center;}
.txt-r {text-align:right;}
.txt-l {text-align:left;}

.f10 {font-size:10px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}

.red {color:#cc0000;}

.btn-pagetop {
clear:both;
margin:0 0 10px 0;
text-align:right;
}

.btn-close {
padding:27px 10px 0 0;
text-align:right;
}

/*(R)マークのフォント指定*/
.mark-r {
font-family:"ＭＳ Ｐゴシック",sans-serif;
padding:0 2px;
font-size:14px; 
}

/*NEWマーク*/
.icn-new {
background:url("../img/cmn/icn-new.gif") top right no-repeat;
padding:0 40px 0 0;
}

/*------------------------------------------------------------
404 Not Found
------------------------------------------------------------*/
.notfound-content {padding:0 0 200px 0;}
.notfound-content a:link,
.notfound-content a:visited {color:#000000; text-decoration:underline;}
.notfound-content a:hover,
.notfound-content a:active {color:#344989; text-decoration:none;}
.notfound-content h1 {
font-size:24px; 
line-height:30px;
font-weight:bold;
color:#333333;
margin:0 0 20px 0;
}
.notfound-content .eng {
border-top:1px solid #cccccc;
padding:12px 0 0 0;
}

/*------------------------------------------------------------
Layout
------------------------------------------------------------*/
#container {
width:100%;
min-height:100%;
height:auto !important;
margin-bottom:-47px;
height:100%;
background:url("../img/cmn/hdr-topline-bg.gif") top center no-repeat;
}
#container-inner {
width:970px;
margin:0 auto;
}
.push {
clear:both;
height:47px;
}

/*------------------------------------------------------------
Layout Small
------------------------------------------------------------*/
#container-s {
width:100%;
min-height:100%;
height:auto !important;
margin-bottom:-64px;
height:100%;
background:url("../img/cmn/hdr-topline-bg.gif") top center no-repeat;
}
#container-s-inner {
width:100%;
margin:0 auto;
}
#container-s .push {
clear:both;
height:64px;
}

/*------------------------------------------------------------
Header
------------------------------------------------------------*/
#hdr {
overflow:hidden;
position:relative;
background:url("../img/cmn/hdr-topline.jpg") top center no-repeat;
padding:6px 0 0 0;
}
#hdr-inner {
margin:0 auto;
background:#ffffff url("../img/cmn/hdr-bg.gif") top left repeat-x;
}
#hdr-main {
width:970px;
height:80px;
margin:0 auto;
}
#hdr .logo {
width:158px;
padding:12px 0 0 0;
float:left;
}
#hdr .hdr-right {
width:812px;
float:right;
}
#hdr ul.btns {
padding:5px 0 0 0;
height:24px;
text-align:right;
}
#hdr ul.btns li {
display:block;
height:24px;
float:right;
padding:0 0 0 13px;
}
#hdr ul.navi {
width:812px;
height:43px;
background:url("../img/cmn/hdr-navi-topline.gif") top left no-repeat;
padding:12px 0 0 0;
}
#hdr ul.navi li {
display:block;
height:43px;
float:left;
}

/*------------------------------------------------------------
Header Small
------------------------------------------------------------*/
#hdr-s {
overflow:hidden;
position:relative;
background:url("../img/cmn/hdr-topline.jpg") top left no-repeat;
padding:6px 0 0 0;
}
#hdr-s-inner {
margin:0 auto;
background:#ffffff url("../img/cmn/hdr-bg.gif") top left repeat-x;
}
#hdr-s-main {
width:100%;
height:60px;
margin:0 auto;
}
#hdr-s .logo {
width:158px;
padding:12px 0 0 0;
float:left;
}

/*------------------------------------------------------------
FootPrint
------------------------------------------------------------*/
#footprint {
width:950px;
height:33px;
background:#ffffff url("../img/cmn/footprint-bg.gif") top left no-repeat;
font-size:10px;
line-height:33px;
color:#7a7a7a;
margin:6px 0 0 0;
padding:0 0 0 20px;
}
#footprint a:link,
#footprint a:visited {color:#7a7a7a; text-decoration:none;}
#footprint a:hover,
#footprint a:active {color:#344989; text-decoration:none;}

/*------------------------------------------------------------
SubNavi
------------------------------------------------------------*/
#subnavi {
position:relative;
width:240px;
height:27px;
float:right;
margin:-30px 0 0 0;
}
#subnavi ul {
width:240px;
height:27px;
}
#subnavi ul li {
height:27px;
float:left;
padding:0 2px 0 0;
}

/*------------------------------------------------------------
Sidebar
------------------------------------------------------------*/
#sidebar {
width:171px;
float:left;
margin:17px 0 0 0;
}
#sidebar h2 {
margin:0 0 13px 0;
}
#sidebar h3 {
margin:0 0 13px 0;
}
#sidebar ul.menu {
width:171px;
margin:0 0 11px 0;
}
#sidebar ul.menu li {
margin:0 0 5px 0;
}
#sidebar .bnr {
text-align:center;
}
#sidebar .bnr a:link img,
#sidebar .bnr a:visited img {}
#sidebar .bnr a:hover img,
#sidebar .bnr a:active img {
filter:alpha(opacity= 70); /* IE */
-moz-opacity:0.7; /* Firefox CSS3以前 */
opacity:0.7; /* CSS3 */
}
#sidebar .bnr ul.bnr-list {
}
#sidebar .bnr ul.bnr-list li {
display:block;
margin:0 0 10px 0;
}
#sidebar .bnr-seo {
border-top:1px solid #e4e1dd;
padding-top:10px;
}

/*------------------------------------------------------------
Main
------------------------------------------------------------*/
#main {
width:772px;
margin:17px 0 0 0;
padding:6px 6px 30px 6px;
background:#ffffff url("../img/cmn/main-bg.gif") top left no-repeat;
float:right;
}
#main .title-category {
margin:0 0 20px 0;
}
#main-inner {
width:732px;
margin:0 auto;
overflow:hidden;
}
#main-inner:after {
content:"";
display:block;
clear:both;
height:1px;
overflow:hidden;
}
/*\*/
* html #main-inner {
height:1em;
overflow:visible;
}
/**/

#main .title-page {
margin:0;
}
#main .title-sub {
clear:both;
margin:0 0 16px 0;
}

/*------------------------------------------------------------
Main Wide
------------------------------------------------------------*/
#main-wide {
width:958px;
margin:17px 0 0 0;
padding:6px 6px 30px 6px;
background:#ffffff url("../img/cmn/main-bg-wide.gif") top left no-repeat;
}
#main-wide-inner {
width:918px;
margin:0 auto;
padding:20px 0 0 0;
}

/*------------------------------------------------------------
Main Small
------------------------------------------------------------*/
#main-s {
padding:10px 20px;
background:#ffffff;
}
#main-s .title-category {
margin:0 0 20px 0;
}
#main-s-inner {
margin:0 auto;
}
#main-s h1 {
margin:0 0 20px 0;
}

/*------------------------------------------------------------
Footer
------------------------------------------------------------*/
#ftr {
width:100%;
height:45px !important;
overflow:hidden;
font-size:10px; 
line-height:12px;
border-top:1px solid #e4e4e4;
}
#ftr-inner {
width:970px;
height:45px;
margin:0 auto;
}
#ftr .copyright {
width:381px;
height:45px;
float:left;
}
#ftr ul.f-navi {
width:589px;
height:45px;
float:right;
}
#ftr ul.f-navi li {
display:block;
float:left;
}
#ftr ul.f-navi li.f-navi01 {
padding:0 17px 0 0;
background:url("../img/top/f-navi-bg.gif") top right no-repeat;
}

/*------------------------------------------------------------
Footer Small
------------------------------------------------------------*/
#ftr-s {
width:100%;
height:45px !important;
overflow:hidden !important;
font-size:10px; 
line-height:12px;
border-top:1px solid #e4e4e4;
}
#ftr-s-inner {
padding:0 20px;
}
#ftr .copyright {
width:381px;
text-align:left;
}

/*------------------------------------------------------------
関連情報
------------------------------------------------------------*/
.kanren {
padding:20px 0 0 0;
}
.kanren li a:link,
.kanren td a:link,
.kanren li a:visited,
.kanren td a:visited {text-decoration:none; border-bottom:1px solid #000000;}
.kanren a:hover,
.kanren a:active {text-decoration:none; border-bottom:0;}
.kanren h2 {
background:url("../img/cmn/kanren-line.gif") top right repeat-x;
margin:0 0 10px 0;
}
.kanren ul {
padding:0 0 0 14px;
overflow:hidden;
}
.kanren ul:after {
content:"";
display:block;
clear:both;
height:1px;
overflow:hidden;
}
/*\*/
* html .kanren ul {
height:1em;
overflow:visible;
}
/**/
.kanren ul li {
font-size:10px; 
line-height:14px;
}
#main .kanren ul li {margin:0 0 5px 0;}
#sidebar .kanren ul li {margin:0 0 10px 0;}

dl.glossary-list .kanren {
padding:20px 0 20px 20px;
}
dl.glossary-list .kanren h2 {
background:none;
margin:0 0 10px 0;
}
dl.glossary-list .kanren ul {
padding:0 0 0 8px;
}