@charset "UTF-8";
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,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{font-style:normal;font-weight:normal;}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{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/**
 * @author      katsuk - Salon Sapport Dept.
 * @copyright   Copyright (c) 2009-2010, Tachikawa, Inc.
 * @link        http://jbl-tachikawa.co.jp/
 */
/*
 *
 * CSS Reset
 *
 */
html { overflow-y: scroll; height:100%; }
html:first-child body{ min-height:100%; padding-bottom:1px; }
:focus { outline:0; }
/*
 *
 * Common CSS
 *
 */
html {
    color:#3E3B3B;
}
body {
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Osaka,sans-serif;
    font-size:87.5%;
    line-height:136%;
    letter-spacing:1px;
    zoom:1; /* IE6,IE7 */
}
a:link  {
    color:#0134C5;
    text-decoration:none;
}
a:visited  {
    color:#3E11AD;
    text-decoration:none;
}
a:hover  {
    text-decoration:underline;
}
a:active  {
    text-decoration:underline;
}
/*
 *
 * Base Style
 *
 */
h1, h2 {
    font-size:24px;
    font-weight:bold;
    margin:1em 14px;
}
p {
    margin:1em;
}
strong {
    font-weight:bold;
    color:#443333;
}
.small {
    font-size:smaller;
}
.alignRight {
    text-align:right;
}
/*
 *
 * home Style
 *
 */
#overAll {
    width:920px;
    margin:0 auto;
    overflow:hidden;
}
#header {
    overflow:hidden;
}
#logoMark {
    float:left;
}
#goDemo {
    width:100%;
    text-align:right;
}
#logoImg {
    margin:6px 0 0 6px;
}
#goDemoImg {
    margin:17px 14px 0;
}
#gNavArea {
    overflow:hidden;
    background:#000057;
    height:26px;
}
#gNav {
    float:left;
    width:670px;
}
#gNav li {
    float:left;
}
#gNav li a {
    color:#FFFFFF;
    margin-left:1em;
    font-size:12px;
    font-weight:bold;
    line-height:26px;
}
#gNav li a:hover {
    color:#FF3333;
    text-decoration:none;
}
#siteSeatch {
    float:left;
    width:250px;
}
#cse form.gsc-search-box {
    margin:0;
}
.gsc-branding {
    display:none;
}
#carousel {
    overflow:hidden;
}
#promotion {
    float:left;
    width:436px;
}
#promoWord {
}
#promoWordImg {
    margin:80px 75px 0;
}
#promoLogo {
}
#promoLogoImg {
    margin:35px 116px 42px;
}
#display {
    float:left;
    width:484px;
}
#displayImg {
    margin:33px 0;
}
#home {
    overflow:hidden;
    margin-top:22px;
}
#homeLeft {
    float:left;
    width:540px;
}
#homeFeature {
}
#homeFeature li {
    background:url("../images/site/check_mark.png") no-repeat;
    height:45px;
    margin:15px 0 15px 54px;
}
#homeFeature li span {
    display:table-cell;
    font-weight:bold;
    vertical-align:middle;
    padding-left:58px;
    height:45px;
}
#ie6 #homeFeature li span {
    display:block;
}
#ie7 #homeFeature li span {
    display:block;
}
#moreFeature {
    text-align:right;
    margin-right:100px;
}
#moreFeature img {
    vertical-align:middle;
}
#homeRight {
    float:left;
    width:380px;
}
#homeGoDemo {
    margin-top:42px;
}
#homePrice {
}
#homePriceImg {
    margin:39px 0 48px 12px;
}
#homePriceLink {
    text-align:right;
    margin-right:100px;
}
#homePriceLink img {
    vertical-align:middle;
}
#footerArea {
    margin-top:3em;
    overflow:hidden;
    clear:both;
}
#goTop {
    float:right;
    width:10.5em;
    font-size:11px;
    margin-right:2em;
    text-align:center;
    background:#000057;
    border-radius:6px 6px 0 0;
    -moz-border-radius:6px 6px 0 0;
    -webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
}
#goTop a {
    color:#FFFFFF;
}
#footer {
    overflow:hidden;
    background:#000057;
    clear:right;
    font-size:12px;
}
#footNav {}
#footNav li {
    float:left;
}
#footNav li a {
    color:#FFFFFF;
    margin-left:1em;
    font-weight:bold;
    line-height:36px;
}
#footNav li a:hover {
    color:#FF3333;
    text-decoration:none;
}
#copyright {
    display:block;
    clear:left;
    color:#FFFFFF;
    text-align:right;
    margin:3em 1em .5em;
}
#copyright a {
    color:#FFFFFF;
}
/*
 *
 * feature Style
 *
 */
.col2 {
    -moz-column-count: 2;
    -moz-column-gap:2em;
    -webkit-column-count: 2;
    -webkit-column-gap:2em;
}
#featureLeft {
    float:left;
    margin:0 14px 3em;
    width:432px;
}
#featureRight {
    float:left;
    margin:0 14px 3em;
    width:432px;
}
#featureLeft dt,
#featureRight dt {
    background:url("../images/site/check_mark.png") no-repeat;
    height:45px;
    margin:14px 0;
}
#featureLeft dt span,
#featureRight dt span {
    display:table-cell;
    font-weight:bold;
    vertical-align:middle;
    padding-left:58px;
    height:45px;
}
#ie6 #featureLeft dt span,
#ie6 #featureRight dt span {
    display:block;
}
#ie7 #featureLeft dt span,
#ie7 #featureRight dt span {
    display:block;
}
#featureLeft dd,
#featureRight dd {
    margin-left:2em;
}
/*
 *
 * price Style
 *
 */
#priceArea {
    overflow:hidden;
}
#price {
    float:left;
    margin:1em 14px 3em;
    width:432px;
}
#basePrice {
    margin-bottom:1em;
}
#basePrice td {
    padding:0 3px;
    white-space:nowrap;
}
#baseSpec {
    width:100%;
    border-collapse:separate;
    border-spacing:3px;
}
#baseSpec td {
    font-size:13px;
    padding:1px 1em;
    background:#CDCDCD;
}
#option {
    float:left;
    margin:2.6em 14px 3em;
    width:432px;
}
#option h3 {
    font-weight:bold;
    color:#FFFFFF;
    background:#333333;
    padding:2px .6em;
}
#option ul {
    margin:1em .6em 1em 0;
}
#option li {
    background:url('http://www.swifty.org/DEMO/share/icon/silk/bullet_blue.png') no-repeat;
    padding:0 20px;
    margin:.6em 0;
}
#specArea {
    overflow:hidden;
}
#specArea dt {
    margin:1em 0 .6em;
    padding:0 20px;
    font-weight:bold;
    background:url('http://www.swifty.org/DEMO/share/icon/silk/bullet_red.png') no-repeat;
}
#specArea img {
    vertical-align:middle;
}
#specArea dd {
    margin-left:20px;
    font-size:13px;
}
#specLeft {
    float:left;
    margin:0 14px 3em;
    width:432px;
}
#specRight {
    float:left;
    margin:0 14px 3em;
    width:432px;
}
#specRight dl dl dt {
    margin:.6em 0 0;
    padding:0;
    background:none;
}
#specRight dl dl dd {
    margin-left:1em;
}