@charset "utf-8";

/* ----------------------------------------------------------------------------------------------------
*  バナーボックス
* --------------------------------------------------------------------------------------------------*/

body {
	text-align: justify;
	

}

#m_bnr ul{
	overflow:hidden;
	zoom:1;
	margin-bottom:25px;
}
#m_bnr ul li{
	float:left;
	margin-bottom:3px;
}
#m_bnr ul li a:hover{
     zoom: 1; 
    /* IE */
    filter: alpha(opacity=40);
    -ms-filter: alpha(opacity=40);  /* ie 8 */
    /* Safari Opera */
    opacity:0.70;
    /* Firefox Netscape */
    -moz-opacity:0.70;
}
#newsBox {
	height: 330px;
	width: 730px;
	overflow-x:hidden;
	overflow-y:scroll;
	margin-bottom:20px;
}
#newsBox dl dt {
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 10px;
}
#newsBox dl dd {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCCC;
	padding-right: 20px;
	padding-left: 25px;
	font-size: 14px;
	line-height: 1.3;
	margin-bottom: 8px;
	padding-bottom: 15px;
}
#newsBox dl dd .red {
	font-weight: bold;
	color: #DD0000;
}




.pickup_box{
	overflow:hidden;
	zoom:1;
	margin-right:-25px;
	margin-bottom:25px;
}
.pickup_box h4{
	margin-bottom:13px;
}
.pickup_box dl{
	width:175px;
	float:left;
	margin-right:11px;
	margin-bottom:10px;
}

.pickup_box dl span{
	display:block;
}


.pickup_box dl dt{
	margin-bottom:3px;
}
.pickup_box dl dt a:hover,
.pickup_box dl dt img:hover {
     zoom: 1; 
    /* IE */
    filter: alpha(opacity=40);
    -ms-filter: alpha(opacity=40);  /* ie 8 */
    /* Safari Opera */
    opacity:0.70;
    /* Firefox Netscape */
    -moz-opacity:0.70;
}

.pickup_box dl dd{
	font-size:80%;
	
}


#rankingR{
	overflow:hidden;
	zoom:1;
	margin-right:-14px;
	margin-bottom:25px;
}
#rankingR h4{
	margin-bottom:13px;
}
#rankingR dl{
	width:132px;
	float:left;
	margin-right:14px;
}

#rankingR dl dt{
	margin-bottom:10px;
}
#rankingR dl dt a:hover{
     zoom: 1; 
    /* IE */
    filter: alpha(opacity=40);
    -ms-filter: alpha(opacity=40);  /* ie 8 */
    /* Safari Opera */
    opacity:0.70;
    /* Firefox Netscape */
    -moz-opacity:0.70;
}

#rankingR dl dd{
	font-size:80%;
	
}


#recommendList{
	overflow:hidden;
	zoom:1;
	margin-right:-14px;
	margin-bottom:25px;
}
#recommendList h4{
	margin-bottom:13px;
}
#recommendList dl{
	width:236px;
	height:280px;
	float:left;
	margin-right:10px;
	margin-bottom:13px;
}

#recommendList dl span{
	display:block;
	margin-bottom:5px;
}

#recommendList dl dt{
	margin-bottom:5px;
	text-align:center;
	background-color:#030;
	color:#FFF;
}
#recommendList dl dt a:hover{
     zoom: 1; 
    /* IE */
    filter: alpha(opacity=40);
    -ms-filter: alpha(opacity=40);  /* ie 8 */
    /* Safari Opera */
    opacity:0.70;
    /* Firefox Netscape */
    -moz-opacity:0.70;
}

#recommendList dl dd{
	font-size:70%;
	
}

#recommendList dl dd ul li{
	background-image:url(img/main/main_underbnr_carsol.jpg);
	background-repeat:no-repeat;
	background-position:0 8px;
	text-indent:12px;
	font-size:14px;
}
#recommendList dl dd ul li a{
	display:block;
}


.notice {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #8cbed5;
	border-bottom-color: #8cbed5;
	border-left-color: #8cbed5;
	width: 946px;
	margin-top: -15px;
	margin-bottom: 15px;
}
.style6 {
	font-size: 12px;
	line-height: 1.5em;
}
.style5 {
	font-size: 18px;
	font-weight: bold;
	color: #DD0000;
}

.style7 {
	font-size: 14px;
	font-weight: bold;
	color: #DD0000;
}
.NewText {
	color: #ff0000;
	display: inline !important;	
	/*padding-right: 10px;*/
}
.NewTextRed {
	color: #ff0000;
	font-size: 24px;
	position: relative;
	bottom: 135px;
	left: 10px;
}

#tenpo {
	font-size: 0.8em;
}


