@charset "utf-8";

/* ******************************

	Fmyokohama 84.7 web site
	common.css
	
	* reset
	* general
	* general style(font-size/link/clear/text)
	* header
	* topics path
	* side navigation
	* side timetable
	* anime
	* footer
	* page-top
	* margin/padding setting
	* line-height setting
	
******************************** */


/* reset
---------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
object{ outline:none;}


/* general
---------------------------------------------------------- */

body{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	font-size: 75%;
	color: #444;
	text-align: center;
	/*background-color: #FFF;*/
	background-color: #0d8abf;
	/*background-color: #224780;*/
	}
#container{
	width: 100%;
	background: #fff url(/images/common/container/bg-container-day.gif) left top repeat-x;
	/*background: #fff url(/images/common/container/bg-container-night.gif) left top repeat-x;*/
	}
#container-in{
	width: 100%;
	background: url(/images/common/container/bg-container.png) center top repeat-y;
	}
#container-inn{
	width: 100%;
	background: url(/images/common/container/line-green.png) left top repeat-x;
	margin: 0 auto;
	}
#containts{
	width: 922px !important;
	width: 950px;
	margin: 0 auto;
	padding: 15px 8px 0 20px;
	}
	#containts #left-con{
		width: 690px;
		float:left;
		text-align: left;
		} 
	#containts #right-con{
		width: 202px;
		float:right;
		text-align: left;
		margin-top:-25px;
		}
	
/* ie6 table font size */

th,td{
	font-size: 100%!important;
	font-size: 75%;
	}



/* general style
---------------------------------------------------------- */

/* line-height */
/*p{ line-height: 1.5em; }*/

/* link */
a{
	color: #009100;
	text-decoration: none;
	outline: none;
	}
a:hover{
	text-decoration: underline;
	}
a:visited{
	color:#0083c0;
	}
a.hov:hover,a.hov:hover img{
	opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
	}

/* clear */
.clr{
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
	overflow: hidden;
	}
	
/* float clear */	
.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden; 
	}
.clearfix{
	display: inline-block;
	}
/* horry \*/
*html .clearfix{
	height: 1%;
	}
.clearfix{
	display: block;
	}
/* horry end */
	

/* float */

.f-left{ float: left; }
.f-right{ float: right; }
.f-none{ float: none; }

/* text-align */

.tx-center{ text-align: center; }
.tx-left{ text-align: left; }
.tx-right{ text-align: right; }

/* text-style */
.tx-bold{font-weight:bold;}
.tx-under{text-decoration:underline;}
.tx-large{ font-size: 120%; }
.tx-small{ font-size: 85%; }
.tx-brown{ color: #533f22; }
.tx-red{ color: #dd4900; }

/* list */
.mark01{list-style-type: circle;}
.mark02{ list-style-type: disc;}
.mark03{ list-style-type: square;}


/* header
---------------------------------------------------------- */

#header{
	width: 100%;
	text-align:center;
	background-color:#70d0fd;
	line-height: 1;
	}
#header #flash{
	line-height: 1;
	font-size: 0;
	height: 70px;
	overflow: hidden;
	}
