/*　基本デザイン用css */
body {
     scrollbar-arrow-color: #000000;
     scrollbar-face-color: #FFFFFF;
     scrollbar-3dlight-color: #000000;
     scrollbar-shadow-color: #cccccc;
     scrollbar-darkshadow-color: #000000;
     background-color: #F8F8FF;
     background-image: url("../gazou/kabe/background.jpg");
     background-repeat: repeat;
     background-attachment: fixed;
     background-position: right ;
     margin-top: 0px;
     margin: auto;
     text-align: center;
     }

.out {
	background: url("../gazou/kabe/back-shadow.jpg") ;
	background-repeat: repeat-y;
	margin: 0 auto;
	width: 942px; 
	position: relative;
}

.contents {
          width: 900px; 
          background-color: #FFFFFF;
          border:solid 1px #FFFFFF;
          padding: 305px 0px 10px 0px;
          position: relative;    
	  margin-top: 0px;
     	  margin-right: auto;
     	  margin-left: auto;
	  text-align: center;
          }

.contents p    {
		font-size: 85%;
    		line-height: 140%;
   		text-align: left;
   		margin: 8px;
   		}

#top-left {
	clear: both;
	position: absolute;
	top: -22px;
	left: 5px;
	}

#top-right {
	position: absolute;
	top: -22px;
	left: 705px;
	width: 180px;
   	text-align: right;
	}

/*トップバー */
.gaiyou   {
	clear: both;
	position: absolute;
	text-align: left;
	top: -22px;
	left: 5px;
	}

.kodawari {
	clear: both;
	position: absolute;
	text-align: left;
	top: -22px;
	right: 5px;
	}



/*h1は大見出し */
h1   {
     font-weight: normal;
     font-size: 70%;
     clear: both;
     margin-top: 0px;
     padding: 5px 25px 3px 5px;
     position: relative;
     text-align: right;
     }

.head {padding-top: 40px;}
.head p {text-align: center;}

/*h2は中見出し */
h2   {
     margin: 10px;
     line-height: 140%;
     }

/*h3は小見出し */
h3   {
     font-size: 85%;
     margin: 30px 5px 5px 5px ; 
     text-align: left;
     color: #333300;
     border: solid 1px #AAAAAA;
     border-left: solid 8px #990000;
     padding: 3px;
     padding-left: 5px;
     line-height: 150%;
     }

h3 a  {
      font-weight: bold;
      font-size: 110%;
      }



img  {
     border: 0px;
     }

.floatleft {
	float: left;
	margin: 5px;
	}

.floatright {
	float: right;
	margin: 5px;
	}

.floatcenter {
	text-align:center;
	}

.clear {
	clear: both;
	}

.catch {
	font-weight: bold;
   	font-size: 150%;
	color: #990000;
	}

.red {
	font-weight: bold;
	color: #FF0000;
	}

.small {
	font-size: 50%;
	font-style: italic;
	}

.blan {
	font-size: 80%;
	font-style: italic;
	color: #32cd32;
	}

.rouge {
	font-size: 80%;
	font-style: italic;
	color: #dc143c;
	}

.spark {
	font-size: 80%;
	font-style: italic;
	color: #00bfff;
	}

.rose {
	font-size: 80%;
	font-style: italic;
	color: #ff69b4;
	}	
.ml50 {
	margin-left:50px;
	}
.mr75 {
	margin-right:75px;
	}
.fks1 {
	clear:both;
	}
.fks {
	clear:both;
	padding-left:60px;
	}
dl {
	font-size:85%;
    line-height: 140%;
	}
dt{
	font-weight:bold;
	}
dd {
	margin-bottom:10px;
	}
/*メイン */
.main     {
          width: 710px;
          float: left;
          text-align: left;
          top: 90px;
          left: 160px;
	  margin: 20px 1px;
	  display: inline;
          }

/*ワインタイプ*/
.type-rouge     {
		width: 100px;
		float: left;
		margin-left: 5px;]
		color: #000000;
		}

/*右側サイトインフォ */
.siteinfo {
          width: 180px;
          float: right;
          font-size: 80%;
	  margin: 37px auto auto auto;
          text-align: rihgt;
	  display: inline;
          }


/*無料サービス紹介 */
.muryou-cell {
	width: 710px;
	height: 150px;
	margin: 0px 0px 50px 5px;
	padding: 0px 2px 0px 2px;
	background-image: url("../gazou/top/muryou-back.gif");
	background-repeat: no-repeat;
	}

.muryou-cell img{
	margin-left: 0px;
	}

/*サイトマップ */
h4   {
     font: normal;
     font-size: 90%;
     margin: 8px;
     color: #990000;
     border-top: solid 3px #ffebcd;
     border-bottom: solid 3px #ffebcd;
     }

.sitemap {
         width: 220px;
         padding: 0px 2px;
         float: left;
	 font-size: 70%;

         }

.sitemap ul{
	   font: bold;
	   color: #990000 ;
	   list-style-type : none ;
           text-align: left;
           }

.sitemap li {
	   line-height : 190%;
           }

.sitemap li a{
	   font-weight: normal;
           }

/*h5はショップインフォメーションの中の見出し */
h5   {
     font-size: 100% ;
     margin: 0px ; 
     padding: 2px ;
     text-align: center;
     color: #990000 ;
     border-top: solid 3px #ffebcd;
     border-bottom: solid 3px #ffebcd;
     }

/*Present Wine Shop Infomationと書かれた見出し */
.midashibar   {
     margin: 0px 0px 10px 0px; 
     text-align: center;
     border-top: solid 3px #990000;
     padding: 5px ;
     color: #990000 ;
     font-weight: bold ;
     }

