html {
  background-color: #FFF;
  
}

body {
background-color: #FFF;
  -webkit-text-size-adjust: none;
  font-family: HiraKakuProN-W3;
  line-height: 1.25;
  font-size:18px;
  color:#FFF;
}

/* 背景 */
.iPhoneBody {
  background-color: #FFF;
}



.panel {
	display: none;
	position: absolute;
	width:100%;
}

.active {
  display: block;
}

.content {
  /*margin: 10px;*/
  background-color:#FF0;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 0 10px;
  
}
/**
 * iPhoneアプリのタイトルなどで使われています
 * h1要素などに使うとよいでしょう。挿入バーからも利用できます。
 */
.iPhoneHead {
  height:auto;
  padding: 8px 3px 5px;
  /*border-bottom:hidden;*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#218500), to(#218500));
}
.iPhoneHead h1 {
  font-family: HiraKakuProN-W6;
  font-size: 18px;
  color: #FFF;
  text-align: center;
  
  white-space:normal;
  overflow: hidden;
  text-overflow: ellipsis;
 
}


/**
 * アドレス帳などで「A」「B」などのインデックスに使われる見出しです。
 * h2要素などに使うとよいでしょう。挿入バーからも利用できます
 */
.iPhoneListTitle {
  height:auto;
  line-height: 18px;
  padding: 4px 10px;
  font-family: HiraKakuProN-W6;
  font-size: 16px;
  color: #000;
  text-align: center;
 /* text-shadow: rgba(0, 0, 0, 0.6) 0 -1px 0;
  border-top: 1px solid #a5b1ba;
  border-bottom: 1px solid #989ea4;*/
/*  background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#202020));*/
  background-color: #d5ffc7;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/**
 * アドレス帳のようなリストや、設定画面などの定義リストを構築できます
 * 文字数に制限があるので気をつけましょう
 */

.iPhoneULIndex li {
	padding:0 10px;
  border-bottom: solid 1px #218500;
  overflow: hidden;
  background-color: #FFF;
  /*border-bottom: none;*/
}

.iPhoneULIndex li:first-child {
	margin:1px 0;
  border-top: solid 1px #218500;
}



.iPhoneUL a,
.iPhoneULIndex a,
.iPhoneDL a {
  text-decoration: none;
  color:#0000FF;
  -webkit-tap-highlight-color: rgba(2, 109, 236, 0.9);
  display: block;
  padding: 15px 14px 15px 0;
   background: url(../img/trainav-survival2-311.png) right center no-repeat;
}

a:link {
	color:#0000FF;
  -webkit-tap-highlight-color: rgba(2, 109, 236, 0.9);  // タップ時の反転色
}

a:visited {
	color:#F00;
}

.daytext {
	background-color: transparent;
	font-size: 14px;
	color:#000;
	padding-top: 0;
	padding-bottom: 0;
}


.boxcenter_06 {
	margin:0 auto;
	text-align:center;
	font-size:16px;
	background-color: #d5ffc7;
	/*border-top: solid 1px #008c3c;*/
	border-bottom: solid 1px #218500;
	padding: 8px;
}

/* ボックス、テキスト　センター揃え　背景オレンジ */
.boxcenter_07 {
	margin:0 auto;
	text-align:center;
	
	background-color:#333;
	padding: 6px;
}

.boxcenter_08 {
	margin:0 auto;
	text-align:center;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	padding: 6px;

}
/* ↑2011-07-08 ボックス　センター揃え ishikawa */


.boxleft_04 {
	color:#000;
	/*text-align:left;*/
	padding: 16px 5%;
	border-top:solid 1px #218500;
	border-bottom: solid 1px #218500;
}

.boxleft_04 img {
	margin:0 auto;
	text-align:center;
	display:block;
}
/* ↑2011-07-12 ボックス　左揃え ishikawa */


.topsec {
	background-color:transparent;
	font-size:24px;
	color:#FFFFFF;
	text-align:center;
	padding-top:8px;
	padding-bottom:6px;
	width: 280px;

	background-color:#FFFF99;
	border:solid 2px #1e9d9d;
}


/* スロット　テーブル最大枠で表示*/




.topbox3 {
	background-color:#FFF;
	text-align:center;
	height: 32px;
	font-size:16px;
	float:none;
	margin:0 auto;
	padding:4px 0;
	display:block;
}

.topbt1 a,
.topbt a {
 display: block;
 color:#FFF;
}

.topbt1 a.selected,
.topbt a.selected {
 color: #440A0A;
 background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(240,240,240)),to(rgb(255,255,255)));
}

.topbt {
	margin:0px 5px 0 5px;
	padding:4px 10px;
	width:120px;
	text-align:center;
	color:#00F;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(33,133,0)),to(rgb(0,0,0)));
	-webkit-box-shadow: 0 0 3px #000000;
	box-shadow: 0 0 3px #000000;
	/*display:inline;*/
	display:inline-block;
	
}

.topbt1 {
	margin:0px 5px 0 5px;
	padding:4px 10px;
	width:274px;
	text-align:center;
	color:#00F;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255,204,0)),to(rgb(255,153,0)));
	-webkit-box-shadow: 0 0 3px #000000;
	box-shadow: 0 0 3px #000000;
	/*display:inline;*/
	display:inline-block;
	
}

.topbt2 {
	margin:0px 5px 0 5px;
	padding:4px 10px;
	width:120px;
	text-align:center;
	color:#CCC;

background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(128,128,128)),to(rgb(64,64,64)));
	-webkit-box-shadow: 0 0 3px #000000;
	box-shadow: 0 0 3px #000000;
	/*display:inline;*/
	display:inline-block;
	
}

.topbt3 {
	font-size:18px;
	margin:0px 10px 0 10px;
	padding: 5px 2px;
	width:120px;
	text-align:center;
	color:#00F;
	border: solid 4px #FFF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255,204,0)),to(rgb(255,153,0)));
	display:inline-block;
	
}

.topbt3 a {
	display: block;
/*	padding: 5px 2px;*/
}

.jissen_natume {
	margin:0 auto;
	text-align:center;
	color:#000;
	background-color:#FFF;
	padding: 6px;
	border-bottom: solid 1px #000;

}

.tuzuki {
	margin:0 auto;
	text-align:center;
	background-color:#CCC;
	padding: 6px;
/*	border-bottom: solid 1px #000;*/

}
.boxcenter_01 {
	margin:0 auto;
	text-align:center;
	color:#000;
	font-size:16px;

	background-color:#FFF;
	padding: 8px;

}

.proflink {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#134d00), to(#218500));
	font-size: 24px;
	font-weight:bold;
	text-align: center;
	padding: 14px 0;
	margin-bottom:0px;
	color:#FF0;
	/*line-height:3px;*/
}
.textsm {
	font-size:20px;
	color:#FFF;
}

.backlist {
	background-color: #e3f1a3;
	color:#566900;
	font-size: 16px;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 4px;
}

.backlist a {
	text-decoration: none;
	color: #00F;
	padding: 0px 0;
}

.backlist img {
	width:80%;
	border:solid 2px #96b700;
}

.blank {
	padding-bottom: 2px;
}

.linetop {
	border-top:solid 1px #0377c1;
}

/*.backimage {
	background-image:url(../img/muchabura-back.jpg);
}*/

p {
	color:#000;
}

/* 画像余白なし・リンク全体にかかるように・続きから読む */
img[src*="contd_"] {
	display:block;
}