html {
  background-color: #c5ccd3;
}

body {
  -webkit-text-size-adjust: none;
  font-family: HiraKakuProN-W3;
  line-height: 1.25;
}

/**
 * iPhoneらしいグレーの背景を利用するには、このクラスを使います。
 */
.iPhoneBody {
  background-color: #fff;
}

/**
 * iPhoneアプリのタイトルなどで使われています
 * h1要素などに使うとよいでしょう。挿入バーからも利用できます。
 */
.iPhoneHead {
  height: 80px;
  padding: 8px 3px 0;
  border-top: 1px solid #cdd5df;
  border-bottom: 1px solid #2d3642;
  background-color: #fff;
}
.iPhoneHead h1 {
  font-family: HiraKakuProN-W6;
  font-size: 18px;
		font-weight: bold;
  color: #0000D5;
		padding: 6px 0px; /* （上下、左右） */
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

h2 {
	font-size: 121%;
	text-shadow: 1px 1px 2px #ccc;
	color: #00007D;
	margin-bottom: 10px;
}
#wrap {
	padding: 10px;
}
section, nav {
	margin-bottom: 1em;
}
h3 {
	background: url(../images/ico_title.png) left top no-repeat;
	padding-left: 20px;
	color: #009700;
	margin-bottom: 1em;
	min-height: 23px;
}
p {
	margin-bottom: 1em;
}
aside {
	background-color: #ebebeb;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 10px;
}
aside p:last-child {
	margin-bottom: 0;
}
footer {
	border-top: 1px solid #ebebeb;
	padding-top: 10px;
}
#btnTop {
	border-radius: 5px;
	background-color: #cbcccf;
	background: -webkit-gradient(linear, left top, left bottom, from(#cbcccf), to(#acaeb0));
	width: 7em;
	font-size: 85%;
	text-align: center;
	float: right;
	margin-right: 10px;
}
#btnTop a {
	text-shadow: 1px 1px 0 #ddd;
	display: block;
	padding: 5px 0;
	color: #444444;
	text-decoration: none;
}
footer p {
	clear: both;
	padding:0px;

}
footer img {
	vertical-align: top;
}
footer p:last-child {
	margin: 0;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}



/* ========メインメニュー======== */


