body { 
        
       font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka?等幅, Osaka, 平成角ゴシック; 
       line-height: 14pt; 
}

p { font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka?等幅, Osaka, 平成角ゴシック; line-height: 150%; }
td { font-size: 10pt; line-height: 12pt; }

a:link {color: #0099FF;
   text-decoration: none;
  }
a:visited { 
   color: #0099ff;
   text-decoration: none;
}
a:hover { 
   color:#FFCC00;
   text-decoration: none;
}

a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
   
a img {
   border: 0px;
}


b { font-size: 9pt; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka?等幅, Osaka, 平成角ゴシック; font-weight: bold; line-height: 10px; text-align: center; }

/* H設定 */

h1 {
   font-size: 12px; 
   margin: 0;
}


h2 { 
    font-size: 14px; 
	font-weight: bold; 
	line-height: 51px; 
	margin: 0; 
	padding: 0 0 0 68px;
	background-image: url(http://www.hatblock.co.jp/images/bousi4.jpg);
	background-repeat: no-repeat;
	height: 46px;
	color: #432A01;
}


h3 {

    font-size: 14px; 
	font-weight: bold; 
	line-height: 51px; 
	margin: 0; 
	padding: 0 0 0 68px;
	background-image: url(../images/bousi4.jpg);
	background-repeat: no-repeat;
	height: 46px;
	color: #432A01;
}

h4 {   
    letter-spacing: 2px;
    font-size: 14px; 
	font-weight: bold; 
	line-height: 51px; 
	margin: 0; 
	padding: 0 0 0 68px;
	background-image: url(../images/bousi4.jpg);
	background-repeat: no-repeat;
	height: 46px;
	color: #432A01;

}

h6 { font-size: 8.5pt; font-weight: bold; line-height: 9pt; }
h5 { font-size: 8.5pt; line-height: 9pt; }





   
.mida4 { font-size: 12px; line-height: 22px; margin: 10 0 0 0; padding: 0 0 0 15px; }
.toptext1 { font-size: 20px; font-weight: bold; line-height: 24px; }
.toptext2 { font-size: 12px; font-weight: bold; line-height: 13px; margin: 0; padding: 15px; }

.mizuiro {
   color: #0099FF;
}


.omise {
   padding-top: 10px;
   padding-left: 20px;
   color: #0099FF;
   font-size: 17px

}

.padleff {
   padding-left: 20px;
}

.osirase {
   font-size: 13px;
}

ul.osirase li {
   padding-top: 3px;
}

.zyouhou {
   padding-top: 3px;
   padding-left: 20px;
   margin: 0px;
}

.new {
   width: 800px;
   padding-left: 60px;
   height: 41px;
  background-image: url(../img/new.jpg);
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: 600;
  background-repeat: no-repeat;

}

/*----------------------------------------------------------------------
                           段組み

------------------------------------------------------------------------*/

#main {
   width:900px;
   margin: 15px auto;
   
   
}

#left {
   width: 205px;  
   float: left;
   
  
}

#left2 {
   width: 370px;  
   float: left;
   padding-left: 32px;
   
  
}

#left3 {
   width: 206px;  
   float: left;
   padding-left: 32px;
   
  
}

.mamebac {
   /*background-color: #320000;*/
   height: 850px;
   background-color: #F1EFE1;
}

.mamebac2 {
   /*background-color: #320000;*/
   height: 1300px;
   background-color: #F1EFE1;
}

#right {
   width: 650px;
   float: right; 
   

}
/*-------------------------------------------------------------


TOP
---------------------------------------------------------------*/

#top {
   width: 900px;
   margin: 0px auto;
}

#topmain {
   width:100%;
   background-color: #000000;
   height: 149px;
   overflow: hidden;
   

}

#topmain p {
   display: block;
   width: 850px;
   margin: 0px auto;
 }

/*-------------------------------------------------------------


navi
---------------------------------------------------------------*/
#navbar {
    background-image: url(../images/back.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 46px;
	margin: 0px auto;
}

#navbar ul {
    margin: 0 auto;
    list-style: none;
	width: 900px;
	padding: 0px;
	
}
    
