@charset "utf-8";

* {
  padding: 0;
  margin: 0;
}

img {
	border: 0;
}


/* clearfix ---------------------------------------*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{	display:inline-block;}

/*hides from IE-mac \*/

* html .clearfix{height:1%;}
.clearfix {display:block;}

/*End hide from IE-mac*/


/* link ---------------------------------------*/

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

a:hover {
  color:#C60;
  text-decoration:underline;
}


/* layout ---------------------------------------*/

body {
	background-color:#FFFFFF;
	color:#000000;
	text-align:center;
	font-size:14px;
	line-height:1.3em;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

#wrapper {
  margin: 0 auto;
  width: 970px;
  background-color:#FF9900;
  background: url(images/bg_wrapper.gif) repeat-x;
  text-align: left;
}

#header {
  margin:0 auto;
  padding:5px;
  width:960px;
  height:auto;
  background-color:#FF0000;
}

#container {
  width: 100%;
}

#contents {
  width:710px;
  float:left;
}

#sidebar {
	width:250px;
	float:right;
	overflow: hidden;
}

#topimg {
  margin:0 0 0 20px;
  width:690px;
}

#footer {
	clear: both;
	margin:0 auto;
	padding:15px 0;
	width:970px;
	height:60px;
	background-color:#FFC;
	border:none;
	text-align:center;
}

.footer_menu{
	font-size:11px;
 	font-family: Verdana, helvetica, arial, sans-serif;
	color:#333;
	line-height:1.8em;
}

.copyright{
	margin: 5px;
	padding:0;
	width:auto;
	height:auto;
}


/* contents ---------------------------------------*/

/* text */

h3 {
  margin:0 0 10px 0;
}

p {
  margin:0 0 0.5em 0;
  text-align:left;
}

/* story */

.story_text {
  width:330px;
  float:right;
}
.story_img {
  width:300px;
  float:left;
}

.sche_movie {
  margin:15px 0 0 0;
  text-align:right;
}
.sche_movie img{
  margin:0 0 0 5px;
}


/* tackle */

#tackle{
  margin:10px 0 20px 20px;
  padding:20px;
  width:890px;
  background-color:#FFFFFF;
}

.tackletable_left{
  width:300px;
  float:left;
}
.tackletable_right{
  width:570px;
  float:right;
}

#tackle table {
  background-color:#999999;
  color:#000000;
  font-size:80%;
}
#tackle th {
  background-color:#CCCCCC;
  padding:1px 5px;
  text-align:left;
  font-weight:bold;
}
#tackle td {
  background-color:#FFFFFF;
  padding:1px 5px;
}

  
/* mobile */

#mobile{
  margin:10px 20px 20px 0;
  width:580px;
  height:auto;
  }

#mobile_box{
  margin:0;
  padding:10px 20px;
  width:540px;
  background-color:#FFFFFF;
  }
  
.mobile_text{
  width:410px;
  float:left;
}
.mobile_qr{
  width:110px;
  float:right;
}
.mobile_qr img{
  padding:3px;
  border:solid 1px #000000;
}
.i_ez_y {
  margin:10px 0 0 0;
  font-size:80%;
  line-height:1.2em;
}

/* link etc */

#mail_hitory{
  margin:15px 0;
  width:220px;
  float:left;
  }
  
#valleyhill{
  margin:30px 0;
  width:105px;
  float:right;
}

#mail_hitory li {
  padding: 10px 0;
  width: 220px;
  list-style-type:none;
} 

#mail_hitory li.mail{
  border-top:solid 1px #000000;
  border-bottom:solid 1px #000000;  
}
#mail_hitory li.history{
  border-bottom:solid 1px #000000;  
}


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

#introduction,#backnumber,#room,#present,#message{
  margin:10px 0 20px 20px;
  padding:20px;
  background-color:#FFFFFF;
}

#movie{
  margin:10px 0 20px 20px;
  padding:0 0 20px 20px;
  background-color:#FFFFFF;
}


/* introduction page---------------------------------------*/

#introduction h3{
  margin:0 0 10px 0;
}

#prof_fujisawa{
  margin:20px 0;
  padding:0;
  width:650px;
}

.prof_fujisawa_img{
  width:250px;
  float:left;
}
.prof_fujisawa_text{
  width:390px;
  float:right;
}

#prof_newsaltken{
  padding:0;
  width:650px;
}


/* backnumber page---------------------------------------*/

#backnumber_box{
  margin:0 0 10px 0;
  padding:0;
  width:650px;
  }
  
