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

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

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

body{
	background:#f8f4e6;
}

/*==-----------------------------------------------
SPで消す
-------------------------------------------------*/
.pc{
	display:none;
}

/*==-----------------------------------------------
sns
-------------------------------------------------*/

#container #main #sns ul{
	float:right;
	margin:10px 10px 10px 0;
}
#container #main #sns ul li{
	float:left;
}

/*==-----------------------------------------------
header
-------------------------------------------------*/
header{
	background:#41bcd6 url(/src/otodama/13/pc/common/back.gif) 50% 0 no-repeat;
}


/*==-----------------------------------------------
nav
-------------------------------------------------*/
nav{
	background:#e03533;
}
#home nav ul li.nav1 a{
	background:url(/src/otodama/13/pc/common/nav/nav_home.png) 50% 50% no-repeat;
}

#detail nav ul li.nav2 a,
#artist nav ul li.nav3 a,
#map nav ul li.nav4 a,
#access nav ul li.nav5 a,
#notice nav ul li.nav6 a,
#goods nav ul li.nav7 a,
#museum nav ul li.nav8 a{
	background:url(/src/otodama/13/pc/common/nav/nav_back.png) 50% 50% no-repeat;
}

/*==-----------------------------------------------
main
-------------------------------------------------*/

#container #main article{
	clear:both;
    border-radius: 6px;
    -webkit-border-radius: 6px
    -moz-border-radius: 6px;
    border:solid 2px #000;
    background:#FFF;
}
#container #main article h1{
	font-size:2rem;
	font-size:20px;
	padding:5px 10px 5px 40px;
	background:#006191 url(/src/otodama/13/pc/common/icon_subtitle.png) 13px 50% no-repeat;
	color:#FFF;
	text-shadow:2px 2px #000;
	-moz-text-shadow:2px 2px #000;
	-webkit-text-shadow:2px 2px #000;
}
#container #main article section{
	margin:15px 15px 30px 15px;
}

#container #main article section .field{
	margin:0 10px 30px 10px;
}

/*==-----------------------------------------------
sidebar
-------------------------------------------------*/

#container #sidebar{
}

#container #sidebar #twitter{
	background:#006191;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding:7px;
}
#container #sidebar #twitter h1{
	color:#FFF;
	text-align:center;
	text-shadow:2px 2px #000;
	-moz-text-shadow:2px 2px #000;
	-webkit-text-shadow:2px 2px #000;
	font-size:2rem;
}

#container #sidebar #sidenav{
	background:#10230e;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	padding:10px 10px 5px 10px;
}

#container #sidebar #sidenav ul li{
    font-size:1.5rem;
    font-size:15px;
    font-weight:bold;
	text-shadow:2px 2px #000;
	-moz-text-shadow:2px 2px #000;
	-webkit-text-shadow:2px 2px #000;
	margin:0 0 10px 0;
}

#container #sidebar #sidenav ul li a{
	text-decoration:none;
	display:block;
	padding:8px 30px 8px 8px;
	border:solid 1px #c3c8c3;
	background:url(/src/otodama/13/pc/common/icon_nav.png) 96% 50% no-repeat;
}

#container #sidebar #sidenav ul li a:hover{
	background:url(/src/otodama/13/pc/common/icon_nav_on.png) 96% 50% no-repeat;
}

#container #sidebar #sidenav ul li a:link {color:#FFF;}
#container #sidebar #sidenav ul li a:visited {color: #FFF;}
#container #sidebar #sidenav ul li a:hover {color: #FFF;}
#container #sidebar #sidenav ul li a:active {color: #FFF;}
/*==-----------------------------------------------
footer
-------------------------------------------------*/
footer{
	color:#FFF;
}


footer section #link{

}

footer section #link a{
	color:#FFF;
	text-decoration:none;
}

footer section #link dl{
	margin:0 3% 10px 3%;
}