#navbar li  {
    display: block;
	width: 127px;
	line-height: 46px;
	text-align: center;
	float: left;
	color:#FFFFFF;
	font-size: 0.8em;
    border-left: solid #333333 1px ;
    margin: 0px;
	padding: 0px;
}

#navbar a {
    display: block;
	color: #FFFFFF;
    width: 127px;
	height: 46px;
	
}
 

#navbar a:hover {
    background-color: #FF9900;
}	

.cate {
   width: 205px;
   }
   
.cate p {
   margin: 0px;
}
/*------------------------------------------------------
                   main
------------------------------------------------------------*/



.p295 {
   width: 650px;
   overflow: hidden;
   margin-top: 10px;
  
}


.p295_left {
   width: 155px;
   float: left;
   margin: 0px;
}

.p295 p a{
   color: #666666;
   text-decoration: none;

}

.p295 p a:hover{
   color:#FFCC00;
}

.p295_right {
   width: 155px;
   padding-left: 10px;
   float: left;
   margin: 0px;
}
   
   
.a320 {
   width: 650px;
   overflow: hidden;
   margin-left: 0px;
   margin-top: 10px;
   
}

.left320 {
   width: 320px;
   float: left;
   margin: 0px;
   padding:0px;
}

.right320 {
   width: 320px;
   float: right;
   margin: 0px;
   padding:0px;
}   




/*------------------------------------------------------
                TOPページ一部ＣＳＳ
------------------------------------------------------------*/
.para {
   width: 600px;
   overflow: hidden;
}

.para_left {
   float: left;
   width: 295px;
 }
 
.para_right {
   float: right;
   width: 295px;
 }



/*新商品*/
.bousi_mainA {
   width: 800px;
   overflow: hidden;
   padding-top: 10px;
   clear: both;
}

.bousiA {
   width: 260px;
   border-right: 1px solid #eeeeee;
   float: left;
}

.shouhinA {
   text-align: center;
}

.titleA {
   text-align: center;
}

.titleA  a {
   padding: 6px;
    display:block;
	width: 220px
  
   
}

.titleA a:link {
   color: #0099FF;
   text-decoration: none;
 }
  
p.titleA a:hover {
   color:#FFCC00;
   text-decoration: none;
}

.titleA a:visited {
   color: #0099ff;
   text-decoration: none;
}

.setumeiA {
   padding-right: 8px;
   padding-left: 10px;
   height: 50px;
   line-height: 120%;
  
}  

.nedanA {
   margin-top: 6px;
   font-size:18px;
   font-weight:600;
   text-align: right;
   padding-right: 3px;
}


.nasi {
   clear: both;
}

.bana {
　　width: 800px;
    overflow: hidden;
}

.bana-left {
   float: left;
   width: 400px;
 }
 
.bana-right {
   float: right;
   width: 400px;
}

/*-------------------------------------------------------------
　　　　　スパイマスター
------------------------------------------------------------------*/
#spy {
   background-image: url(../images/spy_bg.jpg);
   background-repeat: no-repeat;
   height: 400px;
   width: 650px;
}   

#spy_left {
   margin-top: 205px;
   padding-left: 20px;
   float: left;
}

#spy_left2 {
   margin-top: 100px;
   padding-left: 80px;
   float: left;
}

#spy_right {
   margin-top: 100px;
   padding-left: 30px;
   float: left;
}

#spy6 {
   background-image: url(../images/spy6.jpg);
   background-repeat: no-repeat;
   width: 648px;
   height: 907px;
   margin-top: 0px;
   border: 1px #000000 sold;
 }
 
.spy01 {
   width: 650px;
   height: 580px;
   display: block;

 }
 
.spy02 {
   width: 650px;
   height: 300px;
   display: block;

 } 
 
 /*------------------------------------------------------

　　　　　　osusume
----------------------------------------------------------*/ 

#nea {
   width: 650px;
   overflow: hidden;
   margin-top: 20px;
   
}

.nea_left {
   width: 200px;
   float: left;
   line-height: 120%;
}

.nea_left2 {
   width: 200px;
   float: left;
   padding-left: 24px;
   line-height: 120%;
}

 
 
 
 /*-------------------------------------------------------------
　　　　　ゴルフマスター
------------------------------------------------------------------*/
#golf {
   background-image: url(../images/golf.jpg);
   background-repeat: no-repeat;
   height: 400px;
   width: 650px;
}   

