@charset "utf-8";

/************************************************************

	base.css

-------------------------------------------------------------

　00. CSSリセット　
　01. 共通
　02. 大枠
　03. ヘッダー領域
　04. フッター領域
　05. ページの先頭へ戻る
		
*********************************************************** */


/*
============================================================
 ▼ 00.CSSリセット ▼
============================================================
*/

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,
form,input,textarea,
p,th,td { margin: 0; padding: 0; }
html,body { background: #fff; }
img { border: 0; vertical-align: top; }
h1,h2,h3 { font-size: 100%; }
ul,dl,ol { text-indent: 0; }
li { list-style: none; }
table { border: none; border-collapse: collapse; border-spacing: 0; font-size: inherit; }
th,td { text-align: left; vertical-align: top; }
input,select,textarea { font-size: 100%; }

/*
============================================================
 ▼ 01.共通 ▼
============================================================
*/

body {
  font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: none;
  color: #333333;
  -webkit-text-size-adjust: none;
}

div:after,
nav:after,
dt:after, 
dd:after, 
ul:after, 
ol:after, 
.clearfix:after { content: ''; display: block; clear: both; height: 0; }


a {
  color: #1f7452;
  text-decoration: none;
}

/*　ページ全体の設定　*/

html {
  height: 100%;
}

body {
  height: auto !important;
  height: 100%;
  min-height: 100%;
}


/*
============================================================
 ▼ 02.大枠 ▼
============================================================
*/

#container {
	width: 100%;
}

/*
============================================================
 ▼ 03.ヘッダー領域 ▼
============================================================
*/

header {
  margin: 0;
  padding: 0;
  border-top: 3px solid #1e7151;
  background-color: #f6faed;
  text-align: left;
  position:relative;
}

header h1 {
  margin: 0;
  padding: 13px 12px 16px;
  font-size: 0;
  line-height: 0;
  font-size: 16px;
}

header h1 img {
  height: 26px;
  width: 104px;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
}

header ul {
  position: absolute;
  right: 10px;
  top: 7px;
}

header li.code {
  font-size: 9px;
}

header li span {
  display:none;
}

header li.btn-pc a {
  display: block;
  width: 90px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  background:url(../img/header_btn_pc.png) left no-repeat;
  -webkit-background-size: 90px 24px; /* Webkit */
  -moz-background-size: 90px 24px; /* Firefox */
  -o-background-size: 90px 24px; /* Opera */
  -ms-background-size: 90px 24px; /* IE */
  background-size: 90px 24px;
}

/*
============================================================
 ▼ 04.フッター領域 ▼
============================================================
*/

footer {
  margin: 0;
  padding: 0;
  text-align: left;
}

/* リストメニュー */
footer .sub-list {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 12px 10px 0;
  background-color: #e4f3ee;
}

footer .sub-list ul{

  margin: 0 0 12px;

}

footer .sub-list li:first-child {
  -webkit-border-top-left-radius: 5px; /* Webkit */
  -webkit-border-top-right-radius: 5px; /* Webkit */
  -moz-border-radius-topleft: 5px; /* Firefox */
  -moz-border-radius-topright: 5px; /* Firefox */
  -o-border-top-left-radius: 5px; /* Opera */
  -o-border-top-right-radius: 5px; /* Opera */
  -ms-border-top-left-radius: 5px; /* IE */
  -ms-border-top-right-radius: 5px; /* IE */
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top: 1px solid #cbcbcb;
}

footer .sub-list li {
  background-color: #fff;
  display: block;
  padding: 0;
  margin: 0 auto;
  border: 1px solid #cbcbcb;
  border-top: none;
  background-image: none;
}

footer .sub-list li a,
footer .sub-list li.out {
  display: block;
  color:#333;
  padding: 7px 12px;
  background: url(../img/footer_sub-list_arrow.png) no-repeat right center;
  -webkit-background-size: 26px 12px; /* Webkit */
  -moz-background-size: 26px 12px; /* Firefox */
  -o-background-size: 26px 12px; /* Opera */
  -ms-background-size: 26px 12px; /* IE */
  background-size: 26px 12px;
}

footer .sub-list li.out{
  background-color: #fff;
}


footer .sub-list li a[target="_blank"] {
  margin-right: 12px;
  background: transparent url(../img/icon_pc02.png) no-repeat scroll right center;
  -webkit-background-size: 16px 16px; /* Webkit */
  -moz-background-size: 16px 16px; /* Firefox */
  -o-background-size: 16px 16px; /* Opera */
  -ms-background-size: 16px 16px; /* IE */
  background-size: 16px 16px;
}


footer .sub-list li:last-child {
  -webkit-border-bottom-left-radius: 5px; /* Webkit */
  -webkit-border-bottom-right-radius: 5px; /* Webkit */
  -moz-border-radius-bottomleft: 5px; /* Firefox */
  -moz-border-radius-bottomright: 5px; /* Firefox */
  -o-border-bottom-left-radius: 5px; /* Opera */
  -o-border-bottom-right-radius: 5px; /* Opera */
  -ms-border-bottom-left-radius: 5px; /* IE */
  -ms-border-bottom-right-radius: 5px; /* IE */
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* PCサイトへ、TOPへ */

footer .pcSiteTop a, 
footer .btn-top a{
  display: block;
  width: 193px;
  height: 33px;
  margin: 0 auto;
  padding: 12px 0;
}

/* 商号等 */
footer dl {
  padding: 0 0 10px 12px;
  text-align: left;
  font-size: 11px;
}

footer dl dt {
  float:left;
  width: 33%;
}

footer dl dd {
  overflow: hidden;
}

/* Copyright */
footer .copyright {
  padding: 10px 0 7px;
  text-align: center;
  background: #167c59;
  color: #fff;
  font-size: 10px;
}

/*
============================================================
 ▼ 05.ページの先頭へ戻る ▼
============================================================
*/

#contents p.pageTop {
  text-align: right;
  padding: 0;
}

#contents p.pageTop a {
  font-size: 12px;
  padding: 0 15px 0 0;
  background: transparent url(../img/pageTop_arrow.png) no-repeat scroll right center;
  -webkit-background-size: 12px 7px; /* Webkit */
  -moz-background-size: 12px 7px; /* Firefox */
  -o-background-size: 12px 7px; /* Opera */
  -ms-background-size: 12px 7px; /* IE */
  background-size: 12px 7px;
}

#contents p.pageTop a:link {
  text-decoration:underline;
}