@charset "utf-8";
/* * * * * * * * * * * * * * * *
  base.css
  (c) FOURDIGIT Inc.

  1. html, body
  2. HTMLtag, siteCommonClass
  3. Layout, Design
  4. Utils
* * * * * * * * * * * * * * * * */


/****************
* 1. html, body *
*****************/
/* body */
body {
    background-repeat: repeat-x;
    background-position: center top;
    padding-bottom: 0;
    font-size: 12px!important;
}


/* .page */
.page {
    color: #666666;
    font-size: 100%;
    line-height: 1.67;
}

/* RESET */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000000;background:#ffffff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{font-size:0.75em;vertical-align:0.25em}sub{font-size:0.75em;vertical-align:-0.25em}big{font-size:110%}small{font-size:90%}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}article,aside,dialog,figure,footer,header,hgroup,nav,section,.article,.aside,.dialog,.figure,.footer,.header,.hgroup,.nav,.section{display:block}details,datalist,progress,meter,time,mark,video,audio,source,canvas,output,menu,command,.details,.datalist,.progress,.meter,.time,.mark,.video,.audio,.source,.canvas,.output,.menu,.command{}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}html >body{font-size:77.68%\9;line-height:1.27\9}


/******************************
* 2. HTMLtag, siteCommonClass *
*******************************/
/* selection */
::-moz-selection{
    background: #b6d6fb;
    color: #121212;
    text-shadow: none;
}
::selection {
    background: #b6d6fb;
    color: #121212;
    text-shadow: none;
}


/********************
* 3. Layout, Design *
*********************/
/* BASE */
.wrapper {
    width: 960px;
    margin: 0 auto;
    position: relative;
    zoom: 1;
}
.wrapper:after{ content : ''; display : block; clear : both; }
.page { min-width: 980px; }

/** Fonts **/
.page {
    font-family: Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", sans-serif;
    color: #000000;
    font-size: 100%;
}
/* Fonts:フォントサイズ font-size: 12px を基準 */
.font10 { font-size: 83%; }
.font11 { font-size: 91%; }
.font12 { font-size: 100%; }
.font13 { font-size: 108%; }
.font14 { font-size: 116%; }
.font15 { font-size: 125%; }
.font16 { font-size: 133%; }
.font17 { font-size: 141%; }
.font18 { font-size: 150%; }
.font19 { font-size: 158%; }
.font20 { font-size: 166%; }
.font21 { font-size: 175%; }
.font22 { font-size: 183%; }
.font23 { font-size: 191%; }
.font24 { font-size: 200%; }

/* Fonts:フォントスタイル */
.underLine { text-decoration: underline; }
.bold { font-weight: bold; }
.textArea .bold {
    line-height: 2.35;
    font-size: 116%;
}
.textArea .text {
    line-height: 1.87;
    color: #777;
    font-size: 116%;
}
.caption {
    color: #666666;
    font-size: 83%;
    line-height: 1.5;
}
.wrapper h3 {
    font-size: 166%;
    line-height: 1.1;
}
.subTitle {
    font-size: 116%;
    line-height: 1.57;
}

/* Header, GlobalNavigation */
#Header{
    padding-top: 30px;
}
/* footer */
#Footer {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #222;
}

/* SocialBtnArea */
#social-btn { float: left; }
#social-btn .facebook {
    width: 120px;
    padding-top: 3px;
    float: left;
}
#social-btn .twitter {
    width: 152px;
    padding-top: 3px;
    float: left;
}
#social-btn .google {
    width: 50px;
    padding-top: 3px;
    float: left;
}
.copyright {
	padding-top: 5px;
	float: right;
}



/***********
* 4. Utils *
************/
/* force float */
.fl { float:left !important; }
.fr { float: right !important; }

/* clearfix */
.clearfix{ zoom:1; }
.clearfix:after{ content:''; display: block; clear:both; }

/* DKIR */
.dkirBox {
    position: relative;
    z-index: 3;
    zoom: 1;
}
.dkir {
    display: block;
    text-decoration: none;
}
.dkir span {
    position: relative;
    z-index: -1;
    font-size: 0%;
    color: #000;
}

/**
 * force margin-top XXpx
 */
