/*
 * Copyright (c) 2000-2007 LOCKON CO.,LTD. All Rights Reserved.
 *
 * http://www.lockon.co.jp/
 */
 
@charset "<!--{$smarty.const.CHAR_CODE}-->";

/*FORM*/
.box3 { width: 33px; }	/*W3*/
.box6 { width: 54px; }	/*W6*/
.box10 { width: 82px; }	/*W10*/
.box12 { width: 96px; }	/*W12*/
.box18 { width: 138px; }	/*W18*/
.box19 { width: 145px; }	/*W19*/
.box20 { width: 152px; }	/*W20*/
.box30 { width: 222px; }	/*W30*/
.box33 { width: 243px; }	/*W30*/
.box40 { width: 292px; }	/*W40*/
.box47 { width: 341px; }	/*W47*/
.area40 { width: 302px; height: 134px; }	/*W40¡ßH8*/
.area45 { width: 337px; height: 290px; }	/*W40¡ßH20*/
.area46 { width: 337px; height: 134px; }	/*W40¡ßH8*/
.area50 { width: 372px; height: 290px; }	/*W50¡ßH20*/
.area55 { width: 407px; height: 290px; }	/*W55¡ßH20*/
.area65 { width: 444px; height: 290px; }	/*W65¡ßH20*/
.area68 { width: 498px; height: 134px; }	/*W68¡ßH8*/
.area80 { width: 572px; height: 134px; }	/*W80¡ßH8*/
.area80_2 { width: 572px; height: 420px; }	/*W80¡ßH30*/
.area92 { width: 666px; height: 160px; }	/*W92¡ßH10*/
.area96 { width: 694px; height: 420px; }	/*W80¡ßH30*/
.area96_2 { width: 694px; height: 160px; }	/*W80¡ßH10*/

/*LINK*/
a:link { color: #0094D0; text-decoration: underline; }
a:visited { color: #0094D0; text-decoration: underline; }
a:hover { color: #3a75af; text-decoration: none; }

/*OVER*/
a.over:link{ color:#4a6fa6; text-decoration: none; }
a.over:visited { color:#4a6fa6; text-decoration: none; }
a.over:hover { color:#4a6fa6; text-decoration: underline; }

/*COLOR*/
.white { color: #ffffff; }
.whitest { color: #ffffff; font-weight: bold; }
.red { color: #ec0000; }
.redst { color: #ec0000; font-weight: bold; }
.blue { color: #0094D0; }
.bluest { color: #0094D0; font-weight: bold; }
.black { color: #000000; }
.blackst { color: #000000; font-weight: bold; }
.orange { color: #ff6600; }
.orangest { color: #ff6600; font-weight: bold; }

/*PHOTO*/
.picture { 
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
}

/*PHOTO*/
img { 
	border: 0px;
}


#container #right #contents #right #price{
border-width: 1px;
border-style: solid;
border-color: #ccc;
padding: 0;
margin: 0;
padding: 0;
width: 295px;
background: #ecf5ff;
}

.picture img {
	border: 1px solid #999999;
}



.shousai_txt {
	font-size: 12px;
	color: #333333;
	padding: 10px 5px 0px;
}
.imgbox0 {
	border: 1px solid #CCCCCC;
}

.imgbox {
	margin: 1px 10px 1px 1px;
	padding: 1px;
	border: thin solid #999999;
}
.imgboxL {
	margin: 1px 10px 1px 1px;
	padding: 5px;
	border: thin solid #999999;
}
.barback {
	background-color: #DADBDB;
	background-image: url(https://www.helios-shop.jp/user_data/templates/def1/img/products/bar_05.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.titlebar {
	font-family: "¥Ò¥é¥®¥Î´Ý¥´ Pro W4";
	font-size: 16px;
	font-weight: bold;
	color: #555555;
	padding-left: 10px;
	letter-spacing: 0.15em;
}
.newsDay {
	color: #FF6600;
	font-weight: bold;
	padding-right: 10px;
}
.showblue {
	font-size: 16px;
	font-weight: bold;
	color: #0094D0;
}
.border_5 {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.large{
	font-size: 18px;
	color: #666699;
}
.bluecopy12{
	font-size: 13px;
	color: #666699;
	font-weight: bold;
}
iframe {
	border: thin solid #CCCCCC;
}














/* =================
navi
================= */
ul#nav
{
    margin:0;
    padding:0;
    background:silver url(/img/nav-bg.gif) repeat-x top left;
    list-style: none;
    white-space: nowrap;
    width:780px;
    height: 30px;
    overflow: hidden;
    text-align: left;
}

    ul#nav li
    {
        display:inline;
        margin:0;
        padding:0;
    }

    ul#nav li a
    {
        text-decoration:none;
    }


/* =================
help
================= */
#help
{
position:relative;
top:-10px;
}
    #help ul
    {
        list-style: none;
    }
    #help ul li
    {
        display: inline;
        font-size: 11px;
        line-height: 1em;
    }
    #help ul li a
    {
        display: block;
        padding:2px 4px;
        margin:4px 4px 2px 6px;
        float: right;
        text-decoration: none;
        border: 1px solid silver;

        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;

    }
    #help ul li a:hover
    {
        color:white;
        background: gray;
    }

/* =================
form
================= */
ul#nav form
{
    display:inline;
    margin: 0;
    padding: 0;
}
ul#nav textarea
{
    line-height:1em;
}
ul#nav input[type="submit"],
ul#nav input[type="button"],
ul#nav input[type="checkbox"],
ul#nav input[type="radio"],
ul#nav label
{
    cursor:pointer;
}

ul#nav input[type="text"]:focus,
ul#nav input[type="password"]:focus,
ul#nav textarea:focus
{
    color:black;
    background-color:#fed;
}


#searchForm 
{
    position: relative;
    top:-12px;
    *top:-8px;
    margin:0;
    padding:0;
}
    #searchForm input[type="submit"]
    {
        display: none;
    }
    #searchForm input.autoclear
    {
        color:silver;
        margin:0 0 0 10px;
        padding:0;
        width:150px;
        height:18px;
        background:white url(/img/serch-mark.png) no-repeat right center;
    }



/* *************************************
EXTEND
************************************* */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix{
    display: inline-block;
}
/* clearfix for ie7 */
.clearfix {
    display: block;
}



.clr,
.clear
{
    clear:both;
    overflow:hidden;
    display:block;
    width:1px;
    height:1px;
    margin:0 -1px -1px 0;
    padding:0 0 0 0;
    border:0;
    font-size:0;
    line-height:0;
}

.hide,
.hidden
{
    display:none;
    width:0;
    height:0;
    overflow:hidden;
}






/* =================
other
================= */
.p
{
    margin-left:20px;
    padding-left:20px;
}

.center
{
    text-align: center;
}

.underline
{
    text-decoration:underline;
}

.boxL
{
    float:left;
}
.boxR
{
    float:right;
}