#golf_left {
   margin-top: 160px;
   padding-left: 80px;
   float: left;
}


#golf_right {
   margin-top: 160px;
   padding-left: 60px;
   float: left;
}

#spy6 {
   background-image: url(../images/spy6.jpg);
   background-repeat: no-repeat;
   width: 648px;
   height: 907px;
   margin-top: 0px;
   border: 1px #000000 sold;
 }
 
.spy01 {
   width: 650px;
   height: 580px;
   display: block;

 }
 
.spy02 {
   width: 650px;
   height: 300px;
   display: block;

 } 
 
/*-------------------------------------------------------------
　　　　　楽天
------------------------------------------------------------------*/ 

#raku_bg {
   background-color: #E72727;
   background-repeat: no-repeat;
   height: 680px;
   width: 650px;
   overflow: hidden;
}


#raku_bg2 {
   background-color: #FFFFFF;
   background-repeat: no-repeat;
   width: 630px;
   margin-left: 10px;
   margin-top: 0px;
   overflow: hidden;
}


#raku_bg_left {
   float: left;
   width: 300px;
   padding-left: 10px;
   padding-top: 20px;
   margin: 0px;
}

#raku_bg_right {
   float: left;
   width: 300px;
   padding-left: 10px;
   padding-top: 20px;
   margin: 0px;
}

.raku_bt {
   margin: 30px 10px 0px 0px;
   text-align: right;
} 

.raku_bt2 {
   margin-bottom: 0px;
}    
   
   

/*-------------------------------------------------------------
　　　　　オーダー
------------------------------------------------------------------*/
#odersys tr td {
   padding: 6px;
   font-size: 14px;

}
   
.cdc {
   background-color: #161C3C;
   color: #FFFFFF; 
}

.aka2 {
   color: #F50649;
}
.aka3 {
   color: #F50649;
   font-size: 11px;
}

.step1 {
   padding-left: 110px;
   width: 585px;
   height: 40px;
   line-height: 40px;
   background-image: url(../images/bana.jpg);
   background-repeat: no-repeat;
}

.step2 {
   padding-left: 110px;
   width: 585px;
   height: 40px;
   line-height: 40px;
   background-image: url(../images/step2.jpg);
   background-repeat: no-repeat;
}

.step3 {
   padding-left: 110px;
   width: 585px;
   height: 40px;
   line-height: 40px;
   background-image: url(../images/step3.jpg);
   background-repeat: no-repeat;
}

.step4 {
   padding-left: 110px;
   width: 585px;
   height: 40px;
   line-height: 40px;
   background-image: url(../images/step4.jpg);
   background-repeat: no-repeat;
}

.step5 {
   padding-left: 110px;
   width: 585px;
   height: 40px;
   line-height: 40px;
   background-image: url(../images/step5.jpg);
   background-repeat: no-repeat;
}

.step6 {
   padding-left: 110px;
   width: 585px;
   height: 40px;
   line-height: 40px;
   background-image: url(../images/step6.jpg);
   background-repeat: no-repeat;
}

.step7 {
   padding-left: 110px;
   width: 585px;
   height: 40px;
   line-height: 40px;
   background-image: url(../images/step7.jpg);
   background-repeat: no-repeat;
}

.step8 {
   padding-left: 110px;
   width: 585px;
   height: 40px;
   line-height: 40px;
   background-image: url(../images/step8.jpg);
   background-repeat: no-repeat;
}

.mainmozi {
   font-size: 16px;
   font-weight: 800;
   padding-top: 10px;
   color: #4A5CA1;
   border-bottom: 1px #cccccc dashed;
   width: 580px;
   margin-left: 5px;
   padding-bottom: 4px;
   
 }
 
.bousi_main {
   width: 648px;
   overflow: hidden;
   padding-top: 10px;
   clear: both;
}

.bousi {
   width: 210px;
   border-right: 1px solid #eeeeee;
   float: left;
}

.shouhin {
   text-align: center;
}

.title {
   text-align: center;
}

