@charset "UTF-8";


/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}
address,em {
	font-style: normal; 
}
strong {
	font-weight: normal; 
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%; 
}
img,fieldset {
	border: 0; 
}
li {
	list-style-type: none;
}
ol li {
	list-style-type: decimal ;
}
a img{
  vertical-align:text-bottom;
}

/* clearfix
------------------------------------------------------------*/
#detail:after {
  content: '';
  display: block;
  clear: both;
  height:0;
}
#detail {
	zoom: 1;
} /* IE */

/* 全体
------------------------------------------------------------*/
/* 基本設定 */
html,
body{
  height:100%;
}

/* 会員詳細画面 */
#detail{
  height:100%;
  background : #FEF9F9 url(../img/detail_bg.png) repeat-x 0 bottom;
  padding:20px 0;
}

body{
  background-color:#FFF;
  font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
  line-height:1.5;
  color:#3D3326;
  text-align:center;
}

/* リンク関連 */
a[href]:link{
	color:#4C1B1B; 
}
a[href]:visited{
	color:#876E5A; 
}
a[href]:hover{
	color:#FF7C11; 
}

/* hover_down */
#close a:hover{
  position: relative;
  top: 1px;
}
#close{
  width:700px;
  margin:0 auto;
  text-align:right;
}

/* コンテント　ページ別
------------------------------------------------------------*/
/* 会員詳細ページ */
#detail{
  text-align:left;
}
#detail h1{
  font-size:110%;
  text-align:center;
}
div.wrap{
  width:700px;
  margin:0 auto;
}

/* 表
------------------------------------------------------------*/
.solid_table{
   border-collapse:collapse;
}
.solid_table,
.solid_table tr,
.solid_table th,
.solid_table td{
   border:1px solid #999;
   
}

.solid_table th{
  color:#3B2718;
  background-color:#F7F1DE;
  text-align:center;
}
.solid_table th,
.solid_table td{
  padding:5px;
}

/* 会員詳細の表 */
#detail table{
  margin:7px auto 10px;
  background-color:#FFF;
}

#detail .solid_table{
   width: 700px;
   line-height:1.2;
}
#detail .solid_table th{
   width: 25%;
}

/* スマートフォン対応
---------------------------------------------*/
@media screen and (max-width: 715px){/* 715未満の動作 */

	div.wrap,
	#detail .solid_table,
	#close{
		width: 100%;
	}

}