@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

#top {
	font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif;
    color: #333;
	font-size: 12px;
	line-height: 160%;
}

#container {
	width: 800px;
    margin-left: auto;
	margin-right: auto;
}

img {
	border:0;
}

h2{
margin-left:20px;
}
/********** link ************/

a:link,a:visited { 
	color: #0099CC;
	text-decoration:none;
}

a:hover {
	color: #0066CC;

}

/********** header ************/

#header {
	width:800px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
}

.logo {
	float: left;
	width: 210px;
	margin: 4px 5px 0px 0px;
}


.logo_txt {
	float: left;
	margin: 20px 0px 10px 10px;
	line-height: 1.2em;
	font-weight:normal;
	font-size: 11px;
}

/********** menu ************/

#menu_container {
	width:100%;
	margin-top:10px;
	height:35px;
}

#menu_container p.menu_button {
	float:left;
	width:100px;
	height:20px;
}

#menu_container a:hover {
	position:relative ;
	top:1px ;
	left:1px ;
}


/********** flash ************/

#flash { 
	margin: 0px 0px 0px 0px;
}


/********** mene ************/

.menelist {
	height:50px;
	list-style-position:inside;
}

.menelist li {
	display: inline;
	float:left;
	padding-top:0px;
	font-size: 11px;
}

.menelist a {
    background:url(index_img/yajirusi.gif) no-repeat;
    padding:0px 15px 0px 10px;
	color: #000000;
	text-decoration:none;
}

.menelist a:hover {
	background:url(index_img/yajirusi_d.gif) no-repeat;
}


/********** top_contents ************/

#box_left {
	width: 550px;
	float: left;
}
#boxpre_left {
	width: 120px;
	float: left;
}

#placebox_left {
	width: 400px;
	float: left;
}

.pickup {
  height: 460px;
  float: left;
}

.pickup_fsc {
  height: 200px;
  float: left;
}

.pickup02 {
  height: 250px;
  float: left;
}

.pickup_03 {
  height: 300px;
  float: left;
}

.pro_left {
  height: 120px;
  float: left;
}


.pickup_txt {
	float: left;
	width: 430px;
	overflow: hidden;
	margin-left:20px;
}

.place_txt {
	float: left;
	width: 375px;
	overflow: hidden;
	font-weight:bold;
	font-size:17px;
}

.pro_txt {
	float: left;
	width: 150px;
	overflow: hidden;
}

#box_right {
	width: 250px;
	float: right;
}

#boxpro_right {
	width: 650px;
	float: left;
}
#placebox_right {
	width: 400px;
	float: right;
}
.pro_right {
  height: 300px;
  float: left;
}

.prorigth_txt {
	float: left;
	width: 650px;
	overflow: hidden;
}

.calendar {
  height: 460px;
  float: left;
}
/********** history_table ************/

#table_01{
	width:600px;
	border-collapse:collapse;
}

ht{
	background-color:#CCCCCC;}


td{
	border: solid 1px #333333;
	text-align:left;
	padding:3px}


/********** mark ************/

#mark {
	height:55px;
}

#mark p.mark_img {
	float:left;
	margin: 0px 10px 0px 0px;
}

#mark a:hover {
	position:relative ;
	top:1px ;
	left:1px ;
}
/********** nav ************/
#nav{
	list-style-image:url("index_img/yajirusi.gif");
	list-style-position:inside;
	margin-left:20px;}


#nav a:visited { 
	color: #000000;
	text-decoration:none;
}

#nav a:hover {
	color: #0066CC;
	position:relative ;
	top:1px ;
	left:1px ;
}


/********** footer ************/

.footerlist {
	height:55px;
	list-style-position:inside;
}

.footerlist li {
	display: inline;
	float:right;
	padding-top:30px;
	font-size: 10px;
}

.footerlist a {
    background:url(index_img/yajirusi.gif) no-repeat;
    padding:0px 5px 0px 10px;
	color: #000000;
	text-decoration:none;
}

.footerlist a:hover {
	background:url(index_img/yajirusi_d.gif) no-repeat;
	color: #0066CC;
}

/********** copyright ************/

#copy{
	margin: 0px 0px 10px 0px;
	height:18px;
	background-color:#33A02C;
}

.copy_txt{
	color:#FFFFFF;
	text-align:center;
}

/********** other ************/
.sp5px {
	width: 100px;
	height: 5px;
	overflow: hidden;
	display: block;
}


.sp10px {
	width: 100px;
	height: 10px;
	overflow: hidden;
	display: block;
}

.sp15px {
	width: 100px;
	height: 15px;
	overflow: hidden;
	display: block;
}

.sp20px {
	width: 100px;
	height: 20px;
	overflow: hidden;
	display: block;
}

.sp30px {
	width: 100px;
	height: 30px;
	overflow: hidden;
	display: block;
}


.sp40px {
	width: 100px;
	height: 40px;
	overflow: hidden;
	display: block;
}

.sp50px {
	width: 100px;
	height: 50px;
	overflow: hidden;
	display: block;
}

.clear {
	clear: both;
}