@charset "utf-8";

/*--------------------------------------------------------------------
HTML5
--------------------------------------------------------------------*/
header,group,nav,section,article,aside,details,footer,menu,summary,figure,fig caption{
	display: block;
}

/*--------------------------------------------------------------------
CSS3 ボックスサイズ(width, height) の算出方法、padding と border の幅を要素の幅と高さに含める
--------------------------------------------------------------------*/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*--------------------------------------------------------------------
画像可変
--------------------------------------------------------------------*/
/*モダンブラウザ用*/
img, iframe, object {
    max-width: 100%;
    height: auto;
}

/*IE7用*/
.ie7 img,
.ie7 object/ { width : 100%; }
/*IE8用*/
.ie8 img,
.ie8 object {  width:auto\9}

/*--------------------------------------------------------------------
フロートされてる子要素を内包
--------------------------------------------------------------------*/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*--------------------------------------------------------------------
body
--------------------------------------------------------------------*/
body{
	margin: 0;
	padding: 0 0 80px 0;
	font-family: Verdana, Arial, Helvetica, 'Hiragino Maru Gothic Pro', 'ヒラギノ丸ゴ Pro W4', Osaka, 'メイリオ', sans-serif  !important;
 }

/*--------------------------------------------------------------------
テキストリンク
--------------------------------------------------------------------*/
a, a:visited, a:active {
	color: #00b38f;
	text-decoration: underline;
}

a:hover{
	color: #00b38f;
	text-decoration: none;
}

/*--------------------------------------------------------------------
コンテンツエリア
--------------------------------------------------------------------*/
#contentsWrap {
	margin: 0;
	padding: 20px 0 30px 0;
	border-bottom: 5px solid #00b38f;
}

#contentsArea {
	width: 1000px;
	margin: 0 auto;
	padding: 0;	
}

#contentsTop {
	float: left;
	width: 800px;
}

#contents {
	float: right;
	width: 800px;
}

/*--------------------------------------------------------------------
フォント
--------------------------------------------------------------------*/
.f16 {
	font-size: 16px;	
}

.f14 {
	font-size: 14px;	
}

.f12 {
	font-size: 12px;	
}

.f11 {
	font-size: 11px;	
}

.f10 {
	font-size: 10px;	
}

.fb {
	font-weight: bold;
}

.fcred {
	color: #F00;
}

/*--------------------------------------------------------------------
ページナビ
--------------------------------------------------------------------*/
.local-navigation {
    color: #00b38f;
    margin: 1em auto;
    line-height:2em;
    text-align:center;
}
 
a.page-numbers, .local-navigation .current {
    color: #00b38f;
    padding: 2px .4em;
    border:solid 1px #ccc;
    text-decoration:none;
    font-size:smaller;
}
 
a.page-numbers:hover {
    color:white;
    background: #00b38f;
}
 
.local-navigation .current {
    color: white;
    background: #00b38f;
    border-color: #00b38f;
    font-weight:bold;
}

/*--------------------------------------------------------------------
ページの先頭へ戻る
--------------------------------------------------------------------*/
#pageNav {
	margin: 30px 0 0 0;
	*clear:both; /* IE7 and below */
}

#pageNav p {
	font-size: 12px;
	text-align: right;
}

#pageNav p a {
 	background: url(../img/gototop.gif) no-repeat 0.2em;
	padding: 0 0 0 15px;
}

/*--------------------------------------------------------------------
404
--------------------------------------------------------------------*/
#error {
	margin: 3em 1em 3em 1.5em;
	padding: 1em;
	background: #CFF;	
	font-size: 18px;
	text-align: center;
	letter-spacing: 2px;
}