@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;
	background: #fff;
	}
/*--------------------------------------
 * 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 {
	margin: 0 auto;
	padding-top: 70px;
	position: relative;
	width: 405px;
	text-align: left;
	}

#photo {
	width: 405px;
	height: 405px;
	}

#tab {
	padding: 1px 0px 50px 0px;
	height: 68px;
	}

#photo {
	}

.frame {
	position: absolute;
	top: 72px;
	left: 2px;
	}

.title {
	position: absolute;
	top: 0px;
	left: -10px;
	width: 414px;
	height: 108px;
	}

#tab li {
	float: left;
	}

#tab li a {
	display: block;
	/* except macIe ¥*/
	overflow: hidden;
	/*   */
	width: 67px;
	height: 67px;
	text-decoration: none;
	text-indent: -9999px;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	}

#tab li#p1 a {
	background: url(../images/photo/thum.jpg) no-repeat 0px 0px;
	}

#tab li#p2 a {
	background: url(../images/photo/thum.jpg) no-repeat -67px 0px;
	}

#tab li#p3 a {
	background: url(../images/photo/thum.jpg) no-repeat -134px 0px;
	}

#tab li#p4 a {
	background: url(../images/photo/thum.jpg) no-repeat -201px 0px;
	}

#tab li#p5 a {
	width: 66px;
	background: url(../images/photo/thum.jpg) no-repeat -268px 0px;
	}

#tab li#p6 a {
	width: 66px;
	background: url(../images/photo/thum.jpg) no-repeat -334px 0px;
	border-right: none;
	}


#tab li a:active,
#tab li a:hover,
#tab li a:focus {
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	background-position: 0px -67px;
	}

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

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

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

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

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

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

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

#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;
	}