@charset "utf-8";


/* --------------------------------
	font-size

		10px ： 84%
		11px ： 92%
		12px ： 100%
		13px ： 109%
		14px ： 117%
		15px ： 125%
		16px ： 134%
		17px ： 142%
		18px ： 150%
		19px ： 159%
		20px ： 167%
		22px ： 184%
		24px ： 200%
		26px ： 217%
		28px ： 234%
		30px ： 250%
		32px ： 267%
		36px ： 300%
		40px ： 334%
-------------------------------- */


/* ============================================================

	style info : ブラウザごとの初期スタイルをリセット

============================================================ */

html, body, div, p,
dl, dt ,dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
pre, blockquote,
th, td {
	margin: 0; 
	padding: 0; 
}
table {
	border-collapse: collapse; 
	border-spacing: 0; 
}
fieldset, img {
	border: none;
}
input, textarea, select {
	font-size: 100%;
}
img {
	vertical-align: top;
}

dt, address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
em, strong, th {
	font-style: normal;
	font-weight: bold;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left; 
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.2;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: none;
}

/*.ie6 * {
	zoom: 1;
}*/

/* ============================================================

	style info : 全体で汎用的に使用できるスタイルを記述

============================================================ */

/* --------------------------------
	clearfix (.cf)
-------------------------------- */

* html .cf {
	zoom: 1;
}
*+html .cf {
	zoom: 1;
}
.cf:after {
	content: '';
	display: block;
	clear: both;
	font-size: 0;
}


/* ============================================================

	style info : サイト全体で共通のスタイルを記述

============================================================ */

/* -----------------------------------
	basic
----------------------------------- */

body {
	background: #fff;
	color: #333;
	font-family: "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	text-align: center;
	line-height: 1.7;
	min-width: 666px;
}
	.ie body {
		font-size: 88%;
	}

th, td {
	color: #333;
	line-height: 1.7;
}

a {
	outline: none;
}
a:link,
a:visited,
a:hover,
a:active {
	color: #008837;
	text-decoration: none;
}
a:hover,
a:active {
	color: #ff5300;
	border-bottom: 1px dotted #ff5300;
}
.Btnimg a:hover,
.Btnimg a:active {
	border: none !important;

}
.container{
	text-align:center;
	margin: 0;
}
.main{
	width:666px;
	margin:10px auto 0 auto;
	text-align:left;
}
.logo{
	margin:0;
	padding:0;
}
.sapport{
	clear:both;
	color: #009643;
	font-weight:bold;
	margin: 10px 0 5px 0px;
	padding-top: 40px;
}
.footer{
	background-color:#058836;
	height:25px;
	color: #fff;
	font-size: 10px;
	letter-spacing: 1px;
	padding-top: 7px;
}

.albumBlock {
	margin-bottom: 15px;
	padding: 30px 40px 20px 30px;
	background: #009643;
}
.albumBlock .leadColumn {
	display: inline;
	float: left;
	width: 315px;
}
.albumBlock .albumColumn {
	position: relative;
	display: inline;
	float: right;
	width: 258px;
	height: 310px;
	text-align: center;
	background: #000;
}
.albumBlock .albumColumn #albumBody {
	padding: 9px;
}
.albumBlock .albumColumn #albumPhoto td {
	height: 200px;
	vertical-align: bottom;
}
.albumBlock .albumColumn #albumComment td {
	color: #c4c4c4;
	font-size: 92%;
	padding-top: 10px;
	height: 55px;
	vertical-align: bottom;
}

.albumBlock .albumColumn #albumCtrl {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 4px 9px;
	width: 240px;
	border-top: solid 1px #898989;
}
#photoNum {
	color: #898989;
}

.messageBlock h2 {
	margin-bottom: 10px;
}
.messageBlock .messageList {
	overflow: hidden;
}
.messageBlock .messageList .inner {
	position: relative;
	margin-top: -25px;
	zoom: 1;
}
.messageBlock .messageList .column {
	display: inline;
	float: left;
	width: 188px;
	padding: 25px 0;
	border-top: dotted 1px #ccc;
}
.messageBlock .messageList .leftColumn {
	padding-right: 25px;
}
.messageBlock .messageList .centerColumn {
	padding-right: 25px;
	padding-left: 25px;
	border-right: dotted 1px #ccc;
	border-left: dotted 1px #ccc;
}
.messageBlock .messageList .rightColumn {
	padding-left: 25px;
}
.messageBlock .messageList .profile {
	margin-top: 20px;
	height: 68px;
}
.messageBlock .messageList .profile .img {
	float: left;
	width: 68px;
}
.messageBlock .messageList .profile .name {
	float: left;
	width: 120px;
	line-height: 1.6;
}

.pagination {
	position: relative;
	background: #fff;
	margin-top: -24px;
	padding-top: 40px;
}
.pagination li {
	display: inline;
	margin-right: 8px;
	color: #999;
}
.pagination li img {
	vertical-align: middle;
}
.pagination li.prev,
.pagination li.next {
	position: relative;
	top: -1px;
}
.pagination li.prev {
	margin-right: 12px;
}
.pagination li.next {
	margin-left: 4px;
}