@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      common.css
 Adddate:        2010.01.29
 Upddate:        2011.08.23
 Style Info:     全ページ共通CSSファイル
----------------------------------------------------------- */

/* -----------------------------------------------------------
　　デフォルト設定
----------------------------------------------------------- */
html {
 overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, table, th, td {
 margin: 0;
 padding: 0;
}
object, embed {
 vertical-align: top;
}
h1, h2, h3, h4, h5, h6 {
 font-size: 100%;
 font-weight: bold;
}
img {
 border: 0;
 vertical-align: bottom;
}
ul, li {
 list-style-type: none;
}

/* -----------------------------------------------------------
　　フォント設定
----------------------------------------------------------- */
body {
 color: #333;
 font-size: 13px;
 font-family:  "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",verdana,sans-serif;
 *font-size: small;
 *font: x-small;
 line-height: 1.5;
 text-align: center;
 background: url(../../img/bg.jpg) repeat-x left top;
}
table {
 font-size: inherit;
 font: 100%;
}
.small {
 font-size: 85%;
}
.small2 {
 font-size: 93%;
}
.bold {
 font-weight: bold;
}
.big {
 font-size: 123.1%;
}
/* -----------------------------------------------------------
　　マージン設定
----------------------------------------------------------- */
.top5 { margin-top: 5px;}
.top10 { margin-top: 10px;}
.top15 { margin-top: 15px;}
.top20 { margin-top: 20px;}
.top30 { margin-top: 30px;}

/* -----------------------------------------------------------
　　文字カラー設定
----------------------------------------------------------- */
.red {
 color: #D60000;
}

/* -----------------------------------------------------------
　　リンク設定
----------------------------------------------------------- */
a, a:link, a:visited {
 color: #00734D;
 text-decoration: none;
}
a:hover, a:active {
 color: #E8600F;
 text-decoration: underline;
}

a.arrow01-s {
 padding-left: 10px;
 background: url(../../img/arrow01_s.gif) no-repeat left center;
}


/* -----------------------------------------------------------
　　囲みバグ設定
----------------------------------------------------------- */

.bug:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.bug { display:inline-table; }

/* Mac IE には適用させない */
* html .bug { height:1px; }
.bug { display:block; }
/* */

/* -----------------------------------------------------------
　　header
----------------------------------------------------------- */
#header-wrap {
 background: url(../../img/bg_header.jpg) no-repeat center top;
 height: 140px;
}
#header-liner {
 width: 960px;
 margin: 0 auto;
 padding: 6px 0 12px;
 text-align: left;
}
#header {
 width: 960px;
 margin: 0 auto;
 text-align: left;
}
#header-left {
 float: left;
 width: 288px;
}
#header-right {
 float: right;
 width: 672px;
 padding-top: 3px;
 text-align: right;
}
ul#submenu {
 margin-bottom: 22px;
}
ul#submenu li {
 display: inline;
 margin-left: 13px;
}

ul#cartmenu {
 margin-bottom: 18px;
}
ul#cartmenu li {
 display: inline;
}
#globalmenu {
 background: url(../../img/bg_globalmenu.gif) repeat-x top left;
 height: 42px;
}
#globalmenu ul {
 width: 960px;
 margin: 0 auto;
}
#globalmenu ul li {
 display: inline;
}

/* -----------------------------------------------------------
　　footer
----------------------------------------------------------- */
#footer-wrap {
 margin: 30px auto 0;
 padding: 20px 10px;
 background-color: #F6FDFA;
 border-top: solid 2px #BCD9D3;
 border-bottom: solid 2px #BCD9D3;
}
#neo3-footer {
 width: 960px;
 text-align: left;
 margin: 0 auto;
}

