/* よく登場する要素のリセット */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
}

/* テキストエリア内文字サイズのブラウザ間での差異をなくす */
textarea { font-size: 100%; }

/* 画像の下にできる隙間をなくす */
img { vertical-align: bottom; }

/* hr 要素は不可視で使う */
hr { display: none; }

body{
    margin:0;
    padding:0;
    font-family:'MS UI Gothic',"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Lucida Grande",sans-serif;
    text-align:center;
	background-color:#1dd4cb;
	background-image:URL(img/bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	font-size:12px;
}

#main{
	background-image:URL(img/topika_back.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	overflow:visible;
	}
.mainbox{
	vertical-align:top;
	text-align:center;
	width:1000px;
    margin:0px auto;
	}
.leftbox{
	width:690px;
	float:left;
	}
.rightbox{
	width:310px;
	float:right;
	}
.bannerbox1{
	width:300px;
	margin-right:10px;
	}
	.bannerbox1 p{
		margin-bottom:5px;
	}
	.bannerbox2{
	width:300px;
	margin-right:10px;
	}
	.bannerbox2 p{
		margin-bottom:10px;
	}
	
.mapbox{
	width:340px;
	margin-bottom:5px;
}
.mapbox2{
	width:340px;
	margin-bottom:10px;
}
.mapBottm{
	width:690px;
	background:url(img/under.jpg);
	background-repeat:no-repeat；
	}
	
.mapText1{
	font-size:12px;
	line-height:14px;
	padding:0px 5px;
	margin-top:5px;
	width:290px;
	}
	
#mapTextBox1{
	width:290px;
	margin-bottom:10px;
	}

.mapTextleft{
	font-size:12px;
	line-height:14px;
	padding:2px;
	width:70px;
	float:left;
	background-color:#666666;
	color:#FFFFFF;
	text-align:center;
	}
	
.mapTextright{
	font-size:12px;
	line-height:16px;
	padding:2px 0px;
	float:right;
	width:210px;
	margin-left:6px;
	}
	
#footer2{
    width:310px;
	margin-top:10px;
    font-family:ＭＳ Ｐゴシック, ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro;
	text-align:left;
}
	
	
	
#footer{
    width:310px;
	margin-top:110px;
    font-family:ＭＳ Ｐゴシック, ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro;
}

#footer p{
margin:1px 0;
}
#footer2 p{
margin:1px 0;
}
.copy{
    float:left;
    width:250px;
    font-size:10px;
    line-height:12px;
}
    
#footer a:hover {
    background:#ffffff; 
    text-decoration:none;
    } 
    /*BG color is a must for IE6*/ 
#footer2 a:hover {
    background:#ffffff; 
    text-decoration:none;
    } 
    /*BG color is a must for IE6*/ 
	
a.tooltip span {
    display:none; 
    padding:4px 6px; 
    margin-left:8px; 
    width:280px;
    text-align:left;
    } 
a.tooltip:hover span{
    display:inline; 
    position:absolute;
    margin-top:-150px; 
    background:#ffffff; 
    border:1px solid #cccccc; 
    color:#6c6c6c;
    } 
	
a.tooltip2 span {
    display:none; 
    padding:4px 6px; 
    margin-left:8px; 
    width:280px;
    text-align:left;
    } 
a.tooltip2:hover span{
    display:inline; 
    position:absolute;
    margin-top:-110px; 
    background:#ffffff; 
    border:1px solid #cccccc; 
    color:#6c6c6c;
    } 



.clear{
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0px;
  visibility: hidden;
	}

#newsBlock{
    width:300px;
    margin:0;
}
#newsFrame{
    float:right;
    border:1px solid #adadad;
    background-color:#FFFFFF;
}
    .newsDetail{
    width:290px;
	background-color:#FFFFFF;
    margin:10px 7px 10px 7px;
    color:#000000;
    line-height:18px;
    }
        .newsDetail li{
        border-bottom: 1px dashed #ADADAD;
        margin-bottom:7px;
        }
.rightbanner{
	width:300px;
	margin-right:10px;
	}
.rightbanner img{
	margin-bottom:10px;
	}
	
.goodsmainbox{
	width:690px;
	}

.goodsbox{
	background-color:#FFFFFF;
    margin:0px 10px 0px 10px;
	}
	
.mapmainbox1{
	background-color:#FFFFFF;
    margin:0px 10px 0px 10px;
	width:670px;
	}
	
.showCase1{
width:600px;
margin-left:12px;
}
.showCase1 div{
float:left;
}

.productBox2{
    width:140px;
	height:240px;
    margin-right:10px;
}

.goodsboxText1{
    width:620px;
    margin:0px auto;
    background-image:url(img/bg_sonota2.gif);
	background-repeat:repeat-y;
    border-bottom:2px solid #ff6600;
	}