footer section #link dl dt{
	font-weight:bold;
	text-shadow:1px 1px #000;
	-moz-text-shadow:1px 1px #000;
	-webkit-text-shadow:1px 1px #000;
}

footer section #link dl dd{
	background:url(/src/otodama/13/pc/common/icon.png) 0 50% no-repeat;
	padding-left:14px;
}

footer section #link p{
	margin:0 3% 10px 3%;
}

footer .copyright{
	clear:both;
	text-align:center;
	font-size:1rem;
	font-size:10px;
}
/*==-----------------------------------------------
pagetop
-------------------------------------------------*/
#page-top{
	position: fixed;
	bottom: 50px;
	right: 40px;
	z-index:100;
	}
#page-top a{
	display:block;
	background:url(/src/otodama/13/pc/common/pagetop.png) 0 0 no-repeat;
	background-size:contain;
	text-indent:-9999px;
	padding:0;
	width:54px;
	height:48px;
	}

/*==-----------------------------------------------
ミディアムサイズ　600px～
-------------------------------------------------*/
@media only screen and (min-width:600px){
	#container #sidebar #sidenav ul li{
    font-size:1.8rem;
    font-size:18px;
	}
	footer section #link dl{
	margin:0 3%;
	clear:both;
	}
	footer section #link dl dd{
	float:left;
	margin:0 1% 5px 1%;
	display:block;
	width:44%;
	height:auto;
	}
	footer .copyright{
		clear:both;
		text-align:center;
		font-size:1.1rem;
		font-size:11px;
	}
/*==------page-top----*/
	#page-top{
	position: fixed;
	bottom: 90px;
	right: 20px;
	z-index:100;
	}
	#page-top a{
	display:block;
	background:url(/src/otodama/13/pc/common/pagetop.png) 0 0 no-repeat;
	text-indent:-9999px;
	padding:0;
	width:90px;
	height:80px;
	}
	#ball{
	position:absolute;
	top:82%;
	right:35px;
	}	footer section #link p{
	margin:0 0 10px 0;
	}
}
/*==-----------------------------------------------
ラージサイズ　960px～
-------------------------------------------------*/
@media only screen and (min-width:960px){
	#container #main article h1{
	font-size:2.4rem;
	font-size:24px;
	}
	#sidebar{
	  position: relative;
	}
	footer section #link dl{
	margin:0;
	clear:both;
	}
	footer section #link dl.shusai,
	footer section #link dl.kouen,
	footer section #link dl.kyosai,
	footer section #link dl.kyosan{
		float:left;
		clear:none;
	}
	footer section #link dl dd{
	float:left;
	margin:0 12px 10px 0;
	display:block;
	width:150px;
	height:50px;
	padding-left:0px;
	background:none;
	}
	footer section #link dl dd a{
	display:block;
	width:150px;
	height:50px;
	text-indent:-9999px;
	}
	footer section #link dl dd.onsen a{background:url(/src/otodama/13/pc/common/banner/onsen.gif) 0 0 no-repeat;}
	footer section #link dl dd.sc a{background:url(/src/otodama/13/pc/common/banner/sc.gif) 0 0 no-repeat;}
	footer section #link dl dd.fm802 a{background:url(/src/otodama/13/pc/common/banner/fm802.gif) 0 0 no-repeat;}
	footer section #link dl dd.nigiwai a{background:url(/src/otodama/13/pc/common/banner/nigiwai.gif) 0 0 no-repeat;}
	footer section #link dl dd.capial a{background:url(/src/otodama/13/pc/common/banner/capital.gif) 0 0 no-repeat;}

	footer section #link dl dd.cat{
		width:90px;
	}
	footer section #link dl dd.cat a{
		background:url(/src/otodama/13/pc/common/banner/cat.gif) 0 0 no-repeat;
		width:90px;
	}
	
	footer section #link dl dd.visual a{background:url(/src/otodama/13/pc/common/banner/visual.gif) 0 0 no-repeat;}
	footer section #link dl dd.jungle a{background:url(/src/otodama/13/pc/common/banner/jungle.gif) 0 0 no-repeat;}
	footer section #link dl dd.fpp a{background:url(/src/otodama/13/pc/common/banner/fpp.gif) 0 0 no-repeat;}
	footer section #link dl dd.ch a{background:url(/src/otodama/13/pc/common/banner/ch.gif) 0 0 no-repeat;}
	footer section #link dl dd.goodrocks a{background:url(/src/otodama/13/pc/common/banner/goodrocks.gif) 0 0 no-repeat;}
	footer section #link dl dd.umbro a{background:url(/src/otodama/13/pc/common/banner/umbro.gif) 0 0 no-repeat;}
	footer section #link dl dd.touhoku a{background:url(/src/otodama/13/pc/common/banner/touhoku.gif) 0 0 no-repeat;}
	footer section #link dl dd.kastane a{background:url(/src/otodama/13/pc/common/banner/kastane.gif) 0 0 no-repeat;}
	footer section #link dl dd.osakapro a{background:url(/src/otodama/13/pc/common/banner/osakapro.gif) 0 0 no-repeat;}
	footer section #link dl dd.dippindots a{background:url(/src/otodama/13/pc/common/banner/dippindots.gif) 0 0 no-repeat;}

	footer section #link dl dd.dippindots{
	margin:0 0 10px 0;
	}

	.pc{
	display:block;
	}
	.sp{
	display:none;
	}
}