#footer-menu-wrap {
 float: left;
 width: 760px;
}
.footer-menu {
 float: left;
 width: 170px;
 margin-right: 20px;
}
.footer-menu h2 {
 padding-bottom: 12px;
 background: url(../../img/border_dot_h.gif) repeat-x left bottom;
}
.footer-menu ul li {
 padding-top: 12px;
}
.footer-menu ul li a, .footer-menu ul li a:link, .footer-menu ul li a:hover, .footer-menu ul li a:active {
 padding-left: 12px;
 background: url(../../img/arrow01.gif) no-repeat left center;
}

#neo3-guide-wrap {
 float: left;
 width: 540px;
 background: url(../../img/f_bg_guide_middle.gif) repeat-y left top;
}
#neo3-guide {
 background: url(../../img/f_bg_guide_top.gif) no-repeat left top;
}
#neo3-guide-inner {
 width: 540px;
 padding-top: 10px;
 background: url(../../img/f_bg_guide_bottom.gif) no-repeat left bottom;
}
#neo3-guide-inner h2 {
 padding: 0 20px;
}
ul#neo3-footer-guide-wrap {
 width: 490px;
 padding: 20px 25px 0;
}
ul#neo3-footer-guide-wrap li {
 float: left;
 width: 230px;
 margin: 0 30px 10px 0;
}
ul#neo3-footer-guide-wrap li.neo3-footer-guide-right {
 margin-right: 0;
}
ul#neo3-footer-guide-wrap li h3, ul#neo3-footer-guide-wrap li p {
 padding-bottom: 5px;
}
ul#neo3-footer-guide-wrap li .guide-strong {
 font-weight: bold;
 color: #E8600F;
}
#neo3-footer-right {
 float: right;
 width: 398px;
}
#neo3-footer-right-l {
 float: left;
 width: 180px;
}

#neo3-footer-right-r {
 float: right;
 width: 190px;
}
#neo3-footer-right-l h2 {
 margin-bottom: 10px;
}
#neo3-footer-right-l ul {
 margin-bottom: 25px;
}
#neo3-footer-right-l ul li {
 margin-bottom: 5px;
}
#neo3-footer-right-l ul li a {
 padding-left: 12px;
 background: url(../../img/arrow01.gif) no-repeat left center;
}
#neo3-footer-right-l ul li a, #neo3-footer-right-l ul li a:link, #neo3-footer-right-l ul li a:visited, #neo3-footer-right-l ul li a:hover, #neo3-footer-right-l ul li a:acrive {
 color: #505050;
}
#neo3-footer-right-r p {
 margin-bottom: 20px;
}

#neo3-footer2 {
 margin: 0 auto;
 padding: 10px 0;
 width: 960px;
 text-align: left;
}
#neo3-footer2-left {
 float: left;
 width: 500px;
}
#neo3-footer2-right {
 float: right;
 width: 281px;
 margin-top: 12px;
}
#neo3-footer2-left #neo3-footer2-left-l {
 float: left;
 width: 89px;
 margin-right: 40px;
}
#neo3-footer2-left ul#neo3-footer2-left-r {
 float: left;
 width: 361px;
 margin-top: 10px;
 font-size: 93%;
}
#neo3-footer2-left ul#neo3-footer2-left-r li {
 display: inline;
 padding-right: 15px;
}
#neo3-footer2-left ul#neo3-footer2-left-r li a {
 padding-left: 8px;
 background: url(../../img/arrow01.gif) no-repeat left center;
}


/* -----------------------------------------------------------
　　ページトップ設定
----------------------------------------------------------- */
.pagetop {
 margin-top: 20px;
 text-align: right;
}

/* -----------------------------------------------------------
　　上付き文字設定
----------------------------------------------------------- */
.sup {
 font-size: 93%;
 vertical-align: text-top;
}
/* FireFox */
*>/**/.sup {
 font-size: 93%;
 vertical-align: text-top;
 line-height: 10px;
}

/* -----------------------------------------------------------
　　※注意書き設定
----------------------------------------------------------- */
.cf {
 font-size: 85%;
}


table, th, td {
 border-collapse: collapse;
}

.indent {
 text-indent: -1em;
 padding-left: 1em;
}