@charset 'utf-8';	


/* トップページ
---------------------------------------------------------------------------------------*/
.top {
	padding: 0 0 37px 0;
	}
	
	
	
	



#middle {
	width:99%;
	margin: 0 auto;
	padding: 5px 2px 0 2px;
	border-left: 0px solid #999999;	border-right: 0px solid #999999;
	}
	
#middle h1 {
	margin: 0 0 23px 0;
	padding: 0 0 0 5px;
	clear:both;
	font-size:140%;
	border-bottom: 1px solid #666666;
	color: #fff;

	}	
#middle p {
	margin: 2px auto 23px auto;
	padding: 10px 2px 10px 2px;
	clear:both;
	font-size:small;
	color: #fff;

	}		
#middle h2 {
	margin: 0 0 23px 0;
	padding: 0 0 0 5px;
	clear:both;
	font-size:100%;
	border-bottom: 1px solid #666666;

	}
#middle h3 {
	margin: 0 0 23px 0;
	padding: 0 0 0 5px;
	clear:both;
	font-size:100%;
	border-bottom: 1px solid #666666;
	color: #FFCC00;
	}	
	
	
#middle dl {

	padding: 0 0 14px 23px;
	}
#middle dl.last {
	padding:0 0 23px 23px;
	}
#middle dl dt {
	float:left;
	margin:0;
	padding:0;
	display:inline;
	font-size:100%;
	}
#middle dl dt a {
	padding:3px;
	display:block;
	background:#CCCCCC;
	}
	#middle dl dt a:hover {
		padding:3px;
		display:block;
		background:#AAAAAA;
		}
	#middle dl dt img {
		border: solid 1px #FEFEFE;
		}
#middle dl dd {
	line-height:1.6;
	font-size:x-small;
	}
	#middle dl dd strong {
		color:#000;
		font-size:small;
		}
	#middle dl dd {
		width:507px;
		float:left;
		margin:0;
		padding: 0 5px 0 0;
		}
	
#middle dl span.caption {
	display:block;
	font-size: 120%;
	width:507px;
	}

#middle dl span.caption sub {
	font-size:70%;
	vertical-align:baseline;
	margin:0 2px;
	}
	#middle dl span.button {
		width:140px;
		float:right;
		margin:0;
		padding: 10px 0 0 0;
		font-size:100%;
		clear:both;
		display:block;
		text-align: right;
		}






#main {
	width:726px;
	float:right;
	}

/* ページタイトル */
h2 {
	margin: 0 0 59px 0;
	font-size:100%;
	}

#mainInner {
	padding: 0 0 0 23px;
	}

/* 中見出し */
h3 {
	margin: 0 0 23px 0;
	font-size:100%;
	}

/* キャッチコピー */
h3.catch {
	margin: 0 0 59px 0;
	font-size:100%;
	}

/* 段落 */
p {
	padding: 0 5px 23px 0;
	text-indent:1em;
	line-height:1.6;
	font-size:116%;
	}
.no-in{text-indent: 0.02em;

}







.photo-left {
width:265px;

float: left;
margin: 0 6px 10px 3px;
padding: 5px 3px 0 3px;
border: 1px solid #00CCFF;
}
	
.photo-left h1 {
margin: 0 0 23px 0;
padding: 0 0 0 5px;
clear:both;
font-size:140%;
border-bottom: 1px solid #666666;
background: #ccc;
color: #232323;
}	
.photo-left p {
margin: 0 0 23px 0;
padding: 0 0 0 5px;
clear:both;
font-size:small;
color: #232323;
}		
.photo-left h2 {
margin: 0 0 23px 0;
padding: 0 0 0 5px;
clear:both;
font-size:100%;
border-bottom: 1px solid #666666;
}

	
.photo-left dl {
padding: 0 5px 14px 5px;
	}
.photo-left dl.last {
padding:0 0 23px 23px;
	}
#.photo-left dl dt {
float:left;
margin:0;
padding:0;
display:inline;
font-size:100%;
	}
.photo-left dl dt a {
padding:3px;
display:block;
background:#CCCCCC;
	}
.photo-left dl dt a:hover {
padding:3px;
display:block;
background:#AAAAAA;
		}
.photo-left dl dt img {
border: solid 1px #FEFEFE;
		}
.photo-left dl dd {
line-height:1.6;
font-size:x-small;
}
.photo-left dl dd strong {
color:#000;
font-size:small;
		}
