@charset "utf-8";

/****************************************************************************
ヘッダ
****************************************************************************/

#header {
  width:960px;
  height:170px;
  margin:0 auto;
}

#header h1{
  float:left;
  width:300px;
  margin-top:50px;
}

/* メニュー */
.menubtn {
  display: none;
}

/*サブナビゲーション*/
#hnav{
  float:right;
  width:600px;
  height:30px;
  text-align:right;
  padding-bottom:20px;
}

#hnav li{
  display:inline;
  font-size:13px; /*固定*/
  padding-left:26px;
  line-height:30px;
}

#hnav li a{ text-decoration:none; }
#hnav li a:hover{ text-decoration:underline; }

/*ナビゲーション*/
#nav{
  float:right;
  width:648px;
  height:120px;
}

#nav .sub-nav {
  display: none;
}

#nav li{
  float:left;
  display:inline;
  height:120px;
  padding-left:12px;
}

#nav .pc {
  display: block;
}

#nav .sp {
  display: none;
}

.hone #nav{ background:url(../img/bg_home_nav.png) no-repeat right top;}
#nav li{ background:no-repeat right top; }
#nav li#n01{ width:114px; background-image:url(../img/nav01.png); }
#nav li#n02{ width:118px; background-image:url(../img/nav02.png); }
#nav li#n03{ width:119px; background-image:url(../img/nav03.png); }
#nav li#n04{ width:117px; background-image:url(../img/nav04.png); }
#nav li#n05{ width:120px; background-image:url(../img/nav05.png); }

#nav li a{
  position:relative;
  z-index:2;
  display:block;
  height:120px;
  /*text-indent:-9999em;*/
  overflow:hidden;
  outline:none;
  background:url(../img/bg.gif) no-repeat left top;
}
#nav li#n01 a{ width:114px; }
#nav li#n02 a{ width:118px; }
#nav li#n03 a{ width:119px; }
#nav li#n04 a{ width:117px; }
#nav li#n05 a{ width:120px; }



/****************************************************************************
コンテンツ
****************************************************************************/

#contents {
  width:960px;
  margin:0 auto;
  padding-top:10px;
}

.home #contents{ padding-top:20px; }

/* PCのみ改行 */
.pcbr {
  display: inline;
}

/* スマートフォンのみ改行 */
.spbr {
  display: none;
}

/****************************************************************************
メイン
****************************************************************************/

#main{
  float:right;
  width:730px;
  margin-bottom:-20px;
}

#pathlist{
  width:730px;
  height:23px;
  padding:2px 0 15px 0;
}

#pathlist li{
  float:left;
  display:inline;
  line-height:23px;
}

#headimg{
  padding-bottom:30px;
}

#headimg p{
  padding-top:20px; /*実質25px*/
}

.sp {
    display: none !important;
}

#main .section{
  padding-bottom:60px; /*実質60px*/
  letter-spacing:0.1em;
}

#main .section h1{
  margin-bottom:15px; /*実質20px*/
}

#main .section h2{
  width:730px;
  padding-bottom:4px;
  background:url(../img/line_x.png) repeat-x left bottom;
  margin-bottom:15px; /*実質20px*/
}

#main .section .column,
#main .section .article{
  padding-top:35px; /*実質40px*/
}

#main .section .column h3{
  padding-bottom:20px;
}

/*テーブル*/

table{
  border-collapse: separate;
  border-spacing: 1px;
  background:#ccc;
}
*+html table { border-collapse: expression('separate', cellSpacing = '1px'); }
* html table { border-collapse: expression('separate', cellSpacing = '1px'); }

th{
  border:1px solid #fff;
  background-color:#eee;
  vertical-align:top;
}

td{ 
	background-color:#fff;
}

/****************************************************************************
サイド
****************************************************************************/

#side{
  float:left;
  width:200px;
}

#side p{ padding-bottom:10px; }

#side #innerlink{ padding-bottom:30px; }

.home #side #sbannerbox{ padding:10px 0; }

/*ナビゲーション*/
#snav{
  width:200px;
  padding-bottom:40px;
  background:no-repeat left 115px;
}

