@charset "Shift_JIS";



/*---基本
---------------------------------------*/
#header {width:100%;}
	
#contents {
	clear:both;
	width:100%;
	padding-left:10px;
	position:relative;
	}

	

#footer {clear:both; position:relative; margin-left: 200px;}

/*---啁E��一覧
---------------------------------------*/
#category_left {
position:absolute;
top:30;
left:0;
width:auto;
/*width:auto;
position: absolute;
z-index:100;
clear:both;*/
}


/*--- 2011/01/12
---------------------------------------*/


/*---特雁E���E冁E��
---------------------------------------*/
#contents_main {
margin-left:200px;
/*position: relative;
left:200px;
top:0;
margin-right:200px;
width:auto;
font-size: small;*/}


/*--------------------------------------
--------------------------------------
左カラム
--------------------------------------
---------------------------------------*/
#navi_left {
float:left;
margin-right:5px;
width:200px;
background:#FFFFFF;
}

#product_main {margin-top:5px;margin-right:10px;padding-left:10px;}


#bskt_right {width:180px;margin-top:5px;float:right;}


/*---Twitter
---------------------------------------*/
#layout_navi #tweet{
margin:0;
padding:0px;
}
#layout_navi #tweet #mono_tweet_box{
background:URL(/common/img/twitter_fukidasi.gif) no-repeat right top;
padding:5px 0px 0px 0px;
}
#layout_navi #tweet #mono_tweet_box .mono_tweet{
display:block;
margin:4px 0px 0px 0px;
padding:3px;
font-size:10px;
border:1px solid #0099CC;
border-radius: 5px;        /* CSS3*/  
-webkit-border-radius: 5px;    /* Safari,Google Chrome*/  
-moz-border-radius: 5px;   /* Firefox*/ 
}
#layout_navi #tweet a.days{
color:#5F9EA0 !important;
}
/*tokusyuu page Twitter*/
#category_left #tweet{
width:185px;
margin:0;
padding:0px;
}
#category_left #tweet #mono_tweet_box{
background:URL(/common/img/twitter_fukidasi.gif) no-repeat right top;
padding:5px 0px 0px 0px;
}
#category_left #tweet #mono_tweet_box .mono_tweet{
display:block;
margin:4px 0px 0px 0px;
padding:3px;
font-size:10px;
border:1px solid #0099CC;
border-radius: 5px;        /* CSS3*/  
-webkit-border-radius: 5px;    /* Safari,Google Chrome*/  
-moz-border-radius: 5px;   /* Firefox*/ 
}
#category_left #tweet a.days{
color:#5F9EA0 !important;
}

/*--- /2011/01/12
---------------------------------------*/

/*---モノローグ
---------------------------------------*/
#extra-col {
  float: left;
  width: 170px;
 }

#main-col {
  margin: 10px 20px　10px　190px;
}


/* ===================================================================
CSS information

 file name  :newstyle.css
 author     :Kenji OTA
 style info :既存サイトに対してリキチE��のスタイルを適用する

こ�Eスタイルシート�E構�E
 リキチE��スタイル用上書きクラス
=================================================================== */

/*----------------------------------------------------
	レイアウト�E送E
----------------------------------------------------*/

#layout_container {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
@media print{
#layout_container {
	position: relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow: visible;		/* This chops off any overhanging divs */
}
}
#layout_contents {
	margin-top:10px;
	text-align:left;
}
#layout_navi {
	margin-top:10px;
}
#layout_pr {
	margin-top:10px;
}
/* min-height */
#layout_wrapper {
    min-width:950px;
    width:expression(document.body.clientWidth < 950? "950px" : "auto");    /* IE min-width hack */
}

/* 固定幁E��タイル */
#layout_container.layout_fixed {
    width:950px;
    float:none;
    margin:0 auto;
}


