@charset "utf-8";

/* Photos Category Style */

/* =================== index =====================
1.Common
  1-1.Text
    1-1-1.h1
	1-1-2.h2
2.PhotosTop / CategoryTop / PhotosDetail
  2-1.SlideShow
    2-1-1.phBox
	2-1-2.frameBox
	2-1-3.captionBox
	2-1-4.controlBar
	2-1-5.slideBarInner
  2-2.latestList
  2-3.featureList
  2-4.rltList
  2-5.newsList
================================================== */

/* --------------------------------------------------------------------------------
 == 1.Common
----------------------------------------------------------------------------------- */

/* == 1-1.Text ----------------------------------- */

/* == 1-1-1.h1
----------------------------------- */
/* h1style01 */
#mainContentsBlock .h1style01 {
	position:relative;
	padding: 0 16px 16px;
}
#mainContentsBlock .h1style01 .countBox {
	position: absolute;
	right: 16px;
	top: 10px;
	font-size: 0.9em;
	color: #8b8b8b;
}
#mainContentsBlock .h1style01 h1 {
	margin: 0;
	font-size: 1.8em;
	line-height: 1.2;
	font-weight: bold;
}

/* h1style02 */
#mainContentsBlock .h1style02 h1 {
	margin: 0;
	font-size: 1em;
	line-height: 1.5;
	font-weight: bold;
}

/* == 1-1-2.h2
----------------------------------- */
#mainContentsBlock h2 {
	margin: 0 0 14px;
	padding: 0;
	background: none;
	line-height: 1.5;
}

/* h2style01 */
#mainContentsBlock .h2style01 {
	position: relative;
	padding-bottom: 14px;
	clear: both;
}
#mainContentsBlock .h2style01 h2 {
	margin: 0;
	padding: 0;
}
#mainContentsBlock .h2style01 .listBase {
	margin: 0 !important;
	position: absolute;
	top: 0;
	right: 3px;
}


/* --------------------------------------------------------------------------------
 == 2.PhotosTop / CategoryTop / PhotosDetail
----------------------------------------------------------------------------------- */

/* == 2-1.SlideShow ------------------------------ */

/* == 2-1-1.phBox
----------------------------------- */
.phBox {
	width: 610px;
	background: url(/common/img/photos/bg_slideshow01.gif) no-repeat left bottom;
	margin: 0 0 30px;
	padding: 0 0 5px;
	clear: both;
	overflow: hidden;
}
.phBox .phBoxInner {
	padding: 10px 0 0;
	clear: both;
	overflow: hidden;
	border: 1px solid #f4f4f4;
}

/* == 2-1-2.frameBox
----------------------------------- */
.frameBox {
	position: relative;
	width: 608px;
	height: 312px;
}
.frameBox #viewPrevBtn {
	position: absolute;
	margin: 0;
	top: 99px;
	left: 22px;
}
.frameBox #viewNextBtn {
	position: absolute;
	margin: 0;
	top: 99px;
	left: 548px;
}
.frameBox #viewPrevBtn img,
.frameBox #viewNextBtn img {
	cursor: pointer;
}
.frameBox #frameBoxInner01 {
	position: relative;
	width: 450px;
	height: 300px;
	top: 0;
	left: 73px;
	padding: 6px;
	text-align: center;
	background: url(/common/img/bg_slideframe.gif) no-repeat left center;
}
.frameBox #frameBoxOverlay {
	display: none;
	position: absolute;
	width: 450px;
	height: 300px;
	background: url(/common/img/bg_overlay01.png) repeat left top;
	left: 6px;
	top: 6px;
}
.frameBox #slideShowBtn {
	position: absolute;
	top: 100px;
	left: 140px;
	cursor: pointer;
}

/* Search Photo Detail Ver */
.frameBox02 {
	width: 576px;
	padding: 17px 14px 17px 18px;
	text-align: center;
}

/* == 2-1-3.captionBox
----------------------------------- */
.captionBox {
	width: 576px;
	padding: 17px 14px 17px 18px;
	clear: both;
	overflow: hidden;
}
.captionBox dl,
.captionBox .txtBox {
	width: 410px;
	margin: 0;
	padding: 0 13px 0 0;
	float: left;
	background: url(/common/img/line_dod_typev01.gif) repeat-y right top;
}
.captionBox dt {
	font-weight: bold;
}
.captionBox dd {
	margin: 0;
}
.captionBox .buyPhBtn {
	float: right;
	margin: 0;
}