#header #gnav{
	width: 100%;
	background: url(/images/common/header/bg-gnav.gif) left top repeat-x;
	height: 28px !important;
	height: 40px;
	padding: 6px 0;
	text-align:center;
	}
	#header #gnav-in{
		width: 938px !important; width: 946px;
		margin: 0 auto;
		padding: 0 4px;
		text-align:left;
		background: url(/images/common/header/bg-gnav-in.gif) left top no-repeat;
		}
	#header #gnav ul li{
		height: 28px;
		float:left;
		margin-right: 10px;
		}
	#header #gnav ul li.last{ margin-right: 0;}
		#header #gnav ul li a{
			display: block; height: 28px;
			background-image: url(/images/common/header/gnav.gif);
			background-repeat: no-repeat;
			text-indent:-9999px;
			}
		#header #gnav ul li a.home{ width: 57px; background-position: -4px 0;}
		#header #gnav ul li a.topics{ width: 70px; background-position: -71px 0;}
		#header #gnav ul li a.today{ width: 113px; background-position: -151px 0;}
		#header #gnav ul li a.guest{ width: 117px; background-position: -274px 0;}
		#header #gnav ul li a.time{ width: 162px; background-position: -401px 0;}
		#header #gnav ul li a.dj{ width: 106px; background-position: -573px 0;}
		#header #gnav ul li a.event{ width: 150px; background-position: -689px 0;}
		#header #gnav ul li a.prime{ width: 93px; background-position: -849px 0;}
		
		#header #gnav ul li.nav-on a.home{ width: 57px; background-position: -4px -28px;}
		#header #gnav ul li.nav-on a.topics{ width: 70px; background-position: -71px -28px;}
		#header #gnav ul li.nav-on a.today{ width: 113px; background-position: -151px -28px;}
		#header #gnav ul li.nav-on a.guest{ width: 117px; background-position: -274px -28px;}
		#header #gnav ul li.nav-on a.time{ width: 162px; background-position: -401px -28px;}
		#header #gnav ul li.nav-on a.dj{ width: 106px; background-position: -573px -28px;}
		#header #gnav ul li.nav-on a.event{ width: 150px; background-position: -689px -28px;}
		#header #gnav ul li.nav-on a.prime{ width: 93px; background-position: -849px -28px;}
		
		#header #gnav ul li a:hover,#header #gnav ul li.nav-on a:hover{
			background-position: 0 0;
			}
		#header #gnav ul li a.home:hover{ background-image: url(/images/common/header/gnav_home_ov.gif);}
		#header #gnav ul li a.topics:hover{ background-image: url(/images/common/header/gnav_topics_ov.gif);}
		#header #gnav ul li a.today:hover{ background-image: url(/images/common/header/gnav_today_ov.gif);}
		#header #gnav ul li a.guest:hover{ background-image: url(/images/common/header/gnav_guest_ov.gif);}
		#header #gnav ul li a.time:hover{ background-image: url(/images/common/header/gnav_program_ov.gif);}
		#header #gnav ul li a.dj:hover{ background-image: url(/images/common/header/gnav_dj_ov.gif);}
		#header #gnav ul li a.event:hover{ background-image: url(/images/common/header/gnav_event_ov.gif);}
		#header #gnav ul li a.prime:hover{ background-image: url(/images/common/header/gnav_prime_ov.gif);}
		
		#header #gnav ul li.nav-on a:hover{
			display: block; height: 28px;
			background-image: url(/images/common/header/gnav.gif);
			background-repeat: no-repeat;
			text-indent:-9999px;
			}
		#header #gnav ul li.nav-on a.home:hover{ width: 57px; background-position: -4px -28px;}
		#header #gnav ul li.nav-on a.topics:hover{ width: 70px; background-position: -71px -28px;}
		#header #gnav ul li.nav-on a.today:hover{ width: 113px; background-position: -151px -28px;}
		#header #gnav ul li.nav-on a.guest:hover{ width: 117px; background-position: -274px -28px;}
		#header #gnav ul li.nav-on a.time:hover{ width: 162px; background-position: -401px -28px;}
		#header #gnav ul li.nav-on a.dj:hover{ width: 106px; background-position: -573px -28px;}
		#header #gnav ul li.nav-on a.event:hover{ width: 150px; background-position: -689px -28px;}
		#header #gnav ul li.nav-on a.prime:hover{ width: 93px; background-position: -849px -28px;}
		
