@charset "utf-8";





@media print {
    /* 紙媒体向けスタイル定義 */
    * { font: 70% }
}



/* フォントのスタイルの設定 */

* {
    font-style: normal;
    margin: 0px;
    padding: 0px;
}
/* 文字の高さ行の高さフォントの種類の設定 */
body {
    font-family: sans-serif;
    font-size: 85%;
    line-height: 1.6;
    background: url(../main/body.gif) no-repeat center top;
}
/* 水平線を非表示にする
hr {
    display: none;
}
*/


/* 画像のりンクの枠線の設定 */
a img {
        border-style: none;
}
/* 通常のりンクの設定 */
a:link {
    color: #333333;
    text-decoration: underline;
}
/* 訪問済みりンクの設定 */
a:visited {
    color: #6633FF;
    text-decoration: underline;
}
/* ロールオーバー時の設定 */
a:hover {
    color: #FF0000;
}
/* クリック時の設定 */
#main,#sidebar,#footer a:active {
    position: relative;
    left: 1px;
    top: 1px;
}



/* basic layout
------------------------------*/
#wrapper {
    width: 780px;
    background: #FFFFFF;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}



/* ヘッダー高さ、ヘッダー領域の位置の設定 */
#header {
    position: relative;
    background: #FFFFFF;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    padding: 0px;
}



/* グローバルナビゲーションの基本設定 */
#header ul {
    width: auto;
    left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    background: #E77B20;
    margin: 0px;
}

/* ＧＮを横並びに設定 */
#header ul li {
    list-style: none;
    float: left;
    /*width: 220px;*/
    margin-right: auto;
    margin-left: auto;
    background: #E77B20;
    padding-top: 0px;
    padding-right: 3px;
    padding-bottom: 0px;
    padding-left: 3px;
}

/* ＧＮの表示位置の設定 */
#header ul li a {
    width: auto;
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    display: block;
    border-left: 2px outset #FFFFFF;
    background: #E77B20 url(li-back.png) repeat-x;
    margin: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    vertical-align: middle;
    border-bottom: 2px solid #E77B20;
    border-right: 2px inset #FFFFFF;
    font-size: medium;
    font-weight: bold;
}

/* ＧＮのロールオーバー時の色の設定 */
#header ul li a:hover {
    color: #E77B20;
    background: #FFFFFF;
}
#main {
    float: left;
    width: 520px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
    clear: right;
}

/* パンくずリスト */
#breadcrumb{
    height: 100%;
    margin: 0px;
    padding: 0px;
}#breadcrumb table{
    float: right;
    margin: 0px;
    padding: 0px;
}
#breadcrumb table td{
    padding: 5px;

}

#breadcrumb table td.here{
    color: #FF0000;
}
/* 商品紹介パンくず */
#ctgLine2-lv #breadcrumb table{



}
/* 商品部分のメイン */
#main-products {
    width: 620px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    height: 100%;
}
/*---------*/

#leftside {
    padding: 10px;
    float: left;
    width: 200px;
    margin-bottom: 10px;
    clear: right;
}
#rightside {
    float: right;
    width: 150px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 5px;
    clear: left;
    height: auto;
}
#footer {
    color: #FFFFFF;
    border-top: 2px solid #CCCCCC;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    clear: both;
}


#topvisual {
    margin: 0px;
    padding: 0px;
    background: #FFFFFF;
    height: auto;
    width: auto;
}
#main p {
    line-height: 1.5;
    margin-bottom: 0em;
}

#main  h1 {
        color: #BB1E32;
        border-top-width: 1px;
        border-left-width: 8px;
        border-top-style: solid;
        border-left-style: double;
        border-top-color: #BB1E32;
        border-left-color: #BB1E32;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 8px;
        margin-bottom: 10px;
}




/*
#main  h2 {
        color: #BB1E32;
        border-top-width: 1px;
        border-left-width: 8px;
        border-top-style: solid;
        border-left-style: double;
        border-top-color: #BB1E32;
        border-left-color: #BB1E32;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 8px;
        margin-bottom: 10px;
}*/

#main  h2.green {
    color: #339900;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 8px;
    margin-bottom: 10px;
    border-left: 8px ridge #339900;
    font-family: "ＭＳ ゴシック", "Osaka－等幅";
    border-bottom: 1px solid #339900;
}

#main  h2.orange {
    color: #DA7940;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 8px;
    margin-bottom: 10px;
    border-left: 8px ridge #DA7940;
    font-family: "ＭＳ ゴシック", "Osaka－等幅";
    border-bottom: 1px solid #DA7940;
}

