@charset "UTF-8";

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

Site URL	:http://onlinelab.jp/
File Name	:common.css (http://onlinelab.jp/picon/提携先名/css/common.css)
Summery		:オンラインラボHP店 共通CSS
Created		:2007-06-15
Last update	:2008-03-25
Auther		:E.Koide(Admin),S.Nabeshima,S.Eriguchi,K.Arita
Copyright	:(c) Picturing Online, Inc. 

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

/*=======================================
	ブラウザ固有のスタイルを初期化します
=======================================*/
@import url("/style/reset.css");

/*=======================================
	基本のスタイルをimportします(本店と共有)
=======================================*/
@import url("/style/layout.css");
@import url("/style/order.css");

/*=======================================
	パーツのスタイルをimportします
=======================================*/
@import url("/style/sideBar.css");
@import url("/style/listStyle.css");
@import url("/style/table.css");
@import url("/style/form.css");
@import url("/style/module.css");
@import url("/style/itemDetails.css");

/*=======================================
	商品ごとのスタイルをimportします
=======================================*/
@import url("/style/nenga.css");

/*=======================================
	hp店のスタイルをimportします(hack含)
=======================================*/
@import url("/style/hp/style.css");
@import url("/style/hp/layout.css");

/*=======================================
	IE各バージョンのハックをimportします
=======================================*/
@import url("/style/hackIE7.css");


/* -----------------------------
	IE6　プレミアム注文遷移サイドバー落ちるの回避
----------------------------- */

div#contentsWrapBack div#sideBar {
font-size:12px;
_width:180px;
_margin:40px 0 0 0;
padding-right:5px;
float:right;
}


/* -----------------------------
	ヘッダ
----------------------------- */

h3#serviceName, h2#serviceName {
	background:transparent none repeat scroll 0%;
	border-bottom:0pt none;
	font-weight:bold;
	margin-top:0pt;
	}

h2#serviceName span {
display:none;}

/*-------------------------------------------------------
	見出し
---------------------------------------------------------*/

/*==========================================================
	各商品ページに貼るキャンペーンバナーのスタイル
==========================================================*/
div.bnrCampaignPrint{
	margin-bottom:10px;
}
div.bnrCampaignPC{
	margin-bottom:10px;
}
div.bnrCampaignRing{
	margin-bottom:10px;
}
div.bnrCampaign{
	margin-bottom:10px;
}


h2.serviceTitle {display:none;}
div#fullContent h2 {
	clear:both;
	height:28px;
	margin-top:10px;
	line-height:1.8;
	padding-left:10px;
	font-size:16px;
	font-weight:bold;
}

h3#serviceName {border-bottom:0;margin-top:0;}	
h3#serviceName span{display:none;}

h4.brownHeading {color:#fff;}

h3.subTitle,h4 subTitle {border-bottom:1px dotted #CCCCCC;color:#A5B400;font-weight:bold;line-height:1.2;font-size:16px;margin:5px 0pt;}

h4.subTitle span, h3.subTitle span, h3.subTitleGray span {color:#999999;display:block;font-size:12px;}

h6 {color:#fff;background-color:#68b4b4;padding:3px 5px;margin:3px 0;}

body#help h3,body#postcard h4.a {
	color:#ff3c5a;
	margin-bottom:5px;}

body#postcard h4,body#postcard h3.emphasis {
	height:16px;
	padding:6px 8px;
	color:#fff;
	clear:both;
	margin:3px 0;}

/*グッズ用見出し（クラス名変更がグッズオープンに間に合わずbrownHeadingを仕方なく残す）*/

h4.brownHeading {
background:transparent url("/images/common/bg_heading_500.gif") no-repeat scroll 0%;
padding:7px;
color:#6F6F6F;
}

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


p.clear {clear:both;}
p.left {text-align:left;}

/*ポストカードの使用画像切り替え*/

#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: 100px;
        height: 18px;
        border-top: 1px solid #c60;
        border-left: 1px solid #c60;
        border-bottom: 1px solid #c60;
        border-right: none;
        padding: 0;
        margin: 0 0 10px 0;
        color: #c60;
        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: #c60;
        background: #f5e0cc;
        /*background:url("/images/common/bg_check_gray.gif");*/
}

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

#tabvarcontainer a:active {
        background: #c60;
        color: #fff;
}

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

