@charset "utf-8";

/*body
----------------------------------------------------------------------------------------------*/
body{
	margin:0px auto;
	_text-align:center;
	background:url(../images/common/bg_gnav01.gif) 0px 0px repeat;
	min-width:980px;
	}

/*#wrapper
----------------------------------------------------------------------------------------------*/
#wrapper{
	margin:0px auto;
	_text-align:center;
	background:url(../images/common/bg_wrapper01.gif) 0px 0px repeat;
	}

/*#header
----------------------------------------------------------------------------------------------*/
#header{
	position:relative;
	z-index:102;
	}

/*#headerIn
----------------------------------------------------------------------------------------------*/
#headerIn{
	text-align:left;
	position:relative;
	width:960px;
	margin:0px auto;
	text-align:left;
	}
/*#headerLogo
----------------------------------------------------------------------------------------------*/
#headerLogo{
	position:absolute;
	left:-5px;
	top:0px;
	}
/*#headerOther
----------------------------------------------------------------------------------------------*/
#headerOther{
	width:200px;
	float:left;
	}

/*#headerLinks
----------------------------------------------------------------------------------------------*/
#headerLinks{
	float:left;
	position:relative;
	width:760px;
	height:103px;
	}
	#interNatinal{
		text-align:right;
		padding-top:10px;
		margin-bottom:10px;}
	#headerLinksin{
		padding-top:8px;
		float:left;
		width:439px;
		}
		#headerLinksin h1{
			height:43px;
			line-height:43px;
			width:317px;
			padding-left:40px;
			background:url(../images/common/bg_boder01.gif) 0px bottom repeat-x;
			float:left;
			}
		#headerLinksin02{
			height:40px;
			width:320px;
			float:left;
			margin-top:10px;
			}
		#headerLinks ul li a{
			display: block;
			color:#333;
			text-decoration: none; 
		}
		#headerLinks .ab01{
			position:absolute;
			bottom:1px;
			right:200px;
			}
				#headerLinks .ab03{
			position:absolute;
			bottom:1px;
			right:335px;
			}

		div .left{
			float:left;
			width:100px;
			height:30px;
			border-left:solid 1px #888;
			padding:10px 0 0 15px;
		}
		div .right{
			float:right;
			width:160px;
			height:30px;
			border-left:solid 1px #888;
			padding-top:10px;
		}
		div .right p{
			display: inline;
			margin-right:10px;
}
		.sns_btn{
			float:right;
		}
		.sns_btn li{
			margin-right:10px;
			}
		.sns_btn li:last-child{
			margin-right:0px;
			}
		
		.mr37{
		margin-right:37px;
		}

		


/*#gNavi
----------------------------------------------------------------------------------------------*/
#gNavi{
	position:relative;
	width:100%;
	height:50px;
	z-index:101;
	}
	#gNavin{
		padding-left:220px;
		margin:0px auto;
		width:740px;
		_width:960px;
		position:relative;
		background:url(../images/common/bg_gnav01.gif) 0px 0px repeat-x;
		}
	#gNaviback_L{
		background:url(../images/common/bg_gnav01.gif) 0px 0px repeat-x;
		height:50px;
		width:50%;
		position:absolute;
		bottom:0px;
		left:0px;
		}
	#gNaviback_R{
		background:url(../images/common/bg_gnav02.gif) 0px 0px repeat-x;
		height:50px;
		width:50%;
		position:absolute;
		bottom:0px;
		right:0px;
		}

/*#contents
----------------------------------------------------------------------------------------------*/
#contents{
	background:url(../images/common/bg_contents01.png) 0px 0px repeat-x;
	}

#pan{
	padding:15px 0px;
	width:960px;
	margin:0px auto;
	}
	#pan ul{
		}
		#pan ul li{
				font-size:11px;

			}
			#pan ul li span{
				font-size:11px;
				}
			#pan ul li a{
				color:#333;
				font-size:11px;
				}
			#pan ul li a:hover{
				text-decoration:none;
				}