#header{
	width: 100%;
	background: url(/images/common/header/bg-header.gif) left top repeat-x;
	}
	#header #header-in{
		width: 950px;
		height: 70px;
		background: url(/images/common/header/image-header-day.png) left top no-repeat;
		margin: 0 auto;
		position:relative;
		}
		#header #header-in #logo{
			position:absolute;
			top:9px;
			left:1px;
			}
		#header #header-in #header-noa{
			position:absolute;
			width:300px;
			height:16px;
			top:30px;
			left:645px;
			white-space:nowrap;
			overflow:hidden;
			z-index:2;
			}
		#header #header-in #header-noa p{
			position:absolute;
			display:none;
			}
		#header #header-in #header-noa a.head_noa_link{
			font-weight:bold;
			text-decoration:none;
			color:#533f22;
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			}
		#header #header-in #header-noa-base{
			position:absolute;
			width:408px;
			height:33px;
			top:20px;
			left:542px;
			background: url(/images/common/header/image-header-nowonair.png) left top no-repeat;
			z-index:1;
			}

/* topics path
---------------------------------------------------------- */
	
#topics-path{
	width: 100%;
	text-align:left;
	font-size: 80%;
/*	margin-bottom: 13px;*/
	margin-bottom: 25px;
	}

	
	
/* side navigation
---------------------------------------------------------- */