/*rules
-----------------------------------------------*/
body#rules {
	text-align:center;
	background-color:#fff;
	/*background:url("../images/bg_gradation_up.gif") repeat-y center;*/
	color:#6c6c6c;
	}
	
body#rules div#container {
	width:520px;
	margin:10px auto;}

body#rules h2 {
	color:#ff3c5a;
	padding:3px 2px;
	border-bottom:1px #ff3c5a; solid;}

body#rules h3 {
	color:#84776b;
	margin-top:5px;}

body#rules h3.bg {
	background-color:#84776b;
	color:#fff;
	padding:3px 5px;
	margin-top:5px;}

body#rules div#container ol {
	margin:0 0 0 1.5em;}

body#rules div#container ol li {
	list-style-type: decimal;
	margin:5px 0;
	line-height:1.4;}

body#rules div#container ol.inner li {
	list-style-type: lower-roman;}

body#rules div#container div#copyright {
	font-size:85%;
	text-align:center;}


a.link {
	background:url("../images/arw_link.gif") no-repeat left;
	vertical-align:middle;
	padding-left:14px;}

/*
-----------------------------------------------------*/
	
dd.lineFlat{
	margin-top:-1.1em;
	margin-left:120px;
	}

img.btn,div.btn,input.btn {
	float:right;
	margin:5px 0 0 5px;}

div.btn {
	clear:both;
	text-align:right;
	}

/* サイズ情報
------------------------------------------------------*/
div.sizeInfo {
	padding:5px;
	background-color:#e8e7e3;
	clear:both;
	margin-bottom:7px;}

div.sizeInfo div.leftWrap {
	float:left;
	padding:3px;}

div.sizeInfo div.rightWrap {
	float:right;
	width:52%;
	padding:3px;
	}

div.sizeInfo div.innerWrap {
	background-color:#f0eeeb;
	border:1px #84776b solid;
	margin-top:5px;
	padding:10px;}

	
img.border {
	border-top:1px #ac9f94 solid;
	border-right:1px #84776b solid;
	border-bottom:1px #84776b solid;
	border-left:1px #ac9f94 solid;}


/*ポップアップ*/
body#popup {
	text-align:left;
	background:none;}

body#popup div#container {
	width:600px;
	margin:0 auto;}

body#popup img.sampleimage {
	border:1px #999999 solid;
	margin:0 auto;}

/* ポストカード、カレンダーのサムネイル用BOX*/
div.thumbBoxPC{
	width:120px;
	height:120px;
	vertical-align:middle;
	text-align:center;
	display: block;
}

div.thumbBoxCL{
	width:150px;
	height:150px;
	vertical-align:middle;
	text-align:center;
	display: block;
}

	
div#memberState input.textBox {
padding:2px 3px;
height:1.2em;}

img.gotoTop {
display:block;
float:right;
margin:2px 0pt;
}

/* ショップ　ポストカードのＮＥＷマーク */

/* オリジナルグッズ */
div#headImage img.goods {
right:40pt;
top:40pt;
position:absolute;
}


/* リングファイルアルバム*/
div#headImage img.ring {
right:95pt;
top:40pt;
position:absolute;
}


/* カレンダー*/
div#headImage img.cal {
right:145pt;
top:40pt;
position:absolute;
}


/* ポストカード */
div#headImage img.postcard {
right:200pt;
top:40pt;
position:absolute;
}

div.generalWrapOblique img.alphafilter {
z-index:1;
left:0pt;
position:absolute;
top:3pt;
}

/**************************************************
赤字で囲いありの注意事項記載
**************************************************/
div.redChui {
font-size:12px;
color:#CC0000;
font-weight:bold;
padding:5px;
margin-bottom:10px;
width:690px;
border:5px double #CC0000;
text-align:center;
}

/*==============================================
	注文するボタンの制御
===============================================*/

body#flame div.fourRow img.rollOver {display:none;}