.mt00{margin-top:0px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt65{margin-top:65px !important;}
.mt70{margin-top:70px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}
.mt85{margin-top:85px !important;}
.mt90{margin-top:90px !important;}
.mt95{margin-top:95px !important;}
.mt100{margin-top:100px !important;}

/**
 * force margin-right XXpx
 */
.mr00{margin-right:0px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}
.mr55{margin-right:55px !important;}
.mr60{margin-right:60px !important;}
.mr65{margin-right:65px !important;}
.mr70{margin-right:70px !important;}
.mr75{margin-right:75px !important;}
.mr80{margin-right:80px !important;}
.mr85{margin-right:85px !important;}
.mr90{margin-right:90px !important;}
.mr95{margin-right:95px !important;}
.mr100{margin-right:100px !important;}

/**
 * force margin-bottom XXpx
 */
.mb00{margin-bottom:0px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}

/**
 * force margin-left XXpx
 */
.ml00{margin-left:0px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml55{margin-left:55px !important;}
.ml60{margin-left:60px !important;}
.ml65{margin-left:65px !important;}
.ml70{margin-left:70px !important;}
.ml75{margin-left:75px !important;}
.ml80{margin-left:80px !important;}
.ml85{margin-left:85px !important;}
.ml90{margin-left:90px !important;}
.ml95{margin-left:95px !important;}
.ml100{margin-left:100px !important;}

/**
 * force padding-top XXpx
 */
.pt00{padding-top:0px !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}
.pt60{padding-top:60px !important;}
.pt65{padding-top:65px !important;}
.pt70{padding-top:70px !important;}
.pt75{padding-top:75px !important;}
.pt80{padding-top:80px !important;}
.pt85{padding-top:85px !important;}
.pt90{padding-top:90px !important;}
.pt95{padding-top:95px !important;}
.pt100{padding-top:100px !important;}

/**
 * force padding-right XXpx
 */
.pr00{padding-right:0px !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}
.pr55{padding-right:55px !important;}
.pr60{padding-right:60px !important;}
.pr65{padding-right:65px !important;}
.pr70{padding-right:70px !important;}
.pr75{padding-right:75px !important;}
.pr80{padding-right:80px !important;}
.pr85{padding-right:85px !important;}
.pr90{padding-right:90px !important;}
.pr95{padding-right:95px !important;}
.pr100{padding-right:100px !important;}

/**
 * force padding-bottom XXpx
 */
.pb00{padding-bottom:0px !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}
.pb60{padding-bottom:60px !important;}
.pb65{padding-bottom:65px !important;}
.pb70{padding-bottom:70px !important;}
.pb75{padding-bottom:75px !important;}
.pb80{padding-bottom:80px !important;}
.pb85{padding-bottom:85px !important;}
.pb90{padding-bottom:90px !important;}
.pb95{padding-bottom:95px !important;}
.pb100{padding-bottom:100px !important;}
.pb200{padding-bottom:200px !important;}

/**
 * force padding-left XXpx
 */
.pl00{padding-left:0px !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}
.pl55{padding-left:55px !important;}
.pl60{padding-left:60px !important;}
.pl65{padding-left:65px !important;}
.pl70{padding-left:70px !important;}
.pl75{padding-left:75px !important;}
.pl80{padding-left:80px !important;}
.pl85{padding-left:85px !important;}
.pl90{padding-left:90px !important;}
.pl95{padding-left:95px !important;}
.pl100{padding-left:100px !important;}


/**
 * force text position
 */
.al { text-align: left !important; }
.ar { text-align: right !important; }
.ac { text-align: center !important; }
.vt { vertical-align: top !important; }
.vm { vertical-align: middle !important; }
.vb { vertical-align: bottom !important; }

/**
 * force position status
 */
.relative { position: relative !important; }
.absolute { position: absolute !important; }


/* No Script */
#Noscript {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 59px;
    border-bottom: 1px solid #999999;
    background: #ffffff;
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    font-family: sans-serif;
    overflow: hidden;
}
#Noscript .content { padding: 10px; width: auto; }
#Noscript span { color: #cc0000; }


/*****************
* 5.Other styles *
*****************/

/* Article */
.Article {
    padding-top: 50px;
    zoom: 1;
}

/* section */
.section { padding-bottom: 50px; }
.section .fl,
.section .fr { width: 466px; zoom: 1; }
.section .iconView {
    padding-top: 20px;
		font-size: 10px;
    text-align: center;
}
.section .iconView img { margin-right: 7px; }
.section .productBox h3 { padding-top: 50px; }
.section .productBox .btnBuy { padding-top: 25px; }
.section .zoomBox {	cursor: crosshair; }

/* 画像拡大 */
.zoomAreaWrapper {
	position: relative;
	z-index: 3;
}
#section01 .zoomAreaWrapper,
#section01 .zoomBox {
	width: 465px;
	height: 650px;
}
.zoomBox {
	position: absolute;
	z-index: 9999;
}