#containts #right-con dl{
	width: 202px;
	text-align: left;
	}
	#containts #right-con dl dt{
		width: 202px; height: 30px;
		background-image: url(/images/common/side/cap-side.gif);
		background-repeat: no-repeat;
		text-indent: -9999px;
		}
	#containts #right-con dl#song dt{ background-position: 0 0; margin-bottom: 10px;}
	#containts #right-con dl#cate dt{ background-position: 0 -30px; margin-top: 12px; margin-bottom: 2px;}
	#containts #right-con dl#cate2 dt{ background-position: 0 -30px; margin-bottom: 2px;}
	
	#containts #right-con dl#song dd{
		width: 93px !important; width: 98px; height: 22px;
		float:left; margin-bottom: 4px; padding-left: 5px;
		}
		#containts #right-con dl#song dd a{
			display: block;
			width: 93px; height: 22px;
			background-image: url(/images/common/side/ssnav.gif);
			background-repeat: no-repeat;
			text-indent: -9999px;
			}
			#containts #right-con dl#song dd a.now{ background-position: 0 0;}
			#containts #right-con dl#song dd a.prog{ background-position: -93px 0;}
			#containts #right-con dl#song dd a.date{ background-position: -186px 0;}
			#containts #right-con dl#song dd a.today{ background-position: -279px 0;}
			
			#containts #right-con dl#song dd a.now:hover{ background-position: 0 -22px;}
			#containts #right-con dl#song dd a.prog:hover{ background-position: -93px -22px;}
			#containts #right-con dl#song dd a.date:hover{ background-position: -186px -22px;}
			#containts #right-con dl#song dd a.today:hover{ background-position: -279px -22px;}
			
			#containts #right-con dl#song dd.nav-on a.now{ background-position: 0 -22px;}
			#containts #right-con dl#song dd.nav-on a.prog{ background-position: -93px -22px;}
			#containts #right-con dl#song dd.nav-on a.date{ background-position: -186px -22px;}
			#containts #right-con dl#song dd.nav-on a.today{ background-position: -279px -22px;}
	
	#containts #right-con dl#cate dd,#containts #right-con dl#cate2 dd{
		width: 190px; height: 32px;
		margin-left: 5px;
		}
		#containts #right-con dl#cate dd a,#containts #right-con dl#cate2 dd a{
			display: block;
			width: 190px; height: 32px;
			background-repeat: no-repeat;
			text-indent: -9999px;
			}
		#containts #right-con dl#cate dd a{
			background-image: url(/images/common/side/canav.gif);
			}
			#containts #right-con dl#cate dd a.request{ background-position: 0 0;}
			#containts #right-con dl#cate dd a.blog{ background-position: 0 -32px;}
			#containts #right-con dl#cate dd a.pod{ background-position: 0 -64px;}
			#containts #right-con dl#cate dd a.shop{ background-position: 0 -96px;}
			#containts #right-con dl#cate dd a.present{ background-position: 0 -128px;}
			#containts #right-con dl#cate dd a.faq{ background-position: 0 -160px;}
			#containts #right-con dl#cate dd a.mobile{ background-position: 0 -192px;}
			#containts #right-con dl#cate dd a.jan{ background-position: 0 -224px;}
			
			#containts #right-con dl#cate dd a.request:hover{ background-position: -190px 0;}
			#containts #right-con dl#cate dd a.blog:hover{ background-position: -190px -32px;}
			#containts #right-con dl#cate dd a.pod:hover{ background-position: -190px -64px;}
			#containts #right-con dl#cate dd a.shop:hover{ background-position: -190px -96px;}
			#containts #right-con dl#cate dd a.present:hover{ background-position: -190px -128px;}
			#containts #right-con dl#cate dd a.faq:hover{ background-position: -190px -160px;}
			#containts #right-con dl#cate dd a.mobile:hover{ background-position: -190px -192px;}
			#containts #right-con dl#cate dd a.jan:hover{ background-position: -190px -224px;}
			
			#containts #right-con dl#cate dd.nav-on a.request{ background-position: -190px 0;}
			#containts #right-con dl#cate dd.nav-on a.blog{ background-position: -190px -32px;}
			#containts #right-con dl#cate dd.nav-on a.pod{ background-position: -190px -64px;}
			#containts #right-con dl#cate dd.nav-on a.shop{ background-position: -190px -96px;}
			#containts #right-con dl#cate dd.nav-on a.present{ background-position: -190px -128px;}
			#containts #right-con dl#cate dd.nav-on a.faq{ background-position: -190px -160px;}
			#containts #right-con dl#cate dd.nav-on a.mobile{ background-position: -190px -192px;}
			#containts #right-con dl#cate dd.nav-on a.jan{ background-position: -190px -224px;}
		
		#containts #right-con dl#cate2 dd a{
			background-image: url(/images/common/side/canav_2.gif);
			}
			#containts #right-con dl#cate2 dd a.corp{ background-position: 0 0;}
			#containts #right-con dl#cate2 dd a.recruit{ background-position: 0 -32px}
			#containts #right-con dl#cate2 dd a.rule{ background-position: 0 -64px;}
			#containts #right-con dl#cate2 dd a.press{ background-position: 0 -96px;}
			#containts #right-con dl#cate2 dd a.discussion{ background-position: 0 -128px;}
			#containts #right-con dl#cate2 dd a.pc{ background-position: 0 -160px;}
			#containts #right-con dl#cate2 dd a.privacy{ background-position: 0 -192px;}
			#containts #right-con dl#cate2 dd a.contact{ background-position: 0 -224px;}
			#containts #right-con dl#cate2 dd a.eco{ background-position: 0 -256px;}
			#containts #right-con dl#cate2 dd a.cm{ background-position: 0 -287px;}
			
			#containts #right-con dl#cate2 dd a.corp:hover{ background-position: -190px 0;}
			#containts #right-con dl#cate2 dd a.recruit:hover{ background-position: -190px -32px}
			#containts #right-con dl#cate2 dd a.rule:hover{ background-position: -190px -64px;}
			#containts #right-con dl#cate2 dd a.press:hover{ background-position: -190px -96px;}
			#containts #right-con dl#cate2 dd a.discussion:hover{ background-position: -190px -128px;}
			#containts #right-con dl#cate2 dd a.pc:hover{ background-position: -190px -160px;}
			#containts #right-con dl#cate2 dd a.privacy:hover{ background-position: -190px -192px;}
			#containts #right-con dl#cate2 dd a.contact:hover{ background-position: -190px -224px;}
			#containts #right-con dl#cate2 dd a.eco:hover{ background-position: -190px -256px;}
			#containts #right-con dl#cate2 dd a.cm:hover{ background-position: -190px -287px;}
			
			#containts #right-con dl#cate2 dd.nav-on a.corp{ background-position: -190px 0;}
			#containts #right-con dl#cate2 dd.nav-on a.recruit{ background-position: -190px -32px}
			#containts #right-con dl#cate2 dd.nav-on a.rule{ background-position: -190px -64px;}
			#containts #right-con dl#cate2 dd.nav-on a.press{ background-position: -190px -96px;}
			#containts #right-con dl#cate2 dd.nav-on a.discussion{ background-position: -190px -128px;}
			#containts #right-con dl#cate2 dd.nav-on a.pc{ background-position: -190px -160px;}
			#containts #right-con dl#cate2 dd.nav-on a.privacy{ background-position: -190px -192px;}
			#containts #right-con dl#cate2 dd.nav-on a.contact{ background-position: -190px -224px;}
			#containts #right-con dl#cate2 dd.nav-on a.eco{ background-position: -190px -256px;}
			#containts #right-con dl#cate2 dd.nav-on a.cm{ background-position: -190px -287px;}

