@charset "UTF-8";

/* -----------------------------------------------------------
 JEAN LA PORT (since 2007/10/02)

 File name:      php-bin/gallery/css/contents.css
 Author:         N.Ohwada
 Style Info:     各コンテンツスタイル
----------------------------------------------------------- */

/* index
----------------------------------------------------------- */

div#contents div#mainContents div.sectionBox div.sectionTtl {
	margin-bottom: 25px;
	padding: 7px 0 7px 14px;
	border-bottom: solid 1px #6c2054;
}

div#contents div#mainContents div.sectionBox div.galleryHandBox {
	display: block;
	width: 533px;
	padding: 0 0 22px 25px;
}

div#contents div#mainContents div.sectionBox div.galleryFootBox {
	display: block;
	width: 533px;
	padding: 0 0 10px 25px;
}

div#contents div#mainContents div.sectionBox div.galleryFootBox div,
div#contents div#mainContents div.sectionBox div.galleryHandBox div {
	float: left;
	width: 122px;
	margin: 0 5px 15px 0;
	border: solid 1px #6c2054;
}

div#contents div#mainContents div.sectionBox div.galleryFootBox div img,
div#contents div#mainContents div.sectionBox div.galleryHandBox div img {
	padding: 2px;
}

div#contents div#mainContents div.sectionBox div.galleryFootBox div a,
div#contents div#mainContents div.sectionBox div.galleryHandBox div a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}

div#contents div#mainContents div.sectionBox div.galleryFootBox div a:active,
div#contents div#mainContents div.sectionBox div.galleryHandBox div a:active {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}

div#contents div#mainContents div.sectionBox div.galleryFootBox div a:visited,
div#contents div#mainContents div.sectionBox div.galleryHandBox div a:visited {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}

div#contents div#mainContents div.sectionBox div.galleryFootBox div a:hover,
div#contents div#mainContents div.sectionBox div.galleryHandBox div a:hover {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #ffccff;
}

/* pop
----------------------------------------------------------- */

body#popBody {
	background-color: #660066;
}

body#popBody div#popContainer {
	width: 720px;
	padding: 0 0 20px 0;
	background-color: #660066;
}

body#popBody div#popContainer div#popHeader {
	width: 700px;
	margin: 0 0 20px 0;
	padding: 8px 0 0 20px;
	background: url(../images/popBg.jpg) no-repeat right bottom;
}

body#popBody div#popContainer div#popContents {
	display: block;
	width: 680px;
	margin: 0 auto;
}

body#popBody div#popContainer div#popContents div#popPhoto {
	float: left;
	width: 406px;
}

body#popBody div#popContainer div#popContents div#popPhoto img {
	padding: 2px;
	border: solid 2px #ffffff;
}

body#popBody div#popContainer div#popContents div#popDetail {
	float: right;
	width: 257px;
}

body#popBody div#popContainer div#popContents div#popDetail div#popComFrame {
	height: 177px;
}

body#popBody div#popContainer div#popContents div#popDetail div#popComFrame div#txtBox {
	font-size: 12px;
	line-height: 20px;
}

body#popBody div#popContainer div#popContents div#popDetail div#popBtnBox {
	display: block;
	width: 257px;
	height: 31px;
}

body#popBody div#popContainer div#popContents div#popDetail div#popBtnBox div#popBack {
	display: inline;
	float: left;
	margin-right: 30px;
	line-height: 12px;
	width: 46px;
	text-align: right;
}

body#popBody div#popContainer div#popContents div#popDetail div#popBtnBox div#popNext {
	display: inline;
	float: left;
	width: 46px;
	line-height: 12px;
}

body#popBody div#popContainer div#popContents div#popDetail div#popBtnBox div#popClose {
	float: left;
	width: 47px;
	padding: 0 0 0 22px;
	line-height: 0;
	font-size: 0;
}


body#popBody div#popContainer div#popContents div#popDetail div#popBtnBox div#popBack a {
	display: block;
	width: 100%;
	height: 100%;
}

body#popBody div#popContainer div#popContents div#popDetail div#popBtnBox div#popBack a:link {
	color: #ffffff;
	text-decoration: none;
	background: url(../images/popBack.jpg) no-repeat left top;
}

body#popBody div#popContainer div#popContents div#popDetail div#popBtnBox div#popBack a:visited {
	color: #ffffff;
	text-decoration: none;
	background: url(../images/popBack.jpg) no-repeat left top;
}

body#popBody div#popContainer div#popContents div#popDetail div#popBtnBox div#popBack a:hover {
	color: #ffffff;
	text-decoration: none;
	background: url(../images/popBack_o.jpg) no-repeat left top;
}

body#popBody div#popContainer div#popContents div#popDetail div#popBtnBox div#popBack a:active{
	color: #ffffff;
	text-decoration: none;
	background: url(../images/popBack.jpg) no-repeat left top;
}

body#popBody div#popContainer div#popContents div#popDetail div#popBtnBox div#popNext a {
	display: block;
	width: 100%;
	height: 100%;
}

body#popBody div#popContainer div#popContents div#popDetail div#popBtnBox div#popNext a:link {
	color: #ffffff;
	text-decoration: none;
	background: url(../images/popNext.jpg) no-repeat right top;
}

body#popBody div#popContainer div#popContents div#popDetail div#popBtnBox div#popNext a:visited {
	color: #ffffff;
	text-decoration: none;
	background: url(../images/popNext.jpg) no-repeat right top;
}

body#popBody div#popContainer div#popContents div#popDetail div#popBtnBox div#popNext a:hover {
	color: #ffffff;
	text-decoration: none;
	background: url(../images/popNext_o.jpg) no-repeat right top;
}

body#popBody div#popContainer div#popContents div#popDetail div#popBtnBox div#popNext a:active{
	color: #ffffff;
	text-decoration: none;
	background: url(../images/popNext.jpg) no-repeat right top;
}

body#popBody div#popContainer div#popContents div#popDetail div#popShopTel {
	height: 34px;
}

body#popBody div#popContainer div#popContents div#popDetail div#popShopTel div#txtBox2 {
	line-height: 17px;
	font-size: 12px;
}

body#popBody div#popContainer div#popContents div#popDetail div#popCopy {
	height: 10px;
	line-height: 10px;
	font-size: 10px;
}