.col	{
	 font-size: 85%;
         width: 435px;
         padding: 0px 0px;
         float: left;
         margin: 0px 5px 20px 7px;
	 display: inline;
         }

.underbar {
	  margin: 30px 0px 30px 0px; 
          clear: both;
          }

/*パンくずリスト */
.pan   {
	clear: both;
	position: absolute;
	text-align: left;
	top: 5px;
	left: 15px;
	padding-right: 15px;
	}

.pan2   {
	clear: both;
	position: absolute;
	text-align: left;
	top: 330px;
	left: 15px;
	padding-right: 15px;
	}

/*h6はパンくずリストに使用*/
h6   {
     font-size: 7.5pt;
     margin: 0px;
     }

h6 a  {
      font-weight: normal;
      }

.space    {
          clear: both;
          }

/*フラッシュ */
.flash   {
          clear: both;
          position: absolute;
          top: 20px;
	  left: 0px;
	  margin-top: 0px;
	  text-align: center;
          }

/*フラッシュ代替 */
.smart   {
         display: none;
          }

.sumaho	{
         display: none;
          }

/*頭*/
.atama   {
          clear: both;
          position: absolute;
	  text-align: center;
　　　　　left:0;
          top: 0px;
	  margin: 0px 0px 0px 25px;
          }

/*購入ボタンのロールオーバー */
input.submit {
	border:none;
	cursor: pointer;
	text-indent: -9999px;
	display:block;
	background:url("../gazou/banner/kounyu.jpg") no-repeat;
	width:160px;
	height:80px;
}

input.submit:hover {
	background:url("../gazou/banner/kounyu_o.jpg") no-repeat;
}











/*サイドメニューバー用CSS */
/*Credits: MY ISLAND CSS MENUS */
/*URL: http://myisland.jp/template/menus/index.html */

.menu_sb1 ul{
	margin: 0px 2px 0px 0px;
	padding: 0px;
	list-style-type: none;
	font: bold 14px Verdana;
	text-align: center;
        float: right;
	border: solid 1px #990000;
	width: 175px; /* Main Menu Item widths */
}
 
.menu_sb1 ul li{
	display: block;
	width: 175px; 
	height: 45px;
	position: relative;
     	background-color: #F5F5DC ;
}

/* Top level menu links style */
.menu_sb1 ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	font: normal 13px Verdana ;
	color: black;
	text-decoration: none;
	padding: 8px;
	text-indent: -5px;
}

.menu_sb1 ul li a:link, .menu_sb1 ul li a:visited, .menu_sb1 ul li a:active{
	background-color: #F5F5DC; /* メニュー カラー コード */
}

.menu_sb1 ul li a:visited{
	color: black;
}

.menu_sb1 ul li a:hover{
	font: bold 13px Verdana;
	color: blue;/* メニュー マウスオーバー カラー コード */
}

/*Sub level menu items */
.menu_sb1 ul li ul{
	position: absolute;
	border: none;
	width: 180px; /*Sub Menu Items width */
	top: 0;
	visibility: hidden;
}

.menu_sb1 a.subfolderstyle{
	background: url(images/left.gif) no-repeat 5% 50%;
}

.menu_sb1 ul li ul a:link, .menu_sb1 ul li ul a:visited, .menu_sb1 ul li ul a:active{
	background-color: #F5F5DC; /* サブメニュー カラー コード */
	font-weight: bold;
}

 
/* Holly Hack for IE \ */
* html .menu_sb1 ul li { float: left; height: 1%; }
* html .menu_sb1 ul li a { height: 1%; }
/* End */




/*- プルダウンメニュー用CSSdrop_down3 ---------------------------------- */

.pulldown, .pulldown ul {
	padding:0;
	margin:0;
	list-style:none;
	text-align: left;
	margin-top: 60px;
	display: inline;
}
.pulldown {
	border-top:2px solid #ccffcc;
	height:40px;
	width:900px;
}
.pulldown li a {
	text-decoration:none;
	text-align: center;

}
.pulldown li {
	float:left;
	width:180px;
	position:relative;
}
.pulldown li.last {
	margin:0;
}
.pulldown li a.top {
	display:block;
	width:180px;
	height:1px;
}
.pulldown ul {
	width:180px;
	position:absolute;
	left:0;
	top:0;
}
.pulldown ul li {
	visibility:hidden;
	position:absolute;
}

.pulldown ul li.heading {
	visibility:visible;
	display:block;
	width:180px;
	height:40px;
	background:url(../gazou/sidemenu/li_back.jpg);
	font-family:arial, verdana, sans-serif;
	font-weight: bold;
	color:#007800;
	text-align:center;
	font-size:13px;
	line-height:18px;
	position:absolute;
}

.pulldown table {
	padding:0;
	margin:0;
	border-collapse:collapse;
	margin:-1px;
}

.pulldown li a:hover {
	visibility:visible;
}

.pulldown :hover ul li {
	visibility:visible;
	position:static;
	width:180px;
}

.pulldown :hover ul li a {
	display:block;
	padding:3px 0px;
	width:180px;
	background:#e8e8e8;
	color:#007700;
	text-decoration:none;
	font-family:verdana, arial, sans-serif;
	font-size:13px;
}

.pulldown :hover ul li a:hover {
	text-decoration:underline;
}

/* fix for IE5.x and IE6 alpha opacity png background images */
.pulldown ul li.heading {
	behavior: url(iepngfix.htc);
}





/*■■■スマホ対策■■■*/
@media only screen and (max-width: 980px)
{
.flash   {
         display: none;
          }

.pc	{
         display: none;
          }

.sumaho	{
	  display: block;
	}

/*フラッシュ代替 */
.smart   {
	  display: block;
          clear: both;
          position: absolute;
	  text-align: center;
          top: 20px;
	  left: 20px;
	  margin-top: 0px;
          }
}