@charset "utf-8";
/*==================================================================

	style.css

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


/* --------------------------------------------------
	common
-------------------------------------------------- */
html {
	height: 100%;
}

#header {
	width: 860px;
	padding: 30px 0 70px 0;
	margin: 0 auto;
}

.logo {
	float: left;
}

.headR {
	float: right;
	font-size:93%; /*-- font12 --*/
}

#contents {
	width: 860px;
	margin: 0 auto;
}

h2 {
	font-size:138.5%;  /*-- font18 --*/
	font-weight: bold;
}

.conHead {
	background: url(../img/hr_dotted.gif) repeat-x bottom;
	padding-bottom: 1px;
	margin-bottom: 20px;
}

.txtConHead {
	padding-bottom: 31px;
}

.headSubNav a.linkArrow {
	color: #333333;
	background: url(../img/blt_link_arrow.gif) no-repeat 0 2px;
	padding-left: 13px;
	/background-position: 0 1px;
	text-decoration: none;
}

.headSubNav a.linkArrow:hover {
	color: #333333;
	text-decoration: underline;
}

#conCal1,
#conCal2,
#conCal3  {
	width: 860px;
} 

#conCal1 li {
	width: 860px;
}

#conCal2 li {
	float: left;
	width: 420px;
	margin-right: 20px;
}

#conCal3 li {
	float: left;
	width: 270px;
	margin-right: 25px;
}

#paginationBox {
	width: 860px;
	height: 30px;
	padding-bottom: 90px;
	position: relative;
  overflow: hidden;
}

#paginationBox ul {
	position: relative;
  left: 50%;
	float: left;
}

#paginationBox li {
	float: left;
	margin: 0 4px;
	text-align: center;
	position: relative;
	left: -50%;
}

#paginationBox li a {
	display: block;
	color: #333333;
	background:#EFEFEF;
	border: 1px solid #CCCCCC;
	padding: 4px 6px;
	text-decoration: none;
}

#paginationBox li a:hover,
#paginationBox li a.down {
	color: #FFFFFF;
	background: #666666;
	border: 1px solid #333333;
}

.OF1Head a,
.albumContents a  {
	background: url(../img/blt_link.gif) no-repeat 0 5px;
	padding-left: 10px;
	/background-position: 0 6px;
}

#footer {
	width: 860px;
	margin: 0 auto;
	padding: 20px 0 35px 0;
}

#footer address {
	font-size:77%;   /*-- font10 --*/
	color: #646464;
	float: left;
}

#footer img {
	float: right;
}

.keepWhsp {
	word-wrap: break-word; /* IE6, IE7 のために */
	white-space: -moz-pre-wrap; /* Firefox1~2 */
	white-space: pre-wrap; /* IE8以上および他モダンブラウザはこちらが適用される */

	/* IE6,IE7では white-space:pre-wrap をサポートしていないので、JavaScript の方で処理をします */
}

pre {
	font: 13px/1.231 Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	/font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;/* IE7 */
	_font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;/* IE6 */

	/*font-size: inherit; IE6,7 で未対応 */
	font-size: 1em;

	word-wrap: break-word; /* IE6, IE7 のために */
	white-space: -moz-pre-wrap; /* Firefox1~2 */
	white-space: pre-wrap; /* IE8以上および他モダンブラウザはこちらが適用される */
}

img.fixSize {
	opacity: 0;
	filter: alpha(opacity=0);
}

#commonVeil {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 3em;
	vertical-align: middle;
}

#commonVeil .text {

	padding: 1em 2em;

	background-color: #888;
	color: white;

	font-size: large;
	font-weight: 800;
}


/* --------------------------------------------------
	OF1
-------------------------------------------------- */
.OF1Head {
	background: url(../img/hr_dotted.gif) repeat-x top;
	padding: 20px 0 60px 0;
}

.OF1Head h2 {
	padding-bottom: 20px;
}

.OF1Head img {
	float: left;
	padding: 4px;
	background: url(../img/bg_boder_lattice.gif) repeat;
	margin-right: 23px;
}

.OF1HeadL {
	width: 420px;
	float: left;
}

.OF1HeadR {
	width: 420px;
	float: right;
}

.conTit {
	margin-bottom: 40px;
	clear: both;
}

.albumBox {
	padding-bottom: 20px;
}