/*==-----------------------------------------------
IE8への対応
-------------------------------------------------*/
.ie8 #container #sidebar #sidenav ul li,
.ie7 #container #sidebar #sidenav ul li{
    font-size:1.8rem;
    font-size:18px;
	}
.ie8 #container #main article h1,
.ie7 #container #main article h1{
	font-size:2.4rem;
	font-size:24px;
	}
.ie8 #sidebar,
.ie7 #sidebar{
	/*position: relative;*/
}

.ie8 footer section #link dl,
.ie7 footer section #link dl{
	margin:0 3%;
	clear:both;
}
.ie8 footer section #link dl dd,
.ie7 footer section #link dl dd{
	float:left;
	margin:0 1% 5px 1%;
	display:block;
	width:44%;
	height:auto;
}
/*==------page-top----*/
.ie8 #page-top,
.ie7 #page-top{
	position: fixed;
	bottom: 90px;
	right: 20px;
	z-index:100;
}
.ie8 #page-top a,
.ie7 #page-top a{
	display:block;
	background:url(/src/otodama/13/pc/common/pagetop.png) 0 0 no-repeat;
	text-indent:-9999px;
	padding:0;
	width:90px;
	height:80px;
}
.ie8 #ball,
.ie7 #ball{
	position:absolute;
	top:82%;
	right:35px;
}
.ie8 footer section #link dl,
.ie7 footer section #link dl{
	margin:0;
	clear:both;
}
.ie8 footer section #link dl dd,
.ie7 footer section #link dl dd{
	float:left;
	margin:0 12px 10px 0;
	display:block;
	width:150px;
	height:50px;
	padding-left:0px;
	background:none;
}
.ie8 footer section #link dl dd a,
.ie7 footer section #link dl dd a{
	display:block;
	width:150px;
	height:50px;
	text-indent:-9999px;
}
.ie8 footer section #link p,
.ie7 footer section #link p{
	margin:0 0 10px 0;
}
.ie8 footer section #link dl dd.onsen a,
.ie7 footer section #link dl dd.onsen a{background:url(/src/otodama/13/pc/common/banner/onsen.gif) 0 0 no-repeat;}
.ie8 footer section #link dl dd.fm802 a,
.ie7 footer section #link dl dd.fm802 a{background:url(/src/otodama/13/pc/common/banner/fm802.gif) 0 0 no-repeat;}
.ie8 footer section #link dl dd.sc a,
.ie7 footer section #link dl dd.sc a{background:url(/src/otodama/13/pc/common/banner/sc.gif) 0 0 no-repeat;}
.ie8 footer section #link dl dd.nigiwai a,
.ie7 footer section #link dl dd.nigiwai a{background:url(/src/otodama/13/pc/common/banner/nigiwai.gif) 0 0 no-repeat;}
.ie8 footer section #link dl dd.capial a,
.ie7 footer section #link dl dd.capial a{background:url(/src/otodama/13/pc/common/banner/capital.gif) 0 0 no-repeat;}
.ie8 footer .copyright,
.ie7 footer .copyright{
		clear:both;
		text-align:center;
		font-size:1.1rem;
		font-size:11px;
}
.ie8 footer section #link dl dd.cat,
.ie7 footer section #link dl dd.cat{width:90px;}