#containts #right-con div.link-kgb{ width: 200px; margin-top: 30px; }
	#containts #right-con div.link-kgb a{
		display: block;
		width: 200px; height: 37px;
		background: url(/images/common/side/btn-greenblue.gif) left top no-repeat;
		text-indent:-9999px;
		}
		#containts #right-con div.link-kgb a:hover{
			opacity: 0.7;
			filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
			}
#containts #right-con div#site-search{ width: auto; margin-top: 20px; line-height:1;}
	#containts #right-con div#site-search input.word{
		width: 150px; border-color: #0b8fca;
		height: 1.5em;
		border-style: solid; border-width: 1px;
		margin: 0;
		line-height:1.5;
		float: left;
		margin-top: 2px;
		}
	#containts #right-con div#site-search input.submit{
		width: 38px; height: 25px;
		background: url(/images/common/side/btn-search.gif) left top no-repeat;
		text-indent: -9999px;
		border: none;
		border-width: 0;
		cursor: pointer;
		float:right;
		}
		#containts #right-con div#site-search input.submit:hover{
			opacity: 0.7;
			filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
			}



/* side post-timetable
---------------------------------------------------------- */
#post-timetable{
	width: 180px !important; width: 200px;
	background-color: #f4f1eb;
	margin-top: 30px;
	padding: 10px;
	}
	#post-timetable h4{
		width: 180px; height: 12px;
		background-image: url(/images/common/side/cap-timetable.gif);
		background-repeat: no-repeat;
		overflow: hidden;
		text-indent: -9999px;
		margin-bottom: 10px;
		}
		#post-timetable h4.m01{ background-position: 0 0;}
		#post-timetable h4.m02{ background-position: 0 -12px;}
		#post-timetable h4.m03{ background-position: 0 -24px;}
		#post-timetable h4.m04{ background-position: 0 -36px;}
		#post-timetable h4.m05{ background-position: 0 -48px;}
		#post-timetable h4.m06{ background-position: 0 -60px;}
		#post-timetable h4.m07{ background-position: 0 -72px;}
		#post-timetable h4.m08{ background-position: 0 -84px;}
		#post-timetable h4.m09{ background-position: 0 -96px;}
		#post-timetable h4.m10{ background-position: 0 -108px;}
		#post-timetable h4.m11{ background-position: 0 -120px;}
		#post-timetable h4.m12{ background-position: 0 -132px;}
		
	#post-timetable img.photo{
		float: left;
		}
	#post-timetable div.photo-info{
		width: 97px;
		float: right;
		}
	#post-timetable h5{
		color: #533f22;
		font-weight: bold;
		}
	#post-timetable p.txt{
		font-size: 85%;
		color: #555;
		margin-top: 7px;
		line-height: 1.4;
		}
	#post-timetable p.caption{
		font-size: 85%;
		color: #999;
		margin-top: 3px;
		margin-bottom: 5px;
		}
	#post-timetable a#post,#post-timetable a#contest{
		display: block;
		width: 180px; height: 18px;
		background-image: url(/images/common/side/btn-timetable.gif);
		background-repeat: no-repeat;
		text-indent:-9999px;
		overflow:hidden;
		}
		#post-timetable a#post{ background-position: 0 0; }
		#post-timetable a#contest{ background-position: 0 -36px; }
		#post-timetable a#post:hover{ background-position: 0 -18px; }
		#post-timetable a#contest:hover{ background-position: 0 -54px; }
	#post-timetable #address{
		width: 164px !important; width: 180px;
		background-color: #FFF;
		padding: 0 8px 4px 8px;	
		margin-top: 5px;
		}
		#post-timetable #address p{
			font-size: 90%;
			}
		#post-timetable #address div#address-close{
			padding-left: 153px;
			}
		#post-timetable #address div#address-close a{
			display: block;
			width: 11px; height: 11px;
			background: url(/images/common/side/btn-close.gif) 0 0 no-repeat;
			text-indent: -9999px;
			margin: 8px 0 0 0px;
			overflow: hidden;
			}
			#post-timetable #address div#address-close a:hover{ background-position: 0 -11px; }
	