.goodsboxText2{
	background-image:url(img/bg_sonota.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	line-height:160%;
	}
	
.goodsboxText3{
    width:620px;
    margin:0px auto;
    background-image:url(img/bg_tshatu2.gif);
	background-repeat:repeat-y;
    border-bottom:2px solid #2797c9;
	}
.goodsboxText4{
	background-image:url(img/bg_tshatu.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	line-height:160%;
	}

.goodsboxText5{
    width:620px;
    margin:0px auto;
    background-image:url(img/bg_okashi2.gif);
	background-repeat:repeat-y;
    border-bottom:2px solid #ff88d1;
	}
.goodsboxText6{
	background-image:url(img/bg_okashi.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	line-height:160%;
	}


.goodsboxText7{
    width:620px;
    margin:0px auto;
    background-image:url(img/bg_post2.gif);
	background-repeat:repeat-y;
    border-bottom:2px solid #368d10;
	}
.goodsboxText8{
	background-image:url(img/bg_post.jpg);
	background-repeat:no-repeat;
	font-size:11px;
	line-height:160%;
	}
	
	
.campaignbox{
    width:620px;
    margin:0px auto;
    background-image:url(img/bg_campaign.gif);
	background-repeat:repeat-y;
    border-bottom:2px solid #66cc33;
	}
	
.campaignbox2{
	background-image:url(img/bg_campaigntop.jpg);
	background-repeat:no-repeat;
	background-position:top;
	font-size:13px;
	line-height:160%;
	padding-top:10px;
	}
	
.campaignbox3{
	background-image:url(img/bg_campaignbottm.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	font-size:13px;
	line-height:160%;
	padding:10px 0px;
	}

.campaigntokuten1Box{
    width:578px;
    margin:0px auto;
    background-image:url(img/bg_campaign1.jpg);
	background-repeat:no-repeat;
	background-position:right;
    border:1px solid #999999;
	background-color:#ffff99;
	height:138px;
	text-align:left;
	}
	
.campaigntokuten2Box{
    width:578px;
    margin:0px auto;
    border:1px solid #999999;
	background-color:#ffff99;
	text-align:center;
	}
	

.campaigntokutenBox12{
    width:558px;
	text-align:left;
	margin:0px 10px;
	}

.campaigntokutenBox12 img{
	float:left;
	}
.campaigntokutenBox12text{
	float:left;
	width:416px;
	}
	.campaigntokutenBox12newtext{
	float:left;
	width:368px;
	}
	.campaigntokutenBox12IN{
		padding:5px 5px 5px 15px;
	}
	
	
.campaigntext{
	margin-left:10px;
	margin-top:5px;
	text-align:left;
	}
	
.campaigntext2{
	width:410px;
	text-align:left;
	margin-right:10px;
	margin-left:5px;
	}
		
.campaigntext3{
	margin:8px 10px 5px 10px;
	text-align:left;
	}
	
.campaigntokuten1Box img{
	vertical-align:top;}
	
.campaigntokuten2Box img{
	vertical-align:top;}
	
.goodsboxText2 p{
	padding:5px;
	}
.goodsboxText4 p{
	padding:5px;
	}
.goodsboxText6 p{
	padding:5px;
	}
.goodsboxText8 p{
	padding:5px;
	}
.itiranlink{
	float:right;
	}
.itiranlink2{
	font-size:11px;
	color:#333333;
	margin-top:10px;
	text-align:left;
	margin-left:25px;
	line-height:1.3;
	}
.mg10tp{
	margin-top:10px;}

.sonotaTitle{
	padding:15px 0px 5px;
	margin-left:12px;
	width:600px;
	text-align:left;
	}
.sonotaTitle2{
	padding:0px 0px 5px;
	margin-left:12px;
	width:600px;
	text-align:left;
	}
.productBox1 a{
    width:140px;
    padding:3px;
    margin-right:4px;
    margin-bottom:4px;
    display: block;
    text-align:left;
    text-decoration:none;
    }
.productBox1 a:hover{
    background-color:#ffe9f7;
    text-decoration:none;
    }
.productBox12 a{
    width:140px;
    padding:3px;
    margin-right:4px;
    margin-bottom:4px;
    display: block;
    text-align:left;
    text-decoration:none;
    }
.productBox12 a:hover{
    background-color:#e3f6ff;
    text-decoration:none;
    }
.productBox13 a{
    width:140px;
    padding:3px;
    margin-right:4px;
    margin-bottom:4px;
    display: block;
    text-align:left;
    text-decoration:none;
    }
.productBox13 a:hover{
    background-color:#ffe9da;
    text-decoration:none;
    }


.mobileLine{
	margin:5px 10px;
    border-bottom:1px dashed #b2b2b2;
}

.shopimagebox{
	background-color:#FFFFFF;
	padding:0px 25px;
	}
	
	.campaign_pict1{
	font-size:90%;
	line-height:140%;
	color:#F00;
	margin-top:5px;
}