.ie8 footer section #link dl dd.cat a,
.ie7 footer section #link dl dd.cat a{
		background:url(/src/otodama/13/pc/common/banner/cat.gif) 0 0 no-repeat;
		width:90px;
	}
.ie8 footer section #link dl dd.visual a,
.ie7 footer section #link dl dd.visual a{background:url(/src/otodama/13/pc/common/banner/visual.gif) 0 0 no-repeat;}

.ie8 footer section #link dl dd.jungle a,
.ie7 footer section #link dl dd.jungle a{background:url(/src/otodama/13/pc/common/banner/jungle.gif) 0 0 no-repeat;}

.ie8 footer section #link dl dd.ch a,
.ie7 footer section #link dl dd.ch a{background:url(/src/otodama/13/pc/common/banner/ch.gif) 0 0 no-repeat;}

.ie8 footer section #link dl dd.goodrocks a,
.ie7 footer section #link dl dd.goodrocks a{background:url(/src/otodama/13/pc/common/banner/goodrocks.gif) 0 0 no-repeat;}

.ie8 footer section #link dl dd.fpp a,
.ie7 footer section #link dl dd.fpp a{background:url(/src/otodama/13/pc/common/banner/fpp.gif) 0 0 no-repeat;}

.ie8 footer section #link dl dd.umbro a,
.ie7 footer section #link dl dd.umbro a{background:url(/src/otodama/13/pc/common/banner/umbro.gif) 0 0 no-repeat;}

.ie8 footer section #link dl dd.touhoku a,
.ie7 footer section #link dl dd.touhoku a{background:url(/src/otodama/13/pc/common/banner/touhoku.gif) 0 0 no-repeat;}

.ie8 footer section #link dl dd.kastane a,
.ie7 footer section #link dl dd.kastane a{background:url(/src/otodama/13/pc/common/banner/kastane.gif) 0 0 no-repeat;}

.ie8 footer section #link dl dd.osakapro a,
.ie7 footer section #link dl dd.osakapro a{background:url(/src/otodama/13/pc/common/banner/osakapro.gif) 0 0 no-repeat;}

.ie8 footer section #link dl dd.dippindots a,
.ie7 footer section #link dl dd.dippindots a{background:url(/src/otodama/13/pc/common/banner/dippindots.gif) 0 0 no-repeat;}

.ie8 footer section #link dl dd.dippindots,
.ie7 footer section #link dl dd.dippindots{
	margin:0 0 10px 0;
}

.ie8 footer section #link dl.shusai,
.ie8 footer section #link dl.kouen,
.ie8 footer section #link dl.kyosai,
.ie8 footer section #link dl.kyosan,
.ie7 footer section #link dl.shusai,
.ie7 footer section #link dl.kouen,
.ie7 footer section #link dl.kyosai,
.ie7 footer section #link dl.kyosan{
	float:left;
	clear:none;
}

.ie8 .pc,
.ie7 .pc{
	display:block;
}
.ie8 .sp,
.ie7 .sp{
	display:none;
}