@charset "UTF-8";

/***************************************************
 each.css for each pages, all browser(excet IE4,NN4)
 written by Takeshi Yamada
  01.INDEX
  02.COMMON STYLE
  03.SEARCH
	04.FEATIRE
	05.GALLERY
	06.SPOT
	07.COMPANY
***************************************************/


/* 01 INDEX
---------------------------------------------------- */
body#index div#header {
	background:url(../images/index_headbg.jpg) no-repeat;
	height: 295px;
	margin-bottom: 2px;
	}
body#index h1 {
	margin: 0 0 0 19px;
	background: transparent url(../images/logo_index.gif) no-repeat;
	width: 251px;
	height: 84px;
	text-indent: -9999px;
	}
body#index div#main {
	width: 695px;
	padding: 0;
	}

body#index h2 {	background: #fff url(../images/ico_h2.gif) no-repeat 0 50%; }
body#index h3 { line-height: 1.2;}
body#index p { line-height: 1.3; }
#osirase {
	border: 1px solid #c1c1c1;
	background: #efefef;
	margin: 0 0 10px 0;
	}
#osirase h4 { margin: 1px; background: #D9D9D9; padding: 2px 4px; }
#osirase dt { float: right; margin: 4px; }
#osirase dd { padding: 5px 0 5px 10px;}
.dottline {
	display: block;
	border-bottom: 1px dotted #c1c1c1;
	height: 1px;
	margin: 0 0 3px 0;
	}
#banner { margin: 0 0 10px 0; }
#banner img { border:  1px solid #686868; }
#banner a:hover img { border:  1px solid #ccc; }
#info { margin: 0 0 20px 0; }
#info dt { float: left; width: 7em; padding: 1px 0; }
#info dd { margin-left: 7em; padding: 2px 0; }

#mainL dl {
	background: #EFEFEF;
	}
#mainL dt { height: 25px;}
#mainL dd { padding: 7px 0 0 0; border-bottom: 1px dotted #ccc;}
#mainL dd#bottom { border: none; padding-bottom: 15px; }
#mainL dd img { display: block; float: left; border: 1px solid #fff; margin: 0 5px 10px 5px; }
#mainL dd p { margin-right: 5px ;} 

p.itiran a:link, p.itiran a:visited {
	background: transparent url(../images/arrow_whitedouble.gif) no-repeat 0 50%;
	padding: 2px 0 2px 15px;
	color: #fff;
}
p.itiran {
	text-align: right;
	margin: -22px 5px 5px 0;
}

#mailmagazine {
	background: url(../images/index_magazine.gif) no-repeat 0 0;
	height: 70px;
	margin: 2px 0 5px 0;
	padding: 0 0 0 70px;
	}
#mailmagazine span { display: block; padding: 10px 0 0 0; }
#mailmagazine span input {
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #CDCDCD;
	border-bottom: 1px solid #CDCDCD;
	width: 120px;
	font-size: 0.8em;
	}
#mailmagazine span img { vertical-align: middle; margin: 0 0 0 5px; }


/* 02 commonStyle
---------------------------------------------------- */
body#gallery h2,
body#feature h2,
body#search h2 { background: #fff url(../images/ico_h2_arrow.gif) no-repeat 0 50%; margin-bottom: 10px; }
body#spot h2 { background: #fff url(../images/ico_h2.gif) no-repeat 0 50%; margin-bottom: 10px;  }
body#gallery h3,
body#feature h3,
body#search h3,
body#spot h3 { border-left: 3px solid #C40000; padding: 2px 0 2px 6px; margin: 0 0 10px 0; }
body#gallery h3 span,
body#feature h3 span,
body#search h3 span, 
body#spot h3 span { font-size: 0.9em; font-weight: normal; display: block; }
body#gallery h3 a:link,body#gallery h3 a:visited,
body#feature h3 a:link,body#feature h3 a:visited,
body#search h3 a:link,body#search h3 a:visited,
body#spot h3 a:link,body#spot h3 a:visited { color: #A20000; font-weight: normal; }




