@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-size: 100%;
 vertical-align: baseline;
 background: transparent;
}
body {
 line-height: 1;
 height: 100%;
 color:#4b474b;
 /border-bottom: 1px solid #FB863F;
 /*overflow-y:scroll;*/
 text-align: center;
}

body:after{
 content: "";
 display:block;
 height: 1px;
 background: #FB863F;
 margin-bottom: 1px;
}

ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}

p{
 margin-bottom: 10px;
}

dl, dt, dl {
 /zoom: 1;
}

/* remember to define focus styles! */
:focus {
 outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
 text-decoration: none;
}
del {
 text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
 border-collapse: collapse;
 border-spacing: 0;
}

body {
 font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
 font-size: 84.3%;
 line-height: 1.6;
 background:#dfdac1;
}

/*headline design CLASS
 ***************************************/

h1 {
 /*margin: 20px 0 0;*/
 margin-bottom: 10px;
}
/*h1(WIDE)*codingTeam cd*/
.head01Wide {
 padding:12px 0 9px 60px;
 text-align:left;
}


h2, h3, h4, h5, p, ul, ol, dl {
 /*margin: 0 0 20px;
 line-height: 1.7;
 */
}
h2, h3, h4, h5 {
 line-height: 1.4;
}
h2 {
 font-size: 120%;
 background:url("../../common/images/h2_bg.gif") no-repeat left top transparent;
 padding-left:10px;
 padding-top: 5px;
 margin-bottom:10px;
 display:block;
 color: #4b474b;
}

.sitemap h2{
 background:url("../../common/images/h2_bg_short.gif") no-repeat left top transparent;
}


/*
.noLocalnavi h2{
 background:url("../../common/images/h2_bg_long.gif") no-repeat left top transparent;
}*/

/*
.home h2{
 background: none;
}
*/

h3 {
 font-size: 110%;
 background:url("../../common/images/h3_bg.gif") no-repeat left top transparent;
 padding-left: 10px;
 margin-bottom: 10px;
 padding-right:5px;
}

h3 span{
 background-color: #f0eedf;
}

h4 {
 border-left: 3px solid #89a6ac;
 margin-bottom: 10px;
 padding-left: 3px;
}

h5 {
 margin-bottom: 10px;
 padding-left: 6px;
}

ul li,
ol ul li,
ol li {
 display: list-item;
 margin: 0 0 5px 25px;
 list-style: disc;
}
ol li {
 list-style: decimal;
}

dt {
 font-weight: bold;
 margin: 0 0 5px;
}
dd {
 margin: 0 10px 1em;
}

a:link {
color: #4b474b;
}

a:hover {
 
}
button {
 border: none;
}
table {
 width: 100%;
}
caption {
 font-weight: bold;
 text-align: left;
}
th, td {
 text-align: left;
 vertical-align: top;
 font-weight: normal;
}
td p,
td ul,
td ol,
td dl {
 margin: 0;
}
hr {
 display: none;
}
img {
 border: none;
 vertical-align: bottom;
}
button {
 cursor: pointer;
 background: none;
 border: none;
 border: hidden;
}
em {
 font-weight: bold;
 font-style: normal;
}
strong {
 font-weight: normal;
 color: #C30;
}
sup {
 vertical-align: top;
 line-height: 1.8;
}
.localnavi a {
 color: #4b474b;
 text-decoration: none;
 font-weight:bold;
     background:url("../images/list_submenu_icon.png") no-repeat scroll 5px 10px;
    _background:url("../images/list_submenu_icon.gif") no-repeat scroll 5px 10px;
}
.localnavi a:visited {
 color: #4b474b;
 text-decoration: none;
     background:url("../images/list_submenu_icon.png") no-repeat scroll 5px 10px;
    _background:url("../images/list_submenu_icon.gif") no-repeat scroll 5px 10px;
}
.localnavi a:hover {
 color: #fff;
    background: 
    #fb8640 url("../images/list_submenu_icon_on.png") no-repeat scroll 5px 10px;
    _background: 
    #fb8640 url("../images/list_submenu_icon_on.gif") no-repeat scroll 5px 10px;
}
.localnavi a:active {
 color: #4b474b;
    background: #edce9f url("../images/list_submenu_icon_on.png") no-repeat scroll 5px 10px;
    _background: #edce9f url("../images/list_submenu_icon_on.gif") no-repeat scroll 5px 10px;
    
}

.localnavi .active span{
    color: #4b474b;
    background: url("../images/list_submenu_icon_on.png") no-repeat scroll 5px 10px;
    _background: url("../images/list_submenu_icon_on.gif") no-repeat scroll 5px 10px;
}

form .buttonArea {
 text-align: center;
 margin: 20px 0;
}
form .buttonArea input {
 vertical-align: bottom;
}

/* wrapper
*********************************************************/
#wrapper {
 width:939px;
 margin:10px auto 0;
 position: relative;
 text-align: left;
}

/* header
*********************************************************/
#header {
 width:100%;
}
*:first-child+html #header {
/* height:118px;*/
}

#header .description{
 float: left;
 width: 410px;
 font-size:90%;
 padding:5px 0 ;
 margin: 0 10px;
}

#header .description p{
 margin-bottom:0;
}

#header .hotspot{
 float: right;
 width: 460px;
 padding:0;
}

#header .hotspot ul li{
 list-style-type: none;
 list-style-image: none;
 float:left;
 margin:0 10px;
}


/* container
*********************************************************/
#container {
 padding:0;
 background:#fcfbf1 url("../../common/images/bg_contentsBottom.gif") no-repeat 0 100%;
 height:auto;
}

#container .toparea{
 width: 939px;
 height: 102px;
 position:relative;
 margin:0 auto;
 background:url("../../common/images/bg_contents.jpg") no-repeat 0 0;
}

