@charset "utf-8";


/*-----------------------------------------------
galleryページ専用
----------------------------------------------- */

/* タイトル枠 */
#areaContents .title{
	margin-bottom:2em;
	font-size:1.2em;
}

#areaContents .container01 p, 
#areaContents .container01 dl{ 
margin-bottom:1.5em;
}

.container02 p span.name01 {
font-weight:bold;

}

/* 写真リスト用（2列）
----------------------------------------------- */
#areaContents ul.pholist{
	margin-top:2em;
}
ul.pholist li{
	float:left;
	width:335px;
	text-align:center;
	vertical-align: bottom;
	list-style-type: none;
	margin-bottom:3em;
}

ul.pholist li.sp1{
	width:670px;
}
ul.pholist li.sp2{
border: 1px solid #cccccc;
width:324px;
padding-top:4px;
padding-bottom:4px;
margin-left:2px;
margin-right:2px;
}
ul.pholist li.sp4 span{
width:240px;
background-color:#666666;
color:#FFFFFF;
padding-top:6em;
padding-bottom:6em;
display:block;
margin-left:auto;
margin-right:auto;
}

/* 特殊：写真に文字回り込み */
ul.pholist li.sp3{
width:240px;
margin-left:48px;
text-align:left;
}
ul.pholist li.sp5{
width:580px;
padding-left:48px;

text-align:left;

}

/* 特殊：写真に文字回り込み */
ul.pholist li.pholeft{ text-align:left;}
#areaContents p.pholeft img,
#areaContents li.pholeft img{ float:left; padding-right:10px;
padding-left:10px;}

/* 区切り線 */
hr{
	margin-top:1em;
	margin-bottom:2em;

}

/* コピーライトメイン写真用
----------------------------------------------- */
#areaContents ul.phomain{
	margin-top:2em;
}
ul.phomain li{
	text-align:center;
	vertical-align: bottom;
	list-style-type: none;
	margin-bottom:1em;
}


/* 連続的配置 */
ul.phomaintype1{ text-align:center;}
ul.phomaintype1 li{
	display:inline;
	margin-left:4px;
	margin-right:4px;
}

div.photo2008{
    width:324px;
    text-align:right;   
}

div.trip{
    width:450px;
    text-align:right;   
}


/* 作者情報：bottom=0 */
#areaContents .container01 .bottom0,
#areaContents .container02 .bottom0{
	margin-bottom:0;
}
/* 作者情報：●見出し */
#areaContents dl.maru {
	padding: 10px;
	padding-top:0;
	margin-bottom:0;
}
#areaContents .maru dt {
	width:1.5em;
}
#areaContents .maru dd {
	margin-left:1.5em;
	margin-top:-1.5em;
	margin-bottom:1em;
}
#areaContents .container02 .maru dd {
	margin-bottom:0;	
}
/* センターあわせ */
.txtcenter{
	text-align:center;
}
.txtright{
	text-align:right;
}
/* 左あわせ */
ul.pholist li.txtleft{
	text-align:left;
}

/* 特殊見出しセンターで下線 */
#areaContents .underlinec{
text-align:left;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding-top:3px;
padding-bottom:3px;
padding-left:1em;
margin-top:1.5em;
}

/* emoji */
#areaContents img.emoji{
	margin:0;
	padding:0;
	vertical-align:middle
}
#areaContents .container02 .bottom0{ margin-bottom:0;}
/* グレー内ボックス
----------------------------------------------- */
#areaContents .container02 ul{ margin-left:20px;}
#areaContents .container02 p {
	padding-bottom:0;
	margin-bottom:1em;
}


#areaContents  p.phoright {
float:right;
margin-left:10px;
margin-bottom:10px;
}

#areaContents dl.nengou{ margin-left:0px; margin-right:20px;}
#areaContents dl.nengou dt{
	width:4em;
	font-weight:normal;
}
#areaContents  dl.nengou dd{
	margin-left:4.5em;
	margin-top:-1.5em;
	margin-bottom:2px;
}

/* 定義済み名前横に詳細 */
#areaContents dl.dlname dt{
	width:6em;
	/*text-align:center;*/
	border: 1px solid #999999;

	margin-bottom:4px;
	padding-left:5px;
}
#areaContents  dl.dlname dd{
	margin-left:7em;
	margin-top:-2em;
	margin-bottom:4px;
}


#areaContents .container02 .clearfix p.fleft {
	float:left;
	width:310px;
	padding-top:0;
	padding-bottom:1em;
}

#areaContents .container02 h3{
margin-bottom:0;
}
#areaContents .container02 p{
padding:0;

}
#areaContents .container02 h3{
font-size:0.9em;

}
.container02 .box {
padding:1em;
padding-bottom:0;

}

.container_spot .box {
padding:1em;
padding-bottom:0;

}

#areaContents table{
	width:100%;
}
/* 会場の様子
----------------------------------------------- */
#areaContents h3.box{
	text-align:center;
	border: 1px solid #ccc;
	padding:8px;
	line-height:normal;
	margin-bottom:1em;
}
/* 閉じるボタン用
----------------------------------------------- */
#areaContents p.close_btn{
	padding-top:20px;
}

/* スポットライト対象展 プロフィール
----------------------------------------------- */
#areaContents .epText{
float:right;
width:550px;

}
#areaContents .epPho{
float:left;
margin-left:10px;
margin-bottom:20px;
}

#areaContents .clear{
clear:both;
}
