@charset "Shift_JIS";

/*
--------------------------------------------------------------
ドコモショップ横手店　トップページスタイルシート
制作者：FumieMiyahara
更新日：2009年6月29日

--------------------------------------------------------------

目次：

1.　基本構造
2.　イメージボックス
3.　サイドメニュー
4.　フッタ

----------------------------------------------------------　*/



/*　1.　基本構造
----------------------------------------------------------　*/

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #cbb389;
	font-size: 12px;
}

#contents {
	position: absolute;
	width: 800px;
	height: 432px;
	top: 50%;
	left: 50%;
	margin-left: -400px;
	margin-top: -200px;
	background-color: #ffffff;
}

img {
	border-width: 0;
}



/*　2.　イメージボックス
----------------------------------------------------------　*/

#photo {
	float: right;
	width: 480px;
	height: 400px;
}

#photo img {
	position: absolute;
	vertical-align: bottom;
}

img#photo1 {
	top: 0;
	left: 320px;
}

img#photo2 {
	top: 80px;
	left: 640px;
}

img#photo3 {
	top: 240px;
	left: 400px;
}

img#photo4 {
	top: 0;
	left: 480px;
}

img#photo5 {
	top: 80px;
	left: 560px;
}

img#photo6 {
	top: 160px;
	left: 320px;
}

img#photo7 {
	top: 160px;
	left: 480px;
}

img#photo8 {
	top: 240px;
	left: 560px;
}

img#photo9 {
	top: 240px;
	left: 720px;
}

img#photo10 {
	top: 320px;
	left: 640px;
}



/*　3.　サイドメニュー
----------------------------------------------------------　*/

#side-menu {
	float: left;
	width:320px;
}

#side-menu img {
	vertical-align: bottom;
}

#side-menu h1 {
	margin: 0 0 30px 30px ;
	position: absolute;
	left: 0;
	bottom: 32px;
}

#side-menu ul {
	margin: 30px 0 0 30px;
}

#side-menu ul li {
	list-style: none;
	margin-bottom: 15px;
}

#side-menu p img {
	margin-left: 30px;
}



/*　4.　フッタ
----------------------------------------------------------　*/

#footer {
	clear: both;
	padding: 10px 0;
	width: 800px;
	background-color: #cbb389;
}

#footer p {
	text-align: center;
	color: #ffffff;
}