/* ■ページ構造 */

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body {
	text-align: center;
	font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	background-image: url(topimages/back.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
body div {
	text-align: left;
	margin: 0 auto;

}
body p {
	font-size: 10px;
}
#wrapper {
	width: 800px;
	background-image: url(topimages/wrapper.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

#container {
	width: 780px;
	background-color: white;
}
#containerbox {
	width: 760px;
}

/* ■上部ナビ部分 */
#topnavi {
	width: 760px;
	height: 10px;
}

#topnavi_left {
	float: left;
	width: 550px;
	height: 10px;
}

#topnavi_right {
	float: right;
	width: 210px;
	height: 10px;
	text-align: right;
}

/* ■メインFLASH部分 */

#main {
	width: 760px;
	height: 300px;
}

#mainflash {
	width: 760px;
	height: 300px;
}

/* ■メニュー */

#topmenu {
	width: 760px;
	height: 100px;
}
#topmenu ul {
list-style-type:none;
}
#topmenu li {
	display: inline;
	float: left;
}
#topmenu li a {
	width: 190px;
	height: 100px;
	display: block;
	background-repeat: no-repeat;
}

.menulink a {
	width: 190px;
	height: 100px;
	display: block;
	position: relative;
	float: left;
	background-repeat: no-repeat;
}
.menulink span {
	display: block;
	font-size: 1px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	color: #ffffff;
}
#topmenu .menulink a:hover {
	display: block;
	background-position: 0px -100px;
}

.menunow a {
	width: 190px;
	height: 100px;
	display: block;
	position: relative;
	float: left;
	background-position: 0px ;
	background-repeat: no-repeat;
}
.menunow span {
	display: block;
	font-size: 1px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	color: #ffffff;
}
#topmenu .menunow a:hover {
	display: block;
	background-position: 0px -100px;
}

#menu1 a {
	background-image: url(topimages/menu_01.gif);
}
#menu2 a {
	background-image: url(topimages/menu_02.gif);
}
#menu3 a {
	background-image: url(topimages/menu_03.gif);
}
#menu4 a {
	background-image: url(topimages/menu_04.gif);
}
#menu5 a {
	background-image: url(topimages/menu_05.gif);
}
#menu6 a {
	background-image: url(topimages/menu_06.gif);
}
#menu7 a {
	background-image: url(topimages/menu_07.gif);
}
#menu8 a {
	background-image: url(topimages/menu_08.gif);
}




/*sub*/
#sub {
	width: 760px;
	height: 460px;
}

/*photobooks*/
#photobooks {
	width: 760px;
	height: 100px;
}

#photobooks a {
	width: 760px;
	height: 100px;
	display: block;
	background-repeat: no-repeat;
}
.photobookslink a {
	width: 760px;
	height: 100px;
	display: block;
	position: relative;
	float: left;
	background-repeat: no-repeat;
}
.photobookslink span {
	display: block;
	font-size: 1px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	color: #ffffff;
}
.photobookslink a:hover {
	display: block;
	background-position: 0px -100px;
}

.photobooksnow a {
	width: 760px;
	height: 100px;
	display: block;
	position: relative;
	float: left;
	background-position: 0px ;
	background-repeat: no-repeat;
}
.photobooksnow span {
	display: block;
	font-size: 1px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	color: #ffffff;
}
#photobooks .photobooksnow a:hover {
	display: block;
	background-position: 0px -100px;
}

#photobooks a {
	background-image: url(books/digitalphotobook_banner.gif);
}




/*books*/
#books {
	width: 490px;
	height: 340px;
	float: left;
}

#books01 {
	width: 490px;
	height: 340px;
}

#books02 {
	width: 490px;
	height: 340px;
}

#books03 {
	width: 490px;
	height: 340px;
}
#books04 {
	width: 490px;
	height: 340px;
}

/* ■バナー */

#banner {
	width: 260px;
	height: 340px;
	float: right;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	border-left: 1px solid #CCCCCC;
}


#banner_01 {
	width: 234px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#banner_02 {
	width: 234px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#banner_00 {
	width: 131px;
	height: 66px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#banner_special {
	width: 250px;
	height: 350px;
	background-color: gray;
	float: right;
}


/* ■フッター */
#footer {
	width: 780px;
	height: 20px;
	clear: both;
	background-color: #eeeeee;
	background-repeat: no-repeat;
}

#footer p {
	font-size: 11px;
	width: 760px;
	height: 20px;
	line-height: 20px;
	text-align: right;	
	overflow: hidden;
}

/* ■文字要素 */

h1 {
	font-size: 15px;
}

h2 {
	font-size: 12px;
	height: 50px;
	line-height: 26px;
}

/* ■ダミー */

.dummy1 {
	height: 1px;
	clear: both;
}
.dummy5 {
	height: 5px;
	clear: both;
}
.dummy5 p {
	font-size: 1%;
	height: 1px;
	visibility: hidden;
}
.dummy10 {
	height: 10px;
	clear: both;
}
.dummy10 p {
	font-size: 1%;
	height: 1px;
	visibility: hidden;
}
.dummy15 {
	height: 15px;
	clear: both;
}
.dummy15 p {
	font-size: 1%;
	height: 1px;
	visibility: hidden;
}
.dummy_border_c {
	height: 1px;
	clear: both;
	background-color: #ccc;
}
.dummy_border_c p {
	font-size: 1%;
	height: 1px;
	visibility: hidden;
}