/* == 2-1-4.controlBar
----------------------------------- */
.controlBar {
	clear: both;
	background: url(/common/img/photos/bg_slidebar.gif) no-repeat left top;
	height: 66px;
}
.controlBar #slideBar01 {
	width: 532px;
	height: 64px;
	padding: 1px 0;
	float: left;
	overflow: hidden;
}
.controlBar #slideBarInner01 {
}
.controlBar #controlPrevBtn {
	float: left;
	margin: 0;
	padding: 7px 6px 0 12px;
	cursor: pointer;
}
.controlBar #controlNextBtn {
	float: right;
	margin: 0;
	padding: 7px 12px 0 6px;
	cursor: pointer;
}

/* == 2-1-5.slideBarInner
----------------------------------- */
#slideBarInner01 ul {
	float: left;
	margin: 0;
}
#slideBarInner01 ul li {
	float: left;
}
#slideBarInner01 ul li a {
	display: block;
	width: 60px;
	height: 40px;
	padding: 12px 8px 11px;
	text-align: center;
}
#slideBarInner01 ul li a {background: url(/common/img/bg_slidethumb.gif) no-repeat left center;}
#slideBarInner01 ul li a:link {background: url(/common/img/bg_slidethumb.gif) no-repeat left center;}
#slideBarInner01 ul li a:visited {background: url(/common/img/bg_slidethumb.gif) no-repeat left center;}
#slideBarInner01 ul li a:hover {background: url(/common/img/bg_slidethumb_on.gif) no-repeat left center;}
#slideBarInner01 ul li a:active {background: url(/common/img/bg_slidethumb_on.gif) no-repeat left center;}

#slideBarInner01 ul li.ac a {background: url(/common/img/bg_slidethumb_ac.gif) no-repeat left center;}
#slideBarInner01 ul li.ac a:link {background: url(/common/img/bg_slidethumb_ac.gif) no-repeat left center;}
#slideBarInner01 ul li.ac a:visited {background: url(/common/img/bg_slidethumb_ac.gif) no-repeat left center;}
#slideBarInner01 ul li.ac a:hover {background: url(/common/img/bg_slidethumb_ac.gif) no-repeat left center;}
#slideBarInner01 ul li.ac a:active {background: url(/common/img/bg_slidethumb_ac.gif) no-repeat left center;}

/* == 2-2.latestList ----------------------------- */
#latestList {
	width: 608px;
	margin: 0 0 40px;
}
#latestList ul {
	width: 624px;
	margin: 0 -16px 0 0;
	clear: both;
	overflow: hidden;
}
#latestList ul li {
	margin: 0;
	padding: 0 16px 16px 0;
	float: left;
	text-align: center;
}
#latestList ul li a {
	display: block;
	width: 138px;
	height: 138px;
	background: #f0f0f0;
	border: 1px solid #f3f3f3;
}
#latestList #addPhBtn {
	clear: both;
	text-align: right;
}
#latestList #addPhBtn img {
	cursor: pointer;
}

/* == 2-3.featureList ---------------------------- */
#featureList {
	margin: 0 0 30px;
}
#featureList ul {
	width: 640px;
	margin: 0 -30px 0 0;
	clear: both;
	overflow: hidden;
}
#featureList ul li {
	margin: 0 30px 10px 0;
	float: left;
	width: 98px;
	font-size: 0.9em;
	line-height: 1.4em;
}
#featureList ul li a {
	display: block;
	width: 96px;
	height: 96px;
	background: #f0f0f0;
	border: 1px solid #f3f3f3;
	margin-bottom: 5px;
	text-align: center;
}
#featureList ul span {
	padding: 0 1px;
}
#featureList ul span a {
	display: inline;
	background: none;
	border: none;
	margin-bottom: 0;
}

/* == 2-4.rltList -------------------------------- */
.rltList {
	clear: both;
	margin: 0 0 2em;
}
.rltList dt {
	margin: 0;
	padding: 0 0 10px;
	background: url(/common/img/line_deco_typeh02.gif) repeat-x left bottom;
}
.rltList dd {
	margin: 0;
}

/* == 2-5.newsList ------------------------------- */
.newsList {
	margin: 0 0 15px !important;
}
.newsList li {
	padding: 5px 0 2px 0;
	background: url(/common/img/line_dod_typeh01.gif) repeat-x left bottom;
}
.newsList .date {
	float: right;
	margin-left: 10px;
}
.newsList .title {
	padding: 0 0 5px 0;
}

.newsList .title a {color: #015ba0}
.newsList .title a:visited {color: #2f2f2f;}

.newsList .note .title {
	color: #2f2f2f;
}
.newsList .summary {
	clear: both;
	border-left: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	background: #f8f8f8;
	padding: 10px 10px 9px;
}
.newsList .summary p {
	margin: 0;
}
.newsList img.icon {
	padding-left: 5px;
	vertical-align: text-bottom;
}
.newsList.type02 {
	margin: 0 !important;
	padding: 6px 0;
}