@charset "utf-8";
/*  RESET  */
html { overflow-y: scroll; }

body { line-height: 1; color: #000; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; }

q:before, q:after { content: ''; }

img, object, embed { vertical-align: top; }

hr, legend { display: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

img, abbr, acronym, fieldset { border: 0; }

li { list-style-type: none; }

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
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%; }

/*  CLASSES  */
.alpha img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

.bold { font-weight: bold !important; }

.normal { font-weight: normal !important; }


/* clearfix */
.clearfix, #ftNaviArea { *zoom: 1; }
.clearfix:after, #ftNaviArea:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

/*  BASE STYLE  */
html, body { height: 100%; }

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

body > img { width: 0; height: 0; }

/* hide img height for tracking */
* html body, * html input, * html textarea { font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }

a:link { color: #323232; }
a:visited { color: #323232; }
a:hover { text-decoration: none; }
a:active { color: #323232; }

body { width: 100%; background-color: white; text-align: center; /* for IE6 */ color: #000; }

/* -------------- container ---------------- */
#container { position: relative; width: 100%; height: 100%; text-align: left; }










/* footer ====================== */
#footer { position: fixed; bottom: 0; left: 0; width: 100%;
 min-width: 1100px;
 height: 80px; background: #fff; z-index: 1000; }
#footer h1 { float: left; padding: 0 3px; }
#footer .detailLinks { border-top: #bdbdbd 1px dotted;
	overflow:hidden;
 }

#ftNaviArea {
	/*height: 0; height anime やめた*/ 
	overflow: hidden;
}

/* social area ------------- */
#shareArea .list { float: left; overflow:hidden; padding-left:16px; }
#shareArea .list li { float: left; padding: 12px 8px 14px 0px; }

/* footer nav -------------- */
#ftNavi li { float: left; position: relative; -webkit-transition: background-position .4s linear; transition: background-position .4s linear; background-position: 0 0; perspective: 1000px; }
#ftNavi li a { text-indent: -9999px; display: block; position: relative; z-index: 10; }

#nav_top a { display: block; width: 66px; height: 36px; background: url(../img/common/nav_top.png) no-repeat; }
#nav_top a:hover { background-position: left -36px; }
#nav_news a { display: block; width: 78px; height: 36px; background: url(../img/common/nav_news.png) no-repeat; }
#nav_news a:hover { background-position: left -36px; }
#nav_shop a { display: block; width: 75px; height: 36px; background: url(../img/common/nav_shop.png) no-repeat; }
#nav_shop a:hover { background-position: left -36px; }
#nav_blog a { display: block; width: 80px; height: 36px; background: url(../img/common/nav_blog.png) no-repeat; }
#nav_blog a:hover { background-position: left -36px; }
#nav_online a { display: block; width: 117px; height: 36px; background: url(../img/common/nav_online.png) no-repeat; }
#nav_online a:hover { background-position: left -36px; }
#nav_company a { display: block; width: 100px; height: 36px; background: url(../img/common/nav_company.png) no-repeat; }
#nav_company a:hover { background-position: left -36px; }
#nav_mail a { display: block; width: 69px; height: 36px; background: url(../img/common/nav_mail.png) no-repeat; }
#nav_mail a:hover { background-position: left -36px; }

#ftNavi li a:hover,
#ftNavi li.active a { background-position: left -36px; }


#footer_logo{
	float:right;
	padding-right:16px;
}

#copyright { float: right; padding: 17px 16px 0 16px; }



/* fadeInOut ---------- */





/* noscript */
.noscript #loading { display: none; }
.noscript #nsMsg { width: 325px; height: 239px; position: absolute; z-index: 100; left: 50%; top: 50%; margin: -145px 0 0 -162.5px; }