/* CSS Document */
h2{
 margin: 0;
 padding: 0;
}

#mainVisual{
 height: 220px;
 margin: 0 auto 20px auto;
 padding: 0;
 text-align: center;
 /*** background: url(../img/top/bg_mainvis.png) repeat-x 0 0; ***/
}

/* -------------------------------------
	LeftHanger
 ------------------------------------- */
#leftHanger{
 width: 660px;
 margin: 0;
 padding: 0;
 float: left;
}

#leftHanger ul{
 margin: 5px 0 20px 0;
 padding: 0;
 list-style: none;
}

#leftHanger ul li{
 margin: 0;
 padding: 3px 10px 3px 30px;
 border-bottom: 1px dotted #CCCCCC;
 background: url(../img/arrow01.gif) no-repeat 15px 12px;
}

#leftHanger ul li span{ color: #666666; margin: 0 10px 0 0;}

.left_top{
 width: 174px;
 margin: 0;
 padding: 5px 0 0 15px;
 float: left;
}

.left_top img{
 margin: 10px 0px 20px 0px;
 padding: 2px;
 border: #CCCCCC 1px solid;
}

.right_top{
 width: 460px;
 margin: 0;
 padding: 5px 0 0 0;
 float: right;
}

#serviceHangers{
 margin: 0;
 padding: 0 0 0 5px;
}
.serviceHanger{
 width: 210px;
 margin: 15px 0 0 5px;
 padding: 0;
 float: left;
}

.serviceHanger a{ margin: 0; padding: 0; text-decoration: none;}

.serviceHanger h3{
 margin: 0 5px;
 padding: 0 0 0 20px;
 display: block;
 font-size: 0.95em;
 background: url(../img/arrow02.gif) no-repeat 0 2px;
}

.serviceHanger img{
 margin: 5px 0;
 padding: 2px;
 border: 1px solid #CCCCCC;
}

.serviceHanger p{
 margin: 0;
 padding: 0 5px;
 font-size: 0.75em;
 line-height: 1.2em;
}

.serviceHanger img:hover{ border: 1px solid #99CC00;}

#magazine{
 margin: 0;
 padding: 0;
}

a.magazine{
 margin: 20px 0;
 padding: 5px;
 display: block;
 border: 5px solid #EAEAEA;
 cursor: pointer;
 text-decoration: none;
}

a.magazine:hover{
 border: 5px solid #99CC00;
}

#magazine h2{
 margin: 0;
 padding: 0;
 float: left;
}

#magazine img{
 margin: 0 0 0 10px;
 float: left;
}

#magazine ul{
 width: 390px;
 margin: 0;
 padding: 0;
 float: right;
 font-size: 0.75em;
 color: #006633;
 border-left: 2px solid #006633;
}

#magazine ul li{
 margin: 0 0 0 5px;
 padding: 1px;
 border-bottom: 1px dotted #CCCCCC;
 background: none;
}

p.pinch{
 margin: 10px 0;
 padding: 0;
}

p.pinch a{
 width: 660px;
 height: 55px;
 margin: 0;
 padding: 0;
 display: block;
 text-indent: -99999px;
 /*\*/overflow: hidden;/* */
 background: url(../img/top/pinch.gif) no-repeat 0 0;
}

p.pinch a:hover{ background-position: 0px -55px;}


/* -------------------------------------
	RightHanger
 ------------------------------------- */
#rightHanger{
 width: 200px;
 margin: 0;
 padding: 0;
 float: right;
}

#rightHanger h3{
 margin: 0;
 padding: 0;
}

p.shop{
 margin: 0;
 padding: 0 0 5px 0;
}
p.shop a{
 margin: 0;
 padding: 0;
}

p.shop a{
 width: 200px;
 height: 90px;
 margin: 0;
 padding: 0;
 display: block;
 text-indent: -99999px;
 /*\*/overflow: hidden;/* */
 background: url(../img/top/banner_shop.png) no-repeat 0 0;
}
p.shop a:hover{ background-position: -200px 0px;}

.important{
 margin: 0 0 10px 0;
 padding: 0;
}

.pickup,.btnHanger,.bannerHanger{
 margin: 15px 0;
 padding: 0;
}

.important{ background: url(../img/top/bg_impo.gif) no-repeat bottom left;}

.important ul{
 margin: 0;
 padding: 5px;
 font-size: 0.75em;
 color: #CC0000;
 font-weight: bold;
 list-style: none;
}

.important ul li{
 margin: 5px 0 0 0;
 padding:5px 5px 5px 25px;
 background: url(../img/top/icon01.gif) no-repeat 5px 7px;
 background-color: #FFFFFF;
}

.pickup{ background: url(../img/top/bg_pickup.gif) no-repeat bottom left;}

.pickup p{
 margin: 0;
 padding: 0 0 10px 0;
 font-size: 0.70em;
 text-align: center;
}

.pickup p img{
 margin: 0 0 5px 0;
 padding: 1px;
 border: 1px solid #CCCCCC;
}

.btnHanger p{
 margin: 0;
 padding: 0 0 5px 0;
}

.btnHanger p a{
 width: 200px;
 height: 70px;
 margin: 0;
 padding: 0;
 display: block;
 text-indent: -99999px;
 /*\*/overflow: hidden;/* */
}

.btnHanger p a.btn01{ height: 75px; background: url(../img/top/btn01.png) no-repeat 0 0;}
.btnHanger p a.btn02{ background: url(../img/top/btn02.gif) no-repeat 0 0;}
.btnHanger p a:hover{ background-position: -200px 0px;}

.bannerHanger p{
 margin: 0;
 padding: 0 0 5px 0;
}