/***** 基本設定 *****/
BODY{
    margin:0px;
    padding:0px;
    color:#333333;
    scrollbar-base-color:#E3E3E3;
}

/***** リンクの基本設定 *****/

a:link    { color: #993333; text-decoration: none; }
a:visited { color: #993333; text-decoration: none; }
a:hover   { color: #009900; text-decoration: underline; }
a:active  { color: #993333; text-decoration: none; }

/***** マーカー文字*****/
*.marker {background-color: #ccff00;}
      
*.marker2 {background-color: #ffcc33;}

*.double { border-bottom: double 3px #ff0000; }

*.dot { border-bottom: dotted 2px #ff0000; } 

*.dot2 { border-bottom: dotted 2px #336600; } 


/****** 【ヘッド】 ******/
#head-tai {position: absolute; top:0px; height: 228px; width: 850px; background-image: url(img-iwai/top_rogo_tai_110727.gif); background-repeat: no-repeat;   overflow: hidden;}
#head-tkn {position: absolute; top:0px; height: 228px; width: 850px; background-image: url(img-iwai/top_rogo_tkn_110727.gif); background-repeat: no-repeat;   overflow: hidden;}
#head-kan {position: absolute; top:0px; height: 228px; width: 850px; background-image: url(img-iwai/top_rogo_kan_110727.gif); background-repeat: no-repeat;   overflow: hidden;}
#head-kok {position: absolute; top:0px; height: 228px; width: 850px; background-image: url(img-iwai/top_rogo_kok_110727.gif); background-repeat: no-repeat;   overflow: hidden;}
#head-kij {position: absolute; top:0px; height: 228px; width: 850px; background-image: url(img-iwai/top_rogo_kij_110727.gif); background-repeat: no-repeat;   overflow: hidden;}
#head-san {position: absolute; top:0px; height: 228px; width: 850px; background-image: url(img-iwai/top_rogo_san_110727.gif); background-repeat: no-repeat;   overflow: hidden;}
#head-bei {position: absolute; top:0px; height: 228px; width: 850px; background-image: url(img-iwai/top_rogo_bei_110727.gif); background-repeat: no-repeat;   overflow: hidden;}
#head-sot {position: absolute; top:0px; height: 228px; width: 850px; background-image: url(img-iwai/top_rogo_sot_110727.gif); background-repeat: no-repeat;   overflow: hidden;}
#head-hak {position: absolute; top:0px; height: 228px; width: 850px; background-image: url(img-iwai/top_rogo_hak_110727.gif); background-repeat: no-repeat;   overflow: hidden;}
#head-hya {position: absolute; top:0px; height: 228px; width: 850px; background-image: url(img-iwai/top_rogo_hya_110727.gif); background-repeat: no-repeat;   overflow: hidden;}
#head-cho {position: absolute; top:0px; height: 228px; width: 850px; background-image: url(img-iwai/top_rogo_cho_110727.gif); background-repeat: no-repeat;   overflow: hidden;}

#head {
    position: absolute;
    top:0px;
    height: 228px;
    width: 850px;
    background-image: url(img-01/top_rogo120204.jpg);
    background-repeat: no-repeat;
    overflow: hidden;
}

H1{
  font-size : 12pt;
  color : gray;
  font-weight : lighter;
  position : absolute;
  margin-top : 0px;
  margin-left : 10px;
}

H3{
  font-size : 10pt;
  color:#555555;
  font-weight:600;
}

/** ヘッドメニュー **/
.head-menu{position : absolute; margin-top :200px; margin-left :20px; width: 600px;}
.head-menu p {font-size:10pt;}
.head-menu a {text-decoration:none;
	        　padding:5px 7px;}
.head-menu a:hover{ color: #009900; text-decoration: underline; }

/****** 【レフト】 ******/
#left{
    position:absolute;
    top:228px;
    width:210px;
    background-color:#f8f4e9;
}

/****** 【メイン】 *******/
#main{
    position:absolute;
    top:228px;
    left:210px;
    width:640px;
    background-image:  url(img-01/top_main-bk1_120124.gif);
    background-repeat : repeat-y;
    background-position: right;
    font-size: 11pt;
}

/**  カートの中身 **/

.cart {margin : 10px 0px -10px 55px;}

/**  トピックス **/

a.left-top{
    margin-top: 10px;
    margin-left: 15px;
    display:block;
    width:180px;
    height:54px;
    text-indent:-200px;
    overflow:hidden;
    background-image:url(http://www.556-556.com/img-01/top_menu-fukujyu-ryu2.gif);
}
a:hover.left-top{
    filter: Alpha(opacity=50);
} 

/**  祝い別メニューのデザイン **/

.menu {margin : 10px 10px 10px 5px;}

.menu H3 {margin:0px 10px 0px 15px;
	padding:2px 5px ;
	color:#ffffff;
	background-color:#cc0000;
  　text-align : center;
  　font-weight : lighter;
  　font-size : 11pt;
}

.menu UL {margin:0;
	      padding : 0px 12px 10px 12px;
	      list-style-type:none;
	      }
.menu li {padding:7px 0 5px 55px;
	      border-bottom:1px dotted #666666;
	      font-size:11pt;
	      }
.menu a {color: #993333;}

.menu li :hover { color: #009900; text-decoration: underline;}
                             
.menu-a {background:url("img-01/top_menu-a.gif") no-repeat left;}
.menu-b {background:url("img-01/top_menu-b.gif") no-repeat left;}
.menu-c {background:url("img-01/top_menu-c.gif") no-repeat left;}
.menu-d {background:url("img-01/top_menu-d.gif") no-repeat left;}
.menu-e {background:url("img-01/top_menu-e.gif") no-repeat left;}
.menu-f {background:url("img-01/top_menu-f.gif") no-repeat left;}
.menu-g {background:url("img-01/top_menu-g.gif") no-repeat left;}
.menu-h {background:url("img-01/top_menu-h.gif") no-repeat left;}
.menu-i {background:url("img-01/top_menu-i.gif") no-repeat left;}
.menu-j {background:url("img-01/top_menu-j.gif") no-repeat left;}
.menu-k {background:url("img-01/top_menu-k.gif") no-repeat left;}
.menu-l {background:url("img-01/top_menu-l.gif") no-repeat left;}
.menu-m {background:url("img-01/top_menu-m.gif") no-repeat left;}                    
                  
                             
/**  商品別メニューのデザイン **/

.menu2 {margin : -10px 0px 0px -25px;}
.menu2 ul{

    width:100%;
}
.menu2 li{

    width:181px;
}
.menu2 a{
    display:block;
    width:180px;
    height:32px;
    text-indent:-100px;}
a:hover.top_menu_01,a:hover.top_menu_02,a:hover.top_menu_03,a:hover.top_menu_04,a:hover.top_menu_05,
a:hover.top_menu_06,a:hover.top_menu_07,a:hover.top_menu_08,a:hover.top_menu_09,a:hover.top_menu_10,
a:hover.top_menu_11,a:hover.top_menu_12,a:hover.top_menu_13,a:hover.top_menu_14,a:hover.top_menu_15,
a:hover.top_menu_16,a:hover.top_menu_17,a:hover.top_menu_18,a:hover.top_menu_19,a:hover.top_menu_20,
{filter: Alpha(opacity=50);
} 
A.top_menu_01{background-image : url(img-01/top_menu01b.gif); background-repeat: no-repeat;}
A.top_menu_02{background-image : url(img-01/top_menu02b.gif); background-repeat: no-repeat;}
A.top_menu_03{background-image : url(img-01/top_menu03b.gif); background-repeat: no-repeat;}
A.top_menu_04{background-image : url(img-01/top_menu04b.gif); background-repeat: no-repeat;}
A.top_menu_05{background-image : url(img-01/top_menu05b.gif); background-repeat: no-repeat;}
A.top_menu_06{background-image : url(img-01/top_menu06b.gif); background-repeat: no-repeat;}
A.top_menu_07{background-image : url(img-01/top_menu07b.gif); background-repeat: no-repeat;}
A.top_menu_08{background-image : url(img-01/top_menu08b.gif); background-repeat: no-repeat;}
A.top_menu_09{background-image : url(img-01/top_menu09b.gif); background-repeat: no-repeat;}
A.top_menu_10{background-image : url(img-01/top_menu10b.gif); background-repeat: no-repeat;}
A.top_menu_11{background-image : url(img-01/top_menu11b.gif); background-repeat: no-repeat;}
A.top_menu_12{background-image : url(img-01/top_menu12b.gif); background-repeat: no-repeat;}
A.top_menu_13{background-image : url(img-01/top_menu13b.gif); background-repeat: no-repeat;}
A.top_menu_14{background-image : url(img-01/top_menu14b.gif); background-repeat: no-repeat;}
A.top_menu_15{background-image : url(img-01/top_menu15b.gif); background-repeat: no-repeat;}
A.top_menu_16{background-image : url(img-01/top_menu16b.gif); background-repeat: no-repeat;}
A.top_menu_17{background-image : url(img-01/top_menu17b.gif); background-repeat: no-repeat;}
A.top_menu_18{background-image : url(img-01/top_menu18b.gif); background-repeat: no-repeat;}
A.top_menu_19{background-image : url(img-01/top_menu19b.gif); background-repeat: no-repeat;}
A.top_menu_20{background-image : url(img-01/top_menu20b.gif); background-repeat: no-repeat;}

/* 納期 */
.deliv{
    position:relative;
    border:#990000 1px solid;
    width:350px;
    padding:5px;
    background-image : url(http://www.556-556.com/img-01/top_left-bk.jpg);
    font-weight: 500;
    font-size:10pt;
    line-height:18px;
}

.del{vertical-align:middle;}

.del2{vertical-align:middle;}

.deliv2{
    position:relative;
    margin-top:12px;
    text-align: center;
    border:#990000 1px solid;
    width:200px;
    padding:3px;
    background-image : url(http://www.556-556.com/img-01/top_left-bk.jpg);
    font-weight: 500;
    font-size:10pt;
    line-height:18px;
}

.deliv3{
    position:relative;
    margin-top:-7px;
    text-align: center;
    border:#990000 1px solid;
    width:200px;
    padding:3px;
    background-image : url(http://www.556-556.com/img-01/top_left-bk.jpg);
    font-weight: 500;
    font-size:10pt;
    line-height:18px;
}

.deliv-center{
    position:relative;
    border:#990000 1px solid;
    width:350px;
    padding:5px;
    margin-top:12px;
    margin-left:100px;
    background-image : url(http://www.556-556.com/img-01/top_left-bk.jpg);
    font-weight: 500;
    font-size:10pt;
    line-height:18px;
}
.titl-aa{
    position:relative;
    border:#990000 1px solid;
    width:550px;
    padding:2px;
    background-image : url(http://www.556-556.com/img-01/top_left-bk.jpg);
    font-weight: 600;
    font-size:11pt;
    line-height:18px;
}

/** ご注文方法 **/
.menu3 {margin-top: 5px;
margin-left: 12px;}

.menu3 h3 {
position: relative;
top: 0px;
left:20x;
width: 170px;
padding:2px 5px ;
color:#ffffff;
background-color:#003300;
text-align : center;
font-weight : lighter;
font-size : 11pt;
}

.menu4b {
margin-top: -10px;
margin-left: 7px;
border: solid 1px #669900;
width: 190px;}

.cart0 {margin-top: -6px; margin-left: 10px;font-size:9pt;line-height: 17px;}
.cart1 {margin-top: 55px; margin-left: 50px;font-size:9pt;line-height: 12px;}
.cart2 {margin-top: 37px; margin-left: 50px;font-size:9pt;line-height: 12px;}
.cart3 {margin-top: 75px; margin-left: 50px;font-size:9pt;line-height: 12px;}
.cart4 {margin-top: 47px; margin-left: 50px;font-size:9pt;line-height: 12px;}
.cart5 {margin-top: 10px; margin-left: 10px;font-size:9pt;line-height: 17px; padding-bottom: 10px;}
.cart6 {margin-top: -28px; margin-left: 10px;font-size:9pt;line-height: 17px; padding-bottom: 10px;}
.cart7 {margin-top: 5px; margin-left: 50px;font-size:10pt;line-height: 20px;}
.cart8 {margin-top: -17px; font-size:11pt; font-weight:600; padding-bottom: 10px;}
.cart9 {margin:10px ;font-size:9pt;line-height: 17px; }
.cart10 {margin-top: -6px; margin-left: 10px;font-size:9pt;line-height: 17px; padding-bottom: 10px;}

.menu5b {
margin-top: 5px;
margin-left: 7px;
border: solid 1px #669900;
width: 190px;
}

.menu6b {
margin-top: 5px;
margin-left: 7px;
border: solid 1px #669900;
width: 190px;
}

.menu4 {
margin-top: -10px;
margin-left: 7px;
border: solid 1px #669900;
width: 190px;
height: 755px;
background-image : url(img-01/cart110330.jpg);
background-repeat: no-repeat;
background-position: 4px 255px;}

.menu5 {
margin-top: 5px;
margin-left: 7px;
border: solid 1px #669900;
width: 190px;
height: 175px;
}

.menu6 {
margin-top: 5px;
margin-left: 7px;
border: solid 1px #669900;
width: 190px;
height: 90px;
}

H5 {
margin-top: 10px;
margin-left: 10px;
width: 150px;
color:#990000;
font-weight : 600;
font-size : 10pt;
border-left: solid 1em;
border-left-color: #003300;
border-bottom: solid 2px;
border-bottom-color: #003300;
padding-left: 5px;
}

/* ボタン FAX */

a.btn-fax{
    margin-top: -15px;
    margin-left: 28px;
    display:block;
    width:129px;
    height:20px;
    text-indent:-200px;
    overflow:hidden;
    background-image:url(http://www.556-556.com/img-02/button-fax.gif);
}
a:hover.btn-fax{
    background-position:0px -23px;
}

.btn-fax3{
    margin-top: -15px;
    margin-left: 28px;
}

/* ボタン GALLERY */

a.btn-gallery{
    margin-top: 10px;
    margin-left: 15px;
    display:block;
    width:179px;
    height:44px;
    text-indent:-200px;
    overflow:hidden;
    background-image:url(http://www.556-556.com/img-02/button-gallery.gif);
}
a:hover.btn-gallery{
    background-position:0px -44px;
}

.info {
margin-top: 0px;
margin-left: 15px;
border: solid 1px #CC0000;
width: 176px;
text-align: center; 
}

.info2{
    margin-top:5px;
    margin-left:9px;   
    width:190px;
    height:195px;
    overflow:auto;
    text-align: center; 
}

.info2 p{
    font-size:10pt;
    margin:5px 5px;
    line-height: 17px; 
    }
    
.info3{
    margin-top:5px;
    margin-left:0px;   
    width:555px;
    height:235px;
    overflow:auto;
    background-image:url(img-01/info-bk110330.gif) ;
    text-align: left; 
}