/* 03 SEARCH
---------------------------------------------------- */
.searchIndex dl {	margin: 0 0 20px 0; }
.searchIndex dt {
	background: url(../images/searchTop_barbg.gif) repeat-x;
	height: 113px;
	}
.searchIndex dt strong  { float: left; display: block; width: 170px; height: 112px; padding: 0px 0 0 170px; }
.searchIndex dt strong img {margin: 56px 0 0 0; }
.searchIndex dt#byArtist strong { background: url(../images/searchTop_artistimg.jpg) no-repeat 22px 0; }
.searchIndex dt#bySize strong { background: url(../images/searchTop_sizeimg.jpg) no-repeat 22px 0; }
.searchIndex dt#byPrice strong { background: url(../images/searchTop_priceimg.jpg) no-repeat 22px 0; }
.searchIndex dt#byJunle strong { background: url(../images/searchTop_junleimg.jpg) no-repeat 22px 0; }

.searchIndex dt p { border-left: 3px solid #C50304; padding: 0 0 0 10px; margin: 0px 0 0 334px; }
.searchIndex dt div { padding: 52px 0 0 0; }
.searchIndex dd {
	border-top: 1px solid #999900;
	border-bottom: 1px solid #999900;
	background: #fff url(../images/titlebar_bg.gif) repeat-x bottom;
	padding: 2px 0 2px 170px;
	font-size: 1.2em;
	}
.searchIndex dd span { background: url(../images/arrow_cirlce.gif) no-repeat 0 50%; display: block; padding: 3px 0 3px 20px; clear: both; }

.giftIdea  { margin: 0 0 20px; }
.giftIdea dl { background: #e6e6e6; width: 210px; float: left; margin: 0 1px 0 0; height: 14em; text-align: center; }
.giftIdea dt { padding: 5px 0; }
.giftIdea dd { width: 192px; margin: 0 auto; font-size: 0.8em; text-align: left; line-height: 1.4; }
.giftIdea dt img { border-bottom: 4px solid #ccc; }
.giftIdea  dt a:hover img { border-bottom: 5px solid #818181; }

div#searchBy,
div#searchBy_short {
	position: absolute;
	top: 109px;
	left: 0px;
	background: url(../images/searchBox_bg.gif) no-repeat 0 0;
	width: 703px;
	height: 31px;
	margin: 0 0 5px 170px;
}
div#searchBy_short { background: url(../images/searchBox_bg_short.gif) no-repeat 0 0;left: 40px;}
div#searchBy p,
div#searchBy_short p { padding: 2px 0 0 20px; font-weight: bold; }
div#searchBy p strong,
div#searchBy_short strong { background: url(../images/arrow_red.gif) no-repeat right center; padding-right: 15px; color: #666; }
div#searchBy p a,
div#searchBy_short p a { margin: 0 5px; font-weight: normal;}

.roundBoxfull {
	width: 861px;
	background: transparent url(../images/search_initialbg_bottom.gif) no-repeat bottom;
	margin: 0 0 20px 0;
	}
.roundBoxfull-inner {
	padding: 20px;
	background: transparent url(../images/search_initialbg_top.gif) no-repeat top;
	}
.roundBoxfull-inner dt { float: left; }
.roundBoxfull-inner dd { margin: 0 0 0 170px; }
.roundBoxfull-inner dd ul { float: left; margin: 0 50px 0 0; }
.roundBoxfull-inner dd ul li a {
	background: url(../images/ico_redsquare.gif) no-repeat 0 50%;
	padding: 3px 0 3px 8px;
	}

body#gallery div#searchBy,
body#gallery div#searchBy_short {
	position: absolute;
	top: 109px;
	left: 0px;
	background: url(../images/searchBox_bg.gif) no-repeat 0 0;
	width: 703px;
	height: 31px;
	margin: 0 0 5px 170px;
}
body#gallery div#searchBy_short { background: url(../images/searchBox_bg_short.gif) no-repeat 0 0;left: 40px;}
body#gallery div#searchBy p,
body#gallery div#searchBy_short p { padding: 2px 0 0 20px; font-weight: bold; }
body#gallery div#searchBy p strong,
body#gallery div#searchBy_short strong { background: url(../images/arrow_red.gif) no-repeat right center; padding-right: 15px; color: #666; }
body#gallery div#searchBy p a,
body#gallery div#searchBy_short p a { margin: 0 5px; font-weight: normal;}

#searchForm {
	background: url(../images/searchForm_bg.gif) no-repeat 0px 0;
	height: 35px;
	padding: 6px 0 0 130px;
	vertical-align: middle;
	}
#searchForm strong { background: url(../images/arrow_red.gif) no-repeat right center; padding: 2px 12px 2px 0; color: #666; }
#searchForm select { width: 100px; margin: 0 5px 0 0; }

#workDetail { margin: 0 0 20px 0;}
#workDetailLeft { float:left; width: 350px; }
#workDetailLeft img { display: block; margin: 0 auto; }
#workDetailRight { margin-left: 360px; }
#workDetailRight h3 { }
#workDetailRight p { line-height: 1.6; }
#workDetailRight dl { width: 295px; background: url(../images/data_bottom.gif) no-repeat bottom; margin-bottom: 20px; }
#workDetailRight dt { background: url(../images/data_head.gif) no-repeat 0 0; padding: 10px 8px; }
#workDetailRight dd { background: transparent; padding: 6px 8px; }
#workDetailRight dt img,
#workDetailRight dd img { margin-right: 5px; }

#priceData { background: url(../images/priceData_bottom.gif) no-repeat bottom; width: 295px; }
#priceData-inner { background: url(../images/priceData_top.gif) no-repeat top; padding: 10px; }
#priceData-inner table { width: 270px; margin-bottom: 10px; }
#priceData-inner table th { text-align:left; padding: 4px 7px; }
#priceData-inner table td { padding: 4px 7px; }
#priceData-inner table th img,
#priceData-inner table td img { margin-right: 10px; }
#priceData-inner p { color: }


/* 04 FEATURE
---------------------------------------------------- */
body#feature h4 { font-size: 1em; border-left: 3px solid #C40000; padding: 0px 0 0px 6px; margin: 0 0 10px 0; }
body#feature h4 span { font-size: 0.9em; font-weight: normal; display: block; }

ul#featureBack { background: #fff url(../images/featureback_bg.gif)  repeat-x 0 0; }
ul#featureBack li {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	padding: 0 5px;
	}
