@charset "utf-8";

/*------------------
 __デフォルトクリア
------------------*/

* {
   margin: 0;
   padding:0;
}


body {
   font-family: "メイリオ",Meiryo,"MS Pゴシック","MS ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
   font-size: 62.5%;
   /*16px*62.5%=10px*/

   background: #000000;
   color: #fcfcfc;
   line-height: 1.5;
}


li {
   list-style-type: none;
}


img {
   border: none;
}


table {
   border: 0;
}


a {
   color: #f3993a;
   text-decoration: none;
}


a:hover {
   color: #cc9a57;
}


.upper {
   text-transform: uppercase;   
}


/*------------------
 __container
------------------*/


/*------------------
 __header
------------------*/
#hamatola-logo a {
   display: block;
   width: 400px;
   height: 100px;
}

#hamatola-logo a img {
   display: block;
   width: 400px;
   height: 100px;
}

#headline p {
   background: url(../images/hamaline.gif) left top repeat-x;
   text-indent: -9999px;
}


/*------------------
 __contents
------------------*/
#contents {
   width: 800px;
   margin-top: 20px;
   margin-left: 50px; 
}

#contents p {
   font-size: 1.2em;
    _font-size: 120%;
}


/*------------------
 __main
------------------*/
.main {
   padding-top:25px;
   clear: both;
}

.main p {
   font-size: 1.2em;
    _font-size: 120%;
}


/*------------------
 __mainleft
------------------*/
.mainleft {
   float: left;
}


/*------------------
 __tricargo
------------------*/
#tricargo a {
   background-image: url(../images/tricargo-roll.jpg);
   display: block;
   width: 250px;
   height: 180px;
}

#tricargo a:hover {
   background-color: #000000;
}

#tricargo a img {
   display: block;
   width: 250px;
   height: 180px;
}

#tricargo a:hover img {
   visibility: hidden;
}


/*------------------
 __chinosorts
------------------*/
#chinosorts a {
   background-image: url(../images/chinosorts-roll.jpg);
   display: block;
   width: 250px;
   height: 180px;
}

#chinosorts a:hover {
   background-color: #000000;
}

#chinosorts a img {
   display: block;
   width: 250px;
   height: 180px;
}

#chinosorts a:hover img {
   visibility: hidden;
}


/*------------------
 __helmet
------------------*/
#helmet a {
   background-image: url(../images/helmet-roll.jpg);
   display: block;
   width: 250px;
   height: 180px;
}

#helmet a:hover {
   background-color: #000000;
}

#helmet a img {
   display: block;
   width: 250px;
   height: 180px;
}

#helmet a:hover img {
   visibility: hidden;
}


/*------------------
 __henleyneck
------------------*/
#henleyneck a {
   background-image: url(../images/henleyneck-roll.jpg);
   display: block;
   width: 250px;
   height: 180px;
}

#henleyneck a:hover {
   background-color: #000000;
}

#henleyneck a img {
   display: block;
   width: 250px;
   height: 180px;
}

#henleyneck a:hover img {
   visibility: hidden;
}


/*------------------
 __deckjkt
------------------*/
#deckjkt a {
   background-image: url(../images/deckjkt-roll.jpg);
   display: block;
   width: 250px;
   height: 180px;
}

#deckjkt a:hover {
   background-color: #000000;
}

#deckjkt a img {
   display: block;
   width: 250px;
   height: 180px;
}

#deckjkt a:hover img {
   visibility: hidden;
}


/*------------------
 __folsom
------------------*/
#folsom a {
   background-image: url(../images/folsom-roll.jpg);
   display: block;
   width: 250px;
   height: 180px;
}

#folsom a:hover {
   background-color: #000000;
}

#folsom a img {
   display: block;
   width: 250px;
   height: 180px;
}

#folsom a:hover img {
   visibility: hidden;
}


/*------------------
 __mainright
------------------*/
.mainright {
   float: right;
   display: block;
   width: 530px;
   margin-top: 35px;
}

h2 {
   font-family: "MS P明朝","MS 明朝","Hiragino Mincho Pro-W3","ヒラギノ明朝 Pro W3",serif;
   font-size: 1.4em;
    _font-size: 140%;
   color: #e6e6e6;
}

.new {
   padding-left: 20px;
   font-family: "メイリオ",Meiryo,"MS Pゴシック","MS ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
   color: #f57490;
}

.under {
   font-family: "MS P明朝","MS 明朝","Hiragino Mincho Pro-W3","ヒラギノ明朝 Pro W3",serif;
   font-size: 1.3em;
    _font-size: 130%;
   font-weight: bold;
   color: #e6e6e6;
   border-bottom: solid 2px #f57490;
   padding-bottom: 7px;
}

.setumei {
   margin-top: 10px;
   font-size: 1.2em;
    _font-size: 120%;
}

.shousai {
   margin-top: 5px;
   margin-left: 20px;
   font-size: 1em;
    _font-size: 100%;
}


/*------------------
 __hamatolastore
------------------*/
#hamatolastore {
   margin-top: 25px;
}

iframe {
   border: solid 1px #fcfcfc;
}


/*------------------
 __reterntop
------------------*/
.reterntop {
   clear: both;
   text-align: right;
   font-size: 1em;
    _font-size: 100%;
   margin-top: 15px;
}

.reterntop img {
   vertical-align: text-bottom;
}


/*------------------
 __footer
------------------*/
#footer {
   clear: both;
   padding-top: 15px;
}

address {
   font-family: "MS P明朝","MS 明朝","Hiragino Mincho Pro-W3","ヒラギノ明朝 Pro W3",serif;
   font-style: normal;
   font-size: 1.1em;
   text-align: center;
}