/*----------------------------------------------------
	3カラムレイアウチElayout_3column

	[lw] 左カラムの幁E��E70
	[ll] 左カラムの左マ�Eジン�E�E0
	[lr] 左カラムの右マ�Eジン�E�E
	[rw] 右カラムの幁E��E00
	[rl] 右カラムの左マ�Eジン�E�E
	[rr] 右カラムの右マ�Eジン�E�E0
	[cl] 中央カラムの左マ�Eジン�E�E0
	[cr] 中央カラムの右マ�Eジン�E�E0

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

.layout_3column {
    background:#fff;    	/* 右カラムの背景色 */
}
.layout_3column #layout_colmid {
    float:left;
    width:200%;
    margin-left:-210px; 	/* ([rw]+[rl]+[rr]) * -1 */
    position:relative;
    right:100%;
    background:#fff;    	/* 中央コンチE��チE��リアの背景色 */
}
@media print{
.layout_3column #layout_colmid {
    float: none;
    width:100%;
	margin:0;
    position:relative;
    right:0;
	left:0;
    background:#fff;    	/* 中央コンチE��チE��リアの背景色 */
}
}
.layout_3column #layout_colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:390px;         	/* [lw]+[ll]+[lr]+[rw]+[rl]+[rr] */
    background:#fff;    	/* 左カラムの背景色 */
}
@media print{
.layout_3column #layout_colleft {
    float:none;
    width:100%;
    margin-left:0;
    position:relative;
    left:0;         	/* [lw]+[ll]+[lr]+[rw]+[rl]+[rr] */
    background:#fff;    	/* 左カラムの背景色 */
}
}
.layout_3column #layout_contents_wrapper {
    float:left;
    width:50%;
    position:relative;
    right:180px;        	/* [lw]+[ll]+[lr] */
    padding-bottom:1em;
}
@media print{
.layout_3column #layout_contents_wrapper {
    float:none;
    width:100%;
    position:relative;
    right:0;        	/* [lw]+[ll]+[lr] */
    padding-bottom:1em;
}
}
.layout_3column #layout_contents {
	margin-left:190px;		/* [lw]+[ll]+[lr]+[cl] */
	margin-right:220px;		/* [rw]+[rl]+[rr]+[cr] */
    position:relative;
    left:200%;
    overflow:hidden;
    _width:100%;
}
@media print{
.layout_3column #layout_contents {
	margin-left:0;		/* [lw]+[ll]+[lr]+[cl] */
	margin-right:0;		/* [rw]+[rl]+[rr]+[cr] */
    position:relative;
    left:0;
    _width:100%;
	overflow: visible;		/* This chops off any overhanging divs */
	_overflow:none;
	_height:500%;
}
}
.layout_3column #layout_navi {
    float:left;
    float:right;
    width:170px;        	/* [lw] */
    position:relative;
    right:0px;         		/* [lr] */
}
@media print{
.layout_3column #layout_navi {
display:none;
}
}


.layout_3column #layout_pr {
    float:left;
    float:right;
    width:200px;        	/* [rw] */
    margin-right:20px;  	/* [rl]+[rr]+[cr] */
    position:relative;
    left:50%;
}
@media print{
.layout_3column #layout_pr {
display:none;
}
}


/*----------------------------------------------------
	2カラム左メニューレイアウチElayout_leftmenu

	[lw] 左カラムの幁E��E70
	[ll] 左カラムの左マ�Eジン�E�E0
	[lr] 左カラムの右マ�Eジン�E�E
	[cl] 中央カラムの左マ�Eジン�E�E0
	[cr] 中央カラムの右マ�Eジン�E�E0

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

.layout_leftmenu {
    background:#FFFFFF;    	/* 左カラムの背景色 */
}
.layout_leftmenu #layout_colleft {
    float:left;
    width:200%;
	position:relative;
	left:190px;				/* [lw]+[ll]+[lr] */
    background:#fff;    	/* 中央カラムの背景色 */
}
@media print{
.layout_leftmenu #layout_colleft {
    float:none;
    width:100%;
	position:relative;
	left:0;				/* [lw]+[ll]+[lr] */
    background:#fff;    	/* 中央カラムの背景色 */
}
}

.layout_leftmenu #layout_contents_wrapper {
    float:right;
    width:50%;
    position:relative;
    right:180px;			/* [lw]+[ll]+[lr] */
    padding-bottom:1em;
}
@media print{
.layout_leftmenu #layout_contents_wrapper {
    float:none;
    width:100%;
    position:relative;
    right:0;			/* [lw]+[ll]+[lr] */
    padding-bottom:0;
}
}

.layout_leftmenu #layout_contents {
	margin-left:200px;		/* [lw]+[ll]+[lr]+[cl] */
	margin-right:10px;		/* [cr] */
    position:relative;
    right:100%;
    overflow:hidden;
    _width:100%;
}
@media print{
.layout_leftmenu #layout_contents {
	margin-left:0;		/* [lw]+[ll]+[lr]+[cl] */
	margin-right:0;		/* [cr] */
    position:relative;
    right:0;
    overflow: visible;
    _width:100%;
}
}

.layout_leftmenu #layout_navi {
    float:left;
    width:180px;			/* [lw] */
    position:relative;
    right:180px;         	/* [lw]+[ll] */
}
@media print{
.layout_leftmenu #layout_navi {
_display:none;
}
}

.layout_leftmenu #layout_pr {
	display:none;
}



