@charset "euc-jp";

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

Site URL	:http://onlinelab.jp/
File Name	:itemList.css (http://onlinelab.jp/style/itemList.css)
Summery		:オンラインラボ本店 商品のサムネイルを並べるページに使用するスタイル
Created		:2008-03-11
Last update	:2008-03-11
Auther		:E.Koide(Admin),S.Nabeshima,S.Eriguchi
Copyright	:(c) Picturing Online, Inc. 

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

/*-------------------------------------------------------
	上部タブ　ポストカード
---------------------------------------------------------*/

/*#tabvarcontainer ul#tabVar li a {width:150px;}*/

#tabvarcontainer {
        margin: 5px 0 0 0;
        padding: 0;
}

#tabvarcontainer p.select {
font-size:10px;
background:url("/images/common/arw_down.gif") no-repeat;
padding-left:1.5em;
}

#tabvarcontainer ul#tabVar {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#tabvarcontainer ul#tabVar li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

#tabvarcontainer ul#tabVar li a {
        background: #fff;
        width: 117px;
        height: 18px;
        border-top: 1px solid #2db5b3;
        border-left: 1px solid #2db5b3;
        border-bottom: 1px solid #2db5b3;
        border-right: none;
        padding: 0;
        margin: 0 0 10px 0;
        color: #2db5b3;
        text-decoration: none;
        display: block;
        text-align: center;
        font-size:10px;
        font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#tabvarcontainer ul#tabVar li a:hover {
        color: #2db5b3;
        background: #8ee2e1;
        /*background:url("/images/common/bg_check_gray.gif");*/
}

#tabvarcontainer ul#tabVar li.end a {
border-right: 1px solid #2db5b3;}

#tabvarcontainer a:active {
        background: #2db5b3;
        color: #fff;
}

#tabvarcontainer ul#tabVar li.current a {
        background: #2db5b3;
        border: 1px solid #2db5b3;
        color: #fff;
}

/*-------------------------------------------------------
	上部タブ　フォトブック
---------------------------------------------------------*/

body#book #tabvarcontainer {
        margin: 5px 0 0 0;
        padding: 0;
}

body#book #tabvarcontainer p.select {
font-size:10px;
background:url("/images/common/arw_down.gif") no-repeat;
padding-left:1.5em;
}

body#book #tabvarcontainer ul#tabVar {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

body#book #tabvarcontainer ul#tabVar li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

body#book #tabvarcontainer ul#tabVar li a span, body#book #tabvarcontainer ul#tabVar li a span {
        font-size:8px;
}

body#book #tabvarcontainer ul#tabVar li a {
        background: #fff;
        width: 117px;
        height: 18px;
        border-top: 1px solid #2db5b3;
        border-left: 1px solid #2db5b3;
        border-bottom: 1px solid #2db5b3;
        border-right: none;
        padding: 0;
        margin: 0 0 10px 0;
        color: #2db5b3;
        text-decoration: none;
        display: block;
        text-align: center;
        font-size:10px;
        font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

body#book #tabvarcontainer ul#tabVar li a:hover {
        color: #2db5b3;
        background: #8ee2e1;
        /*background:url("/images/common/bg_check_gray.gif");*/
}

body#book #tabvarcontainer ul#tabVar li.end a {
	border-right: 1px solid #2db5b3;}

body#book #tabvarcontainer a:active {
        background: #2db5b3;
        color: #fff;
}

body#book #tabvarcontainer ul#tabVar li.current a {
        background: #2db5b3;
        border: 1px solid #2db5b3;
        color: #fff;
}

/*=========================================================
	４分割
	ポストカードのラップボックス
	.fourRow		通常のボックスです
	.fourRowCaption	キャプション・タイトルがあるボックスです
=========================================================*/

.fourRow,.fourRowCaption {
	margin:3px 0 10px 0;
	width:165px;
	background-image:none; 
	padding:5px 0 5px 0; 
	float:left;
	text-align:center;
	background:#efefef;
	margin-right:3px;
	/*border-bottom:1px #ccc solid;*/}
	

.fourRowCaption {height:220px;}

.fourRow p,.fiveRowCaption p {text-align:left;}

.fourRow span.name,.fiveRowCaption span.name {
	text-align:center;
	font-size:90%;
}
.fourRow a:link {
color:#0FA7A5;
text-decoration:none;
}

.fourRow img.thumb,.fiveRowCaption img.thumb {
	border:1px #84776b solid;
	margin-bottom:5px;
	}

.fourRow img.bottun,.fiveRowCaption img.bottun {
	margin:2px 0;}

.fourRow select,.fiveRowCaption select {
	width:90%;
	font-size:90%;}

.fourRow div.thumbBox {
	width:160px;
	height:150px;
	vertical-align:middle;
	text-align:center;
	display: block;
	position:relative;
}


/*=========================================================
	５分割
	ポストカードのラップボックス
	.fiveRow		通常のボックスです
	.fiveRowCaption	キャプション・タイトルがあるボックスです
=========================================================*/

.fiveRow,.fiveRowCaption {
	margin:3px 0 10px 0;
	width:133px;
	background-image:none; 
	padding:5px 0 5px 0; 
	float:left;
	text-align:center;
	background:#efefef;
	margin-right:3px;
	/*border-bottom:1px #ccc solid;*/}
	

.fiveRowCaption {height:220px;}

.fiveRow p,.fiveRowCaption p {text-align:left;}

.fiveRow span.name,.fiveRowCaption span.name {
	text-align:center;
	font-size:90%;
}
.fiveRow a:link {
color:#0FA7A5;
text-decoration:none;
}

.fiveRow img.thumb,.fiveRowCaption img.thumb {
	border:1px #84776b solid;
	margin-bottom:5px;
	}

.fiveRow img.bottun,.fiveRowCaption img.bottun {
	margin:2px 0;}

.fiveRow select,.fiveRowCaption select {
	width:90%;
	font-size:90%;}

div.thumbBox{
	width:130px;
	height:170px;
	vertical-align:middle;
	text-align:center;
	display: block;
	position:relative;
}

div.thumbBox span.font_90{display:block;}

div.thumbBox img.alphafilter {
position:absolute;
top:0;
left:0;}

img.thumbTate,img.thumbYoko,img.thumbSQ {border:1px #999999 solid;}

img.thumbTate {margin:5px 0 5px 0;}

img.thumbSQ {margin:0 5px;}

img.thumbYoko {
margin:20px 0;
width:115px;}