@charset "utf-8";


/* すべて */
* {
    margin: 0;
    padding: 0;
    font-family: MSPゴシック,Verdana, Arial, sans-serif;
}

/* 順序なし段落 */
ul{ margin: 0; padding: 0; }
li{ margin: 0; padding: 0; list-style-type: none; }

body{ background-color: #808080; background-image: url(../image/body_haikei.gif); background-repeat: repeat-x; background-position: left top; }
h1 { font-weight: normal; background-color: white; }
h3 { background-color: white; width: auto; height: auto; margin-right: auto; margin-left: auto; }
h2 { background-color: white; width: auto; height: auto; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.gaiyou{ font-size: 14px; font-weight: bold; background-color: #f8f8f8; width: 580px; height: 25px; padding-top: 5px; padding-bottom: 2px; padding-left: 5px; border-bottom: 1px solid #d1d1d1; border-left: 3px solid #0084ac; }

/* リンク */
a,
a:link,
a:visited {
    color: #139bb6;
    text-decoration: underline;
}
a:hover { text-decoration: none; }

/* リンクつき画像 */
a img {
   border: 0;
}


/* 段落 */
p { margin-top: 10px; margin-bottom: 10px; }

/* 定義リスト */
dl {}
dt {}
dd { }


/* 引用 */
blockquote { color: #d5d5d5; width: auto; margin: 5px; padding: 10px; font-size: 10.5px; line-height: 160%; background: #1d1d1d; border: solid 1px #00e3c5; outline-style: solid; outline-width: 0; }

/* タイトルバナー */
#banner { text-decoration: none; height:102px; font-size: 11px; background-image: url(../image/title.jpg); background-repeat: no-repeat; background-position: 0 0; width: 820px; clear: both; margin: 0; padding: 0; }
.titleban{ width: 324px; height: 102px; margin: 0; padding: 0; }
/* h1 */
.harea { color: #bebebe; text-decoration: none; height:auto; font-size: 10px; background-color: #000; background-image: url(../image/herea_haikei.jpg); background-repeat: no-repeat; background-position: 0 bottom; clear: both; margin: 0; padding: 5px 0 5px 3px; }
/* タイトルバナー下の説明 */

/* エントリー全体 */
.content_title{ width: 600px; height: 150px; }
.main { padding: 5px 5px  ; font-size: 14px; color: #000; line-height: 160%; background-position: 0 0; text-align: left; margin-top: 5px; margin-bottom: 15px; border: solid 1px #dcdcdc;
}

.top_main { font-size: 13px; color: #e4e4e4; line-height: 150%; background-repeat: no-repeat; background-position: 0 0; text-align: left; margin-bottom: 0; padding: 5px 5px 5px 3px; }
#top_main2 { font-size: 13px; color: #414141; line-height: 150%; background-repeat: no-repeat; background-position: 0 0; text-align: left; width: 600px; height: 200px; margin-right: auto; margin-bottom: 20px; margin-left: auto; padding-top: 5px; }
.main img { font-size: 11px; background-color: #f3f3f3; width: auto; height: auto; margin: 5px; padding: 3px; border-color: #ababab; border-width: 1px; }
#top_11 { width: 600px; height: 300px; margin: 10px auto 5px; padding: 0; border-color: #0c0606; border-width: 1px; }
.main_title { height: auto; padding: 10px 5px  ; font-size: 14px; color: #000; line-height: 160%; background-color: #fafafa; background-repeat: no-repeat; background-position: 0 0; text-align: left; margin-top: 5px; margin-bottom: 15px; }
.main_title img {
   margin-right: 10px;
   margin-bottom: 5px;
}


/* サイドメニュータイトル */
.sidetitle { color: #006752; text-align: left; font-size: 14px; font-weight: bold; background-color: #e5e5e5; background-image: url(../image/sd_title.gif); background-position: 0 0; width: 170px; height: auto; margin-bottom: 5px; padding: 5px 0 5px 5px; border: solid 1px #00849e; }

/* サイドメニュー */
.side {
    margin: 6px 0px 8px 5px;
    background: transparent;
    color: #A9A9A9;
    font-size: 10px;

    line-height: 185%;
}



.clear {
    clear:both;
}


/* 2カラム用 */
#container { background-color: #000; background-image: url(../image/box_haikei.gif); background-repeat: repeat-y; width: 820px; margin: 0 auto; padding: 0; overflow:auto; border-color: #000 #282518 #000 #000; border-style: solid; border-width: 1px; }
/*\*/
　* html div#container{overflow: visible;}
/**/

#content { width: 600px; float: right; margin:0 5px 0 auto; padding: 5px; }
#container:after {
　content: "";
　display: block;
　clear: both;
}

/* パンくず */
.menu { color: #000; font-size: 13px; line-height: 160%; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; }

/* アーカイブ日付 */
.achive_date { color: #382893; font-size: 9px;}


/* フッター*/
#hooter{ color: #a7a7a7; font-size: 12px; background-color: #000; text-align: center; width: 820px; float: none; clear: both; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; border: solid 1px #000; order-bottom-style: solid; order-right-style: solid; }
.copyright{color: #dbdbdb; font-family: "ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", Osaka, verdana, arial, sans-serif; font-size: 12px; text-align: center; line-height: 120%; margin: 0; padding: 10px 10px 10px 10px; clear: both; }


/* 左サイド */
div#s-navi { font-family: "ＭＳ Ｐゴシック", Arial, Osaka, "ＭＳ ゴシック", Osaka, sans-serif; width: 200px; float: left; margin-top: 10px; }
ul#men{ list-style:none; width:180px; height: 300px ; margin: 0 0 0 3px;  padding: 0 0 8px 2px; }
ul#men li{ list-style:none; width:180px; margin: 2px 0; }
ul#men a{
    display:block;
    width:180px;
    height:45px;
    text-indent:-3000px;
    overflow:hidden;
}
a.ci{
    background-image:url(../image/ci_b.gif);
}
a:hover.ci{
    background-position:0px -45px;
}
a.ww{
    background-image:url(../image/ww_b.gif);
}
a:hover.ww{
    background-position:0px -45px;
}

a.rr{
    background-image:url(../image/rr_b.gif);
}
a:hover.rr{
    background-position:0px -45px;
}

a.rm{
    background-image:url(../image/rm_b.gif);
}
a:hover.rm{
    background-position:0px -45px;
}

a.ml{
    background-image:url(../image/mail_b.gif);
}
a:hover.ml{
    background-position:0px -45px;
}

a.ss{
    background-image:url(../image/ss_b.gif);
}
a:hover.ss{
    background-position:0px -45px;
}



#kojin{ font-size: 11px; width: auto; height: auto; margin: 5px 0 10px 5px; padding: 5px; }

#kojin a,
#kojin a:link,
#kojin a:visited {
    color: #86823e;
    text-decoration: underline;
}
#kojin a:hover { text-decoration: none; }


.k_navi { background-color: #141414; text-align: left; width: 500px; height: 18px; float: none; clear: both; margin: 5px auto 20px; padding: 5px; }
.k_navi ul li { color: #acacac; font-size: 10px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; list-style-type:none; list-style-position: outside; }
.k_navi ul { line-height:140%; width: auto; margin:0; padding:0; }
.k_navi li { text-align: left; float: left; margin: 0; padding: 0 4px 0 0; list-style-type: none; }
.k_navi a,
.k_navi a:link,
.k_navi a:visited {
    color: #b7b7b7;
    text-decoration: underline;
}

.k_navi a:hover { text-decoration: none; }


/* 外部 */
#outer { margin: 0 auto; width: 840px; background: url(../image/haikei.gif) repeat-y center top; height: auto; }

/* infoエリア */
.infoa { font-size: 13px; line-height: 170%; width: 400px; float: left; margin-bottom: 0; }
.info { font-size: 13px; line-height: 170%; background-color: #000; width: 400px; padding: 3px 3px 0; border-left: 1px solid #313131; border-right: 1px solid #313131; border-bottom-color: #dedede; }
.info dt { color: #b0b0b0; font-size: 10px; background-image: url(../image/last.gif.gif); background-repeat: no-repeat; background-position: 0 5px; height: auto; margin: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; border-bottom: 1px dotted #979797; white-space: normal; }
.info dl { }
.info dd { color: #626262; font-size: 11px; line-height: 150%; margin-right: 15px; margin-bottom: 15px; margin-left: 20px; }
.date{ font-size: 9px; }

.infob { width: 180px; height: 180px; float: right; margin: 0; padding: 0; }


/* トップバナーエリア */
.top_ban { padding: 5px 10px  ; font-size: 13px; color: #36414d; background-position: 0 0; text-align: center; margin-top: 5px; margin-bottom: 5px;
}
/* スタッフ画像エリア */
.staff { color: #404040; padding: 5px  ; font-size: 13px; background-color: #fefff8; background-position: 0 0; text-align: center; width: 165px; height: auto; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; border: solid 1px #f5efc4;
}
.staff img { background-position: 0 0; text-align: center; margin-bottom: 5px;
}
/* backtotop */
.back { padding: 5px  ; font-size: 12px; color: #7d7d7d; line-height: 160%; background-position: 0 0; text-align: right; width: 585px; height: auto; margin-top: 0; margin-bottom: 15px; margin-left: 5px;
}
.back a,
.back a:link,
.back a:visited {
    color: #b07f51;
    text-decoration: underline;
}
.back a:hover { text-decoration: none; }
/* スタッフ紹介 */
.stinfo{ background-image: url(../staff/st_haikei.gif); background-repeat: no-repeat; background-position: 0 0; width: auto; height: 113px; border: solid 1px #d4d4d4; padding:5px; margin: 15px; }
.phot{ width: 150px; height: 113px; float: left;margin-right: 3px;  }
.name{ color: #7a4300; font-size: 14px; font-weight: bold; line-height: 110%; width: auto; height: auto; margin-bottom: 3px; margin-left: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 3px; border-bottom: 1px dashed #f0c761; }
.name2{ font-size: 12px; line-height: 150%; width: auto; height: auto; margin-left: 5px; padding-top: 3px; padding-left: 3px; }

/* 概要 */
table.kick{ font-size: 12px; border-top:1px inset #888; border-left:1px inset #888; border-collapse:collapse; border-spacing:0; background-color:#ffffff; width: auto; empty-cells:show; }
.kick th{ color:#000; font-weight: normal; background-image:url(../image/kickth.gif); background-repeat: no-repeat; background-position:left top; padding:0.3em 1em; text-align:center; border-right: 1px inset #888; border-bottom: 1px inset #888; }
.sait{ background-image: url(../image/tdsait.gif); width: 450px; padding:5px; border-right: 1px inset #888; border-bottom: 1px inset #888; }
.setu{ color: #004f6b; background-color: #f5f5f5; width: 120px; padding:5px; border-right: 1px inset #888; border-bottom: 1px inset #888; }
.non{ color: #6f6f6f; font-size: 10px; background-color: #f1f1f1; text-align: center; padding:0.3em 1em; border-right: 1px inset #888; border-bottom: 1px inset #888; }

/* 商品紹介 */
table.case{ font-size: 12px; border-collapse:separate; border-spacing:3px; background-color:#ffffff; margin: 0 auto 0; empty-cells:show; }
.m1{ color: #a27029; font-size: 12px; line-height: 160%; background-repeat: no-repeat; text-align: left; width: auto; height: auto; padding: 1px; }
table.case2{ font-size: 12px; border-collapse:separate; border-spacing:10px; margin: 0 auto 20px; empty-cells:show; }
.m2{ color: #a27029; font-size: 12px; line-height: 160%; background-color: #fff; background-repeat: no-repeat; text-align: center; width: auto; height: auto; padding: 5px; border: solid 1px #b4b4b4; }
table.1ran{ width: auto; margin: 0; padding: 0; border-collapse:separate; border-spacing:3px; empty-cells:show; }
.m3{ color: #fff; font-size: 12px; line-height: 160%; background-color: #4073b1; background-repeat: no-repeat; text-align: center; width: auto; height: auto; margin: 0; padding: 2px; }
.m4{ color: #a27029; font-size: 12px; line-height: 160%; background-color: #fff; background-repeat: no-repeat; text-align: center; width: auto; height: auto; padding: 5px 3px 5px 5px; }


/* 全体 */

#main{ font-size: 13px; line-height: 160%; background-image: url(../image/mback.gif); text-align: left; width: auto; height: auto; margin: 15px auto 0 5px; padding: 5px; }
#ichiran{ font-size: 13px; line-height: 160%; background-image: url(../image/mback.gif); width: auto; height: auto; margin: 0 auto; padding: 5px 5px 5px 0; }
.sarea{ color: #adadad; font-size: 13px; line-height: 160%; background-repeat: no-repeat; width: auto; margin: 0 0 10px; padding: 10px; }
.sarea a,
a:link,
a:visited {
    color: #139bb6;
    text-decoration: underline;
}

.sarea a:hover { text-decoration: none; }
.sarea_ww{ color: #adadad; font-size: 13px; line-height: 160%; background-image: url(../ww/32624.jpg); background-repeat: no-repeat; background-position: right top; width: auto; height: 1500px; margin: 0 0 10px; padding: 10px; }
.sarea_ww dl{ margin: 5px 0; padding: 5px 5px 0; }
.sarea_ww dt{ margin-bottom: 5px; }
.sarea_ww dd{ margin-left: 30px; }

.sarea ul{ margin: 0 0 0 5px; padding: 0; }
.sarea li{ margin-bottom: 5px; display: list-item; }
.sarea_title{ color: #e8e8e8; font-size: 15px; font-weight: bold; background-color: #2d2d2d; background-repeat: no-repeat; width: auto; height: auto; margin: 20px 0 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; border-bottom: 2px solid #469c14; border-left: 1px solid #469c14; border-top-color: #469c14; border-right-color: #469c14; }

table.outline{ border-collapse:collapse; border-spacing:0; width: 98%; empty-cells:show; }
.outline th{ border-bottom:1px dotted #363636; background-color:#232323; background-position:left top; padding:0.3em 1em; text-align:center; width: 20%; }
.outline td{ width: 70%; border-bottom:1px dotted #363636; padding:0.3em 1em; }
.outline_map{ width: 570px; height: 400px; margin-bottom: 5px; }
.outline_hrst{ margin-top: 5px; margin-bottom: 10px; border: solid 1px #757575; }
table.outline_ht{ color: #8d8d8d; font-size: 10px; border-collapse:collapse; border-spacing:0; empty-cells:show; }
.outline_ht th{ font-weight: normal; border-bottom:1px dotted #363636; background-color:#232323; background-position:left top; padding:3px; text-align:center; width: 100px; }
.outline_ht td{ width: 450px; border-bottom:1px dotted #363636; padding:3px; }

table.ww2{ font-size: 12px; border-collapse:collapse; border-spacing:0; width: 100%; margin-bottom: 15px; empty-cells:show; }
.ww2 th{ font-weight: normal; border-bottom:1px dotted #363636; background-color:#232323; background-position:left top; padding:3px; text-align:left; width: 120px; }
.ww2 td{ font-size: 10px; border-bottom:1px dotted #363636; padding:3px; }

table.rmm{ font-size: 12px; border-collapse:collapse; border-spacing:0; width: 100%; margin-bottom: 15px; empty-cells:show; }
.rmm th{ font-weight: normal; border-bottom:1px solid #363636; background-color:#232323; background-position:left top; padding:3px; text-align:left; width: 120px; }
.rmm td{ background-color: #232323; border-bottom:1px solid #363636; padding:3px; }
/* 見出し */

.header{ font-size: 16px; font-weight: bold; background-color: #772303; text-align: left; letter-spacing: 0.1em; width: auto; height: auto; margin: 0 auto 15px; }

/* 左サイドタイム */
div#time { font-size:13px; letter-spacing:0.1em; font-family: "ＭＳ Ｐゴシック", Arial, Osaka, "ＭＳ ゴシック", Osaka, sans-serif; background-image: url(img/side_haikei.gif); text-align: center; margin: 0 5px 15px; padding-left: 5px; }


/* パンくず*/
.pan{ color: #f5f5f5; font-size: 11px; line-height: 160%; background-color: #161616; width: auto; height: auto; margin-right: 5px; margin-bottom: 5px; margin-left: 0; padding-bottom: 3px; padding-left: 0; }
.pan a,
.pan a:link,
.pan a:visited {
    color: #f4f4f4;
    text-decoration: underline;
}
.pan a:hover { text-decoration: none; }


/* 商品トップ*/
.img_ban { text-decoration: none; width: 180px; height: 40px; margin: 5px; padding: 0; }

contnt_title{ width: 600px; height: 150px; margin-bottom: 15px; }

/* クレド*/
.crd{ color: #f3f3f3; font-size: 13px; background-color: #202020; padding: 5px; border: solid 1px #356901; }

/* クレド*/
.rr_mail{ font-size: 13px; width: 220px; height: 35px; float: right; clear: left; padding: 10px 0; }