@charset "utf-8";
/* ---------------------------------------------------------------------------------
アーティスサロン、A.M.C.
Copyright(C) BRIDGE  All Rights Reserved

XHTML CSS Selectors gallery

$Revision: 1.0 $
--------------------------------------------------------------------------------- */

/*
div#headerWrapper div#headerArea div#headerNaviBlock ul li#navi01 a {
	background-position: bottom;
}
div#headerWrapper div#headerArea div#headerNaviBlock ul li#navi02 a {
	background-position: bottom;
}
div#headerWrapper div#headerArea div#headerNaviBlock ul li#navi03 a {
	background-position: bottom;
}
div#headerWrapper div#headerArea div#headerNaviBlock ul li#navi04 a {
	background-position: bottom;
}
div#headerWrapper div#headerArea div#headerNaviBlock ul li#navi05 a {
	background-position: bottom;
}
div#headerWrapper div#headerArea div#headerNaviBlock ul li#navi06 a {
	background-position: bottom;
}
div#headerWrapper div#headerArea div#headerNaviBlock ul li#navi07 a {
	background-position: bottom;
}
div#headerWrapper div#headerArea div#headerNaviBlock ul li#navi08 a {
	background-position: bottom;
}
*/
div#contentsWrapper {
	width: 962px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 61px;
}

p.pagenation {
	padding-left: 18px;
	font-weight: bold;
}
p.pagenation a {
	font-weight: normal;
	color: #333333;
}

/*---------------------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------------------- */
div#contentsWrapper div#photoGalleryArea {
}
div#contentsWrapper div#photoGalleryArea h2 {
	height: 73px;
	width: 900px;
	text-indent: -9999px;
	background-image: url(../img/gallery/title_photo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div#contentsWrapper div#photoGalleryArea div#photoWrapper {
	padding-left: 10px;
}
div#contentsWrapper div#photoGalleryArea div.photoBlock {
	float: left;
	width: 180px;
	padding-bottom: 40px;
	padding-left: 30px;
}
div#contentsWrapper div#photoGalleryArea div.photoBlock p {
	text-align: center;
	padding-bottom: 3px;
}
div#contentsWrapper div#photoGalleryArea div.photoBlock p a {
	display: block;
	border: 2px solid #FFF;
	width: 180px;
	margin-right: auto;
	margin-left: auto;
}
div#contentsWrapper div#photoGalleryArea div.photoBlock p a:hover {
	border: 2px solid #F84A4B;
}



/*---------------------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------------------- */
div#contentsWrapper div#magazineGalleryArea {
}
div#contentsWrapper div#magazineGalleryArea h2 {
	height: 73px;
	width: 900px;
	text-indent: -9999px;
	background-image: url(../img/gallery/title_magazine.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#contentsWrapper div#magazineGalleryArea h2#proTitle {
	background-image: url(../img/gallery/title_magazine_pro.jpg);
}

div#contentsWrapper div#magazineGalleryArea div.photoBlock {
	float: left;
	width: 130px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 5px;
}
div#contentsWrapper div#magazineGalleryArea div.photoProBlock {
	float: left;
	width: 130px;
	padding-right: 10px;
	padding-bottom: 40px;
	padding-left: 5px;
}
div#contentsWrapper div#magazineGalleryArea div.photoBlock p {
	text-align: center;
	padding-bottom: 3px;
}
div#contentsWrapper div#magazineGalleryArea div.photoBlock p a {
	display: block;
	border: 2px solid #FFF;
	width: 120px;
	margin-right: auto;
	margin-left: auto;
}
div#contentsWrapper div#magazineGalleryArea div.photoBlock p a:hover {
	border: 2px solid #F84A4B;
}


div#contentsWrapper div#magazineGalleryArea div#indexGeneralBox {
	float: left;
	width: 450px;
}
div#contentsWrapper div#magazineGalleryArea div#indexProfessionalBox {
	float: left;
	width: 450px;
}
div#contentsWrapper div#magazineGalleryArea div#indexGeneralBox h3,
div#contentsWrapper div#magazineGalleryArea div#indexProfessionalBox h3,
div#contentsWrapper div#magazineGalleryArea div#indexGeneralBox p,
div#contentsWrapper div#magazineGalleryArea div#indexProfessionalBox p {
	text-align: center;
}

div#contentsWrapper div#magazineGalleryArea div#indexGeneralBox p a,
div#contentsWrapper div#magazineGalleryArea div#indexProfessionalBox p a {
	display: block;
	border: 2px solid #FFF;
	width: 260px;
	margin-right: auto;
	margin-left: auto;
}
div#contentsWrapper div#magazineGalleryArea div#indexGeneralBox p a:hover,
div#contentsWrapper div#magazineGalleryArea div#indexProfessionalBox p a:hover {
	border: 2px solid #F84A4B;

}