/* side socialbookmark
---------------------------------------------------------- */
#socialbookmark-con{
	position:relative;
}
#socialbookmark{
	position:absolute;
	left:-375px;
	top:5px;
	}
	#socialbookmark td{
		padding-right:3px;
		}

/*#socialbookmark{
	width: 180px !important; width: 200px;
	margin-top: 10px;
	float:left;
	}
	#socialbookmark td{
		padding-right:3px;
		}
	
	*/
	
/* anime
---------------------------------------------------------- */

#anime{
	width: 100%;
	background: #fff url(/images/common/container/bg-container.png) center top repeat-y;
	}
#anime-in{
	width: 100%;
	background: url(/images/common/footer/line-green-f.png) center bottom repeat-x;
	line-height: 0;
	font-size:0;
	}
	
	
/* footer
---------------------------------------------------------- */
#footer{
	width: 100%;
	background-color: #0d8abf;
	padding: 16px 0;
	text-align:center;
	}
	#footer ul{
		height: 13px;
		margin-right: auto;
		margin-bottom: 7px;
		margin-left: auto;
		text-align:center;
		}
		#footer ul.g01{ width: 819px;}
		#footer ul.g02{ width: 640px;}
		#footer ul.g03{ width: 691px;}
	#footer li{
		float:left;
		}
		#footer li a{
			display: block;
			height: 13px;
			background-image: url(/images/common/footer/footnav.gif);
			background-repeat: no-repeat;
			text-indent:-9999px;
			}
			#footer li a.f01{ width: 55px; background-position: 0 0;}
			#footer li a.f02{ width: 70px; background-position: -55px 0;}
			#footer li a.f03{ width: 106px; background-position: -125px 0;}
			#footer li a.f04{ width: 153px; background-position: -231px 0;}
			#footer li a.f05{ width: 96px; background-position: -384px 0;}
			#footer li a.f06{ width: 139px; background-position: -480px 0;}
			#footer li a.f07{ width: 111px; background-position: -619px 0;}
			#footer li a.f08{ width: 89px; background-position: -730px 0;}
			#footer li a.f09{ width: 92px; background-position: -819px 0;}
			#footer li a.f10{ width: 72px; background-position: -911px 0;}
			#footer li a.f11{ width: 68px; background-position: -983px 0;}
			#footer li a.f12{ width: 112px; background-position: -1051px 0;}
			#footer li a.f13{ width: 72px; background-position: -1163px 0;}
			#footer li a.f14{ width: 44px; background-position: -1234px 0;}
			#footer li a.f15{ width: 89px; background-position: -1278px 0;}
			#footer li a.f16{ width: 84px; background-position: -1367px 0;}
			#footer li a.f17{ width: 83px; background-position: -1461px 0;}
			#footer li a.f18{ width: 80px; background-position: -1544px 0;}
			#footer li a.f19{ width: 103px; background-position: -1624px 0;}
			#footer li a.f20{ width: 62px; background-position: -1727px 0;}
			#footer li a.f21{ width: 90px; background-position: -1789px 0;}
			#footer li a.f22{ width: 106px; background-position: -1879px 0;}
			#footer li a.f23{ width: 63px; background-position: -1985px 0;}
			#footer li a.f24{ width: 104px; background-position: -2048px 0;}
			
			#footer li a.f01:hover{ width: 55px; background-position: 0 -13px;}
			#footer li a.f02:hover{ width: 70px; background-position: -55px -13px;}
			#footer li a.f03:hover{ width: 106px; background-position: -125px -13px;}
			#footer li a.f04:hover{ width: 153px; background-position: -231px -13px;}
			#footer li a.f05:hover{ width: 96px; background-position: -384px -13px;}
			#footer li a.f06:hover{ width: 139px; background-position: -480px -13px;}
			#footer li a.f07:hover{ width: 111px; background-position: -619px -13px;}
			#footer li a.f08:hover{ width: 89px; background-position: -730px -13px;}
			#footer li a.f09:hover{ width: 92px; background-position: -819px -13px;}
			#footer li a.f10:hover{ width: 72px; background-position: -911px -13px;}
			#footer li a.f11:hover{ width: 68px; background-position: -983px -13px;}
			#footer li a.f12:hover{ width: 112px; background-position: -1051px -13px;}
			#footer li a.f13:hover{ width: 72px; background-position: -1163px -13px;}
			#footer li a.f14:hover{ width: 44px; background-position: -1234px -13px;}
			#footer li a.f15:hover{ width: 89px; background-position: -1278px -13px;}
			#footer li a.f16:hover{ width: 84px; background-position: -1367px -13px;}
			#footer li a.f17:hover{ width: 83px; background-position: -1461px -13px;}
			#footer li a.f18:hover{ width: 80px; background-position: -1544px -13px;}
			#footer li a.f19:hover{ width: 103px; background-position: -1624px -13px;}
			#footer li a.f20:hover{ width: 62px; background-position: -1727px -13px;}
			#footer li a.f21:hover{ width: 90px; background-position: -1789px -13px;}
			#footer li a.f22:hover{ width: 106px; background-position: -1879px -13px;}
			#footer li a.f23:hover{ width: 63px; background-position: -1985px -13px;}
			#footer li a.f24:hover{ width: 104px; background-position: -2048px -13px;}

