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

contents.css

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

/*
===== :: Top_flash =============================================================*/
#content-colum2 #top_flash{ float: left; width: 950px; height: 128px; background-color:#cccccc;}


/*
===== :: Left_frame =============================================================*/
/* #index-content{ float:left; display: block; width: 642px; background: #ffffff; 
background-repeat: repeat-x;}
#index-content #pr_flash
{ float: left; width: 640px; height: 199px; margin-top: 10px;}
*/

#index-content #pr_box
{ float: left; width: 640px; height: 26px; padding-top: 3px; margin-bottom: 10px; background: url(/image/top/pr.jpg) no-repeat top left;}
#index-content #pr_box .pr_01
{ float: left; width: 300px; height: 26px; padding-top: 3px; padding-left: 48px; font-size: 12px;}
#index-content #pr_box .pr_02
{ float: left; width: auto; height: 26px; padding-top: 3px; font-size: 12px;}

#index-content #category2
{float: left; width: 640px; height: 198px; margin-top: -10px;background: url(/image/top/category_bg2.gif) no-repeat top left;}
#index-content #category2 #ct2_box1
{float: left; width: 640px; height: 48px;}
#index-content #category2 #ct2_box1 .ct_text1
{float: left; width: 640px; height: 48px; padding-top: 20px; padding-left: 300px; font-size: 12px;}
*html #index-content #category2 #ct2_box1 .ct_text1{ width: 320px; height: 25px;}
#index-content #category2 #linkbox_cate
{ float: left; display: block; clear: both; width: 640px; height: 20px; padding: 34px 0 0 250px; color: #000000; font-size: 12px;}
#index-content #category2 #linkbox_cate_li_1
{ float: left; display: block; width: 640px; height: 23px; background: url(/image/top/linkbox_cate_bg_li_1.jpg);}
#index-content #category2 #linkbox_cate_li_2
{ float: left; display: block; width: 640px; height: 23px; background: url(/image/top/linkbox_cate_bg_li_2.jpg);}
#index-content #category2 #linkbox_cate_li_3
{ float: left; display: block; width: 640px; height: 23px; background: url(/image/top/linkbox_cate_bg_li_3.jpg);}
#index-content #category2 #linkbox_cate_li_4
{ float: left; display: block; width: 640px; height: 23px; background: url(/image/top/linkbox_cate_bg_li_4.jpg);}
#index-content #category2 #linkbox_cate_li_5
{ float: left; display: block; width: 640px; height: 40px; margin-bottom: 10px; background: url(/image/top/linkbox_cate_bg_li_5.jpg);}
#index-content #category2 .cate_li_01
{ float: left; padding-top: 2px; padding-left: 15px; width: 215px; font-size: 12px;}
#index-content #category2 .cate_li_02
{ float: left; padding-top: 2px; padding-left: 4px; width: auto; font-size: 12px; font-weight: bold;}


#index-content #category3 {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	width: 640px;
	height: 180px;
	background: #eee;
	font-size: 12px;
	font-weight: bold;
	}

#index-content #category3 a {
	text-decoration: none;
	}

#index-content #category3 a:hover {
	text-decoration: underline;
	}

#index-content #category3 a.cate_li_01 {
        display: block;
        float: left;
        margin: 0 0 0 10px;
        padding: 3px 5px 2px;
        width: 130px;
        height: 18px;
        background: #ffff99;
        vertical-align: middle;
        border-top: 1px dotted #000;
        }

#index-content #category3 a.cate_li_02 {
	display: block;
	float: right;
	margin: 0 10px 0 0;
	padding: 3px 5px 2px;
	width: 470px;
	_width: 450px;
	height: 18px;
	background: none;
	vertical-align: middle;
	border-top: 1px dotted #000;
	}

#index-content #category3 a.cate_li_01end {
	display: block;
	float: left;
	margin: 0 0 0 10px;
	padding: 3px 5px 2px;
	width: 130px;
	height: 18px;
	background: #ffff99;
	vertical-align: middle;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
}

#index-content #category3 a.cate_li_02end {
	display: block;
	float: right;
	margin: 0 10px 0 0;
	padding: 3px 5px 2px;;
	width: 470px;
	_width: 450px;
	height: 18px;
	background: none;
	vertical-align: middle;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	}
 
#index-content #pr_box2 {
        margin: 10px 0;
        padding: 0 !important;
        width: 640px;
        height: 148px;
        margin-bottom: 10px;
}



