/*==-----------------------------------------------
CSS Information

 File name:      contents.css
 Author:         Crea.,Inc. 
 Style Info:     レイアウト関連のスタイル

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

/*============================================
link 共通
============================================*/
/*==-----------------------------------------------
背景
-------------------------------------------------*/
body#link{
	min-width:320px;
	background:#c6dcda url(/src/pc/image/link/link_back_l.gif) repeat-x 50% bottom;
}

/*============================================
link index
============================================*/
#link.index #container #main ul.meguri{
	max-width:747px;
	margin:0 auto;
}
#link.index #container #main ul.meguri li{
	width: 30%;
	max-width: 209px;
	margin:0 15px;
}
#link.index #container #main ul.meguri li a{
	width:210px;
	height:325px;
	display:block;
	text-indent:-9999px;
}
#link.index #container #main ul.meguri li.meguri_band a{
	background:url(/src/pc/image/link/index/meguri_band.png) 0 0 no-repeat;
}
#link.index #container #main ul.meguri li.meguri_hall a{
	background:url(/src/pc/image/link/index/meguri_hall.png) 0 0 no-repeat;
}
#link.index #container #main ul.meguri li.meguri_other a{
	background:url(/src/pc/image/link/index/meguri_other.png) 0 0 no-repeat;
}
#link.index #container #main ul.meguri li.meguri_band a:hover,
#link.index #container #main ul.meguri li.meguri_hall a:hover,
#link.index #container #main ul.meguri li.meguri_other a:hover{
	background-position:0 bottom;
}

/*==-----------------------------------------------
link band / link hall / link other
-------------------------------------------------*/
/*----------fuda----------*/
#link #container #main ul.fuda{
	margin-top:-120px;
}
#link #container #main ul.fuda li a{
	width:75px;
	height:100px;
}
#link #container #main ul.fuda li.meguri_band a{
	background:url(/src/pc/image/link/common/fuda_pc.png) 0 0 no-repeat;
}
#link #container #main ul.fuda li.meguri_hall a{
	background:url(/src/pc/image/link/common/fuda_pc.png) -75px 0 no-repeat;
}
#link #container #main ul.fuda li.meguri_other a{
	background:url(/src/pc/image/link/common/fuda_pc.png) -150px 0 no-repeat;
}
#link #container #main ul.fuda li.meguri_band a:hover,
#link.band #container #main ul.fuda li.meguri_band a{
	background:url(/src/pc/image/link/common/fuda_pc.png) 0 -100px no-repeat;
}
#link #container #main ul.fuda li.meguri_hall a:hover,
#link.hall #container #main ul.fuda li.meguri_hall a{
	background:url(/src/pc/image/link/common/fuda_pc.png) -75px -100px no-repeat;
}
#link #container #main ul.fuda li.meguri_other a:hover,
#link.other #container #main ul.fuda li.meguri_other a{
	background:url(/src/pc/image/link/common/fuda_pc.png) -150px -100px no-repeat;
}

#link #main .link_list h3{
	padding:8px;
}
#link #main .link_list .inner{
	padding: 0 15px;
}
#link #main .link_list .inner li{
	width: 31.3%;
	margin:15px 1% 0 1%;
	margin-top: 15px;
}

#link #main .link_list .inner li a{
	width: 90%;/*100%*/
	padding:7px 3%;
}

/*============================================
link band
============================================*/
#link.band #container #main h1{
	background: url(/src/pc/image/link/band/link_band_h1_bg.png) 0 0 no-repeat;
	border:none;
	height: 79px;/*109*/
	padding:30px 0 0 35px;
	font-size: 3.5rem;
	font-size:35px;
}
#link.band #container #main h1 span{
	background-size:35px auto;
	padding:5px 0 5px 43px;
}

/*============================================
link hall
============================================*/
#link.hall #container #main h1{
	background: url(/src/pc/image/link/hall/link_hall_h1_bg.png) 0 0 no-repeat;
	border:none;
	height: 79px;/*109*/
	padding:30px 0 0 35px;
	font-size: 3.5rem;
	font-size:35px;
}
#link.hall #container #main h1 span{
	background-size:35px auto;
	padding:5px 0 5px 43px;
}

/*============================================
link other
============================================*/
#link.other #container #main h1{
	background: url(/src/pc/image/link/other/link_other_h1_bg.png) 0 0 no-repeat;
	border:none;
	height: 79px;/*109*/
	padding:30px 0 0 25px;
	font-size: 3.5rem;
	font-size:35px;
}
#link.other #container #main h1 span{
	background-size:35px auto;
	padding:5px 0 5px 40px;
}

/*----------会場詳細 地図----------*/
#link #main .hall_detail{
	padding:15px 20px;
}
#link #main .hall_detail .text_area{
	float:left;
	width:480px;
}
#link #main .hall_detail .map_area{
	padding-left:490px;
}
#link #main .hall_detail .map_area .map{
	width:345px;
	height:345px;
}