div#snav{
  padding-bottom:0;
}

#snav dd,
#snav dd a{
  display:block;
  width:200px;
  height:80px;
}

#snav h4{
  padding-bottom:20px;
}

#snav ul{
  padding-left:7px;
  padding-bottom:25px;
}

#snav ul li{
  padding-left:14px;
  min-height:20px;
  height:auto !important;
  height:20px;
  line-height:20px;
  margin-bottom:10px;
  background:url(../img/bg_news_snav_li.png) no-repeat left 6px;
}

/*メーリングリスト登録*/
#mailinglist{
  width:200px;
  padding-bottom:5px;
  background:url(../img/bg_mailinglist.png) no-repeat center bottom #aeaaa0;
}

#mailinglist form{
  width:190px;
  padding:0 5px;
}

#mailinglist form #email{
  width:180px;
  border:none;
  background:url(../img/bg_mailinglist_email.png) no-repeat left center;
  margin-bottom:5px;
  font-size:12px;
}

#mailinglist form div{
  width:140px;
  height:30px;
  float:left;
}

#mailinglist form label{
  color:#fff;
  font-size:12px;
  line-height:30px;
  margin-right:5px;
}

#mailinglist form button{
  float:right;
  width:43px;
  height:30px;
  background:url(../img/bg_mailinglist_button.png) no-repeat center center;
}

#side .acmailer{
  clear:both;
  text-align:right;
  font-size:10px;
  line-height:12px;
  height:12px;
  padding:3px 5px 0 0;
  color:#999;
}

#side .acmailer img{
  vertical-align:middle;
  margin-left:5px;
}

/****************************************************************************
フッタ
****************************************************************************/

#footer{
  width:100%;
  background:#808080;
  color:#fff;
  margin-top:80px;
}

#footer #inner{
  width:960px;
  margin:0 auto;
  padding-bottom:30px;
}

#footer address{
  width:600px;
  padding:20px 0 15px 0;
  float:left;
}

#footer address span{
  font-size:0.858em; /*12px相当*/
  line-height:1.667em; /*12-20px相当*/
}

#gotop{
  position:relative;
  float:right;
  width:260px;
  height:130px;
  margin-top:-50px;
}

#gotop a{
  display:block;
  width:260px;
  height:130px;
  text-indent:-9999em;
  font-size:0%;
  line-height:0%;
  overflow:hidden;
  outline:none;
  background:url(../img/gotop01.png) no-repeat left bottom;
}
#gotop a:hover{ background-position:left top; }

#gotop.type1 a{ background-image:url(../img/gotop01.png);}
#gotop.type2 a{ background-image:url(../img/gotop02.png);}
#gotop.type3 a{ background-image:url(../img/gotop03.png);}
#gotop.type4 a{ background-image:url(../img/gotop04.png);}
#gotop.type5 a{ background-image:url(../img/gotop05.png);}
#gotop.type6 a{ background-image:url(../img/gotop06.png);}


#footer #copyright{
  clear:both;
  padding-top:5px;
  border-top:1px solid #999;
  font-size:12px; /*固定*/
}

#footer #subnav{
  float:right;
  height:24px;
  margin-top:-24px;
  text-align:right;
  color:#999;
  font-size:0.858em; /*12px相当*/
}

#footer #subnav a{
  color:#fff;
  text-decoration:none;
  padding:0 0.25em;
}

#footer #subnav a:hover{ text-decoration:underline; }

/****************************************************************************
汎用クラス
****************************************************************************/

