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

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

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

/*============================================
layout
==============================================*/

body{
	background:#e5f6f9 url(/src/pc/image/common/fuji_l.png) no-repeat 50% bottom;
    line-height:1.5;
}
/*==------container------*/
#container{
	padding:0;
	margin:0 0 150px 0;
}
/*==------header------*/
header{
	margin:0 0 20px 0;
}
header .header_parts{
	background:url(/src/pc/image/common/header/header_parts.png) center 50% no-repeat;
}
header section{
	max-width:960px;
	margin:0 auto;
	text-align:left;
}
header section h1{
	width:200px;
	height:120px;
	margin:0 20px 0 0;
	padding:20px 0;
}
header section h2{
	font-size:3.2rem;
	font-size:32px;
	padding-top:110px;
}

/*==------nav------*/
nav{
	width:960px;
	margin:0 auto 20px auto;
	background:url(/src/pc/image/common/nav/nav.png) 0 0 no-repeat;
	height:96px;
}
nav ul{
	width:760px;
	float:left;
}
nav ul li{
	width:95px;
	height:96px;
	float:left;
}
nav ul li a,
nav ul li span{
	text-indent:-9999px;
	display:block;
	padding:0;
	border:none;
	width:95px;
	height:96px;
	background:url(/src/pc/image/common/nav/nav.png) 0 0 no-repeat;
}
nav ul li.nav1 a{background-position:0 0;}
nav ul li.nav2 a{background-position:-95px 0;}
nav ul li.nav3 a{background-position:-190px 0;}
nav ul li.nav4 a{background-position:-285px 0;}
nav ul li.nav5 a{background-position:-380px 0;}
nav ul li.nav6 a{background-position:-475px 0;}
nav ul li.nav7 a{background-position:-570px 0;}
nav ul li.nav8 a{background-position:-665px 0;}

nav ul li.nav6 span{background-position:-475px 0;}
nav ul li.nav7 span{background-position:-570px 0;}
nav ul li.nav8 span{background-position:-665px 0;}

nav ul li.nav1 a:hover{background-position:0 -96px;}
nav ul li.nav2 a:hover{background-position:-95px -96px;}
nav ul li.nav3 a:hover{background-position:-190px -96px;}
nav ul li.nav4 a:hover{background-position:-285px -96px;}
nav ul li.nav5 a:hover{background-position:-380px -96px;}
nav ul li.nav6 a:hover{background-position:-475px -96px;}
nav ul li.nav7 a:hover{background-position:-570px -96px;}
nav ul li.nav8 a:hover{background-position:-665px -96px;}

nav ul li.nav6 span:hover{background-position:-475px -96px;}
nav ul li.nav7 span:hover{background-position:-570px -96px;}
nav ul li.nav8 span:hover{background-position:-665px -96px;}

#home nav ul li.nav1 a{background-position:0 -192px;}
#schedule nav ul li.nav2 a{background-position:-95px -192px;}

nav .search{
	clear:none;
	height:96px;
	width:200px;
	float:left;
	background:none;
}
nav .search form{
	margin-top:20px;
}
/*==-----------------------------------------------
main
-------------------------------------------------*/
#main{
	margin:0 auto 20px auto;
}

#main article{
	background:url(/src/pc/image/common/main_back.png) 0 0 repeat;
}

/*==------banner------*/
#banner{
	padding-bottom:20px;
}
#banner ul {
	margin:0 0 10px 0;
}
#banner ul li{
	width: 18%;
	max-width: 200px;
	margin:0 1% 10px 1%;
}
#banner .lion{
	position:absolute;
	left:2%;
	top:15px;
	display:block;
	width:65px;
	height:121px;
	text-indent:-9999px;
	background:url(/src/pc/image/common/footer/lion.gif) 0 0 no-repeat;
}
footer .oke{
	width:78px;
	height:48px;
}
footer .bath{
	background:#8fd8db url(/src/pc/image/common/footer/bath.png) 0 0 repeat-x;
	padding-bottom:10px;
}
/*============================================
base
==============================================*/
.pc{
	display:block;
}
.sp{
	display:none;
}

