@charset "shift_jis";
/* CSS Document */

body{
	background-image:url(../image/bg.gif);
	background-repeat:repeat-y;
	margin: 0;
}
a:link{
	color: #69C;
}
a:visited{
	color: #00F;
}
a:hover{
	color:#09F;
}
a:active{
	color:#F0F;
}

#footer{
	width:750px;
	padding-top:20px;
	padding-left:16px;
	clear:both;
}
#main{
	width:750px;
	background-color:#FFF;
}
#container{
	float:right;
}

.annai{
	padding:20px 5px 15px;
}

/* buttan */
ul{
	list-style:none;
	width:131px;
	margin:0px;
	padding:0px;
	height:auto;
	line-height:0;
}
.button{
	width:136px;
	float:left;
}
.button img{
	margin-left:5px;
	border:none;
	vertical-align:top;
}
.button a{
	display:block;
	line-height:normal;
}

/* right */
.contents, .dash, .sub_t{
	width:580px;
	margin-left:14px;
	margin-right:20px;
}
.contents{
	padding-bottom:15px;
}
.dash{
	margin-bottom:15px;
	border-bottom:#09C dashed 1px;
	border-top:#09C dashed 1px;
	padding:3px 0 3px 0;
}
.koumoku, .koumoku2, .photo_name{
	width:568px;
}
.koumoku{
	margin-left:14px;
	margin-right:20px;
	margin-bottom:20px;
	border-top:none;
	border-bottom:#397bc5 1px solid;
	border-left:#397bc5 1px solid;
	border-right:#397bc5 1px solid;
	padding:5px;
}

.photo_name{
	background-color:#EEE;
	border-left:#069 3px solid;
	padding:2px;
}
.photo_comment{
	width:238px;
	padding:2px;
	margin-left:20px;
	border-bottom:#999 1px dashed;
	border-top:#999 1px dashed;
}
.hyo{
	width:568px;
	border:#666 1px solid;
	border-collapse:collapse;
}
.hyo td,th{
	border:#666 1px solid;
	padding:0 2px;
}
.hyo th{
	background-color:#EEE;
}

.blue{
	color:#09C;
	font-weight:bold;
}
.right{
	text-align:right;
}
.center{
	text-align:center;
}
.m_b{
	margin-bottom:15px;
}
.v_m{
	vertical-align:middle;
}
.f_l{
	width:280px;
	float:left;
}
.f_r{
	width:280px;
	float:right;
	text-align:right;
}
.f_white{
	color:#FFF;
}