.photo-left dl dd {
width:507px;
float:left;
margin:0;
padding: 0 5px 0 0;
}
	
.photo-left dl span.caption {
display:block;
font-size: 100%;
width:507px;
}

.photo-left dl span.caption sub {
font-size:70%;
vertical-align:baseline;
margin:0 2px;
}
.photo-left dl span.button {
width:140px;
float:right;
margin:0;
padding: 10px 0 0 0;
font-size:100%;
clear:both;
display:block;
text-align: right;
}





.photo-right {
width:265px;

float: right;
margin: 0 3px 10px 3px;
padding: 5px 3px 0 3px;
border: 1px solid #00CCFF;
}
	
.photo-right h1 {
margin: 0 0 23px 0;
padding: 0 0 0 5px;
clear:both;
font-size:140%;
border-bottom: 1px solid #666666;
background: #ccc;
color: #232323;
}	
.photo-right p {
margin: 0 0 23px 0;
padding: 0 0 0 5px;
clear:both;
font-size:small;
color: #232323;
}		
.photo-right h2 {
margin: 0 0 23px 0;
padding: 0 0 0 5px;
clear:both;
font-size:100%;
border-bottom: 1px solid #666666;
}

	
.photo-right dl {
padding: 0 0 14px 23px;
	}
.photo-right dl.last {
padding:0 0 23px 23px;
	}
#.photo-right dl dt {
float:left;
margin:0;
padding:0;
display:inline;
font-size:100%;
	}
.photo-right dl dt a {
padding:3px;
display:block;
background:#CCCCCC;
	}
.photo-right dl dt a:hover {
padding:3px;
display:block;
background:#AAAAAA;
		}
.photo-right dl dt img {
border: solid 1px #FEFEFE;
		}
.photo-right dl dd {
line-height:1.6;
font-size:x-small;
}
.photo-right dl dd strong {
color:#000;
font-size:small;
		}
.photo-right dl dd {
width:507px;
float:left;
margin:0;
padding: 0 5px 0 0;
}
	
.photo-right dl span.caption {
display:block;
font-size: 120%;
width:507px;
}

.photo-right dl span.caption sub {
font-size:70%;
vertical-align:baseline;
margin:0 2px;
}
.photo-right dl span.button {
width:140px;
float:right;
margin:0;
padding: 10px 0 0 0;
font-size:100%;
clear:both;
display:block;
text-align: right;
}


.photo-center {
width:548px;
float: right;
margin: 0 3px 10px 3px;
padding: 5px 3px 0 3px;
border: 1px solid #00CCFF;
}
	
.photo-center h1 {
margin: 0 0 23px 0;
padding: 0 0 0 5px;
clear:both;
font-size:140%;
border-bottom: 1px solid #666666;
background: #ccc;
color: #232323;
}	
.photo-center p {
margin: 0 0 23px 0;
padding: 0 0 0 5px;
clear:both;
font-size:small;
color: #232323;
}		
.photo-center h2 {
margin: 0 0 23px 0;
padding: 0 0 0 5px;
clear:both;
font-size:100%;
border-bottom: 1px solid #666666;
}

	
.photo-center dl {
margin: 300px auto;
padding: 0 0 14px 23px;
	}
.photo-center dl.last {
padding:0 0 23px 23px;
	}
#.photo-center dl .photo777 {
float:left;
margin:0;
padding:0;
display:inline;
font-size:100%;
	}
.photo-center .photo777 a {
margin: 0 3px 0 3px;
padding:3px;
display:inline;

	}
.photo-center dl .photo777 a:hover {
padding:3px;
display:block;
background:#AAAAAA;
		}
.photo-center dl .photo777 img {
border: solid 10px #000;
		}
.photo-center dl dd {
line-height:1.6;
font-size:x-small;
}
.photo-center dl dd strong {
color:#000;
font-size:small;
		}
.photo-center dl dd {
width:507px;
float:left;
margin:0;
padding: 0 5px 0 0;
}
	
.photo-center dl span.caption {
display:block;
font-size: 120%;
width:507px;
}

.photo-center dl span.caption sub {
font-size:70%;
vertical-align:baseline;
margin:0 2px;
}
.photo-center dl span.button {
width:140px;
float:right;
margin:0;
padding: 10px 0 0 0;
font-size:100%;
clear:both;
display:block;
text-align: right;
}

.letter-right{
width: 600px;
text-align: right;
}