body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/header.jpg);
	background-repeat: repeat-x;
	line-height: 1.6em;
	text-align: center;
	font-size: small;
	background-color: #FAF4D2;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

p {
	margin-top: 0px;
}
img {
	display: block;
}
a:hover {
	color: #3CF;
}

#allitem {
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#header {
	height: 104px;
	line-height: 1.2em;
}
#header h1 ,#header .text{
	font-size: 11px;
	font-weight: normal;
	background-image: url(../images/list01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	padding-left: 10px;
	float: right;
	width: 380px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 10px;
}
#contents {
	background-image: url(../images/contentback.jpg);
	background-repeat: repeat-y;
	margin-right: -7px;
	margin-left: -7px;
}



#mein {
	float: left;
	width: 514px;
	padding-left: 20px;
	margin-top: 15px;
}
#mein .bar01 {
	line-height: 41px;
	background-image: url(../images/meinbar01.jpg);
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	padding-left: 25px;
	clear: both;
	margin-top: 0px;
	background-repeat: no-repeat;
}
.bar02  {
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #FD7A06;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #630;
	clear: both;
	margin-top: 0px;
	background-color: #FC9;
}
.imgarea {
	background-image: url(../images/imgarea02.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 226px;
	margin-bottom: 15px;
	font-size: 11px;
	line-height: 1.2em;
}
.imgarea .imgarea01 {
	margin-top: 53px;
	margin-left: 175px;
	margin-right: 10px;
}

.imgarea .imgarea_head {
	background-image: url(../images/imgarea01.jpg);
	height: 32px;
	font-size: 18px;
	font-weight: bold;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 15px;
	color: #FFF;
}
#mein ul {
	font-size: small;
	line-height: 1.3em;
	list-style-image: url(../images/list02.jpg);
	padding-left: 20px;
}
#mein ul li {
	margin-bottom: 10px;
}
#mein ul li a {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	display: block;
}
#menu {
	width: 219px;
	float: right;
	margin-bottom: 10px;
	padding-right: 20px;
	line-height: 1.2em;
}
#home a {
	background-image: url(../images/home.jpg);
	margin-left: -7px;
	padding-left: 57px;
	display: block;
	line-height: 40px;
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #FFF;
}
#home a:hover {
	color: #FF9;
}

#menu .bar01 {
	background-image: url(../images/menuhead.jpg);
	font-weight: bold;
	color: #FD7A06;
	font-size: 16px;
	padding-left: 20px;
	background-repeat: no-repeat;
	margin-bottom: 0px;
	margin-top: 0px;
	height: 27px;
	padding-top: 19px;
}



#menu ul {
	background-image: url(../images/menuback.jpg);
	list-style-type: none;
	background-repeat: repeat-y;
	background-position: center;
	margin: 0px;
	padding: 5px;
}
#menu ul li {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #E5E5E5;
	line-height: 1em;
	padding-bottom: 5px;
	font-size: 14px;
	padding-top: 3px;
	padding-left: 10px;
}
#menu ul li a {
	display: block;
	background-image: url(../images/list02.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
#footer {
	text-align: right;
	clear: both;
	padding-top: 10px;
	font-size: 12px;
	color: #999;
	background-image: url(../images/foot.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
}
.image01 {
	background-color: #EBEBEB;
	padding: 3px;
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
	border: 1px solid #CCC;
}
table.tablestyle01{
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	margin-bottom: 15px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-left-color: #CCC;
	text-align: center;
}
.tablestyle01 th{
	color:#330000;
	background-color:#996633;
	text-align:center;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}
.att {
	font-size: 11px;
	color: #C63;
	text-align: right;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.tablestyle01 td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}
.redb {
	font-size: 20px;
	font-weight: bold;
	color: #C00;
}
.redf{
	font-weight: bold;
	color: #FF0000;
}

.blueb{
	font-weight: bold;
	background:linear-gradient(transparent 60%,#9CF6F6 60%);
	
	}
	

.pc_view{
	display:displey !important;
	
	}

.smafo_view{
		display:none !important;
		margin-bottom:1em;
	}


 @media screen and ( max-width:478px ) {
	 
	 #allitem,#header,#header h1, #header .text,#mein,.imgarea{
		 width:100%;
	 }
	 
	 #mein .bar01{
		 background-size:100% 100%;
		 line-height:1.2em;
		 padding:1em 25px;
		 font-size:1em;
		 
		 
		 }
	 
	 table{
		 width:100%;
		
		 }
	
	#header{
		height:auto;
		
		
		}
		
	 #mein{
		 font-size:1.2em;
		 line-height:2.1em;
		 padding-left: 0px;
		 border-bottom:3px solid #ff7900;
	 }
	 
	#header h1, #header .text {
		margin-top: 0px;
		margin-left:30px;
		padding-left:10px;
		padding-right:0;
		width:95%;
		 }
	 
	 #mein img{
		 width:100%;
		 
		 
		 }
	 
	 #header img{
		 width:100% !important;
		 }
		 
		 #contents{
			 width:96%;
			 background-image:none;
			 background-color:#FFF;
			 padding:0 2%;
			 margin:0;
			 
			 
			 }

.imgarea .imgarea_head{
	height: auto;
	padding:1em 0;
	background-size:100% 100%;
	
	}

.pc_view{
	display:none !important;
	
	}

.smafo_view{
		display: block !important;
	}
	
	#menu{
		width:99%;
		margin:0 auto;
		padding-right:0;
		
		}

#menu .bar01{
    background-image: url(../images/menuhead.jpg);
	background-size:100% 100%;
	
	}
	
	#menu ul{
	background-size:100%;
		}
		
	#home a{
		display:inline-block;
		float:right;
		padding-right:1em;
		background-repeat:no-repeat;
		
		
		}
		
	#home{
		display:block;
		overflow:hidden;

		}
		
		
		#menu img{
			width:100% !important;
			
			}
			
		#footer{
			background-image:none;
			
			
			}

	#menu ul li{
		padding:1.3em 1em;
		
		
		}
	
	 }