/*------------------------------------------------------------
Base
------------------------------------------------------------*/
html, body {
margin:0;
padding:0;
height:100%;
}
body {
font-size:12px; 
line-height:18px;
color:#333333;
font-family:Verdana,Arial,Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック', sans-serif;
background:#c8dee6;
}

/*------------------------------------------------------------
Link
------------------------------------------------------------*/
a:link,
a:visited {color:#0080b9; text-decoration:none;}
a:hover,
a:active {color:#0080b9; text-decoration:underline;}

/*------------------------------------------------------------
Decoration
------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
margin:0; 
padding:0; 
font-weight:normal;
font-size:12px; 
line-height:18px;
}
ul {
display:block;
margin:0; 
padding:0; 
list-style-type:none;
}
ul li {
display:block;
}
dl, dt, dd, ol,form, fieldset {
margin:0; 
padding:0;
}
img {
border:0;
}
strong {
font-weight:bold;
}
table {
border-collapse:collapse;
border-spacing:0; 
}

.clear {
clear:both;
height:1px;
line-height:1px;
}
.push {
clear:both;
height:300px;
}

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

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

/*------------------------------------------------------------
Icon
------------------------------------------------------------*/
.icn-link {
padding:0 0 0 10px;
background:url("../img/cmn/icn-link.gif") top left no-repeat;
}

/*------------------------------------------------------------
Layout
------------------------------------------------------------*/
#container {
width:980px;
margin:0 auto -300px auto;
min-height:100%;
height:auto !important;
height:100%;
background:#ffffff;
border-left:1px solid #cdcdcd;
border-right:1px solid #cdcdcd;
}
#container-inner {
width:972px;
margin:0 auto;
padding:16px 0 0 0;
}

/*------------------------------------------------------------
Header
------------------------------------------------------------*/
#hdr {
width:972px;
height:210px;
background:#ffffff;
margin:0 auto;
overflow:hidden;
}
#hdr .hdr01 {
position:relative;
height:22px;
background:url("../img/cmn/hdr01-bg.gif") top left no-repeat;
overflow:hidden;
padding:5px 0 0 0;
}
#hdr .hdr01 .companyname {
padding:0 0 0 19px;
width:260px;
float:left;
}
#hdr .hdr01 ul.contact {
padding:0 0 0 702px;
}
#hdr .hdr01 ul.contact li.hdr-mail {
width:122px;
float:left;
padding:0 14px 0 0;
}
#hdr .hdr01 ul.contact li.hdr-tel {}
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#hdr .hdr02 {
position:relative;
height:122px;
background:url("../img/cmn/hdr02-bg.gif") top left no-repeat;
}
#hdr .hdr02 .hdr-logo {
width:170px;
float:left;
padding:26px 0 0 18px;
}
#hdr .hdr02 .hdr-catchcopy {
width:470px;
float:left;
padding:37px 0 0 296px;
}
#hdr .hdr02 .hdr-power {
position:absolute;
top:-22px;
left:320px;
z-index:100;
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#hdr .hdr03 {
height:61px;
background:url("../img/cmn/hdr03-bg.gif") top left no-repeat;
overflow:hidden;
}
#hdr .hdr03 ul.navi {
width:954px;
height:52px;
margin:0 auto;
}
#hdr .hdr03 ul.navi a {
display:block;
}
#hdr .hdr03 ul.navi .navi-here {
text-align:center;
}
#hdr .hdr03 ul.navi li {
display:block;
height:52px;
float:left;
}
#hdr .hdr03 ul.navi li.other {
width:90px;
height:47px;
background:url("../img/cmn/navi-other-bg.gif") top left no-repeat;
padding:5px 0 0 27px;
}
#hdr .hdr03 ul.navi li.other .navi-here {
padding-top:5px;
padding-right:27px;
}


/*------------------------------------------------------------
Main
------------------------------------------------------------*/
#main {
width:710px;
float:right;
padding:4px 10px 0 0;
background:#ffffff;
}
/*- - - - - - - - - - - - - - - - - - - - - - -*/
#main .directory {
font-size:12px; 
line-height:100%;
padding:4px 0 8px 0;
}
/*- - - - - - - - - - - - - - - - - - - - - - -*/
#main h1 {
border-top:4px solid #eceacd;
border-bottom:4px solid #eceacd;
margin:0 0 28px 0;
}

/*- - - - - - - - - - - - - - - - - - - - - - -*/
#main h2 {
margin:0 0 12px 0;
}
/*- - - - - - - - - - - - - - - - - - - - - - -*/
.contents {
width:710px;
overflow:hidden;
position:relative;
}
/*- - - - - - - - - - - - - - - - - - - - - - -*/
#main .icn-pagetop {
clear:both;
text-align:right;
padding:0 0 50px 0;
}
.icn-pagetop {
clear:both;
text-align:right;
padding:0 10px 50px 0;
}

/*------------------------------------------------------------
Sidebar
------------------------------------------------------------*/
#sidebar {
width:220px;
float:left;
overflow:hidden;
padding:0 0 0 12px;
}
#sidebar .side-module {
border-top:1px solid #cdcdcd;
padding:15px 0 0 0;
}
/*- - - - - - - - - - - - - - - - - - - - - - -*/
#sidebar ul.menu {
padding:0 16px 6px 16px;
background:#0080b9 url("../img/cmn/menu-bottom.gif") bottom left no-repeat;
margin:0 0 15px 0;
}
#sidebar ul.menu2 {
padding:0 16px 6px 16px;
background:#0080b9;
}
#sidebar ul.menu li,
#sidebar ul.menu2 li {
height:24px;
}
/*- - - - - - - - - - - - - - - - - - - - - - -*/
#sidebar ul.sp-list {
}
#sidebar ul.sp-list li {
height:76px;
margin:0 0 6px 0;
}

/*------------------------------------------------------------
Footer
------------------------------------------------------------*/
#ftr {
clear:both;
height:300px;
width:980px;
margin:0 auto;
background:#ebebe3;
color:#4d4d4d;
font-size:12px; 
line-height:14px;
}
#ftr-inner {
padding:18px 32px 0 52px;
height:261px;
}
#ftr .cat {
background:url("../img/cmn/icn-cat.gif") left no-repeat;
padding:0 0 0 12px;
font-size:12px; 
line-height:16px;
font-weight:bold;
}
#ftr .cat-sub {
padding:0 0 0 12px;
font-size:12px; 
line-height:14px;
}
#ftr ul.cat-list {
font-size:12px; 
line-height:14px;
padding:0 0 0 1em;
}
#ftr .page1 {
width:282px;
float:left;
}
#ftr .page2 {
width:320px;
float:left;
}
#ftr .page3 {
width:238px;
float:left;
}
#ftr .icn-privacy {
width:54px;
float:left;
padding:180px 0 0 0;
}

#ftr a:link,
#ftr a:visited {color:#4d4d4d; text-decoration:none;}
#ftr a:hover,
#ftr a:active {color:#4d4d4d; text-decoration:underline;}

#ftr-copyright {
clear:both;
background:#3c5d80;
height:21px;
font-size:10px; 
line-height:21px;
color:#ffffff;
}
#ftr-copyright-inner {
padding:0 0 0 24px;
}