@charset "UTF-8";

/* サイト全体 */
body{
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
margin: 0px; padding: 0px;
background: #deb887; /* ブラウザの背景色 */ /* フォントタイプ */
font-size: small; /* 文字サイズ */
line-height: 150%; /* 行間 */
}

/* 全体のリンク色 */
a {
color: #434343;
}

/* 全体のリンク（マウスオーバー）色 */
a:hover {
color: #999999;
}

/* H1 */
h1 {
margin: 0px;
padding: 10px 5px 5px 100px;
font-size: small; /* 文字サイズ */
font-weight: normal; /* 文字の太さ */
line-height: 110%; /* 行間 */
}

/* H2･H3 */
h2, h3 {
margin: 0px;
padding: 0px;
font-size: small; /* 文字サイズ */
font-weight: normal; /* 文字の太さ */
}

/* p */
p {
margin: 0px; padding: 5px 5px 5px 10px;
}

/* ul */
ul {
list-style: none; /* リストスタイル */
margin:0px; padding: 0px 0px 0px 0px;
}

/* コンテナ */
#container {
border: 1px solid #434343;
padding: 0px;
background: #FFFFFF; /* 背景色 */
margin: 0px auto; /* ブラウザ上の表示位置 */
width: 800px; /* サイト全体の横サイズ */
}

#container h1 {
display:none;
}

/* ヘッダー */
#headder {
width: 800px; height: 70px;
margin: 0;
border: none;
border-collapse:collapse;
}
#headder img {
border:none;
}

#headder2 {
height:30px;
background:#330000;
padding:0px 20px;
color:#FFFFFF;
text-align:right;
margin-right: 20px;
margin-top: 0;
}

#headder2 a {
color:#FFFFFF;
}



/* 左メニュースタイル */
#lmenu {
width: 200px;
margin: 0px;
padding: 0px;
vertical-align: top;
background: #FFFFCC; /* 背景色 */
color: #FFFFFF; /* 文字色 */
}

#lmenu ul {
list-style: none; /* リストスタイル */
margin: 10px 0px 0px 20px;
padding: 0px;
}

#lmenu a {
color:#434343;}

#lmenu li {
margin: 0px 0px 0px 0px;
padding: 0px;
}

#lmenu img {
margin: 20px 0px 20px 20px;
padding: 0px;
}


.menu_title{
background: url("img/lmenu_title.png") top left no-repeat;
margin: 0px 0px 5px 0px;
padding: 5px 0px 5px 25px;
}

.menu_title a {
color: #FFFFFF;
text-decoration: none;
}

.search{
text-align:center;
padding: 20px 20px 10px;
}

/* コンテンツスタイル */
#main {
width: 600px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
vertical-align: top;
color:#434343;
}

.print_bt {
margin:0 20px 10px;
padding:0;
text-align:right;
}

.pan{
margin: 5px 0px 10px 20px;
}

.main1 {
margin: 20px 20px 20px 20px;
background: #FFFFFF; /* 背景色 */
color: #434343;
}

.main_title1 {
margin: 0px 20px 10px 20px;
padding: 5px 0px 5px 25px;
background: url("img/main2_tittle.png") top left no-repeat;
color: #FFFFFF; /* 文字色 */
}

.main_title1 a {
color: #FFFFFF;
}

.main_right {
margin: 0px 10px 5px 0px;
text-align: right;
}

.main2 {
margin: 20px 20px 20px 20px;
background: #FFFFFF; /* 背景色 */
color: #434343;
}

.main_title2{
margin: 0px 20px 10px 20px;
padding: 5px 0px 5px 25px;
background: url("img/main2_tittle.png") top left no-repeat;
color: #FFFFFF; /* 文字色 */
}

.main_title3{
margin: 20px 20px 10px 20px;
padding: 5px 0px 5px 25px;
background: url("img/main2_tittle.png") top left no-repeat;
color: #FFFFFF; /* 文字色 */
}

.hyou table td {
	border:1px solid #fff;
}

.hyou2 table th {
text-align:left;
font-weight:normal;
}

.title{
margin-left: 20px;
}

img.l {
float: left;
margin: 0px 10px 10px 0px;
}

img.mt-image-left {
float: left;
margin: 0 20px 20px 0;
}

img.mt-image-center {
display: block;
margin: 0 auto 20px;
text-align: center;
}

img.mt-image-right {
float: right;
margin: 0 0 20px 20px;
}

#link {
padding-bottom:20px;
}

