@charset "utf-8";


/* body
-----------------------------------------------------------------*/
body{
	background:url(../image/bg.jpg) repeat-x;
}


/* content
-----------------------------------------------------------------*/
#flash{
	float:left;
	width:644px;
	height:245px;
	margin-top:8px;
}

#tv_banner{
	float:left;
	width:199px;
	height:80px;
	margin:0;
}

#op_banner{
	float:left;
	width:199px;
	height:81px;
	margin:3px 0;
}


ul#fbanner{
	float:right;
	width:199px;
	margin:8px 0 3px 0;
}

ul#fbanner li a#fbanner02{
	display:block;
	margin:3px 0;
}


/* mnavi
----------------------------------------*/
ul#mnavi{
	background-color:#FF3399;
	clear:both;
}

ul#mnavi li{
	float:left;
	margin-top:22px;
}

ul#mnavi li a{
	text-indent:-9999px;
	display:block;
	width:207px;
	height:85px;
	margin-right:6px;
}

ul#mnavi li a#mnavi01{background:url(../image/mnavi01.jpg) no-repeat;}
ul#mnavi li a#mnavi02{background:url(../image/mnavi02.jpg) no-repeat;}
ul#mnavi li a#mnavi03{background:url(../image/mnavi03.jpg) no-repeat;}
ul#mnavi li a#mnavi04{background:url(../image/mnavi04.jpg) no-repeat; margin-right:0;}

ul#mnavi li a#mnavi01:hover,
ul#mnavi li a#mnavi02:hover,
ul#mnavi li a#mnavi03:hover,
ul#mnavi li a#mnavi04:hover{
	background-position:left bottom;
}


/* banner
----------------------------------------*/
#banner{
	clear:both;
	background:url(../shared/image/dotted.gif) repeat-x bottom;
	height:100%;
	padding-top:30px;
}

#banner ul{
	background:url(../shared/image/dotted.gif) repeat-x;
	height:100%;
	overflow:hidden;
	padding:10px 0 20px;
}

#banner ul li{
	float:left;
	height:50px;
	margin:10px 8px 0 0;
}

#banner ul li.end{
	margin:10px 0 0 0;
}


/* main
-----------------------------------------------------------------*/
#main{
	clear:both;
	padding-top:18px;
}

#main h3{
	width:585px;
	height:30px;
}


/* sub
-----------------------------------------------------------------*/
#sub{
	position:relative;
	margin-top:18px;
}

#sub ul li#tokutai{
	width:240px;
	height:60px;
}

#sub ul li#btn01{
	width:152px;
	height:18px;
	position:absolute;
	top:20px;
	left:54px;
}

#sub ul li#btn02{
	width:152px;
	height:18px;
	position:absolute;
	top:40px;
	left:54px;
}

#sub ul li#btn01 a,
#sub ul li#btn02 a{
	width:152px;
	height:18px;
}

#sub ul li#tokutai,
#sub ul li#shien{
	height:60px;
}

#sub ul li#shien{
	background:url(../shared/image/dotted.gif) repeat-x bottom;
	margin-bottom:15px;
	padding-bottom:15px;
}

#sub ul li#shien a{
	height:60px;
}

#hyoka{
	margin-top:20px;
	}