@charset "utf-8";

/* container
-------------------------------------------------- */
#container {
	position: relative;
}
/* #page_description
-------------------------------------------------- */
#page_description {
	width: 100%;
	position: relative;
}


/* #page_contents
-------------------------------------------------- */
#page_contents {
	margin: 0 auto;
	width: 950px;
}
/*ｈ２にボーダーボトムをつけるか*/
#sitenavi h2,
#exnavi h2
 {
	margin: 35px 0 5px 0;
	border-bottom: 1px solid #c8b288;
}
.tit	{
	margin: 35px 0 5px 0;
	border-bottom: 1px solid #c8b288;
}
h2 {
	margin: 35px 0 0 0;
	border-bottom: none;
}
#contents_top {

}
#contents_bottom {

}
#fooder_bottom {

}
/* 枠付き　高さの設定*/
.waku{
		padding: 10px;
	margin: 0px ; 
	border: 2px solid #c8b288;
	height: 170px;
}
.wakublog{
		padding: 10px;
	margin: 0px ; 
	border: 2px solid #c8b288;
	height: 170px;
}

/* #about
-------------------------------------------------- */
#about {
	width: 550px;
	height: 243px;
	float: left;
	background: url(../img/bg_info.jpg) right 80px no-repeat;
	
}

#about_moji {
	width: 270px;
	margin: 20px 0px 0px 0px;
}
#about_gif {
	margin: 0 0 30px 150px;
}



/* #topics
-------------------------------------------------- */
#topics {
	width: 400px;
	float: right;
}

#topics #topicscontents {
		padding: 0px;
	margin: 0px; 
	border: 1px solid #c8b288;
}
#topics #topicscontents dl {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}
#topics #topicscontents dt {
	padding: 1px 0 0 18px;
	width: 20px;
	background: url(../images/topics_listicon.gif) left 0.35em no-repeat;
	float: left;
	font-size: 11px;
}
#topics #topicscontents dd {
	float: right;
	width: 271px;
	line-height: 1.4em;
	font-size: 12px;
}
.idx_contents_info_list{
	margin: 0px 0px 0px 0px;
}
.idx_contents_info_list #topicscontents {
	margin: 15px 15px 0px 0px;
	height: 160px;
	overflow-y: auto;
	scrollbar-base-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-arrow-color: #D0C4A6;
	scrollbar-highlight-color: #FFF9EC;
	scrollbar-shadow-color: #FFF9EC;
	scrollbar-3dlight-color: #D0C4A6;
	scrollbar-darkshadow-color: #D0C4A6;
}
.idx_contents_info_list #topicscontents dl {
	line-height: 1.2em;
	padding: 15px 0 15px 0;
	width: 370px;
}


/* #sitenaviの段全体　高さの設定はない　ちなみに２段目までは段全体の設定はない
-------------------------------------------------- */
#sitenavi {
	width: 950px;
	margin: 0 0 40px 0;
}
#sn_exp	{
	width: 200px;
	float: left;
}
#sn_exp img	{
	margin: 35px 0 40px 0;
}
#sn_exp p	{
	margin: 0 0 0 5px;
}
#sn_rink{
	width: 710px;
	float: right;
	margin: 25px 0 0 40px;
}
.rink_img{
	width: 210px;
	float: left;
	margin: 0px 0px 10px 25px;
	display: inline;
}
.rink_img dl dt  {
	margin: 30px 0 0 0;
}
.rink_img dl dd  {
	margin: 15px 0 0 0;
}

/* #exnaviの行全体　高さの設定はない　ちなみに２段目までは段全体の設定はない
-------------------------------------------------- */
#exnavi {
	width: 950px;
	margin: 0 0 40px 0;
}
#ex_exp	{
	width: 200px;
	float: left;
}
#ex_exp img	{
	margin: 35px 0 40px 0;
}
#ex_exp p	{
	margin: 0 0 0 5px;
}
#ex_site{
	width: 345px;
	float: left;
	margin: 25px 0 0 10px;
}

.columnex	{
	width: 60px;
	float: left;
	margin: 5px 0px 0 5px;
	display: inline;
}
.columnex p{
	font-size: 9px;
	line-height:1.2em;
}

#ex_blog{
	width: 345px;
	float: right;
	margin: 25px 0 0 20px;
}

/* #estimate
-------------------------------------------------- */
#estimate {
	width: 400px;
	float: left;
	margin: 0 0 0 0px;
	display: inline;
}
#etm_exp	{
	width: 270px;
	float: left;
	margin: 10px 0 0 0;
}
#etm_rink{
	width: 83px;
	float: right;
	margin: 0 0 0 15px;
}
/* #service
-------------------------------------------------- */
#service {
	width: 300px;
	float: left;
	margin: 0 0 0 45px;
	display: inline;
}
#service p{
	margin: 0 0 12px 0;
}
.rink_imgs{
	width: 116px;
	float: left;
	margin: 0px 0px 10px 20px;
	display: inline;
}
/* #blog
-------------------------------------------------- */
#blog {
	width: 160px;
	float: left;
	margin: 0 0 0 45px;
	display: inline;
}
#blog p{
	margin: 0 0 12px 0;
}
.rink_imgb{
	width: 116px;
	float: left;
	margin: 0px 0px 10px 10px;
	display: inline;
}
/* #slideshow
-------------------------------------------------- */
#slideshow {display:none:}


/* グーグルマップ
-------------------------------------------------- */

.google-maps {
position: relative;
padding-bottom: 75%; /*これが縦横比*/
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}


@media only screen and (min-width:768px){

html{font-size:100%;}

/* #slideshow
-------------------------------------------------- */
#slideshow {
	display:inherit;
	margin: 0 auto;
	padding: 0;
	width: 950px;
	height: 290px;
	position: relative;
}
#no_script {
	margin: -290px auto 0;
	padding: 0;
	width: 950px;
	height: 290px;
}
#swapimage_00 {
	display: none;
}
#swapimage_01 {
	display: none;
}
#swapimage_02 {
	display: none;
}
#swapimage_03 {
	display: none;
}
#swapimage_04 {
	display: none;
}
#swapimage_05 {
	display: none;
}
#swapimage_06 {
	display: none;
}
#swapimage_07 {
	display: none;
}
#swapimage_08 {
	display: none;
}
/* #cycle-slideshow
-------------------------------------------------- */

.cycle-slideshow {
	margin: 0 auto;
	padding: 0;
	width: 450px;
	height: 300px;
	position: relative;
}
.no_script {
	margin: -290px auto 0;
	padding: 0;
	width: 450px;
	height: 300px;
}

}
@media only screen and (min-width:1024px){
html{font-size:100%;}
}