#footer p{
	color: #b7dcec;
	margin-top: 25px;
	}
	

/* CLASS pagetop
---------------------------------------------------------- */
div.pagetop{
	width: auto;
	padding-left: 620px;
	}
	div.pagetop a{
		display: block;
		width: 67px; height: 12px;
		background: url(/images/common/btn-pagetop.gif) 0 0 no-repeat;
		text-indent: -9999px;
		overflow:hidden;
		}
	div.pagetop a:hover{ background-position: 0 -12px;}

/* Pager
---------------------------------------------------------- */
div.pager {
	margin: 0 0 20px;
	padding-bottom: 4px;
	padding-top: 15px;
	color: #333;
}
div.pager h2{
	display:none;
}
div.pager a {
	display:inline-block;
	padding: 6px 5px;
}
div.pager a:hover,
div.pager a.pager-current {
	font-weight: 700;
}
div.pager .pager-current {
  padding: 6px 10px;
}
div.pager a:link,
div.pager a:visited {
}


/* margin padding setting
---------------------------------------------------------- */	
.ma5{ margin: 5px;}
.ma10{ margin: 10px;}
.ma15{ margin: 15px;}
.ma20{ margin: 20px;}
.ma25{ margin: 25px;}
.ma30{ margin: 30px;}
.ma35{ margin: 35px;}
.ma40{ margin: 40px;}