#index-content #pr_box2 .box {
        width: 305px;
        margin: 0 1px 0 0;
        padding: 3px;
        height: 138px;
        float: left;
        border: 1px solid #ccc;
        line-height: 1.5em;
}



#index-content #pr_box2 .box img.pr_icon {
        margin: 0 0 3px 3px;
        }

#index-content #pr_box2 .box a{
        font-weight: bold;
        }

#index-content #pr_box2 .box a img {
        float: left;
        margin-right: 3px;
        }

#index-content #c_special
{ float: left; display: block; width: 640px; height: 347px; padding-left: 5px; margin-bottom: 10px; background: url(/image/top/sp_box.jpg) no-repeat top left;}
#index-content #c_special img { _margin: 3px 0 6px; vertical-align:middle; }/* IE6 */
#index-content #c_special .sp_font_1
{ float: left; padding-left: 5px; width: auto; font-size: 12px; color: #000000; font-weight: bold;}
#index-content #c_special .sp_font_2
{ float: left; padding-left: 5px; width: auto; font-size: 12px; color: #000000; }
#index-content #c_special #sp_title
{ float: left; display: block; width: 640px; height: 35px; padding-top: 22px; padding-left: 60px;}
*html #index-content #c_special #sp_title{ width: 500px;}
#index-content #c_special #sp_main
{ float: left; display: block; width: 376px; height: 194px; padding-left: 5px;}
#index-content #c_special #sp_main #sp_main_ttl
{ float: left; display: block; width: 352px; height: 19px; padding-left: 2px; margin-right: 5px; background-color: #dadada;}
#index-content #c_special #sp_main #sp_main_word
{ float: left; display: block; width: 376px; height: 175px; padding-top: 5px; margin-right: 5px;}
*html #index-content #c_special #sp_main #sp_main_word{ width: 354px;}
#index-content #c_special #sp_main_img
{ float: left;  width: 249px; height: 183px;}
#index-content #c_special #sp_info1
{ float: left; display: block; width: 300px; height: 68px; padding-left: 12px; padding-top: 3px; margin-right: 3px; 
line-height: 21px; background: url(/image/top/sp_info.gif) no-repeat top left;}
#index-content #c_special #sp_info2
{ float: left; display: block; width: 300px; height: 68px; padding-left: 12px; padding-top: 3px; line-height: 21px;
background: url(/image/top/sp_info.gif) no-repeat top left;}
#index-content #c_special #sp_showall
{ float: right; display: block; width: 123px; height: 21px; padding-left: 20px; line-height: normal; margin-top: 2px; background:url(/image/top/showall_icon.gif) no-repeat top left;}

*:first-child+html #index-content #c_special #sp_showall
{line-height: 20px;}

#index-content #c_pickup
{ float: left; display: block; width: 640px; height: 362px;
margin-bottom: 10px;}
#index-content #c_pickup #pick_bar
{ float: left; display: block; width: 640px; height: 59px;}

#index-content #c_pickup #pick_box
{float: left; display: block; width: 640px; height: 303px; padding-left: 4px;}
#index-content #c_pickup #pick_box #pick_1
{ float: left; display: block; width: 315px; height: 150px; padding-left: 5px; padding-top: 5px;
margin-bottom: 2px; background: url(/image/top/pick_box.gif) no-repeat top left;}
#index-content #c_pickup #pick_box #pick_1 #pick_img1
{ float: left; display: block; width: 138px; height: 138px; margin-right: 7px;}
#index-content #c_pickup #pick_box #pick_1 #pick_word1
{ float: left; display: block; width: 160px; height: 138px;}
#index-content #c_pickup #pick_box #pick_2
{ float: left; display: block; width: 315px; height: 150px; padding-left: 5px; padding-top: 5px;
margin-bottom: 2px; background: url(/image/top/pick_box.gif) no-repeat top left;}
#index-content #c_pickup #pick_box #pick_2 #pick_img2
{ float: left; display: block; width: 138px; height: 138px; margin-right: 7px;}
#index-content #c_pickup #pick_box #pick_2 #pick_word2
{ float: left; display: block; width: 160px; height: 138px;}
#index-content #c_pickup #pick_box #pick_3
{ float: left; display: block; width: 315px; height: 150px; padding-left: 5px; padding-top: 5px;
background: url(/image/top/pick_box.gif) no-repeat top left;}
#index-content #c_pickup #pick_box #pick_3 #pick_img3
{ float: left; display: block; width: 138px; height: 138px; margin-right: 7px;}
#index-content #c_pickup #pick_box #pick_3 #pick_word3
{ float: left; display: block; width: 160px; height: 138px;}
#index-content #c_pickup #pick_box #pick_4
{ float: left; display: block; width: 315px; height: 150px; padding-left: 5px; padding-top: 5px;
background: url(/image/top/pick_box.gif) no-repeat top left;}
#index-content #c_pickup #pick_box #pick_4 #pick_img4
{ float: left; display: block; width: 138px; height: 138px; margin-right: 7px;}
#index-content #c_pickup #pick_box #pick_4 #pick_word4
{ float: left; display: block; width: 160px; height: 138px;}
#index-content #c_pickup .pick_fs_1
{ float: left; padding-top: 2px; padding-left: 6px; width: 152px; font-size: 12px; color: #00b8f1; font-weight: bold;}
#index-content #c_pickup .pick_fs_1 a{ color: #02b6eb; }
#index-content #c_pickup .pick_fs_1 a:hover{ color: #0000ff; }
#index-content #c_pickup .pick_fs_2
{ float: left; padding-top: 2px; padding-left: 6px; width: 152px; font-size: 12px; color: #000000; line-height: 18px;}

#index-content #c_blog {
    width: 640px; padding-left: 2px; 
    background: url(/image/top/blog_bg_head.jpg) no-repeat top left;
}
#index-content #c_blog .head
{ width: 640px; height: 72px; background: url(/image/top/blog_bg_foot.jpg) no-repeat left bottom; }

*html #index-content #c_blog{ width: 600px;}
#index-content #c_blog #blog_bar
{ float: left; display: block; width: 640px; height: 32px; text-align: center; padding-top: 20px;}
*html #index-content #c_blog #blog_bar{ width: 640px;}
#index-content #c_blog #blog_info
{ float: left; display: block; width: 640px; height: 20px; padding-left: 10px; font-size: 12px;}
*html #index-content #c_blog #blog_info{ width: 600px;}
#index-content #c_blog #blog_box
{ width: 640px;}

#index-content #c_blog #blog_box .body {
    background: url(/image/top/blog_bg_foot.jpg) no-repeat top;
}
#index-content #c_blog #blog_box .row {
    background: url(/image/top/blog_bg_body.jpg) no-repeat;
    min-height:22px;
    height: auto !important;
    height: 22px;
}
#index-content #c_blog #blog_box .row a {
    display:block;
    float: left;
    padding:0px 0px 0px 22px;
    line-height: 22px;
    width:295px;
    min-height:22px;
    height: auto !important;
    height: 22px;
    overflow: hidden;
}

#index-content #c_blog #blog_box #blog_more { 
    width: 123px;
    height: 21px; 
    margin-left: 500px; 
    margin-top: 5px; 
    line-height: normal; 
    padding-left: 20px; background:url(/image/top/showall_icon2.gif) no-repeat top left;
}
/*
*html #index-content #c_blog #blog_box #blog_more{ margin: 0px;}
*:first-child+html #index-content #c_blog #blog_box #blog_more{ line-height: 20px; float:left;}
*/

