/*------------------------------------------------------------------------------
　　680 幻の天然羅臼昆布 2010年
------------------------------------------------------------------------------*/
#campaign680{
	width:600px;
	color:#20141c;
	margin:0 auto ;
	padding:0 0 20px 0;
	background: #ffffff;
	}
#campaign680 p{
	margin:0 3px 20px 5px;
	font-size:125%;
	line-height:1.7;
	}
	
#campaign680 p.big_ph{
	margin:20px 0 25px 0px;	
	}
	
span.loupe_inline{
    padding:0 0 0 18px;
    background:url(/assets/images/07/basic/loupe.gif) no-repeat 1px 0px ;
    }
	
#campaign680 .red_01{
	color:#f24e22 ;
	}

table#data_konbu{
	width:590px;
	margin:0 0 5px 5px ;
	}
table#data_konbu th,
table#data_konbu td{
	width:20%;
	border:1px solid #b3b1b0;
	}
table#data_konbu th{
	text-align:center;
	padding:5px 0 5px 0 ;
	line-height:1.1;
	background:#fcffec;
	}
table#data_konbu thead th{
	background:#e3efcf;
	}	
table#data_konbu td{
	text-align:right;
	padding:5px 6px 5px 0 ;
	line-height:1.1;
	}

table#data_konbu tfoot th{
	background:#fffad5;
	}	
table#data_konbu tfoot td{
	background:#fffaf3;
	}
table#data_konbu tfoot td.red02{
	color:#f53309;
	}

#campaign680 h3{
	display:block;
	text-indent:-7777px;
	width:600x;
	height:37px;
	margin:20px 0 18px 0px;
	line-height:1.1;
	font-weight:normal;
	font-size:10px;
	}	
#campaign680 h3#h3_01{
	background: url(/assets/images/campain/680_konbu/midashi.jpg) no-repeat ;
	}	
#campaign680 h3#h3_02{
	background: url(/assets/images/campain/680_konbu/midashi.jpg) no-repeat 0 -37px ;
	}	
#campaign680 h3#h3_03{
	background: url(/assets/images/campain/680_konbu/midashi.jpg) no-repeat 0 -74px ;
	}
#campaign680 h3#h3_04{
	background: url(/assets/images/campain/680_konbu/midashi.jpg) no-repeat 0 -111px ;
	}
#campaign680 h3#h3_05{
	background: url(/assets/images/campain/680_konbu/midashi.jpg) no-repeat 0 -148px ;
	}	

#campaign680 h4{
	margin:5px 0 10px 5px;
	color:#976428 ;
	font-weight:bold;
	font-size:1.2em;
	}
html>/**/body #campaign680 h4{ /* IE以外 */
	font-size:1.125em;
    }	
#campaign680 h4.kuro{
	color:#493b36;
	}	
			
#campaign680 #campaign_title_box{ /* タイトル */
	width:600px;
	height:508px;
	margin:0;
	padding:0;
	}	
#campaign680 #campaign_title_box h2{
	display:block;
	text-indent:-7777px;
	width:600px;
	height:501px;
	margin:0;
	padding:0;
	background-image: url(/assets/images/campain/680_konbu/title.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}


#campaign680 .box_ca690{
	width:600px;
	margin:0 0 35px 0;
	/*border-bottom:1px solid #ccc;*/
	}


#campaign680 .box01_315ex{
	width:590px; /* 600 - 10 */
	margin:7px 0 15px 0;
	padding:10px 0 6px 10px;
	background:#ffefd3;
	}
#campaign680 .box01_315ex p{
	margin:0 5px 8px 0;
	
	text-indent:-1.5em;
	margin-left:1.5em;
	}
	

#campaign680 .campaign_box01{
	width:600px;
	margin:0 ;
	padding:0 ;
	}
#campaign680 .campaign_box01 .box01_left{
	float:left;
	width:353px !important;
	}
#campaign680 .campaign_box01 .box01_left p{
	width:333px !important;
	margin:0 0 10px 5px;
	}
		
#campaign680 .campaign_box01 .box01_right{
	float:right;
	width:247px;
	margin:0 0 20px 0  !important;
	/*background:#ccc;*/
	}
#campaign680 .campaign_box01 .box01_right p{
	margin:0 ;
	line-height:1.3;
	padding:8px 0 0 5px  !important;
	}



#campaign680 #campaign_box02{
	width:586px;
	padding:10px 0 1px 14px;
	background:#4f2019;
	}
/* バージョン 6 以下 の IE のみ*/
* html #campaign680 #campaign_box02{
	padding-bottom:10px;
	}
/* IE7*/
*:first-child+html #campaign680 #campaign_box02{
	padding-bottom:10px;
	}




#campaign680 .thumbnail{
	margin:0 0 20px 7px !important;
	}

#campaign680 .thumbnail a  span#ph05{
    background: url(/assets/images/campain/680_konbu/ph_b02.jpg) no-repeat 0px 0px;
    }
#campaign680 .thumbnail a  span#ph06{
    background: url(/assets/images/campain/680_konbu/ph.jpg) no-repeat -171px -1002px;
    }
#campaign680 .thumbnail a span#ph07{
    background: url(/assets/images/campain/680_konbu/ph.jpg) no-repeat -342px -1002px;
    }
	
#campaign680 span#ph01{
	display:block;
    text-indent:-7777px;
    width:600px;
    height:359px;
    background: url(/assets/images/campain/680_konbu/ph.jpg) no-repeat 0px 0px;
    margin:0 !important;
	}
#campaign680 span#ph02{
	display:block;
    text-indent:-7777px;
    width:600px;
    height:447px;
    background: url(/assets/images/campain/680_konbu/ph.jpg) no-repeat 0px -359px;
    margin:0 !important;
	}	
	
#campaign680 span#ph03{
    cursor:pointer;
	display:block;
    text-indent:-7777px;
    width:247px;
    height:196px;
    background: url(/assets/images/campain/680_konbu/ph.jpg) no-repeat 0px -806px;
    margin:0 0 1px 0 !important;
	}
#campaign680 span#ph04{
    cursor:pointer;
	display:block;
    text-indent:-7777px;
    width:247px;
    height:196px;
    background: url(/assets/images/campain/680_konbu/ph.jpg) no-repeat -247px -806px;
    margin:0 0 1px 0 !important;
	}


.thumbnail{ /* 旧LightBoxの設定 */
	width:602px;
	margin:0 0 0 7px;
	padding:0;
	}
.thumbnail a:link,
.thumbnail a:visited{
	float:left;
	background:#fff;
	margin:0 21px 0 0 ;
	padding:4px;
	border:1px solid #dbdbdb;
	}
.thumbnail a:hover,
.thumbnail a:active{
	border:1px solid #77acfc;
	}
.thumbnail .no_rightmargin,
.thumbnail a.no_rightmargin{
	margin-right:0;
	}
.thumbnail p{
	float:left;
	line-height:1.25;
	width:184px; /* 186 - 2 */
	margin:0 16px 0 0 !important;
	padding:4px 0 12px 0;
	}
.thumbnail a span{
	display:block;
	width:171px;
	height:122px;
	background:#f3f3f3;
	cursor:pointer;
	text-indent:-7777px;
	}	
#campain_contents .loupe{
	line-height:1.1;
	margin:0 0 8px 7px ;
	padding:12px 0 0 18px;
	color:#626262;
	background:url(/assets/images/07/basic/loupe.gif) no-repeat 1px 10px ;
	}