@charset "shift-JIS";

/*ページ内リンクボタン
----------------------------------------------------------------*/
#jump {
	margin:10px auto;
	padding:0;
	width:640px;
	text-align:left;
	font-size: 80%;
	}

p.linkhead {
	float: left;
	margin: 0px;
	padding-top: 0.4em;
	width:4.5em;
	text-align:left;
	}

#jump ul {
	margin:auto;
	padding:0;
	text-align:center;
	}

#jump li {
	list-style:none;
	float:left;
	margin:0 3px 10px;
	padding:0;
	width:1.5em;
	font-weight:bold;
	text-align:center;
	line-height:1.5em;
	border:1px solid #333;
	}

#jump li a {
	display:block;
	background:#dcdcdc;
	text-align:center;
	color:#333;
	}

#jump li a:hover {
	background:#333;
	color:#fff;
	}

#photo ul {
	clear:both;
	width:520px;
	margin:20px auto 50px;
	padding:0;
	}

#photo li {
	list-style:none;
	float:left;
	margin:0 20px 20px;
	padding:0;
	width:128px;
	border:1px solid #000;
	}

#photo li a {
	display:block;
	}


/*画像
----------------------------------------------------------------*/

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/cssplay-clickbox.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#photo {
	margin:0 auto;
	width:640px;
	}

#photo a, #photo a img {
	text-decoration:none;
	border:0;
	}

#photo a, #photo b,#photo div.outbox {
	display:block;
	}

/*#photo a*/#photo div.outbox {
	float:left;
	margin:0 8px 15px 0;
	display:inline;
	border:0;
	width:72px;
	}

#photo div.title, #photo div.stitle, #photo div.sstitle {
	margin-top:1px;
	background-color:#000;
	color:#fff;
	text-align:center;
	}

#photo div.title {
	padding:4px 0;
	font-size:10px;
	}

#photo div.stitle {
	padding:4px 0 5px;
	font-size:9px;
	}

#photo div.sstitle {
	padding:4px 0 5px;
	font-size:9px;
	letter-spacing:-1.5px;
	}

#photo a .inbox img {
	position:absolute;
	top:-9999px;
	}

#photo a .inbox {
	position:absolute;
	left:-9999px;
	top:0;
	z-index:500;
	}

#photo a .alpha {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	}

#photo a .sq {
	position:absolute;
	left:0;
	width:100%;
	text-align:center;
	height:300px;
	top:25%;
	margin-top:-150px;
	}


/* trigger for IE6 */
#photo a:active {
	direction:ltr;
	}

#photo a:active .inbox {
	left:0;
	width:100%;
	height:100%;
	}

#photo a .inbox:hover,
#photo a:focus .inbox {
	position:fixed;
	left:0;
	width:100%;
	height:100%;
	}

#photo a .inbox:hover .alpha,
#photo a:active .inbox .alpha,
#photo a:focus .inbox .alpha {
	background:#000;
	width:100%;
	height:100%;
	filter: alpha(opacity=75);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
	opacity:0.75;
	}

#photo a .inbox:hover .sq img,
#photo a:active .inbox .sq img,
#photo a:focus .inbox .sq img {
	position:relative;
	top:0;
	display:block;
	margin:0 auto;
	border:2px solid #000;
	padding:30px;
	background:#fff;
	}

/*
#photo a .inbox:hover .sq img.x,
#photo a:active .inbox .sq img.x,
#photo a:focus .inbox .sq img.x {
	width:400px;
	}

#photo a .inbox:hover .sq img.y,
#photo a:active .inbox .sq img.y,
#photo a:focus .inbox .sq img.y {
	height:400px;
	}
*/


/*画像説明
----------------------------------------------------------------*/
.name, .det {
	width:400px;
	margin:10px auto;
	text-decoration:none;
	color:#fff;
	text-align:left;
	}

.name {
	margin-bottom:1em;
	font-size:14px;
	padding-bottom:3px;
	border-bottom:1px dotted #ccc;
	}

.det, .det b {
	font-size:12px;
	font-weight:normal;
	line-height:1.4;
	}

.jp {
	padding-left:50px;
	background:transparent url(../photo/images/icon_jp.gif) top left no-repeat;
	}

.family {
	padding-left:50px;
	background:transparent url(../photo/images/icon_family.gif) top left no-repeat;
	}

.sc {
	padding-left:50px;
	background:transparent url(../photo/images/icon_sc.gif) top left no-repeat;
	}

.en {
	padding-left:50px;
	background:transparent url(../photo/images/icon_en.gif) top left no-repeat;
	}

.alias {
	padding-left:50px;
	background:transparent url(../photo/images/icon_alias.gif) top left no-repeat;
	}

.flower {
	padding-left:50px;
	background:transparent url(../photo/images/icon_flower.gif) top left no-repeat;
	}

.fruits {
	padding-left:50px;
	background:transparent url(../photo/images/icon_fruits.gif) top left no-repeat;
	}

.floral {
	padding-left:50px;
	background:transparent url(../photo/images/icon_floral.gif) top left no-repeat;
	}

.com {
	padding-top:1em;
	}

.det .th {
	}

.det .td {
	float:right;
	width:350px;
	padding-left:5px;
	text-align:left
	clear:right;
	border-left-width: 3px;			/* セルの枠線は太さ1ピクセル */
	border-left-style: double;		/* セルの枠線は実線 */
	border-left-color: #696969;
	}




/* テーブル設定
-------------------------------------------------------*/
.det table {
	border-spacing: 1px;		/* セルの間隔1px */
	width:100%;
	}

/* セルのデザインのうちヘッダと中身の共通部分
-------------------------------------------------------*/
.det table th, .det table td {
	padding: 2px 5px;				/* セル内側の余白 */
	background-color:transparent;
	border:none;
	vertical-align:top;
	}

.det table th {
	border-right-width: 3px;			/* セルの枠線は太さ1ピクセル */
	border-right-style: double;		/* セルの枠線は実線 */
	border-right-color: #696969;
	font-weight:normal;
	width:36px;
	}

.det table td {
	line-height:1.2;
	}


/*閉じるボタン
----------------------------------------------------------------*/

#photo a i {
	display:block;
	width:16px;
	height:16px;
	position:fixed;
	right:-100px;
	top:0;
	z-index:500;
	}

#photo a .inbox:hover i,
#photo a:active i,
#photo a:focus i {
	right:10px;
	top:10px;
	background:url(../photo/images/close.gif);
	}

#close {
	display:block;
	position:fixed;
	width:16px;
	height:16px;
	right:10px;
	top:10px;
	z-index:1000;
	cursor:pointer;
	}