﻿/* top */

#railside_sweetpotato
{
	width: 900px;
	margin: auto;
}

/* 900px以下 */
@media screen and (max-width:900px) {
#railside_sweetpotato
{
	width: 600px;
	margin: auto;
}
}

/* スライドショー（ここから） */
#slideshow {
   position: relative;
   width:  900px; /* ボックスの横幅 */
   height: 630px; /* ボックスの高さ */
   
   margin:0px 0px 10px 0px;
}

#slideshow a {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 630px; /* ボックスの高さ */
}

#slideshow a.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow a.last-active {
   z-index: 9;
}

#slideshow a img {
   width:  900px; /* ボックスの横幅 */
   height: 630px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}

/* 900px以下 */
@media screen and (max-width:900px) {
#slideshow {
   position: relative;
   width:  600px; /* ボックスの横幅 */
   height: 420px; /* ボックスの高さ */
   
   margin:0px 0px 10px 0px;
}

#slideshow a {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 420px; /* ボックスの高さ */
}

#slideshow a img {
   width:  600px; /* ボックスの横幅 */
   height: 420px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}


}


/* スライドショー（ここまで） */

/* 更新履歴 */

#news
{
	width: 590px;
	height: 240px;
	margin: auto;
	padding: 0 0 0 10px;
	float: left;
}

.news_data
{
	font-size: 16px;
}

.news_data dt
{
	clear: both;
	float: left;
	width: 150px;
	margin: auto auto auto 5px;
}

.new_icon
{
	vertical-align: text-top;
}

.news_data dd
{
	float: left;
	width: 370px;
}

#news_box
{
	height:200px;
	width:560px;
	margin:auto auto 20px 5px;
	overflow:auto;
	border:solid;
	border-width:1px;
}

.news_link
{
	display: none;
	margin: auto auto auto 5px;
	font-size: 16px;
	clear: both;
}

.news_data
{
	display: block;
}

#telephone
{
	margin: auto 10px;
	width: 280px;
	height: 100px;
	float: left;
}

#telephone img
{
	width: 100%;
}

#baking_time
{
	margin: auto 10px;
	width: 280px;
	height: 100px;
	float: left;
}

#baking_time img
{
	width: 100%;
}

#telephone_pc
{
	margin: auto 10px;
	width: 280px;
	height: 200px;
	float: left;
}

#telephone_pc img
{
	width: 100%;
}

#free_box
{
	width: 500px;
	height: 800px;
	float: left;
	font-size: 18px;
	font-weight: bold;
/*
	background:#999999;
*/
}

#access_map
{
	width: 100%;
	max-width: 640px;
	margin-bottom: 10px;
}

#address
{
	width: 500;
}

#potato_var_title
{
	margin-top: 18px;
}

#potato_var
{
	margin-left: 24px;
}

#potato_var dl
{
	width: 100%;
}

#potato_var dt
{
	width: 5%;
	float: left;
}

#potato_var dd
{
	width: 93%;
	float: left;
}

#fb_text
{
	margin: 5px;
	padding-top: 18px;
	padding-bottom: 18px;
	clear: both;
}

.sub_link
{
	margin: 0;
}

.sub_link_img
{
	margin: 0;
	width: 48%;
	max-width: 300px;
}

.sub_link_l
{
	margin: 0;
}

.sub_link_l_img
{
	margin: 0;
	width: 96%;
	max-width: 600px;
}

#link_box
{
	width: 400px;
	height: 1000px;
	float: left;
/*
	background:#0066FF;
*/
}

#menu
{
	width: 100%;
}

#menu img
{
	width: 100%;
}

/* 900px以下 */
@media screen and (max-width:900px) {

#free_box
{
	width: 600px;
	height: 1100px;
}

#link_box
{
	width: 600px;
	height: 1000px;
}

}