ul#featureBack li a {
	padding: 4px 0 4px 10px;
	background: url(../images/arrow_red2.gif) no-repeat 0 50%;
	text-decoration: none;
	display: block;
}

#miniList dl { padding: 0 0 10px 0; clear:both; }
#miniList dt {
	float: left;
	}
#miniList dt img {	background: #fff;	padding: 2px;	border: 1px solid #ccc; }
#miniList dd { margin: 0 0 0 76px; }

.thumbList ul li {
	float: left;
	margin: 0 8px 10px 8px;
	width: 120px;
	}
.thumbList ul li img { display: block; border: 2px solid #fff; }
.thumbList ul li a, .thumbList ul li a:hover { text-decoration: none; }
.thumbList ul li a img { border: 2px solid #fff; }
.thumbList ul li a:hover img { border: 2px solid #ccc; }
.heightFix ul li { height: 250px; }

strong#back { background: url(../images/arrow_back0.gif) no-repeat 0 50%; padding: 3px 0 3px 23px; }
a strong#back { background: url(../images/arrow_back1.gif) no-repeat 0 50%; padding: 3px 0 3px 23px; }
strong#next { background: url(../images/arrow_next0.gif) no-repeat right center; padding: 3px 23px 3px 0; }
a strong#next { background: url(../images/arrow_next1.gif) no-repeat right center; padding: 3px 23px 3px 0; } 


/* 05 GALLERY
---------------------------------------------------- */
#searchBox {
	width: 654px;
	background: url(../images/arroundbg_gray_bottom.gif) no-repeat bottom;
	margin: 0 0 20px 10px;
	}
#searchBox-inner {
	padding: 15px;
	background: transparent url(../images/arroundbg_gray_top.gif) no-repeat top;
	}
#searchBox-inner dd { display: block; width: 621px;  background: url(../images/arroundbg_white_bottom.gif) no-repeat bottom; margin: 3px 0 15px 0; }
#searchBox-inner dd div { background: url(../images/arroundbg_white_top.gif) no-repeat top; padding: 3px 20px; }
#searchBox-inner dd div p { background: #fff url(../images/arrow_red.gif) no-repeat 0 50%; padding: 0 0 0 15px; }
#searchBox-inner dd div p a, dl#areaSearch dd a { margin: 0 7px; }
dl#areaSearch dt { margin: 0; background: #fff url(../images/arrow_red.gif) no-repeat right center; width: 4.5em; font-size: 1.2em; color: #666; float: left; padding: 3px 0; }
dl#areaSearch dd { width: auto; background: none; margin: 0 0 0 6em; padding: 5px 0;}

#resultIndex {
	padding: 10px 0;
	text-align: center;
	clear: both;
	font-weight: bold;
	}
