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

/* リセット*/
body,h1,h2,ul,li,p{
	margin:0;
	padding:0;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	}
	
html,body {
    width:  100%;
    height: 100%;　/* 内容量に関わらず縦画面いっぱいに広げるための指定 */
    margin: 0;
	/*background:blue; ***作業用の青*****/
}


/* ヘッダーを幅いっぱいにする為のボックス*/
div#header {
    /* width: 960px;*/
    height: 45px;
	min-width: 960px;/* 横スクロールしてもヘッダーを幅いっぱいにする*/
	background-image:url(../images/headerline.png);
	background-repeat:repeat-x;
	text-indent:-9999px;
}

#wrapper{
	width:100%;
    height: 100%; /* 縦を広げる */
	/*position: relative;　 縦を広げる */
	min-height:100%;
	max-height:100%;
	min-width:100%;
	max-width:100%;
	/*background:yellow; 作業用の黄色*/
}

/* メインボックス*/
#container {
  min-height: 100%;  /*最小値を指定 */
  width: 800px;  /*横幅*/
  height: 800px;  /*縦幅*/
  margin: 0 auto 0 auto;
  padding-top:18px; /****ここだけ他のページと数値ちがうよ****/
  padding-left:20px;
  text-align:center;/* 追加 */
 /*background:red;  ***作業用の赤******/
}


/* フッターを幅いっぱいにする*/
#footer {
	bottom: 0;
	position:fixed;
    min-width: 100%;
    height: 50px;
    background-image:url(../images/footerimg.png);
	background-repeat:repeat-x;
}



ul{
list-style-type:none;
}

/* グローバルナビ*/


#nav {
    font-size: 13px;
	width:840px; white-space: nowrap;	
	position:relative;
	left:-40px;
	}
    
    
#nav ul {
    margin: 0;
    padding-bottom: 20px;
	position:relative;
	top:200px;
    }

#nav li {
    float: left;
    list-style-type:none;
    }

#nav li a {
    color: #000;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 130px;
    line-height: 70px;
	letter-spacing: 0.3em;
	font-weight:bold;
    }

#nav li.first a {
	letter-spacing: 0.3em;
	color:#B22222;
    }


#nav li.first a:link {
	letter-spacing: 0.3em;
	color:#B22222;
    }
    

#nav li.koujichu a {
	letter-spacing: 0.3em;
	color:#ababab;
    }


#nav li.others a:hover {
	 letter-spacing: 0.3em;
	 background-image:url(images/akamaru.png);
	 background-repeat:no-repeat;
	 background-position:center center;
	 color:#808080;
     }
	 


/* トップの切り替えギャラリー*/

/* floatではない方法で横並び*/
.ib-box{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 10px 10px 0 0;
    }

/* 右に寄せる。こういうやり方でいいのかどうか…*/
#photonum{
	position:relative;
	left:480px;
	width:300px;
	}

#photonum ul li{
height:30px;
width:30px;
margin-left:20px;
}


ul #num1 a {
background-image: url(images/numbtn_1.gif);
background-repeat:no-repeat;
height:60px;
text-indent:-9999px;
display: block; 
}

ul #num1 a:hover {
background-image: url(images/numbtn_hov_1.gif);
background-repeat:no-repeat;
height:60px;
text-indent:-9999px;
display: block; 
}

ul #num2 a {
background-image: url(images/numbtn_2.gif);
background-repeat:no-repeat;
height:60px;
text-indent:-9999px;
display: block; 
}

ul #num2 a:hover {
background-image: url(images/numbtn_hov_2.gif);
background-repeat:no-repeat;
height:60px;
text-indent:-9999px;
display: block; 
}

ul #num3 a {
background-image: url(images/numbtn_3.gif);
background-repeat:no-repeat;
height:60px;
text-indent:-9999px;
display: block; 
}

ul #num3 a:hover {
background-image: url(images/numbtn_hov_3.gif);
background-repeat:no-repeat;
height:60px;
text-indent:-9999px;
display: block; 
}

ul #num4 a {
background-image: url(images/numbtn_4.gif);
background-repeat:no-repeat;
height:60px;
text-indent:-9999px;
display: block; 
}

ul #num4 a:hover {
background-image: url(images/numbtn_hov_4.gif);
background-repeat:no-repeat;
height:60px;
text-indent:-9999px;
display: block; 
}



 p{
font-size:15px;
color:#808080;
font-weight:500;
letter-spacing:0.1em; 
line-height:2em;
	}


 p .midashi{
font-size:15px;
color:black;
background-color:yellow;
font-weight:500;
letter-spacing:0.1em; 
line-height:2em;
	}
	
 p .smalltext{
font-size:13px;
color:#B22222;
font-weight:500;
letter-spacing:0.1em; 
line-height:2em;
	}


/*フロート解除*/
#footer{
	clear:both;
}

#footer img{
	position:relative;
	left:35%;
	bottom:-28px;
}