﻿body {
	/*background-color: #F5F5F5;*/
	background-image: url(images/bg.png);
	font-family: Tahoma;
}

#headder {
	 float: left; 
	 width: 970px;
	 height:70px;
	 padding:15px;
	 text-align: left;
	 color: white;
	 background-image: url("images/headbg.png");
	 background-repeat: repeat-x;
 }

img {
    border-style:none;
}

.tbstyle table{ border: 2px #808080 solid; }
.tbstyle th{
	border: 2px #808080 solid;
	background-color: #3366FF;
	color:white;
}
.tbstyle td{ border: 2px #808080 solid; }


#container {
	 width: 1000px;
	 border:1px solid
 }

.shadow {
	background: url(images/shadow.gif) right bottom;
	float: left; /* 回り込み制御 */
}
 
.shadow img {
	position: relative;
	left: -5px; /* 画像を左へ移動 */
	/* top: -5px; 画像を上へ移動 */
	padding: 5px; /* 画像枠 */
	background: #FFFFFF; /* paddingを設定した場合の背景色 */
	border: 1px solid #999999; /* 画像の枠線 */
	
}

.main {
	padding:10px;
	color: #202020;
	background-color:#fff;
}

.explain {
	font-size:12px;
	border-bottom: 1px solid;
	margin-bottom:5px;
	color: #202020;
}

.item {
	border-bottom: 1px solid;
	padding:10px 0px;
	color: #202020;
	background-color:#fff;
}

.item .title {
	padding:4px 8px;
	margin-bottom:5px;
	font-size:18px;
	font-weight:bold;
	color: #202020;
}

.item .comment {
	padding:5px 10px;
	color: #202020;
	background-color:#fff;
}

#left {
	float: left;
	margin:10px 0px;
	width : 210px; 
	padding:5px;
	background-color: white;
	
	text-align: left;
}

#right {
 	float :right;
 	margin-top:10px;
 	width: 780px;
 	text-align: left;
	background-color: white;
 }


#footer {
	 float: left; 
	 width : 990px;
	 padding:5px;
	 text-align: center;
	 color: white;
	 background-image: url("images/headbg.png");
	 background-repeat: repeat-x;
	 background-position: bottom;
 }



#gallery {
	padding: 5px;
	background-image: url("images/photobg.png");
	background-repeat: repeat-xy;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
	border: 3px solid #3e3e3e;
	border-width: 5px 5px 10px;
}
#gallery ul a:hover img {
	border: 3px solid #FBC90F;
	border-width: 5px 5px 10px;
	color: #fff;
}
#gallery ul a:hover { color: #fff; }



#pgallery {
	padding: 5px;
	background-repeat: repeat-xy;
}
#pgallery ul { list-style: none; }
#pgallery ul li { display: inline; }
#pgallery ul img {
	border: 3px solid #3e3e3e;
	border-width: 5px 5px 5px;
}
#pgallery ul a:hover img {
	border: 3px solid #FBC90F;
	border-width: 5px 5px 5px;
	color: #fff;
}
#pgallery ul a:hover { color: #fff; }



#photos {
	padding: 5px;
	background-repeat: repeat-xy;
}
#photos ul { list-style: none; }
#photos ul li { display: inline; }
#photos ul img {
	border: 3px solid #3e3e3e;
	border-width: 5px 5px 5px;
}
#photos ul a:hover img {
	border: 3px solid #FBC90F;
	border-width: 5px 5px 5px;
	color: #fff;
}
#photos ul a:hover { color: #fff; }

.right-position {
	text-align:right;
}

.small-font{
	font-size:9px;
}