.pa1{padding:1px;}
.pa2{padding:2px;}
.pa3{padding:3px;}
.pa4{padding:4px;}
.pa5{padding:5px;}
.pa6{padding:6px;}
.pa7{padding:7px;}
.pa8{padding:8px;}
.pa9{padding:9px;}
.pa10{padding:10px;}
.pa11{padding:11px;}
.pa12{padding:12px;}
.pa13{padding:13px;}
.pa14{padding:14px;}
.pa15{padding:15px;}
.pa16{padding:16px;}
.pa17{padding:17px;}
.pa18{padding:18px;}
.pa19{padding:19px;}
.pa20{padding:20px;}
.pa21{padding:21px;}
.pa22{padding:22px;}
.pa23{padding:23px;}
.pa24{padding:24px;}
.pa25{padding:25px;}
.pa26{padding:26px;}
.pa27{padding:27px;}
.pa28{padding:28px;}
.pa29{padding:29px;}
.pa30{padding:30px;}
.pa31{padding:31px;}
.pa32{padding:32px;}
.pa33{padding:33px;}
.pa34{padding:34px;}
.pa35{padding:35px;}
.pa36{padding:36px;}
.pa37{padding:37px;}
.pa38{padding:38px;}
.pa39{padding:39px;}
.pa40{padding:40px;}
.pa41{padding:41px;}
.pa42{padding:42px;}
.pa43{padding:43px;}
.pa44{padding:44px;}
.pa45{padding:45px;}
.pa46{padding:46px;}
.pa47{padding:47px;}
.pa48{padding:48px;}
.pa49{padding:49px;}
.pa50{padding:50px;}


.mt5{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }
.mt25{ margin-top: 25px; }
.mt30{ margin-top: 30px; }
.mt35{ margin-top: 35px; }
.mt40{ margin-top: 40px; }

.mr5{ margin-right: 5px; }
.mr10{ margin-right: 10px; }
.mr15{ margin-right: 15px; }
.mr20{ margin-right: 20px; }
.mr25{ margin-right: 25px; }
.mr30{ margin-right: 30px; }
.mr35{ margin-right: 35px; }
.mr40{ margin-right: 40px; }

.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb20{ margin-bottom: 20px; }
.mb25{ margin-bottom: 25px; }
.mb30{ margin-bottom: 30px; }
.mb35{ margin-bottom: 35px; }
.mb40{ margin-bottom: 40px; }

.ml5{ margin-left: 5px; }
.ml10{ margin-left: 10px; }
.ml15{ margin-left: 15px; }
.ml20{ margin-left: 20px; }
.ml25{ margin-left: 25px; }
.ml30{ margin-left: 30px; }
.ml35{ margin-left: 35px; }
.ml40{ margin-left: 40px; }

.pt5{ padding-top: 5px; }
.pt10{ padding-top: 10px; }
.pt15{ padding-top: 15px; }
.pt20{ padding-top: 20px; }
.pt25{ padding-top: 25px; }
.pt30{ padding-top: 30px; }
.pt35{ padding-top: 35px; }
.pt40{ padding-top: 40px; }

.pr5{ padding-right: 5px; }
.pr10{ padding-right: 10px; }
.pr15{ padding-right: 15px; }
.pr20{ padding-right: 20px; }
.pr25{ padding-right: 25px; }
.pr30{ padding-right: 30px; }
.pr35{ padding-right: 35px; }
.pr40{ padding-right: 40px; }

.pb5{ padding-bottom: 5px; }
.pb10{ padding-bottom: 10px; }
.pb15{ padding-bottom: 15px; }
.pb20{ padding-bottom: 20px; }
.pb25{ padding-bottom: 25px; }
.pb30{ padding-bottom: 30px; }
.pb35{ padding-bottom: 35px; }
.pb40{ padding-bottom: 40px; }

.pl5{ padding-left: 5px; }
.pl10{ padding-left: 10px; }
.pl15{ padding-left: 15px; }
.pl20{ padding-left: 20px; }
.pl25{ padding-left: 25px; }
.pl30{ padding-left: 30px; }
.pl35{ padding-left: 35px; }
.pl40{ padding-left: 40px; }

/* line-height setting
---------------------------------------------------------- */

.lh10{ line-height: 1.0; }
.lh12{ line-height: 1.2; }
.lh14{ line-height: 1.4; }
.lh15{ line-height: 1.5; }
.lh18{ line-height: 1.8; }


/* user-login */
#user-login{
	margin:10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
}
#user-login div{
	margin:10px 0;
}
#user-login div.description{
	font-size:11px;
	display:none;
}
#user-login div input[type="text"],#user-login div input[type="password"]{
	width:10em;
	padding:5px;
}