.index #container .toparea{
 height: 407px;
 background:url("../../images/bg_top.jpg") no-repeat 0 0;
}

#container .gnavi{
 background:url("../../common/images/bg_gnav.png") no-repeat 0 100%;
 position: absolute;
 top: 2px;
 right: 13px;
 width:774px;
 height:43px;
}
#container .gnavi ul{
 padding:0 20px 0;
    _padding: 0;
}
#container .gnavi ul li{
 list-style-type: none;
 list-style-image: none;
 float: left;
 margin: 5px 25px 0;
}

#container .gnavi ul li.active{
 
 border-top: 2px solid #FB873E;
 /*border-top: 2px solid #DFDAC1;*/
 padding-top: 3px;
    margin-top: 0;
}

#container .gnavi ul li a{
 display:inline-block;
 height:35px;
}

#container .topcontent{
 position: absolute;
 bottom: 10px;
 right: 20px;
 text-align:right;
}

#container .topcontent p{
 padding:0 15px;}
#container .topcontent ul {
 padding:0;}
#container .topcontent ul li{
 list-style-type:none;
 display:inline;
 margin: 0 0 0 10px;}

list-style: disc;
#container .toparea .logoarea{
}

#container .toparea .logoarea div.logo{
 padding: 10px 0 0 15px;
}

#container .toparea .logoarea p.breadcrumb{
 position: absolute;
 bottom: 10px;
 left: 200px;
 color: #fff;
 font-size: 100%;
}

#container .toparea .logoarea p.breadcrumb a{
 color: #fff;
}


/* content
*********************************************************/


/* footer
*********************************************************/
#footer{
 width:100%;
 margin:0;
/* position:absolute;
 bottom:0px;
 left:0;*/
}

#footer .related{

}

#footer .related ul{
 display: block;
 width: 100%;
 text-align: center;
  padding:0 0 10px 0;
}

#footer .related ul li{
 display: inline-block;
 /display: inline;
 /zoom: 1;
 margin: 0 10px;
 list-style: none;
 text-align: center;
 vertical-align: middle;
}

#footer .footerLink{
 margin: 5px 0 15px;
}

#footer .footerLink ul{
 diplay: block;
}

#footer .footerLink ul li{
 display: inline-block;
 /display: inline;
 /zoom: 1;
 height: 30px;
 margin-left: 20px;
/* padding: 0 0 0 5px;*/
 list-style: none;
 font-size: 14px;
 border-left: 1px solid #FB863F;
 vertical-align: top;
}

#footer .footerLink ul li a{
 display:inline-block;
 height:30px;
}


/*mainContent*codingTeam cd*
*********************************************************/
/* <h1> title 0/contents 20px */
h1{
 margin-left: -20px;
}

/* <h2> parent 20px/title 0/contents 10px */
.h2block{
 margin-top: 30px;
/* margin-left: 25px; */
 margin-left: 10px;
 margin-right: 5px;
 _margin-right: -5px;
}

.h2block h2{
 margin-left: -10px;
 zoom:1;
}

.h2block h2 a{
 color: #4B474B;
 text-decoration: underline;
}

.h2block h2 a:hover{
 color: #FB873E;
 text-decoration: underline;
}



.h2blocknarrow{
 margin-top: 30px;
/* margin-left: 25px; */
 margin-left: 10px;
 margin-right: 5px;
 _margin-right: -5px;
}

.division{
 width: 320px;
 display: inline-block;
 /display: inline;
 /zoom: 1;
 vertical-align: top;
}

.h2blocknarrow h2 a{
 color: #4B474B;
 text-decoration: underline;
}

.h2blocknarrow h2 a:hover{
 color: #FB873E;
 text-decoration: underline;
}




/* <h3> parent 30px/title 20px/contents 32px */
.h3block{
 margin-top: 15px;
/* margin-left: 40px; */
 margin-left: 32px;
}

.h3block h3{
 margin-left: -12px;
}

.imgblock{
 text-align:right;
 padding: 25px;
}

.imgblock .caption{
 font-size: 80%;
}

/* pagetop */
div.gotoTop{
 text-align: right;
}

div.gotoTop a{
 padding-left: 10px;
 color: #4B474B;
 text-decoration: underline;
 background: url("../../common/images/list_page_top.gif") no-repeat left 0.4em;
 /background: url("../../common/images/list_page_top.gif") no-repeat left 0.5em;
}

* html div.gotoTop a{
 background: url("../../common/images/list_page_top.gif") no-repeat left 0.2em;
}
div.gotoTop a:hover{
 color: #FB873E;
 text-decoration: underline;
}

/*definitionList cd*
*********************************************************/
#subarea .maincontent dl dt{
 display: inline-block;
 /display: inline;
 padding: 3px 3px 2px 3px;
 font-weight: bold;
 text-align: center;
}

#subarea .maincontent dl dd{
 padding-left: 10px;
}

#subarea .maincontent dl.col2 {
 display: block;
}

#subarea .maincontent dl.col2 dt{
 clear: both;
 float: left;
 display: block;
/* width: 8em;*/
 text-align: center;
}

#subarea .maincontent dl.col2 dd{
 float: left;
 padding-left: 5px;
 /float: none;
 /zoom: 1;
}

#subarea .maincontent dl.gray dt{
 background: #f0eede;
}

#subarea .maincontent dl.blue dt{
 background: #89a7ad;
 color: #fff;
 margin: 0 0 5px;
 /zoom: 1;
}

/* force clearfix */
#subarea .maincontent dl.col2{
 zoom:1;
}
#subarea .maincontent dl.col2:after{
 content: ""; 
 display: block; 
 clear: both;
}