/* --- ナビゲーションバー --- */
div.nav01 {
width: 100%; /* ナビゲーションの幅 */
background-color: #C40000;
background: -webkit-gradient(linear, left top, left bottom, from(#F00000), to(#8C0000));/* グラデーション */
font-size: 14px;
}

/* --- メニューエリア --- */
div.nav01 ul.nl {
width: 320px; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background-color: #C40000;
background: -webkit-gradient(linear, left top, left bottom, from(#F00000), to(#8C0000));/* グラデーション */
border-right: 1px #fff solid; /* メニューの右境界線 */
list-style-type: none;
text-align: center;
font-weight: bold;
text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.3);

}

/* --- メニュー項目 --- */
div.nav01 ul.nl li {
width: 33%; /* 項目の幅 */
float: left;
}

/* --- リンク --- */
div.nav01 ul.nl li a {
display: block;
width: 99px;
padding: 8px 2px; /* リンクエリアのパディング（上下、左右） */
position: relative; /* IE6用 */
border-left: 1px #fff solid; /* リンクエリアの左境界線 */
text-decoration: none; /* テキストの下線（なし） */
color: #fff;
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
background-color: #f0ffff; /* ポイント時の背景色 */
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}



/* ========縦メニュー======== */


/* --- ナビゲーションバー --- */
div.nav02 {
width: 100%; /* ナビゲーションの幅 */
font-size: 1.2em;
}

/* --- メニューエリア --- */
div.nav02 ul.nl {
margin: 0;
padding: 0;
border-top: 1px #c0c0c0 solid; /* 最上部の境界線 */
list-style-type: none;
text-align: left;
font-weight: bold;
text-shadow: -1px -1px 0 rgba(150, 150, 150, 0.3);
}

/* --- メニュー項目 --- */
div.nav02 ul.nl li {
background-color: #C40000; /* メニュー背景色 */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#FFF5F0));
border-left: 1px #B7B7B7 solid; /* メニューの左境界線 */
border-right: 2px #B7B7B7 solid; /* メニューの右境界線 */
border-bottom: 1px #c0c0c0 solid; /* 項目の下境界線 */
}

/* --- リンク --- */
div.nav02 ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 8px 6px; /* リンクエリアのパディング（上下、左右） */
background: url(../images/chevron.png) no-repeat 3px; /* 右側の三角マーク */
background-position: right center;
text-decoration: none; /* テキストの下線（なし） */
color: #000055;
}


/* --- ポイント時の設定 --- */
div.nav02 ul.nl li a:hover {
background-color: #C40000; /* ポイント時の背景色 */
background: -webkit-gradient(linear, left top, left bottom, from(#C40000), to(#FF8040));
text-decoration: none; /* テキストの下線（なし） */
color: #fff;
}


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

div#footer {
			clear: right; /* フロートのクリア */
			width: 100%;
			background-color: #fff; /* フッタの背景色 */
   border-top:0px solid #004D26;
   border-bottom:0px solid #C40000;
}

address{
			background-color: #C40000; /* ポイント時の背景色 */
   padding:10px 0px 10px 0px;
   font-size:0.55em;
   color:#fff;
   text-align:center;
}



/* ========その他ＣＳＳ======== */

/* --- リストエリア --- */
ul.list {
margin: 0;
padding: 0 0 15px 0px;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.list li {
padding: 0 0 5px 18px; /* 項目のパディング（上右下左） */
background: url(images/disc.gif) no-repeat 5px 0.4em; /* マーカー画像 */
font-size:0.88em;
line-height: 130%;
}


.fun-button{ float:right; vertical-align:middle; }

hr { display:none; overflow:hidden; line-height:0; }

div#pan-url       { width:650px; display:block; overflow:hidden; margin:12px auto 0; }
div#pan-list      { float:left; margin:3px 0; }
div#pan-list  ul  { margin:0; padding:0; font-size:13px; }
div#pan-list  li  { 	display:inline; line-height:120%; list-style-type:none; }
div#pan-list  li a{ 	padding-right:10px; background:url(images/topicpath.gif) no-repeat right; }

.strong{ font-weight:bold; }
.white  { color : #ffffff ; }
.black  { color : #000000 ; }
.blue   { color : #000094 ; }
.green  { color : #008000 ; }
.red    { color : #FF0F0F; }	 

.text10 {font-size: 10px; line-height : 150% ; }
.text10w {font-size: 10px; line-height : 150% ; }
.text12 {font-size: 12px; line-height : 150% ; }
.text12w {font-size: 12px; line-height : 160% ; }
.text14 {font-size: 14px; line-height : 150% ; }
.text14w {font-size: 14px; line-height : 200% ; }
.text16 {font-size: 16px; line-height : 150% ; }
.text18 {font-size: 18px; line-height : 150% ; }
.text20 {font-size: 20px; line-height : 150% ; }
.text26 {font-size: 26px; line-height : 150% ; }
.text30 {font-size: 30px; line-height : 150% ; }

.float-left  { float:left; }
.float-center{ float:center; }
.float-right { float:right; }
.align-center { text-align:center; }
.align-right  { text-align:right; margin-right:10px ; }


.padding-6px{ padding:6px; }
.padding6   { padding:6px; }
.padding12  { padding:12px; }
.padding16  { padding:16px; }
.padding20  { padding:20px; }
.padding30  { padding:30px; }
.padding-b6 { padding-bottom:6px; }
.padding-b12{ padding-bottom:12px; }
.padding-b20{ padding-bottom:20px; }
.padding-b30{ padding-bottom:30px; }
.padding-t6 { padding-top:6px; }
.padding-t12{ padding-top:12px; }
.padding-t20{ padding-top:20px; }
.padding-t30{ padding-top:30px; }
.margin6   { margin:6px; }
.margin12  { margin:12px; }
.margin20  { margin:20px; }
.margin30  { margin:30px; }
.margin-b6 { margin-bottom:6px; }
.margin-b12{ margin-bottom:12px; }
.margin-b20{ margin-bottom:20px; }
.margin-b30{ margin-bottom:30px; }
.margin-t6 { margin-top:6px; }
.margin-t12{ margin-top:12px; }
.margin-t20{ margin-top:20px; }
.margin-t30{ margin-top:30px; }