.title  a {
   padding: 5px;
    display:block;
	width: 175px
  
   
}

.title a:link {
   color: #0099FF;
   text-decoration: none;
 }
  
p.title a:hover {
   color:#FFCC00;
   text-decoration: none;
}

.title a:visited {
   color: #0099ff;
   text-decoration: none;
}

.setumei {
   padding-right: 6px;
   padding-left: 6px;
   height: 35px;
   line-height: 120%;
  
}  

.nedan {
   padding-top: 10px;
   font-size:18px;
   font-weight:600;
   text-align: right;
   padding-right: 3px;
}

.leef {
   float: left;
 }
 
.odera {
   padding: 3px;
}


 
/*お客様レビュー*/
.okaku {
   height: 380px;
   border: #C2C2C2 solid 1px;
   width: 203px;
   margin-top: 10px;
} 

.mar05 {
   margin: 0px;
   width: 183px;
   height: 40px;
   background-color: #000000;
   color: #FFFFFF;
   line-height: 40px;
   padding-left: 20px;
   font-size: 16px;
    }

.okaku2 {
 
   border: #C2C2C2 solid 1px;
   width: 203px;
   margin-top: 10px;
} 

.okaku ul {
   margin: 5px;
   padding: 0px;
   list-style: none;
}

.okaku ul li{
   margin-bottom: 3px;
   margin-top: 5px;
   margin-left: 0px;
   border-bottom: #c2c2c2 solid 1px;
   font-size: 12px;
}

.okaku2 ul {
   margin: 5px;
   padding: 0px;
   list-style: none;
}

.okaku2 ul li{
   margin-bottom: 3px;
   margin-top: 5px;
   margin-left: 0px;
   border-bottom: #c2c2c2 solid 1px;
   font-size: 12px;
} 
 
 
 /*サイトマップ*/

.nennrei {
   margin-top: 15px;
   border-left: 4px solid #000000;
   padding-left: 6px
   
  }

ul.sitemap li {
   display:inline;
   list-style:square;
   padding-left: 5px;
} 

/*生地*/

.kizimain {
   width: 144px;
   border-right: 1px solid #eeeeee;
   float: left;
}
.kizi {
   text-align: center;
}

.kizititle {
   text-align: center;
}

.kizititle  a {
   padding: 4px;
    display:block;
	width: 130px
  
   
}

.kizititle a:link {
   color: #0099FF;
   text-decoration: none;
 }
  
p.kizititle a:hover {
   color:#FFCC00;
   text-decoration: none;
}

.kizititle a:visited {
   color: #0099ff;
   text-decoration: none;
}

.kizisetumei {
   width: 130px;
   padding-right: 4px;
   padding-left: 4px;
   height: 50px;
   line-height: 120%;
  
}

/*生地中身ページ*/

.kizinakami {
   width: 585px;
   overflow: hidden;
   padding-top: 10px;
   clear: both;
}

.kizinakami_left {
   width: 300px;
   padding-left: 5px;
   float: left;
}

.kizinakami_right {
   width: 260px;
   float: left;
   padding-left: 20px;
}







 

.mame {
   border-bottom: 1px dashed #321A18;
    font-weight: 600;
   padding-top: 15px;
   color: #000000;
   padding-bottom: 4px;
   font-size: 17px;
   width: 180px;
   margin-left: 10px;
}

.mameli {
 list-style: none;
 margin: 0px;
 padding: 0px;
   
}

ul.mameli li {
   font-size: 12px;
   list-style: none;
   padding-bottom: 5px;
   margin-left:10px;
   margin-right:10px;
   margin-top: 5px;
   border-bottom: 1px solid #E7E7E7;
   color:#000000;
   
}

ul.mameli li a {
   color: #753E3A;
   display: block;
   width: 180px;
}

ul.mameli li a:link {

}

ul.mameli li a:hover {
   background-color: #FF9900;
}

.mamemozi {
   line-height: 180%;
}



/*left メニュー*/

ul.rightmenu {
   width: 160px;
   display: block;
   border-bottom: 1px solid #cccccc;
   padding-bottom:3px;
   overflow: hidden;
   clear: both;
   margin: 0px;
   
}