h2.c1{
    border-left-width:0;
    background: url(../main/bg_h2_c1.gif) no-repeat;
    border-bottom: 1px dotted #999999;
    margin-top: 20px;
    margin-right: 5px;
    margin-bottom: 20px;
    margin-left: 5px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0px;
    line-height: 1.7em;
}


h2.c2{
    color:#E77B20;
    margin-left: 15px;
}

/* ===== h3 ===== */

h3{
    margin-top:1.5em;
    margin-bottom:0.7em;
    padding:6px 0 4px 9px;
    border-left:5px solid #FF8000;
    color:#FF8000;
    line-height:1em;
}
.red h3{
    border-left:5px solid #FF4D4D;
    color:#FF4D4D;
}
/* table
------------------------------*/
#main table {
        margin-bottom: 15px;
        border-top: 0px none;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-collapse:collapse;
}

#main table th {
        text-align: left;
        padding-left: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
}
#main table td {
        padding: 5px 10px 5px 20px;
        text-align: left;
}
#main table tr.odd {
        background-color: #FFEBE6;
        background-position: left;
}


/*-shopping-----------------------------------*/
#main div.wk {
    float: right;
    width: 160px;
    margin-right: 13px;
    margin-bottom: 15px;
        padding-top: 5px;
}
#main div.wk h3 {
    margin: 10px 0px 5px;
}
#main div.wk h3 a {
    font-family: Vardana, Arial, Helvetica, sans-serif;
    font-size: small;
    line-height: 1.2;
    font-weight: bold;
    display: block;
    padding-left: 7px;
    border-left: 3px solid #999999;
}
#main div.wk img {
    border: 1px solid #999999;
}

/* form
------------------------------*/
#main form {
    margin-bottom: 25px;
}
#main input[type="text"], #main textarea {
    padding: 2px;
    border: 1px solid #999999;
}
#main form em {
    color: #FF0000;
    padding-left: 5px;
}
#main form textarea#comment {
    overflow: auto;
    height: 120px;
    width: 300px;
}


/* よくいただくご質問の設定 */
#main dl#contactList dt {
    font-weight: bold;
    background-image: url(images/q.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
#main dl#contactList dd {
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 20px;
    padding-bottom: 1em;
}

div#topVisBtn img{
margin-left:6px;
}
div#topVisBtn2{
    position:absolute;
    top:361px;
    right:129px;
    /* [disabled]height:35px; */
}


/*---------------------------------------------*/
#sidebar h2 {
    background-position: center;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #80095B;
    text-align: center;
}

div#topVisBtn{
    position:absolute;
    top:365px;
    right:39px;
    height:35px;
}
#sidebar h3 {
    background-position: center;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #80095B;
    text-align: center;
}
#sidebar dl dt a {
    padding: 4px;
    float: left;
    margin-right: 5px;
    margin-top:15px;
    margin-bottom: 5px;
    border: 1px solid #CCCCCC;
}
#sidebar  dl  dt  a:hover {
    border: 1px solid #000000;
}

#sidebar dl dt {
    clear: both;
}
#sidebar dl dd {
    margin-bottom: 5px;
}
#sidebar ul {
    margin-top: 5px;
}
#sidebar ul li {
    list-style: none;
    background-image: url(../main/bullet.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
}
#sidebar ul li a {
        display: inline;
        width: 180px;
}

#sidebar ul li a:hover {
    background-image: url(images/arrow_hover.gif);
}

/*---------------------------------------------*/
/* リンク設定 */
#footer ul li {
        display: inline;
        list-style: none;
        padding: 10px;
}
/* リンク色 */
#footer ul li a {
    color: #999999;
}
/* マウスが乗ったとき */
#footer ul li a:hover {
    color: #FFFFFF;
}
/* トップに戻る右に寄せる */
#footer p {
    float: right;
}
/* トップに戻るの色 */
#footer p a {
    color: #0066FF;
}

address{
    color: #666666;
}

.whats01 {
    padding-left: 10px;
    background: #FFF0F0;
    border-top: 1px solid #F9F;
    border-bottom: 1px solid #F9F;
    color: #600;
}
.whats02 {
    padding-left: 10px;
    color: #60F;
}
.txt01 {
    padding-left: 10px;
    color: #609;
}
.txt02 {
    padding-left: 10px;
    color: #F06;
    font-weight: bold;
}
/* 以下新定義*/
img.fLeft{
margin-right:10px;
}