#link img {
margin-top:0;
margin-bottom:3px;
border:none;
}

#link .linkttl{
margin-top:0;
padding:0 0 0 20px;
}

#link .linktext{
padding:0 20px 0 20px;
font-size:x-small;
color:#434343;
line-height:1.5em;
}

/* 製品情報*/
.extended {
margin-bottom: 10px;
text-align: right;
}

.product_title {
color: #99cc66;/* 文字色 */
font-size: medium; /* 文字サイズ */
font-weight:bold;
}

/* フッター */
#footer {
width: 100%;
height: 20px;
padding: 0px;
margin: 0px;
background: #330000; /* 背景色 */
font-size: x-small; /* 文字サイズ */
color: #FFFFFF; /* 文字色 */
}

.footer2 {
padding: 20px;
margin-bottom: 10px;
font-size: small; /* 文字サイズ */
color: #434343; /* 文字色 */
}
span.new {
display: none;
margin:0;
padding:0;
}

/* Mac IE テキストエリア文字化け対策 */
input {
font-family: Osaka, verdana;
}

form {
margin:0px;
}

select {
font-family: HiraMaruPro-W4, "ヒラギノ丸ゴ Pro W4", verdana ,arial ,sans-serif;
width: 100%;
}

textarea {
font-family: HiraMaruPro-W4, "ヒラギノ丸ゴ Pro W4", verdana ,arial ,sans-serif;
width: 100%;
}


.subcategories {
background: url("img/lmenu_title.png") top left no-repeat;
padding: 5px 0px 5px 25px;
}

ul.tree {
    margin: 0 0 0 5px;
    padding: 0;
    list-style: none;
}
ul.tree ul {
    margin: 0;
    padding: 0;
}
ul.tree li {
    margin: 0;
    padding: 0 0 0 13px;
    background: url(tree_lst.gif) no-repeat 2px 0;
    list-style: none;
}
ul.tree li.tree_end {
    background: url(tree_end.gif) no-repeat 2px 0;
    list-style: none;
}
.subcategories a.foldmark {
    text-decoration: none; /* マークの文字装飾（装飾なし） */
}
.linkbn{
background: url("img/lmenu_title.png") top left no-repeat;
padding: 5px 0px 5px 25px;
margin-left:20px;
color: #FFFFFF;
}

.linkbn #blog{
color: #FFFFFF;
text-decoration: none;
display: block;
position: relative; 
}











/* ▼　アコーディオンメニュー　▼ */
#accordion_menu{
width: 180px; /*width of accordion menu*/
background-color:#ffc;
letter-spacing:1px;
}
/* アコーディオンのカテゴリの指定 */
#accordion_menu .menuheader{
background-image: url(img/lmenu_title.png);
background-repeat: no-repeat;
height:32px;
text-decoration: none;
line-height: 32px;
text-indent: 1.4em;
color: #FFF;
cursor: hand;
cursor: pointer;
padding-left:5px;
/* ステータスアイコンを使用する場合 以下の2行が必要です。使用しない場合は削除しても構いません。 */
display: block;
position: relative; 
}
#accordion_menu .menuheader:hover{
color: #FFF;
}
/* openheader はカテゴリが開いている状態のCSS */
#accordion_menu .openheader{
background-image: url(img/lmenu_title.png);
background-repeat: no-repeat;
color: #FFF;
}
/* 子メニューの指定 */
#accordion_menu div.categoryitems ul,#accordion_menu div.categoryitems ul li{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}


/*ステータスアイコンのCSS*/
#accordion_menu div.menuheader .statusicon{
position: absolute;
top: 10px;
left: 5px;
border: none;
}
#accordion_menu div.categoryitems ul li .subcat{
padding-bottom: 2px;
}
#accordion_menu div.categoryitems ul li a{
color: #A70303;
background: url(image/arrow.png) no-repeat 2px 5px;
display: block;
padding: 2px 0;
padding-left: 19px;
border-bottom: 1px solid #dadada;
}
#accordion_menu div.categoryitems ul li a:visited{
color: #A70303;
}
#accordion_menu div.categoryitems ul li a:hover{
color: #A70303;
background-color: #fccd89;
}


/* サブカテゴリーの指定 */
#accordion_menu div.categoryitems div.subcategoryitems ul li,#accordion_menu div.categoryitems div.subcategoryitems ul li a{
border: none;
text-decoration: none;
list-style-type: disk;
margin: 0;
padding-left: 15px;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

/* ▲　アコーディオンメニュー ▲　ここまで */