/* お歳暮・迎春菓用CSS */

#oseibo {
	width:730px;
}
#oseibo .shouhin,
#oseibo .shouhin2 {
	position:relative;
}
#oseibo .shouhin2 {
	background-image:url(2image/oseibo2017/oseibo2017_11.jpg);
	background-repeat:no-repeat;
	width:730px;
	height:738px;
}
#oseibo .shouihin3 {
	width: 715px;
	height: 144px;
	position: absolute;
	left: 14px;
	top: -2px;
}
#oseibo .shouihin4 {
	width: 715px;
	height: 175px;
	position: absolute;
	left: 12px;
	top: 217px;
}
#oseibo .shouihin5 {
	width: 715px;
	height: 100px;
	position: absolute;
	left: 20px;
	top: 455px;
}
#oseibo .shouihin5 {
	width: 715px;
	height: 100px;
	position: absolute;
	left: 20px;
	top: 455px;
}
#oseibo a img:hover {
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
#oseibo .shouhin2 dl {
	float:left;	
}
#oseibo .shouhin2 dl a {
	width:138px;
	padding-top:170px;
	display:block;
	margin-left:5px;	
}

#oseibo .cartbtn {
	width:201px;
	height:48px;
	padding-left:95px;	
}
#oseibo .btn01 {
	background-image:url(img/2015oseibo/oseibo-03.jpg);
	width:730px;
	height:407px;
}
#oseibo .priceleft {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 351px;
	height: 355px;
	display: block;
}
#oseibo .pricecenter {
	position: absolute;
	left: 292px;
	top: 186px;
}
#oseibo .priceright {
	position: absolute;
	left: 380px;
	top: 20px;
	width: 346px;
	display: block;
}
#oseibo .priceleft2 {
	position: absolute;
	left: 44px;
	top: 185px;
}
#oseibo .priceright2 {
	position: absolute;
	left: 200px;
	top: 150px;
	width: 378px;
	height: 378px;
}
#oseibo .priceright3 {
	position: absolute;
	left: 200px;
	top: 80px;
	width: 378px;
	height: 378px;
}
#oseibo p {
	font-size:30px;
	padding:270px 0 0 110px;
}
#oseibo p span {
	font-size:18px;
}
#oseibo span {
	font-size:14px;
	text-align:center;
}
/* お歳暮・迎春菓用CSSここまで */

.botan {
	width:300px;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:5px 0 5px;
    background-color:#6C9;
	border-radius:5px;
	box-shadow:1px 1px #699;
}

.botan2 {
	width:200px;
	color:#FFF; 
    font-size:18px;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:5px 0 5px;
    background-color:#a00;
	border-radius:5px;
	/*box-shadow:1px 1px #699;*/
	margin-top:10px;
}

.botan3 {
	width:500px;
    font-size:18px;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:5px 0 5px;
    background-color:#900;
	border-radius:5px;
	box-shadow:1px 1px #699;
}

/*　共通説明　*/

#kyoutu {
	width: 730px;
	height:68px;
	text-align:center;
	margin-bottom: 30px;
}

#kyoutu img{
	height:100%;
}

/*　//共通説明　*/


/* 縦書きとなり、行は右から左へ */
.vrl p {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
/* すべてのテキストを正立 */
  -webkit-text-orientation: upright;
  text-orientation: upright;
  
  height: 350px;
  vertical-align: top;
  font-family:"Times New Roman", Times, serif;
  text-align: left;
  display: block;
  float: right;
}

.genzairyo {
	font-size: small;
}

/*　スカイバナー設置用　*/

#sky_bnr1{
	width:80px;
	position:fixed;
	/*top:310px;*/
	bottom:250px;
	right:0px;

	
}
#sky_bnr1 img {
	border:none;
	
}

.mail input{
	border: 1px solid #ccc;
}

/* お中元　*/
.otyugen {
	width: 730px;
	margin: 0 auto;
	height: 750px;
	/*display:none;*/
}
/*　ボタン　*/
.cp_btn {
	margin: 20px auto;
	width: 400px;
}
.cp_btn a {
	display: block;
	text-decoration:none;
	width: 150px;
	padding: 0.8em;
	text-align: center;
	color: #FFF;
	border-radius: 4px;
	background: #4DD0E1;
	overflow: hidden;
	margin: 5px 10px;
	float: left;
}
.cp_btn a span {
	display:inline-block;
	transition: .5s
}
.cp_btn a:hover span {
	transform: rotateX(360deg);
}

/*見出し装飾*/
.midashi {
	color: #069;
	text-align: center;
	padding: 0.25em;
	border-top: solid 2px #6cb4e4;
	border-bottom: solid 2px #6cb4e4;
	background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	margin-bottom: 10px;
}