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-top: 1px solid #cdd5df;
  border-bottom: 1px solid #2d3642;*/
  /*border-bottom:hidden;*/
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000099), to(#000066));
  background-color:#006;
}
.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: #FFF;
  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:#0099FF;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

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

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

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



.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(/m/pachi/pla/mag_conn/taira_mainichi/blog/img/trainav_tira.png) right center no-repeat;
}

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

a:visited {
	color:#F00;
}


.boxcenter_01 {
	margin:0 auto;
	text-align:center;
	color:#000;
	background-color:#FFF;
	padding: 6px;

}

.boxcenter_01 a{
	text-decoration: none;
	
	display: block;
}

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

.boxcenter_06 a{
	text-decoration: none;
	
	display: block;
}

/* ボックス、テキスト　センター揃え　背景オレンジ */
.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;

}

.boxcenter_08 a{
	text-decoration: none;
	
	display: block;
}

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


.boxleft_04 {
	color:#000;
	text-align:left;
	padding: 6px;
	border-top:solid 1px #000;
	border-bottom: solid 1px #000;
	

}
/* ↑2011-07-12 ボックス　左揃え ishikawa */



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




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

.topbt1 a,
.topbt a {
 display: block; 

}

.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(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;
	
}

.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;
	
}