#resultIndex a { font-weight: normal; }

#resultIndex select { width: 120px; }

#detailBox {
	background: url(../images/detailBox_bottom.gif) no-repeat bottom;
	width: 859px;
	margin: 0 0 20px 0;
}
div#detailBox h2 {
	width: 859px;
	background: url(../images/detailBox_title.gif) no-repeat 0 0;
	border: none;
	padding: 10px 0 16px;
	margin:0;
	}
div#detailBox h2 span {
	color: #C40000;
	font-size: 1.2em;
	padding: 0 0 0 24px;
}
img.gallerylogo {
	border: 1px solid #ccc;
	float: right;
	margin: 10px 20px 30px 10px;
	}



/* 06 SPOT
---------------------------------------------------- */
.roundBox {
	width: 660px;
	background: transparent url(../images/roundBox_bottom.gif) no-repeat bottom;
	margin: 0 0 20px 8px;
	}
.roundBox-inner {
	padding: 20px;
	background: transparent url(../images/roundBox_top.gif) no-repeat top;
	}
.frame {  text-align: center; margin: 5px 0 10px 0; }
table.priceBox { background:#fff; width: 270px; border: 1px solid #ccc; margin: 10px 0; }
table.priceBox th { padding: 0px 0 5px 50px; }
table.priceBox td { padding: 6px 0 0 7px; }
table.priceBox th img { border: none; margin: 5px 10px 5px 0; }
table.priceBox td img { border: none; margin-right: 10px; }

.moreDouble {
	background: #fff url(../images/moreDouble_bg.gif) no-repeat;
	width: 268px;
	padding: 8px 0px 10px 10px;
	margin-left: 135px;
	}
.moreDouble a { background: url(../images/arrow_red3.gif) no-repeat 0 50%; padding: 0 20px 0 15px; }


/* 07 COMPANY
---------------------------------------------------- */
body#company div#header {
	background:url(../images/company_headbg.jpg) no-repeat;
	height: 151;
	margin-bottom: 2px;
	}
body#company h1 { text-indent: -9999px;}
body#company h2 {	background: #fff url(../images/ico_h2_arrow.gif) no-repeat 0 50%; margin-bottom: 10px;  }

body#company table { width: 640px; margin: 0 auto; }
body#company table th,
body#company table td {
	border-bottom: 1px dotted #ccc;
	padding: 10px 0;
	}
body#company table th {
	font-weight: normal;
	width: 150px;
	}