#main_viWrap{
	text-align: center;
	background: url(../images/top/main_bg.png) no-repeat center 30px;
	padding: 40px 10px 10px 10px;
}
#main_vi{	
	width:960px;
	height: 330px;
	margin:0px auto;
	position: relative;

	}
	#main_vi ul{
		position: relative;
	}
	#main_vi ul li{
		list-style: none;
	}
	#main_vi ul.main{
		float: left;
	}
	#main_vi ul.main li{
		position: absolute;
		top: 0;
		left: 0;
	}
	#main_vi #thumbWrap{
		width: 215px;
		height: 330px;
		overflow: hidden;
		margin-left: 725px;
		position:relative;
		float: left;
		display: inline;
	}
	#main_vi ul.thumb{
			margin-top: 0px;
		}
		#main_vi ul.thumb li{
		float: left;

			margin:0 10px 13px 0px;
			display: inline;
			position: relative;
			width: 215px;
			height: 73px;
			}
			#main_vi ul.thumb li a{
				border: 1px solid #dedede;
				display: block;
				position: absolute;
				overflow: hidden;
				top: 0;
				left: 0;
			}
			#main_vi ul.thumb li img{
				margin: -1px;
			}
			#main_vi ul.thumb li a.ov{
				border: 4px solid #f8b500;
			}
			#main_vi ul.thumb li a.ov img{
				margin: -4px;
			}
	#main_vi p#b01{
		position: absolute;
		top: 0;
		right: 0;
		}
		#main_vi p#b01 a{
			display: block;
			background: url(../images/top/main_btn01_on.gif) no-repeat !important;
    height: 166px;
    text-indent: -9999px;
    width: 5px;
		}
		#main_vi p#b01 a.ov{
			background: url(../images/top/main_btn01.gif) no-repeat !important;
    height: 166px;
    text-indent: -9999px;
    width: 5px;
		}
	#main_vi p#b02{
		position: absolute;
		top: 164px;
		right: 0;
		}
		#main_vi p#b02 a{
			display: block;
			background: url(../images/top/main_btn02_on.gif) no-repeat;
    height: 166px;
    text-indent: -9999px;
    width: 5px;

		}
		#main_vi p#b02 a.ov{
			background: url(../images/top/main_btn02.gif) no-repeat;

    height: 166px;
    text-indent: -9999px;
    width: 5px;
		}
	#main_vi p#arrow{
		position: absolute;
		top: 87px;
		right: 20px;
	}

/*#contentsIn
----------------------------------------------------------------------------------------------*/
#contentsIn{
	width:960px;
	margin:0 auto;
	padding:35px 0 50px 0;
	}

/*#main
----------------------------------------------------------------------------------------------*/
#main{
	_text-align:left;
	float:right;
	width:720px;
	}

/*#sub
----------------------------------------------------------------------------------------------*/
#sub{
	_text-align:left;
	float:left;
	width:200px;
	}




/*#lineupItem
----------------------------------------------------------------------------------------------*/
#idMediaWrap{
	width:960px;
	margin:0 auto;
	margin-bottom:70px;
	overflow:hidden;
}
#lineupItem{
	width:920px;
	float:left;
	text-align:left;
	padding-left:6px;
overflow:hidden;
}
#lineupItem li{
	float:left;
	display:inline;
	padding-right:30px;
	width:160px;
	height:173px;
	text-align:center;
}
.prevBtn{
	float:left;
	width:14px;
	height:11px;
	padding-top:89px;
}
.prevBtn a:hover{
	width:14px;
	height:11px;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha(opacity=80);
	opacity:0.8;
	zoom:1;
}
.nextBtn{
	float:right;
	width:14px;
	height:11px;
	padding-top:89px;
}
.nextBtn a:hover{
	width:14px;
	height:11px;
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha(opacity=80);
	opacity:0.8;
	zoom:1;
}


/*#lNavi
----------------------------------------------------------------------------------------------*/

/*#pageTop
----------------------------------------------------------------------------------------------*/
#pageTop{
	background:url(../images/common/bg_pageTop01.png) 0px 0px repeat-x;
	height:40px;
	text-align:center;
	padding-top:19px;
	/*_height:59px;*/
	}
	#pageTopin a{
		width:960px;
		height:auto;
		margin:0px auto;
		display:block;
		}
		#pageTopin a img{
			}





/*#footer
----------------------------------------------------------------------------------------------*/
#footer{
	background:url(../images/common/bg_footer01.gif) 0px 0px repeat-x;
	height:294px;
	text-align:center;
	}

/*#footerIn
----------------------------------------------------------------------------------------------*/
#footerIn{
	background:url(../images/common/bg_footerIn01.gif) center 0px no-repeat;
	height:294px;
	}