.rightmenuleft {
   width: 50px;
   float: left;
   list-style: none;
   margin: 0px;
   padding: 0px;
}

.rightmenuright {
   width: 105px;
   float: left;
   padding-left: 5px;
   list-style: none;
   margin: 0px;
}



/*move*/
.move {
   font-size: 19px;
   font-weight: bold;
   border-bottom: 1px #000000 dashed;
}

.movetext {
   margin-top: 7px;
 
}

.movefont {
   font-size: 10px;
}

.movecolor {
   color: #0099FF;
   margin-bottom: 3px;
 }
 
/*------------------------------------------------
    fotter
---------------------------------------------------*/

#fotter {
   width: 100%;
   clear: both;
   background-color:#000000;
   height: 170px;
   overflow: hidden;
}

#fotter p {
   width: 850px;
   display: block;
   margin: 0px auto;
   height: 170px;
}

/*----------------------------

製造工程

 -------------------------*/ 
 
.seizou {
   font-size: 25px;
   font-weight: 700;
   margin-top:20px;
   color: #000000;
   }
   


.nagare_main {
   width: 600px;
   overflow: hidden;
   margin-top:30px;
   clear: both;
}

div.nagare p {
   margin-top:10px;
   line-height: 160%;
   font-size: 14px;
 }

.nagare_left {
   width: 300px;
   float: left;
}

.nagare_right {
   width: 290px;
   float: left;
   padding-left: 10px;
}

.line150 {
   line-heigth: 150%;
}


/*マージン　パディング*/
.martop20 {
   margin-top: 20px;
}

.mar0 {
   margin: 0px;

 }
 
.padtop20 {
   padding-top: 20px;
}

.padbottom {
   padding-bottom: 10px;
}

.padright12 {
   margin-right: 12px;
   text-align: right;
   }
   
.marnasi {
   margin: 0px;
   padding: 0px;
}

.marbottomnasi {
   margin-bottom: 0px;
   padding-bottom: 0px;
} 

.pnasi {
   margin: 0px;
}

.pnasi2 {
   margin: 0px;
   display: inline;
}

.pnasi3 {
   margin: 0px 0px 0px 200px;
   display: inline;
      text-aline: right;
}
   
/*-------------------------
　　　　　iro
---------------------------*/

.aka {
   color:#FF3300;
   }
   
/*-------------------------------------------------
   デニム用
	
--------------------------------------------------*/

.denimu {
   width: 600px;
   overflow: hidden;
     clear: both;
	 padding-top: 20px;
	 
}

.denimu_left {
   width: 190px;
   float: left;
}

.denimu_right {
  width: 190px;
   float: left;
   padding-left: 15px;
 }

/*---------------------------------------------------------

　　地図

------------------------------------------------------------*/ 

.tizu {
   display: inline;
}

.berry {
   width: 650px;
   overflow: hidden;
   clear: both;
}

.berry_left {
   float: left;
   width: 300px;
}

.berry_right {
   float: right;
   width: 245px;
}

/*----------------------------

サイ調整の流れ

 -------------------------*/ 
 
.seizou2 {
   font-size: 25px;
   font-weight: 700;
   margin-top:40px;
   color: #000000;
   clear: both;
   }
   


.nagare_main2 {
   width: 650px;
   overflow: hidden;
   margin-top:30px;
   clear: both;
}

div.nagare2 p {
   margin-top:10px;
   line-height: 160%;
   font-size: 14px;
   padding-reft: 25px;
 }

.nagare_left2 {
   width: 300px;
   float: left;
}



.nagare_right2 {
   width: 320x;
   float: left;
   padding-left: 30px;
 
}

.line150 {
   line-heigth: 150%;
}


/*---------------------------------------------------------

　　素材
------------------------------------------------------------*/ 

ul.sozai li {
   font-size: 12px;
} 


year  {
   height: 300@x;
   flout: left;
   height: 300px;
   margin-top: 5px;
}

/*---------------------------
　　大特価
-----------------------------*/ 
 
.yoyaku {
   width: 650px;
   overflow: hidden;
   margin-top: 10px;
}

.yoyaku_left {
   width: 215px;
   float: left;
}

.yoyaku_right {
   width: 215px;
   float: left;
   padding-left: 2px;
}