@charset "UTF-8";

/* common.css */ 
/*
========== TABLE of CONTENTS ==========

1:reset
2:clearfix
3:layout

========== TABLE of CONTENTS ==========
*/

/* ---------- 1:reset  ---------- */

html {
  overflow-y: scroll; /* Firefox scroll-on */
  background-color: #ffffff;
  color: #686868;
}

body {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: Osaka,"ＭＳ Ｐゴシック",Arial,sans-serif;
}

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div {
  margin: 0;
  padding: 0;
}

table,pre,code,select,input,textarea,kbd,var,ins,del,samp {
  font-size: 13px;
  font-family: Osaka,"ＭＳ Ｐゴシック",Arial,sans-serif;
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
  font-size: 12px;
}

ul li,ol li {
  list-style: none;
}

table,th,td {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}

th,caption {
  text-align: left;
}

address,cite,dfn,em,b,strong,var,th,ins,del,samp {
  font-weight: normal;
  font-style: normal;
}

img,fieldset {
  border: none;
}

/* Default Link Style */

a,a:link,a:active,a:visited {
  color: #44cdbe;
  text-decoration: underline;
}

a:hover {
  color: #f5578b;
  text-decoration: underline;
}

a img {
  border: 0;
}

/* ---------- /1:reset  ---------- */

/* ---------  2:clearfix --------- */

.clearfix:after {
  content: url(../images/pixel.gif);
  display: block;
  clear: both;
  height: 0;
}

.clearfix {
  display: inline-block;
}

.clearfix {
  display: block;
}

/* Mac版IEのみに適用 \*//*/
.clearfix { overflow: hidden; }
/* */

/* --------- /2:clearfix --------- */

/* ---------- 2:layout  ---------- */

#main_wrapper {
  width: 952px;
  margin: 0 auto;
  padding-bottom:15px;
  background-image: url(../images/00bg_wrapper.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
}

#header {
  width: 952px;
  margin-bottom:10px;
}
#header img{
  vertical-align:top;
}

#wrapper {
  width:952px;
  background-image: url(../images/00bg_cntsbody.gif);
  background-position: left top;
  background-repeat: repeat-y;
}

#top_banner {
  width:932px;
  background-image: url(../images/00heder_back.gif);
  background-position: left top;
  background-repeat: no-repeat;
  padding:10px 10px 0 10px;
}

#global {
  width:952px;
  padding-bottom:20px;
}

#global img{
  vertical-align:top;
}

#global ul{
  width:932px;
  margin:0 auto;
}

#global ul li{
  float:left;
}

#contents {
  width: 929px;
  margin: 0 13px 0 10px;
}

#contents #main{
  width:534px;
  float:left;
}

#main #topics{
  width:534px;
  margin-bottom:24px;
  background-image:url(../images/01topi_mbck.gif);
  background-position:left top;
  background-repeat:repeat-y;
}

#main #topics h2{
  width:534px;
  height:35px;
  background-color:#ffffff;
  position:relative;
  z-index:1;
}

#main #topics h2 span{
  position:absolute;
  right:5px;
  top:14px;
  z-index:2;
  font-weight:bold;
}

#main #topics h2 span a{
  text-decoration:none;
  color:#666666;
  background-image:url(../images/01topi_icon_pink.gif);
  background-position:left 1px;
  background-repeat:no-repeat;
  padding-left:14px;
}

#main #topics h2 span a:hover{
  color:#f5578b;
  text-decoration:underline;
}

#topics #topi_inr{
  width:517px;
  background-image:url(../images/01topi_btmbck.gif);
  background-position:left bottom;
  background-repeat:no-repeat;
  padding:7px 6px 11px 11px;
}

#topi_inr #inr_body{
  width:517px;
  height:425px;
  overflow:auto;
}

#topi_inr #inr_body .entry{
  width:490px;
  padding:10px 0 6px 0;
}

#inr_body .entry table{
  width:490px;
  border-bottom:1px dotted #666666;
}

#inr_body .entry th{
  width:auto;
  font-weight:bold;
  padding-bottom:2px;
  vertical-align:top;
  background-image:url(../images/01topi_icon_grn.gif);
  background-position:3px 3px;
  background-repeat:no-repeat;
  padding-left:14px;
  line-height:1.3em;
}

#inr_body .entry th a{
  text-decoration:none;
  color:#666666;
}

#inr_body .entry th a:hover{
  text-decoration:underline;
  color:#f5578b;
}

#inr_body .entry td{
  width:12ex;
  font-size:12px;
  text-align:right;
  padding-bottom:2px;
  vertical-align:bottom;
  line-height:1.3em;
}

#inr_body .entry .ent_body{
  line-height:1.4em;
  padding:10px 10px 0 10px;
}

#inr_body .entry .ent_body .ent_thumbimg{
  float:left;
  width: 86px;
  height: 86px;
  padding:3px;
  margin:0 8px 2px 0;
  background-color:#ffffff;
  padding:3px;
  border:1px solid #bfbfbf;
}

#inr_body .entry .ent_body .more{
  text-align:right;
  margin-right:-5px;
}

#main #infomation{
  width:532px;
  margin-bottom:10px;
  padding-right:2px;
  background-image:url(../images/01sup_bck.gif);
  background-position:left top;
  background-repeat:no-repeat;
}

#main #infomation #support{
  width:374px;
  float:left;
  padding:5px 0 104px 0;
  background-image:url(../images/01sup_mobile.gif);
  background-position:left bottom;
  background-repeat:no-repeat;
}