img.fRight{
margin-left:10px;
}

img.fbottom{
    margin-bottom: 10px;
}

img.ftop{
    margin-top: 10px;
}
.colFoot{
    overflow:flow;
    padding:8px 8px 4px;
    height:1em;
    font-size:0.857em;
    line-height:1em;
    background: #CFDE92;
}
#Ftgreen{
    clear:both;
    height:4px;
    background:url(../main/ft_green.gif) no-repeat;
    font-size:0;
}
div#topFeature{
    width:540px;
    background:url(../main/bg_top_feature.gif) repeat-y;
}
.greenFoot{
    overflow:flow;
    padding:8px 8px 4px;
    height:1em;
    font-size:0.857em;
    line-height:1em;
    background: #CFDE92;
}
#Ftorange{
    clear:both;
    height:4px;
    background:url(../main/ft_orange.gif) no-repeat;
    font-size:0;
}
div#toporange{
    width:540px;
    background:url(../main/bg_top_orange.gif);
}
#orangeFoot{
    overflow:flow;
    height:1em;
    font-size:0.857em;
    line-height:1em;
    background: #F48888;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    clear: right;
    float: none;
}
.box{
    height: auto;
    clear: right;
    float: left;
    margin: 5px;
    padding: 5px;
    width: 520px;
}
#toporange hr{
    border-top-style: dashed;
    border-top-color: #FF9900;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
}
div#ctgLine,
div#ctgLine1, div#ctgLine2, div#ctgLine3, div#ctgLine4, div#ctgLine4, div#ctgLine5{
    height:8px;
    overflow:hidden;
    width: 780px;
}

div#ctgLine1{
background-color:#D12521;
}
/* 商品紹介1階層下*/
div#ctgLine2-lv{
    height:5px;
    overflow:hidden;
    width: 780px;
    clear: both;
    background: #E77B20 no-repeat;
}
table.products td{
    padding: 6px;
}
.black{
    background: #FFF;
}
.black td.none{
    background: #fff url(../products/noimage.gif) no-repeat center;
}
tr.odd  td{
    background: #FFEBD2;
}
.line{
    height:1px;
    background:#FFC57D;
    overflow:hidden;
    margin-top: 5px;
    margin-right: -4px;
    margin-bottom: 5px;
    margin-left: -4px;
    border-bottom: 2px solid #FFFFFF;
    width: 102%;
    padding: 0px;
}
/*---*/
div#ctgLine2{
background-color:#E77B20;
}
div#ctgLine3{
background-color:#6EAD2D;
}
div#ctgLine4{
background-color:#2582A8;
}
div#ctgLine5{
background-color:#494D88;
}
.clear{
clear:both;
}

/* 以下products　*/

h1.products{
color:#E77B20;
}

div#visBtn{
position:absolute;
bottom:16px;
right:16px;
height:35px;
}

div#visBtn img{
margin-left:6px;
}

div.ovencookerFt{
position:relative;
background-color:#FFF1D1;
}

div.ovencookerFt div.visBtn{
    position:absolute;
    top: 234px;
    left: 50%;
    height: 35px;
    margin-left: -106px;
}
div.ovencookerFt div.visBtn2{
    position:absolute;
    top: 174px;
    left: 91px;
    height: 35px;
}
div.ovencookerFt div.features{
padding-bottom:10px;
}
div.ovencookerFt div.features p{
margin:10px 25px;
}

div.separator{
margin:0.8em 0 1em;
border-bottom:1px solid #CCCCCC;
font-size:0;
}



/* 使用方法usage */
table.usage{
    width:620px;
    border-collapse:collapse;
    margin-bottom: 10px;
    font-weight: normal;
}

table.usage th{
width:120px;
padding:0 6px 0 0;
text-align:center;
vertical-align:middle;
}

table.usage td{
padding:10px;
background-color:#FFF1D1;
border:0px solid #FBD395;
line-height:1.43em;
vertical-align:middle;
}

/* rightside */

div#rightside div#lNav ul.navList{
margin:0 0 16px;
padding:0;
list-style:none;
}
div#rightside div#lNav ul.navList li a{
}


div#rightside div#lNav ul.navList li{
margin:5px 0 0;
padding:0 0 5px 14px;
background:url(../main/arrow_1.gif) no-repeat left 0.3em;
border-bottom:1px dotted #999999;
font-size:13px;
}