/*
===== :: Right_frame =============================================================*/
/* #content-colum2 #nav{ float: right; display: block; width: 300px; background: #ffffff; 
background-repeat: repeat-x;} */

#content-colum2 #nav #login
{float: left; display: block; width: 300px; height: 120px; margin-top: 10px; margin-bottom: 10px;
 background: url(/image/top/login_box.jpg) no-repeat top left; } 
#content-colum2 #nav #login .login_font
{float: left; display: block; width: 300px; height: 20px; color: #333333; padding-top: 12px;
 font-size: 12px; font-weight: bold; }
*html #content-colum2 #nav #login .login_font
{ padding-left: 0px;}
#content-colum2 #nav #login #ID
{float: left; display: block; width: 200px; padding-left: 120px; height: 20px; padding-top: 10px; }
*html #content-colum2 #nav #login #ID{ width: 180px;}
#content-colum2 #nav #login #PASSWORD
{float: left; display: block; width: 200px; padding-left: 120px; height: 20px; padding-top: 6px;}
*html #content-colum2 #nav #login #PASSWORD{ width: 180px;}
#content-colum2 #nav #login #LOGIN_in
{float: left; display: block; width: 132px; height: 35px; margin-left: 12px; padding-top: 14px;}
#content-colum2 #nav #login #JOIN
{float: left; display: block; width: 132px; height: 35px; margin-left: 12px; padding-top: 14px;}
*html #content-colum2 #nav #login #LOGIN_in{ margin-left: 6px;}
*html #content-colum2 #nav #login #JOIN{ margin-left: 6px;}
#content-colum2 #nav #login #login_btm
{float: left; display: block; width: 300px; height: 19px; padding-top: 5px; text-align: center; font-size: 10px;}