.backnumber_box_img{
  width:60px;
  float:left;
  }
.backnumber_box_text{
  width:580px;
  float:right;
}
.backnumber_date{
  margin:5px 20px;
  font-size:12px;
  line-height:1.3em;
}
  
#backnumber_more{
  margin:5px 0 0 0;
  width:650px;
  text-align:right;
}

#backnumber_box a:link,#backnumber_box a:visited {
	color:#630;
	font-weight:bold;
	text-decoration:none;
}

#backnumber_box a:hover {
	color:#C60;
	font-weight:bold;
	text-decoration:underline;
}


/* movie page---------------------------------------*/

#howto,#conte{
  margin:10px 0 0 0;
  padding:20px 0 0 0;
  height:auto;
}

#movie_box{
	margin:0 8px 10px 0;
	padding:5px;
	width:200px;
	height:auto;
	float:left;
	border:1px solid #666666;
}
  
.movie_box_img{
  width:100px;
  float:left;
  }
.movie_box_text{
  width:90px;
  float:right;
  font-size:12px;
  line-height:1.2em;
  }


/* room page---------------------------------------*/

#room_entry img{
  margin:0 0 20px 0;
}

.date{
  margin:0 0 15px 0;
  padding:3px;
  font-weight:bold;
  border-bottom:1px dotted #630;
}


/* mailform,present,message page---------------------------------------*/

#present h3{
  margin:0 0 20px 0;
  text-align:center;
}

#present_box{
  margin:20px 0;
  width:650px;
}

.present_box_img{
  width:250px;
  float:left;
}
.present_box_text{
  width:390px;
  float:right;
  font-size:12px;
}

#present ul {
  margin:10px 0;
 list-style-type:none;
} 


#mailform{
  width:650px;
}

#submit{
  margin:10px 0 0 10px;
}

#mailform table {
  width:600px;
  background-color:#999999;
  color:#000000;
  font-size:12px;
}
#mailform th {
  background-color:#CCCCCC;
  padding:2px 5px;
  text-align:left;
  font-weight:bold;
}
#mailform td {
  background-color:#FFFFFF;
  padding:2px 5px;
}


#message_attention ul {
	padding:10px 0 10px 20px;
	list-style-type:circle;
	font-size:12px;
	line-height:1.3em;
	color:#666;
	text-align:left;
}

#message_choice {
	text-align:center;
}

#message_choice img {
	margin:0 20px 0 0;
}

.messa_entry {
	margin:20px 0 0 0;
	padding:0;
	border:solid 1px #F60;
}

.messa_title {
	margin:0;
	padding:2px 5px;
	background:#F60;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
}

.messa_date {
	margin:0;
	padding:2px 5px;
	background:#FC9;
	font-size:12px;
	text-align:right;
}

.messa_entry p {
	margin:0;
	padding:5px 10px;
}

.nextprev {
	margin:10px;
	text-align:left;
	font-size:12px;
	line-height:1.2em;
}


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

/* navi */

#globalnavi {
  margin:0 20px 10px 0;
  padding:0;
}

#globalnavi li {   
 list-style-type:none;
} 

#globalnavi li a {
  text-indent: -9999px;
  text-decoration: none;
  margin:5px 0 0 0;
  display: block;
  width: 230px;
  height: 50px;
}

.navi01 a { background:url(images/navi01.gif) no-repeat; }
.navi02 a { background:url(images/navi02.gif) no-repeat; }
.navi03 a { background:url(images/navi03.gif) no-repeat; }
.navi04 a { background:url(images/navi04.gif) no-repeat; }
.navi05 a { background:url(images/navi05.gif) no-repeat; }

.navi01 a:hover { background:url(images/navi01.gif) no-repeat -230px 0; }
.navi02 a:hover { background:url(images/navi02.gif) no-repeat -230px 0; }
.navi03 a:hover { background:url(images/navi03.gif) no-repeat -230px 0; }
.navi04 a:hover { background:url(images/navi04.gif) no-repeat -230px 0; }
.navi05 a:hover { background:url(images/navi05.gif) no-repeat -230px 0; }


/* right mobile */

#right_mobile{
  margin:10px 20px 20px 0;
  padding:10px;
  width:210px;
  background-color:#FFF;
  font-size:12px;
  text-align:center;
}

#right_mobile p{
  margin:10px 0;

}

.right_mobile_qr{
  padding:8px;
  border:solid 1px #000;
}