/*#footerInin
----------------------------------------------------------------------------------------------*/
#footerInin{
	background:url(../images/common/bg_footerInin01.jpg) center 0px no-repeat;
	width:960px;
	margin:0px auto;
	height:294px;
	text-align:left;
	}
	#footerInin #footerLeft{
		width:359px;
		position:relative;
		height:223px;
		float:left;
		}
		#footerLeft_info{
			position:absolute;
			left:20px;
			top:40px;}
		#footerLeft_info02{
			position:absolute;
			left:20px;
			bottom:16px;}
			#footerLeft_info02 p{
				position:absolute;
			text-align: right;
			font-size:10px;
			top:-18px;
			right: 0;
				}
			#footerLeft_info02 ul li a{
			display: block;
			color: #333;
			text-decoration: none; 
		}
			
	#footerInin #footerRight{
		width:601px;
		position:relative;
		height:265px;
		float:left;
		}
		#footerInin div.footer_link{
			width:165px;
			float:left;
			padding-top:41px;
			}
			#footerInin div.footer_link p{
				height:11px;
				margin-bottom:15px;
				}
				#footerInin div.footer_link ul li{
					background:url(../images/common/bg_footer01_yaji.png) left center no-repeat;
					padding-left:15px;
					}
					#footerInin div.footer_link ul li a{
						color:#fff;
						text-decoration:none;
						font-size:11px;
						font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
						line-height:100%;
						margin-bottom:10px;
						}
					#footerInin div.footer_link ul li a:hover{
						text-decoration:underline;
						}
	#footerInin #footerBottom{
			position:relative;
			}
			#footerInin #footerBottom_L{
				position:absolute;
				left:0px;
				top:0px;
				}
				#footerInin #footerBottom_L ul{
				}
				#footerInin #footerBottom_L ul li{
					background:url(../images/common/bg_footer01_yaji02.png) left center no-repeat;
					padding-left:15px;
					margin-right:25px;
					}
					#footerInin #footerBottom_L ul li a{
						color:#000;
						text-decoration:none;
						font-size:11px;
						font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
						line-height:100%;
						}
					#footerInin #footerBottom_L ul li a:hover{
						text-decoration:underline;
						}
		#footerInin #footerBottom_R{
					position:absolute;
					right:0px;
					top:0px;
					}
					#footerInin #footerBottom_R address{
						font-size:11px;
						font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
						line-height:100%;
						}

/*#copyright
----------------------------------------------------------------------------------------------*/


/*#submenu
----------------------------------------------------------------------------------------------*/
.submenuList ul{
	list-style:none;
	}
.submenuList ul li a{
	border-left:#373737 solid 5px;
	line-height:40px;
	padding-left:15px;
	margin-bottom:20px;
	text-decoration:none;
	color:#333333;
	display:block;
	}

.submenuList ul li a:hover,
.submenuList ul .subCur a{
	border-left:#f8b500 solid 5px;
	color:#f8b500;
	}


.mr37 {
    margin-right: 37px;
}



/* ------------------ */
		/* メニューバーの装飾 */
		{
			background-color: #cc0000;         /* バーの背景色 */
			border-top:    3px double #800000; /* バーの上端線 */
			border-bottom: 3px double #800000; /* バーの下端線 */
			min-width: 630px;                  /* メインメニュー全部が収まる最低横幅 */
		}

		/* ------------------------ */
		/* メインメニュー項目の装飾 */
		ul#menu {
			height: 50px;             /* メニューバーの高さ */
		}
		ul#menu li {
		    height: 50px; /* メニュー項目の高さ（「メニューバーの高さ」と一致させる） */
		    float: left;
		    list-style-type: none;
		    position: relative;
		}

		/* メニューバー直後の Clear Hack */
		ul#menu { zoom:1; }
		ul#menu:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

		/* ---------------------- */
		/* サブメニュー項目の装飾 */
		ul#menu ul.sub {
			background-color: #383838;     /* サブメニュー全体の背景色 */
			border-width: 1px 1px 0px 1px; /* サブメニュー全体の枠線の太さ */
			border-style: solid;           /* サブメニュー全体の枠線の線種 */
			border-color: #ccc;         /* サブメニュー全体の枠線の色 */
			margin: 0px;
			padding: 0px;
			display: none;
			position: absolute;
		}
		ul#menu ul.sub li {
			width: 136px; /* サブメニュー1項目の横幅 */
			height: 35px; /* サブメニュー1項目の高さ */
			border-width: 0px 0px 1px 0px; /* サブメニュー1項目の枠線の太さ */
			border-style: solid;           /* サブメニュー1項目の枠線の線種 */
			border-color: #ccc;         /* サブメニュー1項目の枠線の色 */
		}
		ul#menu ul.sub li a {
			line-height: 35px; 
			text-align: left;  
			text-indent: 5px;  
			color: white;
			text-align: center;    
			text-decoration: none;    
			display: block;
			width: 100%;
			height: 100%;
			font-size:11px !important;
}
		ul#menu ul.sub li a:hover {
			background-color: #F8B500; /* サブメニュー項目にマウスが載ったときの背景色 */
			color: #fff;            /* サブメニュー項目にマウスが載ったときの文字色 */
		}