#main #infomation #support dl{
  width:354px;
  padding:0 10px 8px 10px;
}

#main #infomation #support dt{
  width:62px;
  float:left;
  clear:both;
}

#main #infomation #support dd{
  margin-left:65px;
}

#main #infomation #support dd h5{
  border-bottom:1px dotted #666666;
  color:#000000;
  margin-bottom:4px;
  padding:3px 0;
  font-size:14px;
  font-weight:bold;
}

#main #infomation #support dd h5 a{
  color:#000000;
  text-decoration:none;
}

#main #infomation #support dd h5 a:hover{
  color:#333333;
}

#main #infomation #support dd p{
  line-height:1.3em;
}

#main #infomation #support p.mobile{
  line-height:1.3em;
  padding:4px 100px 0 18px;
  font-size:10px;
}

#main #infomation #weather{
  width:150px;
  float:right;
}

#main #small_bn{
  width:532px;
  padding-right:2px;
}

#main #small_bn ul{
  width:536px;
  margin-left:-4px;
}

#main #small_bn li{
  float:left;
  padding:0 0 5px 5px;
  width:129px;
}

#main #small_bn li img{
  vertical-align:top;
}

#contents #sub{
  width:386px;
  float:right;
}

#sub #useful{
  width:378px;
  background-image:url(../images/01useful_bck.gif);
  background-position:left top;
  background-repeat:repeat-y;
/*  margin-bottom:5px;*/
  padding:0 8px 9px 0;
  text-align:center;
}

#sub #useful2{
  width:378px;
  background-image:url(../images/01useful2_bck.gif);
  background-position:left top;
  background-repeat:repeat-y;
  margin-bottom:10px;
  padding:0 8px 9px 0;
  text-align:center;
}

#sub #useful h2,
#sub #useful2 h2{
  width:37px;
  float:left;
}

#sub #useful div{
  width:341px;
  margin-top:9px;
  padding:12px 0 8px 0;
  background-color:#ffffff;
  float:right;
}

#sub #useful2 div{
  width:341px;
  margin-top:9px;
  padding:3px 0 8px 0;
  background-color:#ffffff;
  float:right;
}

#sub #useful div h3{
  width:326px;
  margin:0 auto;
}

#sub #useful div dl,
#sub #useful2 div dl{
  width:325px;
  margin:0 auto;
  padding:15px 3px 9px 3px;
  border-bottom:1px dotted #666666;
}

#sub #useful div dl.end,
#sub #useful2 div dl.end{
  border:0;
}

#sub #useful div dt,
#sub #useful2 div dt{
  width:100px;
  float:left;
  clear:both;
}

#sub #useful div dt img,
#sub #useful2 div dt img{
  vertical-align:top;
}

#sub #useful div dd,
#sub #useful2 div dd{
  margin-left:110px;
  text-align:left;
}

#sub #useful div dd h4,
#sub #useful2 div dd h4{
  margin-bottom:5px;
  font-size:14px;
  font-weight:bold;
}

#sub #useful div dd h4 a{
  text-decoration:none;
}

#sub #useful2 div dd h4 a{
  text-decoration:none;
  vertical-align:bottom ;
}

#sub #useful2 div dd h4 img{
  vertical-align:bottom ;
}

#sub #useful div dd p,
#sub #useful2 div dd p{
  line-height:1.4em;
}

#sub #contact{
  width:358px;
  margin:0 0 10px auto;
  text-align:center;
  padding-top: 0;
}

#sub #contact img{
  vertical-align:top;
}

#sub #green_pile{
  width:356px;
  border:1px solid #b2cf6b;
  background-color:#f9ffe0;
  text-align:center;
  height: 180px;
  margin:0 0 0 auto;
  padding:10px 0 6px 0;
}

#sub #green_pile h3{
  border-top:1px solid #b2cf6b;
  border-bottom:1px solid #b2cf6b;
  background-color:#5bab14;
  color:#ffffff;
  padding:5px;
  margin-bottom:5px;
  font-weight:bold;
  font-size:14px;
}

#sub #green_pile h3 span{
  width:356px;
  font-size:12px;
  font-weight:normal;
}

#sub #green_pile #cap_left{
  width:116px;
  float:left;
  padding:0px;
  margin:0 auto;
}

#sub #green_pile #cap_right{
  width:240px;
  float:left;
  padding:0px;
  margin:0 auto;
}

#sub #green_pile img{
  margin:5px auto;
  vertical-align: top;
  clear:both;
}

#sub #green_pile p{
  font-size:11px;
  line-height:1.3em;
  text-align:left;
  padding:2px 3px 0 8px;
}

#contents_footer {
  width: 932px;
  margin: 0px auto;
  padding:22px 0 0 0;
}

#contents_footer p{
  width:930px;
  margin:0 auto;
  padding:10px 0;
  background-color:#18358e;
  text-align:center;
  color:#ffffff;
}

#contents_footer a{
  color:#ffffff;
}

#footer {
  width: 100%;
  height:85px;
  background-image:url(../images/00footer_bck.gif);
  background-position:left top;
  background-repeat:repeat-x;
}

#footer_inner {
  width: 952px;
  height:85px;
  margin:0 auto;
  background-image:url(../images/00footer_inrbck.gif);
  background-position:left top;
  background-repeat:no-repeat;
}

#footer_inner p{
  padding:12px 100px 0 100px;
  line-height:1.6em;
  text-align:center;
}