@charset "utf-8";

/*--------------------------------------
 * Universal selector
 * ---------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}

/*--------------------------------------
 * Structure Module
 * ---------------------------------------*/
body {
	margin: 0px;
	padding: 0;
	line-height: 130%;
	font-size: 12px;
	text-align: center;
	color: #000;
	}
/*--------------------------------------
 * Text Module
 * ---------------------------------------*/
p,
pre,
address,
cite {
	}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

br {
	letter-spacing: 0;
	}

/*--------------------------------------
 * Image Module
 * ---------------------------------------*/
img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: bottom;
	}

/*--------------------------------------
 * Table Module
 * ---------------------------------------*/
table{
	margin: 0px;
	padding: 0px;
	border: 0px none;
	}
	

/*--------------------------------------
 * Hypertext Module
 * ---------------------------------------*/
a,
a:link,
a:visited {
	text-decoration: none;
	color: #000;
	}

a:active,
a:hover,
a:focus {
	color: #ddd;
	}

/*--------------------------------------
 * ライン
 * ---------------------------------------*/

hr {
	display:none;
	clear:both;
	}

/*--------------------------------------
 * コンテンツ
 * ---------------------------------------*/

#wrapper {
	background: url(../../images/photo/bg.gif) no-repeat -7px -7px;
	}

#photo {
	height: 217px;
	overflow: hidden;
	}

#tab {
	width: 300px;
	height: 300px;
	padding-top: 9px;
	}

#tab li {
	margin: 0px 8px 8px 0px;
	float: left;
	width: 52px;
	height: 38px;
	}

#tab li a {
	display: block;
	/* except macIe ¥*/
	overflow: hidden;
	/*   */
	width: 52px;
	height: 38px;
	text-decoration: none;
	text-indent: -9999px;
	background: #aaa;
	background: url(../images/thum.jpg) 0px 0px;
	}
	
#tab li#p1 a {
	background-position: 0px 0px;
	}
	
#tab li#p2 a {
	background-position: 0px -38px;
	}
	
#tab li#p3 a {
	background-position: 0px -76px;
	}
	
#tab li#p4 a {
	background-position: 0px -114px;
	}
	
#tab li#p5 a {
	background-position: 0px -152px;
	}
	
#tab li#p6 a {
	background-position: 0px -190px;
	}
	
#tab li#p7 a {
	background-position: 0px -228px;
	}
	
#tab li#p8 a {
	background-position: 0px -266px;
	}
	
#tab li#p9 a {
	background-position: 0px -304px;
	}
	
#tab li#p10 a {
	background-position: 0px -342px;
	}


#tab li#p1 a:active,
#tab li#p1 a:hover,
#tab li#p1 a:focus {
	background-position: -52px 0px;
	}

#tab li#p2 a:active,
#tab li#p2 a:hover,
#tab li#p2 a:focus {
	background-position: -52px -38px;
	}

#tab li#p3 a:active,
#tab li#p3 a:hover,
#tab li#p3 a:focus {
	background-position: -52px -76px;
	}

#tab li#p4 a:active,
#tab li#p4 a:hover,
#tab li#p4 a:focus {
	background-position: -52px -114px;
	}

#tab li#p5 a:active,
#tab li#p5 a:hover,
#tab li#p5 a:focus {
	background-position: -52px -152px;
	}

#tab li#p6 a:active,
#tab li#p6 a:hover,
#tab li#p6 a:focus {
	background-position: -52px -190px;
	}

#tab li#p7 a:active,
#tab li#p7 a:hover,
#tab li#p7 a:focus {
	background-position: -52px -228px;
	}

#tab li#p8 a:active,
#tab li#p8 a:hover,
#tab li#p8 a:focus {
	background-position: -52px -266px;
	}

#tab li#p9 a:active,
#tab li#p9 a:hover,
#tab li#p9 a:focus {
	background-position: -52px -304px;
	}

#tab li#p10 a:active,
#tab li#p10 a:hover,
#tab li#p10 a:focus {
	background-position: -52px -342px;
	}

/*--------------------------------------
フッター
---------------------------------------*/

#footer {
	clear: both;
	}
	
#footer ul {
	}

/*コピーライト*/
ul li#copyright {
	color: #000;
	font-weight: normal;
	font-size: 9px;
	text-align: center;
	}
	
ul li#copyright a,
ul li#copyright a:link,
ul li#copyright a:visited {
	color: #000;
	font-weight: normal;
	font-size: 9px;
	text-decoration: underline;
	}

ul li#copyright a:active,
ul li#copyright a:hover,
ul li#copyright a:focus {
	color: #aaa;
	}