@charset "utf-8";


body{
	margin:0;
	padding:0;
	background-color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-size-adjust : none;

}
	
html {
	margin:0;
	padding:0;
	height:100%;

}

/* ---------------------------------------------------

	メニューボタン
	
--------------------------------------------------- */
#menu{
	position:fixed !important;
	top:0;
	width:100%;
	height:50px;
	background-color:#000;
    opacity: 0.8;

	z-index:1;
}

#menu > h1{
	margin:0;
	font-size:20px;
	color:#FFF;
	line-height:32px;
	font-weight:bold;

	text-align:center;

}
#menu > h1 > span{
	display:block;
	font-size:12px;
	line-height:12px;
}

#menu_icon{
	position:fixed !important;
	top:8px;
	left:5px;
	z-index:2;
}

#lon_img{
	position:fixed !important;
	top:3px;
	right:6px;
	z-index:2;

	width:40px;
	height:40px;

	border-radius: 400px; 
	border:3px solid #fff;
	box-shadow: 0px 0px 10px #ccc,
	inset 0px 0px 10px rgba(0, 0, 0, 0.6);
	background: url(../../index_img/lonimg.jpg) center center;

}



/* ---------------------------------------------------

	メニュー
	
--------------------------------------------------- */
#nav{
	position:fixed !important;
	top:0;
	left: -320px;
	margin: 0;
	width:320px;
	height:100%;
	float:left;
	overflow:hidden;
	font-weight:bold;

	color:#fff;
	background-color:#000;
    opacity: 0.90;

	border-right: dashed 1px;
	overflow:auto;
	z-index:3;

	-webkit-overflow-scrolling: touch;
}

#nav > * {
  -webkit-transform: translateZ(0px);
}

#nav dl{
	margin-top:5px;
	margin-left:10px;
	text-align:left;
	font-weight:bold;
}
#nav dt{
	font-size:20px;
	line-height:30px;
	margin-bottom:5px;
	text-align:center;
}

#nav dd{
	margin-left:5px;

	height:48px;
	line-height:48px;

	font-size:16px;
	color:#FFF;
	font-weight:bold;

	text-align:left;
}

#nav dd img{
	vertical-align: middle;
	margin-right:10px;
}

#nav dd:hover{
	cursor:pointer;
	color:#0F0;
}

.menu_icon{
	width:64px;
	height:auto;
}

#powered{
	margin-top:30px;
	margin-right:40px;
	font-size:12px;
	color:#fff;
	text-align:right;
}


#close{
	position:absolute;
	top:0px;
	right:0px;
	width:30px;
	height:100%;
	background-color:#333;

	z-index:2;
}

#close:hover{
	cursor:pointer;
	background-color:#F00;
}

#close_img{
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  margin: auto;
}


/*
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	共通

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
*/


#header{
    position:absolute;
    top:0px;
	left:0px;
	width:100%;
	height:50px;

	background-color:#FFF;
	border-bottom:solid 1px #999;
	text-align:left;
	z-index:3;
}

#head_link{
	text-decoration:none;
}

#lonurl{
	margin-left:10px;

	line-height:50px;
	font-size:24px;

	color:#f00;
	font-weight:bold;
	font-family:"Arial Black", Gadget, sans-serif;

	float:left;
}

#wrapper{
	margin-top:60px;
	margin-left:auto;    /* 左側マージンを自動的に空ける */
	margin-right:auto;   /* 右側マージンを自動的に空ける */
	
	padding:3px;

	width:100%;
}

#contents_area{
	margin-bottom:10px;
}
.contents_info{
	margin:5px;
	padding:8px;

    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  

	color:#552200;
	border:solid 3px #663333;
	background-color:#dbb37f;

	word-break: break-all;
}

.f_data{
	margin:5px;
	padding:8px;

    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  

	color:#552200;
	border:solid 3px #663333;
	background-color:#dbb37f;
	font-weight:bold;
}