/*----------------------------------------------------
	2カラム右メニューレイアウチElayout_rightmenu

	[rw] 右カラムの幁E��E00
	[rl] 右カラムの左マ�Eジン�E�E
	[rr] 右カラムの右マ�Eジン�E�E0
	[cl] 中央カラムの左マ�Eジン�E�E0
	[cr] 中央カラムの右マ�Eジン�E�E0

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

.layout_rightmenu {
    background:#FFFFFF;    	/* 右カラムの背景色 */
}
.layout_rightmenu #layout_colleft {
    float:left;
    width:200%;
    margin-left:-210px;		/* ([rw]+[rl]+[rr]) * -1 */
    position:relative;
    right:100%;
    background:#fff;    	/* 中央カラムの背景色 */
}
.layout_rightmenu #layout_contents_wrapper {
    float:left;
    width:50%;
    position:relative;
    left:50%;
    padding-bottom:1em;
}
.layout_rightmenu #layout_contents {
	margin-left:220px;		/* [rw]+[rl]+[rr]+[cl] */
	margin-right:10px;		/* [cr] */
    overflow:hidden;
    _width:100%;
}
@media print{
.layout_rightmenu #layout_contents{
			/* width of whole page */
	overflow: visible;		/* This chops off any overhanging divs */
}
}
.layout_rightmenu #layout_pr {
    float:right;
    width:200px;			/* [rw] */
    position:relative;
    left:200px;         	/* [rw] */
}
.layout_rightmenu #layout_navi {
	display:none;
}



/*----------------------------------------------------
	1カラムレイアウチElayout_1column

	[cl] 中央カラムの左マ�Eジン�E�E0
	[cr] 中央カラムの右マ�Eジン�E�E0

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

.layout_1column {
    background:#fff;    	/* 中央カラムの背景色 */
}
.layout_1column #layout_contents {
	margin-left:10px;		/* [cl] */
	margin-right:10px;		/* [cr] */
}
.layout_1column #layout_navi {
	display:none;
}
.layout_1column #layout_pr {
	display:none;
}

/*----------------------------------------------------
addThis
----------------------------------------------------*/

#product_main .cases .addThis{
width:95px !important;
float:right !important;
}
#product_main div.pageCounter{
clear:both;
margin-top:5px;
_padding:5px 0; 
}


/*----------------------------------------------------
�J�e�S����� ��������
----------------------------------------------------*/
#contents .cases,
#contents_main .cases{
position:relative;
}
#contents .pageCounter,
#contents_main .pageCounter{
width:34em;
text-align:left;
position:absolute;
top:0;
left:0;
}
#contents .pageCounter p,
#contents_main .pageCounter p{
display:inline;
margin-left:10px;
}
/*�摜�\��*/
#contents .photoViewWrap,
#contents_main .photoViewWrap{
clear:both;
}
#contents .photoViewWrap .contents_main_box,
#contents_main .photoViewWrap .contents_main_box{
width:120px;
margin-left:5px;
float:left;
text-align:left;
}
#contents .photoViewWrap .contents_main_box p, 
#contents .photoViewWrap .contents_main_box .contents_main_pan02,
#contents .photoViewWrap .contents_main_box .contents_main_catch,
#contents_main .photoViewWrap .contents_main_box p, 
#contents_main .photoViewWrap .contents_main_box .contents_main_pan02,
#contents_main .photoViewWrap .contents_main_box .contents_main_catch{
display:none;
}
#contents .photoViewWrap  .contents_main_product_img,
#contents_main .photoViewWrap  .contents_main_product_img{
float:none;
}
#contents .photoViewWrap .contents_main_box .contents_main_name a,
#contents_main .photoViewWrap .contents_main_box .contents_main_name a{
font-size:12px;
display:block;
height:2.3em;
overflow:hidden;
text-decoration:none;
border-bottom:none;
text-align:left !important;
}
#contents .photoViewWrap .contents_main_box .contents_main_gm,
#contents_main .photoViewWrap .contents_main_box .contents_main_gm{
display:block;
text-align:left !important;
margin:2px 0px;
padding:0;
font-weight:normal;
font-size:11px;
}
#contents .photoViewWrap .contents_main_box .product_main_price02,
#contents_main .photoViewWrap .contents_main_box .product_main_price02{
display:block;
}
#contents .photoViewWrap .contents_main_box .contents_main_mk,
#contents_main .photoViewWrap .contents_main_box .contents_main_mk{
display:block;
height:1em;
overflow:hidden;
}
#contents .pageCounter .link,
#contents_main .pageCounter .link{
text-decoration:underline;
cursor:pointer;
}