div#sub div.banner img{
margin-bottom:6px;
}

/*-----------------------*/
#main .center,
#main-products .center *{
text-align:center;
}
p, dt, dd, li {
font-size:1em;
line-height:1.43em;
}
ul, ol{
margin:0.7em 0;
}
/* ========== Q & A ========== */

div#qListBox{
margin-bottom:50px;
}

div#qListBox h2{
margin-bottom:0;
}

div#qListBox div.inner{
margin:0;
padding:10px 14px;
background-color:#EFF6F7;
}

ul.qList{
margin:0;
padding:0;
list-style:none;
}

ul.qList li{
    padding:0 0 10px 16px;
    background:url(../main/arrow_1_down.gif) no-repeat left 0.3em;
}

ul.qList li a{
color:#000000;
text-decoration:none;
}

ul.qList li a:visited{
color:#036E88;
}

ul.qList li a:hover{
color:#CC0000;
text-decoration:underline;
}

div.qandaBox{
}

div.qandaBox dl{
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 30;
    padding-left: 0;
    height: 100%;
}

div.qandaBox dl dt,
div.qandaBox dl dd{
    background-position:left top;
    _background-position:11px top; /*IE6*/
    background-repeat:no-repeat;
    border-width:0 0 0 11px;
    border-style:solid;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 36px;
    margin: 0;
}

div.qandaBox dl dt{
    border-color:#62ADCC;
    background: #E4E2DC url(../main/ttl_q.gif) no-repeat right top;
}

div.qandaBox dl dd{
    border-color:#C6DEE3;
    background: #F8F8F0 url(../main/ttl_a.gif) no-repeat right top;
}

/* IE7 */
*:first-child+html div.qandaBox dl dt,
*:first-child+html div.qandaBox dl dd{
background-position:11px top;
}


.hide{
display:none;
}

div.qandaBox dl p,
div.qandaBox dl ul,
div.qandaBox dl ol{
margin:0;
padding-bottom:0.7em;
}
div.qandaBox dl ul,
div.qandaBox dl ol{
padding-left:20px;
}




/* お問い合わせ */


div.form{
padding: 10px 16px;
background-color:#F5F5F8;
border:5px solid #DBDCE8;
}

div.form table.tbl1{
width:100%;
}

.tbl1 th{
    text-align: left;
    padding-right: 10px;

}

.hissu{
color:#CC0000;
font-size:0.714em;
}
.alert{
color:#CC0000;
}
p.alert{
background-color:#FFFF99
}

/* 一部ページのh1画像の修正　*/
.h1-top{
    float: left;
    margin: 5px;
}

/*追加*/
h2.orange-onsub {
    color: #DA7940;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 8px;
    margin-bottom: 10px;
    font-family: "ＭＳ ゴシック", "Osaka－等幅";
    border-bottom: 1px solid #DA7940;
}

h3.orange-sub{
    font-size:16px;
    color:#FF4D4D;
    border:none;
    margin:0px 0px 5px;
    padding:0px;
}

table.tbl1 th.midashi{
    text-align:center;
}


/*om下地　20140730*/

.link_icon{
    float:right;
    text-align:right;
    background:url(../main/arrow_1.gif);
    background-repeat:no-repeat;
    background-position:0 center;
    padding-left:15px;
}
.mt10{
    margin-top:10px;
}
.mt50{margin-top:50px;
}
.mr10{
    margin-right:10px;
}
.tcenter{
    text-align:center;
}
.tright{
    text-align:right;
}

.zaishitsu{
    text-align:center;
    margin:0 auto;
        border-collapse:collapse;
}
.zaishitsu td {
    border:1px #fff solid;
}
.zaishitsu_heading{
    text-align:center;
    background-color:#CDF7FE;
}
.zaishitsu_data{
    background-color:#EBEBEB;
}
/*end om下地　20140730*/
.bordered-table {
    margin:15px auto;
    border-collapse: collapse; /* ボーダーの重なりを防ぐ */
    width: 100%; /* テーブル幅を調整 */
}

.bordered-table tr {
    border-bottom: 1px solid #ccc; /* 各行の下にボーダーを設定 */
}

.bordered-table tr:last-child {
    border-bottom: none; /* 最後の行のボーダーを削除 */
}
.bordered-table th{
    white-space: nowrap;
}
.bordered-table th, .bordered-table td {
    padding: 10px; /* セルの余白を設定 */
    text-align: left; /* 左寄せ */
}