#content-colum2 #nav #login2 {
        float: left;
        display: block;
        position: relative;
        width: 290px;
        height: 152px;
        *height: 142px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-top: 45px;
        *padding-top: 55px;
        border: solid 3px #c00;
        border-top: none;
        background: #ff9;
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        }

#content-colum2 #nav #login2 img#login_top {
        display: block;
        position: absolute;
        top: 0;
        left: -3px;
        }

#content-colum2 #nav #login2 a {
        display: block;
        }

#content-colum2 #nav #login2 a#customer_login {
        width: 252px;
        height: 52px;
        display: block;
        margin: 10px 8px;
        padding: 0;
        }

#content-colum2 #nav #login2 a#customer_regist {
        width: 200px;
        margin: 10px auto;
        text-align: center;
        background: url(/image/top/regist_icon.png) no-repeat 15px 0;
        }

#content-colum2 #nav #login2 a#affiliator_login {
        float: left;
        margin: auto auto 0 10px;
        _margin: auto auto 0 5px;
        }

#content-colum2 #nav #login2 a#infopreneur_login {
        float: right;
        margin: auto 10px 0 auto;
        _margin: auto 5px 0 auto;
        }

#content-colum2 #nav #banner_1
{float: left; display: block; width: 300px; height: 106px; margin-bottom: 10px;}
#content-colum2 #nav #banner_2
{float: left; display: block; width: 300px; height: 62px; margin-bottom: 10px;}
#content-colum2 #nav #banner_3
{float: left; display: block; width: 300px; height: 62px; margin-bottom: 10px;}
#content-colum2 #nav #right_info
{float: left; display: block; width: 300px; height: 216px; margin-bottom: 10px;}
#content-colum2 #nav #right_info #img_area
{float: left; display: block; width: 300px; height: 190px;}
#content-colum2 #nav #right_info #text_area
{float: left; display: block; width: 300px; height: 26px; text-align: center; font-size: 10px; padding-top: 3px;
background: url(/image/warning_box.gif) no-repeat top left;}

#content-colum2 #nav #topic
{ float: left; display: block; width: 300px; height: 339px; margin-bottom: 10px; 
background: url(/image/top/topic_box.jpg) no-repeat top left; }
#content-colum2 #nav #topic #tp_title
{ float: left; display: block; width: 220px; height: 44px; margin-left: 70px; padding-top: 20px;}
*html #content-colum2 #nav #topic #tp_title
{ margin-left: 35px;}
#content-colum2 #nav #topic #tp_contents
{ float: left; display: block; width: 276px; height: 236px; margin-left: 20px; padding-left: 10px; line-height: 23.5px; _line-height:24px; _margin-top:-2px;}
*html #content-colum2 #nav #topic #tp_contents
{ margin-left: 10px; width: 266px;}
#content-colum2 #nav #topic #tp_more
{ float: left; display: block; width: 72px; height: 20px; margin-left: 200px; margin-top: 12px; padding-left: 22px;
background: url(/image/top/showall_icon3.gif) no-repeat top left; display: none;}
*html #content-colum2 #nav #topic #tp_more
{ margin-left: 100px;}
#content-colum2 #nav #topic .tp_fonb_B
{ float: left; display: block; width: 70px; height: 24px; color: #FFFFFF; 
font-weight: bold; font-size: 12px;}
#content-colum2 #nav #topic .tp_fonb
{ float: left; display: block; width: 150px; height: 24px; font-size: 12px; color: #FFFFFF;}

#content-colum2 #nav #banner_4
{float: left; display: block; width: 300px; height: 171px; margin-bottom: 10px;}

*html #content-colum2 #nav #ranking #rk_more
{ margin-left: 95px;}

#content-colum2 #nav #info_mobile
{ width: 300px;}


/*20120828購入者新規登録の非表示＠栗栖さんより*/
#frame_right #login2 { height: 130px !important;}
#frame_right #login2 #customer_regist { display: none !important;}