@charset "UTF-8";

/* === layout === */

#out-container {
 width: 1000px;
 margin: 0 auto;
}

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


#header { height: 241px;}

    h1 {
     position: absolute;
     left: 356px;
     top: 42px;
    }    
    #header ul {
     position: absolute;
     left: 0;
     top: 56px;
    }
    #header ul li { margin-bottom: 3px;}
    #header .text {
     position: absolute;
     left: 675px;
     top: 60px;
    }
    #header .store {
     left: 675px;
     position: absolute;
     top: 140px;
    }
    #header .pri {
     left: 870px;
     position: absolute;
     top: 179px;
    }


    #header .share {
     position: absolute;
     left: 870px;
     top: 142px;
    }
	#header .cojp {
     left: 800px;
     position: absolute;
     top: 235px;
     }
    #header ol {
     left: 840px;
     position: absolute;
     top: 200px;
    }

    #header ol li {
     float: left;
     padding-right: 4px;
    }
    


#contents {
 width: 760px;
 margin: 0 auto;
}
    #contents p { color: #4d4d4d !important;}
    .normal { color: #333 !important;}
    #contents a { color: #4d4d4d;}
    
    
    
#blog-side { width: 163px;}
    #blog-side li {
     font-size: 10px;
     line-height: 1.4em;
     margin-bottom: 5px;
    }
    #blog-side a { text-decoration: none !important;}


#footer { border-top: 1px solid #ccc;}


.pdl68 { padding-left: 68px;}




/* === font === */


body {
 color: #333;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

p {
 font-size: 12px;
 line-height: 1.7em;
}

#explanation p {
 font-size: 14px;
 line-height: 1.7em;
}

.product-side {
 font-size: 14px;
 line-height: 1.7em;
}

.fs09 { font-size: 9px !important;}
.fs10 { font-size: 10px !important;}
.fs11 { font-size: 11px !important;}
.fs12 { font-size: 12px !important;}
.fs13 { font-size: 13px !important;}
.fs14 { font-size: 14px !important;}
.fs15 { font-size: 16px !important;}
.fs16 { font-size: 16px !important;}
.fs19 { font-size: 19px !important;}


.en { font-family: Helvetica, Arial, sans-serif;}
.mincho { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}





/* === link === */

a {
 color: #333;
 text-decoration: underline;
}
a:hover { color: #ccc;}
a.link:hover { color: #ccc !important;}

.bl-hover {
 cursor: pointer;
 background-color: #ddd;
}
.unit a { text-decoration: none;}
.unit a:hover { color: #333;}



/* === other === */

hr {}