.albumList {
	background: url(../img/hr_dotted.gif) repeat-x bottom;
	padding-bottom: 30px;
	margin-bottom: 40px;
}

.albumTit {
	font-size:138.5%;  /*-- font18 --*/
	margin-bottom: 15px;
	clear: both;
}

.albumImg {
	float: left;
	padding-right: 20px;
}
.albumImg span { /* IE6は子セレクタに対応していない事に注意 */
	display: block;
	width: 150px;
	height: 150px;
	overflow: hidden;
}

.albumCap {
	margin-bottom: 15px;

	/* 改行方法をコントロール */
	/* GoogleChrome, Firefox3.5～10(?) のために左マージン指定。
	  指定しないと、長い英数字記号の分割よりも回り込み解除が優先される。
	  Firefox3.5～10(?) のために、word-wrap を指定 */
	margin-left: 170px;
	word-wrap: break-word;
}

/* --------------------------------------------------
	OF2
-------------------------------------------------- */
.titOF {
	padding-bottom: 15px;
}

.OF2Head {
	width: 860px;
	padding-bottom: 30px;
}

.OF2HeadImg {
	float: left;
	margin-right: 20px;
	width: 150px;
	height: 150px;
	overflow: hidden;
}

.OF2Head dd {
	font-size:93%;	  /*-- font12 --*/

	/* 改行方法をコントロール */
	margin-left: 170px;
	word-wrap: break-word;
}

.OF2Head .OF2HeadComment,
.OF2Head .OF2HeadComment {
	padding-bottom: 5px;
}

.photoBox {
	padding-bottom: 35px;
}

.photoList {
	background: url(../img/hr_dotted.gif) repeat-x bottom;
	height: 155px;
	margin-bottom: 25px;
}

.photoTit {
	font-size:108%;  /*-- font14 --*/
	margin-bottom: 15px;
	clear: both;
}

.photoImg {
	float: left;
	width: 93px;
	height: 93px;
	border: 1px solid #EFEFEF;
	margin-right: 10px;
	text-align: center;
	overflow: hidden;
}

.photoLead {

	/* 改行方法をコントロール */
	margin-left: 105px;
	word-wrap: break-word;
}

.photoList dd {
	font-size:93%;	  /*-- font12 --*/
}

/* --------------------------------------------------
	OF2.1
-------------------------------------------------- */
.commentBox {
	padding-bottom: 35px;
}

.commentList {
	background: url(../img/hr_dotted.gif) repeat-x bottom;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.comment {
	padding-bottom: 10px;
}

/* --------------------------------------------------
	OF3
-------------------------------------------------- */
.OF3Head {
	margin-bottom: 40px;
}

.OF3HeadPhoto {	
	padding-bottom: 45px;
}

.photoDetailBox {
	margin: 40px 0  80px 0;
}

.photoDetail .txtPhotoDetailBox {
	float: left;
	background: url(../img/bg_photoDetail.jpg) no-repeat;
	width: 340px;
	height: 214px;
	padding: 40px;
	margin-right: 20px;
	_margin-right: 0;
}

.photoDetail dt .imageClip {
	display: block;
	width: 355px;
	height: 194px;
}

.photoDetail dt .txtPhotoDetail {
	font-size:108%;  /*-- font14 --*/
	width: 355px;
	height: 194px;
	overflow: auto;
	padding-right: 10px;
}

.photoDetail dd {
	font-size:93%;	  /*-- font12 --*/

	/* 改行方法をコントロール */
	margin-left: 440px;
	word-wrap:  break-word;
	/* ただし画像を表示するページの場合
	  スクリプト側で margin-left = 画像幅+20px とする */
}

.imgPhotoDetailBox {
	float: left;
	padding-right: 20px;
	text-align: center;
}
.imgPhotoDetailBox img {
	border: none;
	margin-bottom: 15px;
}

.OF3-1Wrap {
	padding: 110px 0;
	text-align: center;
}

/* --------------------------------------------------
	OF4
-------------------------------------------------- */
.sendDetailBox {
	margin: 40px 0  80px 0;
}

.sendDetail {
	font-size:93%;	  /*-- font12 --*/
}

.imgSendDetail {
	float: left;
	margin-right: 23px;
	text-align: center;
}

.bgImgSend {
	background: url(../img/bg_boder_lattice.gif) repeat;
	padding: 4px;
	margin-bottom: 15px;
}

.bgImgSend img {
	border: none;
}