#container #main p,
#container #main ul,
#container #main ol,
#container #main dl{
	margin:0 30px 10px 30px;
}
#container #main h1{
	padding:4px 0 4px 50px;
	background:#020511 url(/src/pc/image/common/h1_mark.png) 14px 50% no-repeat;
	background-size:28px auto;
	font-size:2.4rem;
	font-size:24px;
}
#container #main h2{
	font-size:1.8rem;
	font-size:18px;
}
#container #main h3{
	font-size:1.8rem;
	font-size:18px;
}
#container #main h4{
	font-size:1.6rem;
	font-size:16px;
}
#container #main h5{
	font-size:1.6rem;
	font-size:16px;
}
#container #main h6{
	font-size:1.4rem;
	font-size:14px;
}
#container #main section{
	margin:20px 30px 20px 30px;
}
/*==-------paragraph------*/
#container #main dl{
	border-bottom:dotted 1px #666;
	margin-bottom:10px;
	padding-bottom:10px;
}

/*============================================
common
==============================================*/
/*==------sns------*/
#container #main .sns ul{
	float:right;
	margin:0 30px 10px 30px;
}

#container #main .sns ul li.btn_friend a{
	background:url(/src/pc/image/schedule/detail/btn_friend_ie.png) 0 0 no-repeat;
}
#container #event_area h1.square{
	background-size:30px auto;
}
#container #event_area section.event{
	margin:20px 10px 10px 10px;
}
#container #event_area section.event a .field .text p.date{
	font-size:2.8rem;
	font-size:28px;
}
#container #event_area section.event a .field .text p.date > span{
	font-size:1.4rem;
	font-size:14px;
}
#container #event_area section.event a .field div.image{
	width:120px;
	height:120px;
}
#container #event_area section.event a .field .text{
	padding-left:130px;
	min-height:120px;
}
#container #event_area section.event a .field .text p{
	margin:0 15px 10px 15px;
}
#container #event_area section.event a .field .text p.place{
	font-size:1.8rem;
	font-size:18px;
}
#container #event_area section.event a .field{
	padding:10px 15px;
	background-size:auto;
}
#container #event_area section.event a .field .text p span.time{
	display:inline;
	margin-left:10px;
}
/*==------feed------*/
#container #main .feed li span.date{
	float:left;
	margin:0 15px 0 0;
}

/*==------header------*/
header p.btn_menu a{
	width:80px;
	height:40px;
}
header #header_nav section ul li{
	width:10%;
}

/*==------pagetop------*/
p.pagetop a{
    width: 90px;
   height: 90px;
}

/*==------container------*/
#container .breadcrumb,
#topic{
	margin:0 auto 20px auto;
	width:960px;
}
/*==------footer------*/
footer .logo .copyright{
	font-size:1.1rem;
	font-size:11px;
}
footer .logo .image{
	width:175px;
}
footer .menu{
	float:right;
}
footer .menu ul {
		margin:0;
}
footer #footer_nav{
	width:700px;
}
footer #footer_nav ul{
	margin:0;
	clear:both;
}
footer #footer_nav ul li{
	width:auto;
	margin:0 10px 10px 0;
	width:120px;
}
footer .menu li{
	width:56px;
	height:56px;
}
footer .menu li a{
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
footer .menu li.btn_mobile a{background:url(/src/pc/image/common/footer/footer_nav.png) no-repeat; background-position:0 0;}
footer .menu li.btn_twitter a{background:url(/src/pc/image/common/footer/footer_nav.png) no-repeat; background-position:-66px 0;}
footer .menu li.btn_contact a{background:url(/src/pc/image/common/footer/footer_nav.png) no-repeat; background-position:-132px 0;}
footer .menu li.btn_mobile a:hover{background-position:0 -56px;}
footer .menu li.btn_twitter a:hover{background-position:-66px -56px;}
footer .menu li.btn_contact a:hover{background-position:-132px -56px;}
footer .logo{
	margin:0;
}