/*参加をお待ち*/
.linkbox{
  /*角丸*/
  position:relative;
  -webkit-border-radius: 5px;  
  -moz-border-radius: 5px;
  border-radius:5px;
  behavior:url(http://son-fukushima.jp/common/css/PIE.htc);
}
.learn .linkbox{ background:#e0f1f4; }
.learn .linkbox div .boxright h3{ color:#005970; }
.join .linkbox{ background:#d6f1ef; }
.join .linkbox div .boxright h3{ color:#295652; }
.support .linkbox{ background:#e3eb98; }
.contact .linkbox{ background:#d9d5c8; }

.linkbox h3{
  padding:25px 0 20px 0;
  font-size:17px;
  line-height:20px;
  font-weight:bold;
  text-align:center;
  color:#666;
  letter-spacing:0;
}

.linkbox p.note{
  width:660px;
  margin:auto;
  padding-bottom:1em;
}

.linkbox ul{
  padding-left:13px;
  padding-bottom:25px;
}

.linkbox li{
  float:left;
  display:inline;
  width:300px;
  margin-left:35px;
}

.linkbox div{
  padding-bottom:25px;
}

.linkbox div .linkbtn{ margin:0 auto; }

.linkbox div .imgleft{ margin:10px 0 0 20px; }

.linkbox div .boxright{
  width:420px;
  padding-right:20px;
  padding-bottom:0;
}

.linkbox div .boxright h3{
  text-align:left;
  font-size:21px;
  line-height:30px;
  padding-bottom:10px;
}

.linkbox ul.tbtn{
  padding-left:20px;
  padding-bottom:25px;
  margin-left:-15px;
}

.linkbox ul.tbtn li{
  float:left;
  display:inline;
  width:220px;
  margin-left:15px;
}

/*フロート*/
.boxleft,
.imgleft{ float:left; }
.boxright,
.imgright{ float:right; }

/*右寄せ文字*/
.txtright{
  text-align:right;
  margin-top:1.25em;
}

/*リンクボタン*/
.linkbtn,
.linkbtnl{
  width:300px;
  height:60px;
}

.linkbtn a,
.linkbtnl a{
  display:block;
  width:300px;
  height:60px;
  background:no-repeat left top;
}
.linkbtnl,
.linkbtnl a{ width:220px; }

.linkbtn a:hover,
.linkbtnl a:hover{background-position:left bottom;}

/*ダウンロードボタン*/
.dlbtn{ width:300px; }

.dlbtn p{
  width:300px;
  height:20px;
  text-align:center;
  padding-top:10px;
}

.dlbtn span{
  background:no-repeat left center;
  line-height:20px;
  font-size:0.858em; /*12px*/
  padding:5px 0 5px 25px;
}

.dlbtn span.pdf{ background-image:url(../img/icon_pdf.png); }

/*マーカー付リスト*/
.marker li{
  padding-left:15px;
  background:url(../img/li_marker.png) no-repeat left 8px;
}

/*イメージリスト*/
.imglist{
  width:735px;
  margin-left:-15px;
  margin-top:-5px;
}

.imglist li{
  float:left;
  display:inline;
  width:220px;
  margin-left:25px;
  padding-top:20px;
}

/*スペース*/
.spa{ margin-bottom:1.25em; }
.spb{ margin-top:1.25em; }

/*リンク半調*/
#header a:hover img,
a.alpha:hover img{
  filter:alpha(opacity=50);
  opacity: 0.5;
  -ms-filter: "alpha(opacity=50)";
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
}

/*リンク透明*/
#snav a:hover img,
#snav a.selected img,
a.trans:hover img,
.linkbtn a:hover img,
.linkbtnl a:hover img{
  filter:alpha(opacity=0);
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  -moz-opacity:0;
  -khtml-opacity: 0;
}

/*クリアフィックス*/
#infobox:after,
#newsbox:after,
#blogbox:after,
.clear:after,
.imglist:after,
.section:after,
.column:after,
#contents:after{
  content:"";
  display:block;
  clear:both;
}

*+html #infobox{ zoom:1; }
*+html #newsbox{ zoom:1; }
*+html #blogbox{ zoom:1; }
*+html .clear{ zoom:1; }
*+html .imglist { zoom:1; }
*+html #contents { zoom:1; }
*+html .section { zoom:1; }
*+html .column { zoom:1; }

* html #infobox{ zoom:1; }
* html #newsbox{ zoom:1; }
* html #blogbox{ zoom:1; }
* html .clear { zoom:1; }
* html .imglist { zoom:1; }
* html #contents { zoom:1; }
* html .section { zoom:1; }
* html .column { zoom:1; }

/*JS用のクラス*/
/*透過PNG*/
.alphapng { }

/*スムーススクロール解除*/
.nopscr{}