@charset "utf-8";
/*
Theme Name: theme2025
Theme URI: http://theme.o2gp.com/
Description: theme2025
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/
Tags: simple

	o2 Group v1.0
	 http://theme.o2gp.com/

	This theme was designed and built by o2 Group,
	whose blog you will find at http://theme.o2gp.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font: 14px "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#000;
-webkit-text-size-adjust: none;
background:url(../../uploads/2014/09/head_bg.jpg) no-repeat;
background-position: center top;
}

body#testpagebd{
font: 14px "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#000;
-webkit-text-size-adjust: none;
background:url(./images/main-bg.jpg) repeat-y;
background-position: center 270px;
}

img { vertical-align:bottom; }

p{
	margin: 0.5rem 0;
	}

/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#0066ff;
}

a:hover, a:active{
outline: none;
color:#80bfff;
}


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;}


/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background: #878787;
background: -moz-linear-gradient(top, #878787 0%, #6f6f6f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(100%,#6f6f6f));
background: -webkit-linear-gradient(top, #878787 0%,#6f6f6f 100%);
background: -o-linear-gradient(top, #878787 0%,#6f6f6f 100%);
background: linear-gradient(to bottom, #878787 0%,#6f6f6f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#6f6f6f',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:120%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #878787;
background: -moz-linear-gradient(top, #6f6f6f 0%, #878787 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f6f6f), color-stop(100%,#878787));
background: -webkit-linear-gradient(top, #6f6f6f 0%,#878787 100%);
background: -o-linear-gradient(top, #6f6f6f 0%,#878787 100%);
background: linear-gradient(to bottom, #6f6f6f 0%,#878787 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f6f6f', endColorstr='#878787',GradientType=0 );
cursor:pointer;
}

*:first-child+html input[type="submit"]{padding:3px;}


/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{
margin:0 auto;
width:910px;
}

#header{
overflow:hidden;
}

#header2{
height: 270px;
overflow:hidden;
background:url(./images/header-bg2.jpg) no-repeat center 0;
}

#content{
float:right;
width:660px;
margin: 22px 0 50px 0;
padding:0;
background: #ffffff;
}

#content1{
float:right;
width:660px;
margin: -60px 0 20px 0;
padding:0;
}

#sidebar{
float:left;
width:230px;
margin: 22px 0 50px 0;
padding:0;
}

#sidebar1{
float:left;
width:230px;
margin: -40px 0 20px 0;
padding:0;
}

p.linktext{
background: url(../../uploads/2014/09/side_arrow.gif) no-repeat 0px 2px;
margin: 3px 0 3px 0;
padding: 0 0 0 11px;
height: 25px;
}

#footer{
margin:0 auto;
clear:both;
background: url(../../uploads/2014/09/foot_bg.png) no-repeat center bottom;
padding: 25px 0 20px 0;
overflow:hidden;
}

#footer .footerlogo{
margin: 30px 0 0 0;
float:left;
}

#footer .footersitemap{
width: 620px;
margin: 0 0 10px 0;
float:right;
}

#footer .footersitemap P{
margin: 0 0 10px 0;
font-size:10px;
}

#footer2{
height: 400px;
margin:0 auto;
clear:both;
background: url(./images/foot_bg2.jpg) no-repeat center bottom;
padding: 25px 0 20px 0;
overflow:hidden;
}

#footer2 .footerlogo2{
margin: 230px 0 0 0;
float:left;
}

#footer2 .footersitemap2{
width: 620px;
margin: 230px 0 5px 0;
float:right;
}

#footer2 .footersitemap2 P{
color: #fff;
margin: 0 0 10px 0;
font-size:10px;
}

#footer2 .footersitemap2 P a{
color: #fff;
}

/* ヘッダー
*****************************************************/

/* サイト説明文
----------------------------------*/
#header h1{
padding:20px 0 0 0;
font-size:80%;
font-weight:normal;
}

#header2 h1.re-h1{
color: #fff;
padding:20px 0 0 0;
font-size:80%;
font-weight:normal;
}


/* ロゴ (サイトタイトル)
----------------------------------*/
#header p{
clear:both;
float:left;
padding:15px 0 5px 0;
}

#header p.logo2{
clear:both;
float:left;
padding:15px 0 10px 0;
}

#header2 p{
clear:both;
float:left;
padding:15px 0 5px 0;
}

#header2 p.logo2{
clear:both;
float:left;
padding:15px 0 10px 0;
}

/* コンタクト
----------------------------------*/
.contact{
float:right;
padding:0 0 5px 0;
}

.contact2{
float:right;
margin: 0px 0px 5px 0px;
padding: 0;
}

img.contact-mail {
margin: 65px 0px 0px 0px;
}

img.contact-mail:hover {  
    opacity: 0.8;  
    filter: alpha(opacity=80);
}

/* メインメニュー
------------------------------------------------------------*/
nav#mainNav{
clear:both;
position:relative;
z-index:200;
width:100%;
background:#000;
}

nav#mainNav .inner{
padding-left:1px;
border-left:1px solid #747474;
}

nav#mainNav ul li{
float: left;
position: relative;
border-right:1px solid #747474;
}

nav#mainNav ul li a{
display: block;
text-align: center;
_float:left;
color:#fff;
height:35px;
line-height:45px;
font-size:110%;
margin-right:1px;
padding:10px 40px 0;
}

nav#mainNav ul li a span,nav#mainNav ul li a strong{
display:block;
font-size:90%;
line-height:1.4;
}

nav#mainNav ul li a span{
font-size:70%;
color:#888;
font-weight:normal;
}

nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover span, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-parent a{
color:#000;
background:#c75360;
}

nav#mainNav ul ul{
width:160px;
border-top:0;
}

nav#mainNav ul li ul{display: none;}

nav#mainNav ul li:hover ul{
display: block;
position: absolute;
top:45px;
left:-1px;
z-index:500;

}

nav#mainNav ul li li{
margin:0;
float: none;
height:40px;
line-height:40px;
width:160px;
background:#c75360;
border-bottom:1px dotted #747474;
}

nav#mainNav ul li li:last-child{border:0;}

nav#mainNav ul li li a{
width:100%;
height:40px;
padding:0 0 0 10px;
line-height:40px;
font-size:95%;
text-align:left;
color:#000;
}

nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover{color:#fff;}


/* トップページ　メイン画像
----------------------------------*/
#mainImg{
clear:both;
line-height:0;
text-align:center;
z-index:0;
}

.post{
margin:0 0 20px 0;
padding:20px;
border:1px solid #d5d5d5;
background: #fff;
}

.page{
margin:0 0 20px 0;
padding:0;
background: #fff;
}

.page1{
margin:0 0 20px 0;
padding:0;
}

.toppage h4{
margin:0 0 10px;
font-size:16px;
font-weight:normal;
color:#333;
}

.toppage{padding:10px 10px 20px 20px;}


/* 記事ループ
*****************************************************/
.list{
padding:10px 0;
border-bottom:1px dashed #dcdcdc;
}

.list:last-child{border:0;}

.post .list p{padding:0;}

.list span{padding-left:10px;}


/* タイポグラフィ
*****************************************************/
h2.title{
clear:both;
margin:0;
padding:7px 10px 7px 10px;
font-size:110%;
color:#000;
border:1px solid #d5d5d5;
border-bottom:0;
background:#fff url(images/headingBg.png) repeat-x 0 100%;
}

#breadcrumbs{
	font-size: 80%;
	}
#breadcrumbs ul{
	margin: 0;
	padding: 0;
	}
#breadcrumbs ul li{
	display: inline-block;
	margin: 0;
	padding: 0 1em 0 0;
	list-style-type: none;
	background: none;
	}
#breadcrumbs ul li i{
	margin: 0;
	padding: 0 3px 0 0;
	}
	
.pagination{
	margin: 0;
	padding: 0;
	}
.pagination li{
	display: inline-block;
	margin: 0 3px 0 0;
	padding: 0.5em;
	list-style-type: none;
	border-radius: 6px;
	border: 1px solid #D5D5D5;
	background-color: #FFFFFF;
	}
.pagination li.current{
	background-color: #F0F0F0;
	}

.dateLabel{
	margin: 0;
	padding: 0 0 0.5em 0 !important;
	color:#858585;
	font-size: 80%;
	font-weight:bold;
	text-align:right;
	}

.post p{padding-bottom:15px;}

.post ul{margin: 0 0 10px 10px;}

.post ul li{
margin-bottom:5px;
padding-left:15px;
background:url(images/bullet.png) no-repeat 0 8px;
}

.post ol{margin: 0 0 10px 30px;}

.post ol li{list-style:decimal;}

.post h1{
margin:20px 0;
padding:5px 0;
font-size:150%;
color: #000;
border-bottom:3px solid #000;
}

.post h2{
margin:10px 0;
padding-bottom:2px;
font-size:130%;
font-weight:normal;
color: #333;
border-bottom:2px solid #515151;
}

.post h3{
margin:10px 0;
font-size:100%;
font-weight:normal;
color:#2e2c2c;
border-bottom:1px solid #515151;
}

.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}

.post table{
border: 1px #ccc solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

.post table th{
padding:10px;
border: #ccc solid;
border-width: 0 0 1px 1px;
background:#efede7;
}

.post table td{
padding:10px;
border: 1px #ccc solid;
border-width: 0 0 1px 1px;
background:#fff;
}

.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img{max-width:100%;height:auto;}

img.aligncenter {
display: block;
margin:5px auto;
}

img.alignright, img.alignleft{
margin: 10px 10px 15px 15px;
display:inline;
}

img.alignleft{margin:10px 15px 15px 10px;}

.alignright{float:right;}
.alignleft{float:left;}

#gallery-1 img{
border:1px solid #eaeaea !important;
padding:5px;
background:#fff;
}

#gallery-1 img:hover{background:#fffaef;}



/* サイドバー　ウィジェット
*****************************************************/
section.widget ul, .widget_search, #calendar_wrap, .textwidget{
margin:0 0 20px 0;
padding:10px 10px 10px 17px;
border:1px solid #d5d5d5;
background: #fff;
}

section.widget ul ul{
border:0;
margin:0;
padding:0 0 0 10px;
}

p.banner{padding-bottom:15px;}

p.banner img{
max-width:233px;
height:auto;
}

p.banner img:hover{
cursor:pointer;
opacity:.8;
}

section.widget h3{
clear:both;
margin:0;
padding:7px 10px 7px 10px;
font-size:110%;
border:1px solid #d5d5d5;
border-bottom:0;
color:#000;
background:#fff url(images/headingBg.png) repeat-x 0 100%;
}

section.widget li a{
display:block;
padding:7px 0 7px 12px;
background:url(images/arrow.gif) no-repeat 0 12px;
border-bottom:1px dashed #dcdcdc;
}

section.widget li:last-child a{border:0;}

#searchform input[type="text"]{
line-height:1.7;
height:24px;
width:90px;
vertical-align:bottom;
}

/* カレンダー */
#calendar_wrap table{margin:0 auto;width:90%;}
#calendar_wrap table caption{padding:10px 0;text-align:center;font-weight:bold;}
#calendar_wrap table th, #calendar_wrap table td{padding:3px;text-align:center;}
#calendar_wrap table th:nth-child(6),#calendar_wrap table td:nth-child(6){color:#0034af;}
#calendar_wrap table th:nth-child(7),#calendar_wrap table td:nth-child(7){color:#950000;}
#calendar_wrap table td#prev{text-align:left;}
#calendar_wrap table td#next{text-align:right;}
#calendar_wrap a{font-weight:bold;}


/* お知らせ　
-------------*/
.newsTitle{
clear:both;
margin:0;
padding:7px 10px 7px 10px;
font-size:110%;
border:1px solid #d5d5d5;
border-bottom:0;
color:#000;
background:#fff url(images/headingBg.png) repeat-x 0 100%;
}

.newsTitle h3{
float:left;
font-weight:normal;
}

.newsTitle p{
float:right;
padding:0 0 0 10px;
font-size:80%;
background:url(images/arrow.gif) no-repeat 0 5px;
}

.news p{
clear:both;
padding-bottom:2px;
border-bottom:1px dashed #dcdcdc;
}

.news p:last-child{border:0;}

.news p a{
display:block;
padding:5px 0;
color:#333;
font-style:italic;
font:italic 110% "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.news a span{
color:#515151;
font:normal 90% Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

.news span{padding-left:10px;}

.news a:hover span{color:#6f6f6f;}



/* フッター
*****************************************************/
#footer .footersitemap ul{
padding: 0;
text-align:left;
}

#footer .footersitemap li{
font-size:9px;
display:inline-block;
padding: 3px 5px;
border-left:1px solid #000000;
}
*:first-child+html #footer li{display:inline;}

#footer .footersitemap li:first-child{border:0;}

#footer .footersitemap li a{
text-decoration:none;
color:#0033ff;
}

#footer2 .footersitemap li a{
text-decoration:none;
color:#fff;
}

#footer .footersitemap li a:hover{color:#6699ff;}

#footer .footersitemap ul ul{display:none;}

#footer #copyright{
clear:both;
padding:0 0 5px 0;
text-align:center;
color:#000;
font-size:10px;
}

#footer2 #copyright{
clear:both;
padding:0 0 5px 0;
text-align:center;
color:#fff;
font-size:10px;
}


/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
clear:both;
color:#4f4d4d;
text-align:center;
}


/* トップページ 最新記事4件
------------------------------------------------------------*/
ul.post{
padding:0;
}

ul.post li{
margin:0 10px;
padding:20px 0 15px;
border-bottom:1px dashed #dcdcdc;
}

ul.post li:last-child{border:0;}

ul.post img{
float:left;
margin:0 15px 5px 10px;
}

ul.post h3{
margin:0 0 10px 10px;
font-size:14px;
font-weight:normal;
color:#333;
border:0;
}

/* 画像オンマウスで透過
------------------------------------------------------------*/
.fade:hover {  
    opacity: 0.8;  
    filter: alpha(opacity=80);
}

/* 店舗案内
------------------------------------------------------------*/
.tenpoannai {
    width: 310px;
    font-size:12px;
    overflow: hidden; /*floatの解除、ここがポイント*/
    position: relative; /*DWで正常にプレビューできるようになります。*/
    zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
}
.tenpoannai .tenpoannaileft{
    width: 160px;
    float: left;
    margin: 10px 0 0 0;
}
.tenpoannai .tenpoannairight{
    width: 150px;
    float: right;
    margin: 10px 0 0 0;
}

table .tenpoannaita {
    width: 600px;
}

table .tenpoannaitd1 {
    width: 350px;
}

table .tenpoannaitd2 {
    width: 310px;
}

span.red {
	color: #c30d23;
}

/* 店舗案内の店舗名
------------------------------------------------------------*/
p.tenponame {
    width: 150px;
    font-size:18px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;  
    background: #c30d23;
    margin: 0 0 5px 0;
    padding: 3px 0 0px 0px;
}

/* 詳細ページのタイトル
------------------------------------------------------------*/
h2.detailspagetitle {
    width: 645px;
    font-size:18px;
    color: #ffffff;
    background: #664f26;
    margin: 0 0 10px 0;
    padding: 8px 0 4px 15px;
}

h3.detailspagetitleb {
    width: 645px;
    font-size:18px;
    color: #ffffff;
    background: #664f26;
    margin: 0 0 10px 0;
    padding: 8px 0 4px 15px;
}

/* ヘッダーメニュー
------------------------------------------------------------*/
#global-nav{
    height: 40px;
    margin: 0 auto;
    padding: 0;
}

#global-nav ul{
    list-style: none; /* リスト形式を削除 */
}

 /* リストを横並びに */
#global-nav ul li{
    width: 130px;
    height: 40px;
    float: left;
    margin: 0;
    padding: 0;
}

#global-nav ul li a{
    text-indent: -9999px; /* テキストをふっとばす */
    text-decoration: none;
    display: block;
    width: 130px;
    height: 40px;
    background-image: url(../../uploads/2014/09/head_gn.gif);
    background-repeat: no-repeat;
}

 /* a要素の背景の指定  ※左の数字がx軸、右の数字がy軸*/
#global-nav ul li#menu1 a { background-position: 0 0; }
#global-nav ul li#menu2 a { background-position: -130px 0px; } 
#global-nav ul li#menu3 a { background-position: -260px 0px; } 
#global-nav ul li#menu4 a { background-position: -390px 0px; } 
#global-nav ul li#menu5 a { background-position: -520px 0px; }
#global-nav ul li#menu4 a { background-position: -650px 0px; } 
#global-nav ul li#menu5 a { background-position: -780px 0px; }
#global-nav ul li#menu5 a { background-position: -910px 0px; }

#global-nav ul li a:hover{
    text-decoration: none;  
    background-image: url(../../uploads/2014/09/head_gn.gif);  
    background-repeat: no-repeat;   
}

/* a:hover要素の背景の指定 ※左の数字がx軸、右の数字がy軸*/
#global-nav ul li#menu1 a:hover { background-position: 0 -40px; }
#global-nav ul li#menu2 a:hover { background-position: -130px -40px; }
#global-nav ul li#menu3 a:hover { background-position: -260px -40px; }
#global-nav ul li#menu4 a:hover { background-position: -390px -40px; }
#global-nav ul li#menu5 a:hover { background-position: -520px -40px; }
#global-nav ul li#menu3 a:hover { background-position: -650px -40px; }
#global-nav ul li#menu4 a:hover { background-position: -780px -40px; }
#global-nav ul li#menu5 a:hover { background-position: -910px -40px; }


/* ヘッダーメニュー（旧）
------------------------------------------------------------*/
ul#navigation {
    width:910px;
    margin:0 auto;
    overflow:hidden;　/*float解除*/
    zoom:100%;　/*float解除*/
}
ul#navigation li {
    float:left; /*次の要素を右側へ回り込ませる*/
    list-style:none; /*リストの●を消す*/
}
ul#navigation li a {
    display:block; /*インラインからブロック要素へ変更*/
    height:40px; /*高さ*/
    width:130px; /*横幅*/
    text-align:center; /*テキストの位置*/
    font-weight:bold; /*テキストの太さ*/
    letter-spacing:1px; /*文字間隔*/
    text-indent:-9898px; /*テキストを横に飛ばして見えなくする*/
    background-image:url(../../uploads/2014/09/head_gn.gif); /*メニュー画像*/
    background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}

ul#navigation a.menu1 {background-position:0px 0px;width:130px;}
ul#navigation li a.menu1:hover {background-position:0 -40px;}
 
ul#navigation a.menu2 {background-position:-130px 0px;}
ul#navigation li a.menu2:hover {background-position:-130px -40px;}
 
ul#navigation li a.menu3 {background-position:-260px 0px;}
ul#navigation li a.menu3:hover {background-position:-260px -40px;}
 
ul#navigation li a.menu4 {background-position:-390px 0px;}
ul#navigation li a.menu4:hover {background-position:-390px -40px;}
 
ul#navigation li a.menu5 {background-position:-520px 0px;}
ul#navigation li a.menu5:hover {background-position:-520px -40px;}

ul#navigation li a.menu6 {background-position:-650px 0px;}
ul#navigation li a.menu6:hover {background-position:-650px -40px;}
 
ul#navigation li a.menu7 {background-position:-780px 0px;}
ul#navigation li a.menu7:hover {background-position:-780px -40px;}

/* ヘッダーメニュー（新）
------------------------------------------------------------*/
ul#navigation2 {
	display: table;
    width: 910px;
    margin: 0;
	padding: 0;
	}
ul#navigation2 li {
	display: table-cell;
    list-style:none;
	font-size: 12px;
    text-align:center;
	vertical-align: middle;
	}
ul#navigation2 li a {
	box-sizing: border-box;
	display: block;
    width: 130px;
	padding: 1em 0;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #4C0000;
	}
ul#navigation2 li a:hover {
	background-color: #824D4D;
	}


/* サイドメニュー（プルダウン形式）
------------------------------------------------------------*/

ul#smenu2, ul.sub_menu{
list-style:none;
margin:0;
padding:0;
}

#smenu2{
width:230px;
margin: 0;
}

.sub_menu li{
background:#fff;       
padding: 10px 10px 8px 10px;
font-size:10pt;
width:208px;
margin: -2px 0px 2px 0px;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-left:1px solid #000;
}

.sub_menu li a{
color:#000;
display:block;
}

.sub_menu li a:hover{
color:#fff;
}

.sub_menu li:hover{
background:#4c0000;
}

span.smenustxt {
font-size: 70%;
}

p.side-pl1 {
color: #fff;
font-size: 135%;
width: 230px;
height: 80px;
background:url(images/side-pl1.jpg) no-repeat 0 0;
margin: 0px;
padding: 15px 0px 0px 100px;
}

p.side-pl2 {
color: #fff;
font-size: 135%;
width: 230px;
height: 80px;
background:url(images/side-pl2.jpg) no-repeat 0 0;
margin: 0px;
padding: 15px 0px 0px 100px;
}

p.side-pl3 {
color: #fff;
font-size: 135%;
width: 230px;
height: 80px;
background:url(images/side-pl3.jpg) no-repeat 0 0;
margin: 0px;
padding: 15px 0px 0px 100px;
}

p.side-pl4 {
color: #fff;
font-size: 135%;
width: 230px;
height: 80px;
background:url(images/side-pl4.jpg) no-repeat 0 0;
margin: 0px;
padding: 15px 0px 0px 100px;
}

p.side-pl5 {
color: #fff;
font-size: 135%;
width: 230px;
height: 80px;
background:url(images/side-pl5.jpg) no-repeat 0 0;
margin: 0px;
padding: 15px 0px 0px 100px;
}

p.side-pl6 {
color: #fff;
font-size: 135%;
width: 230px;
height: 80px;
background:url(images/side-pl6.jpg) no-repeat 0 0;
margin: 0px;
padding: 30px 0px 0px 100px;
}

p.side-pl7 {
color: #fff;
font-size: 135%;
width: 230px;
height: 80px;
background:url(images/side-pl7.jpg) no-repeat 0 0;
margin: 0px;
padding: 15px 0px 0px 100px;
}

p.side-pl8 {
color: #fff;
font-size: 135%;
width: 230px;
height: 80px;
background:url(images/side-pl8.jpg) no-repeat 0 0;
margin: 0px;
padding: 15px 0px 0px 100px;
}

p.side-pl1:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl3:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl4:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl5:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl6:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl7:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl8:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-1 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-1.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-2 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-2.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-3 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-3.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-4 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-4.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-5 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-5.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-6 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-6.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-7 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-7.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-8 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-8.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-9 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-9.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-10 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-10.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-11 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-11.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-12 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-12.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-13 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-13.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-14 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-14.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-15 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-15.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-16 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-16.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-17 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-17.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-18 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-18.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-19 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-19.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-20 {
color: #fff;
font-size: 110%;
width: 230px;
height: 40px;
background:url(images/side-pl2-20.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-21 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-21.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
}

p.side-pl2-22 {
color: #fff;
font-size: 110%;
width: 230px;
height: 50px;
background:url(images/side-pl2-22.jpg) no-repeat 0 0;
margin: 0px;
padding: 18px 0px 0px 85px;
margin-bottom: 20px;
}

p.side-pl2-1:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-2:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-3:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-4:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-5:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-6:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-7:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-8:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-9:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-10:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-11:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-12:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-13:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-14:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-15:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-16:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-17:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-18:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-19:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-20:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-21:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-22:hover {
opacity: 0.7;
filter: alpha(opacity=70);
cursor:pointer;
}

p.side-pl2-6 a {
color: #fff;
}

p.side-pl2-14 a {
color: #fff;
}

p.side-pl2-15 a {
color: #fff;
}

p.side-pl2-17 a {
color: #fff;
}

p.side-pl2-18 a {
color: #fff;
}

p.side-pl2-20 a {
color: #fff;
}

p.side-pl2-21 a {
color: #fff;
}

p.side-pl2-22 a {
color: #fff;
}

/* 更新情報
*******************************/
#top-news {
	width: 660px;
	margin: 0;
}
#top-news .news {
	margin: 0;
	padding:0 10px 10px 0;
}
#top-news .day {
	float: left;
	width: 90px;
	color: #252525;
	margin:5px 0 5px 10px;
	padding: 0 0 0 5px;
	border-bottom: dashed 1px #c30d23;
}
#top-news .title {
	float: left;
	width: 525px;
	padding-left:20px;
	margin:5px 0;
	border-bottom: dashed 1px #c30d23;
}

/* 買取実績（トップページ）
*******************************/
.jissekicontent {
width: 200px;
float: left;
text-align: center;
margin: 0 20px 20px 0;
}
.jissekicontent2 {
width: 190px;
float: left;
margin: 0 0 20px 30px;
}
.jissekicontent .title{
font-weight:bold;
background: #dfdfdf;
margin: 5px 0;
padding: 3px 0;
}
.mainjisseki {
overflow: hidden;
}
/* clearfix */
.mainjisseki:before,
.mainjisseki:after {
content: "";
display: table;
}
.mainjisseki:after {
clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.mainjisseki {
zoom: 1;
}

span.red2 {
	color: #ff0000;
}

/* お客様の声（トップページ）
*******************************/
.mainvoicetitle {
color: #231815;
width: 640px;
font-size: 18px;
font-weight: bold;
margin: 10px 0;
padding: 8px 10px 2px;
background: #f4e8d1;
}

p.mainvoicetitle {
color: #231815;
width: 640px;
font-size: 18px;
font-weight: bold;
margin: 10px 0;
padding: 8px 10px 2px;
background: #f4e8d1;
}

.mainvoice{
width: 660px;
overflow: hidden; /*floatの解除、ここがポイント*/
position: relative; /*DWで正常にプレビューできるようになります。*/
zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/

}
.mainvoiceleft{
width: 130px;
float: left;
font-size: 12px;
}
.mainvoiceright{
width: 530px;
float: right;
}

/* 取り扱い品目A（固定ページ）
*******************************/
.hinmoku1 {
width: 660px;
overflow: hidden; /*floatの解除、ここがポイント*/
position: relative; /*DWで正常にプレビューできるようになります。*/
zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
margin: 0 0 20px 0;
padding: 0 0 15px 0;
border-bottom: dotted 1px #664f26;
}

.hinmoku1 .hinmoku1left {
width: 460px;
float: left;
}

.hinmoku1 .hinmoku1left table td.hinmoku1title {
width: 460px;
font-size: 18px;
font-weight: bold;
border-bottom: solid 1px #000000;
padding: 0 0 5px 0;
}

.hinmoku1 .hinmoku1left table td.hinmoku1info {
padding: 10px 0;
}

.hinmoku1 .hinmoku1right {
width: 200px;
float: right;
}

/* 取り扱い品目B（固定ページ）
*******************************/
.hinmoku2content {
width: 200px;
float: left;
margin: 0 20px 20px 0;
}
.hinmoku2content .hinmoku2midashi{
font-weight:bold;

font-size: 18px;
margin: 5px 0 0 0;
}
.hinmoku2 {
overflow: hidden;
}
/* clearfix */
.mainjisseki:before,
.mainjisseki:after {
content: "";
display: table;
}
.mainjisseki:after {
clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.mainjisseki {
zoom: 1;
}

/* 見出しの太文字（固定ページ）
*******************************/
p.midashi {
color: #231815;
font-size: 18px;
font-weight: bold;
margin: 0;
}

p.midashi2 {
color: #231815;
font-size: 18px;
font-weight: bold;
margin: 20px 0 0 0;
}

/* 豆知識へのテキストリンク（固定ページ）
*******************************/
p.chishikilink {
background: url(../../uploads/2014/09/hin_arrow.gif) no-repeat left 5px;
padding-left: 15px;
height: 15px;
margin: 10px 0 8px 0;
}

p.bargojuon {
width: 660px;
background: #dcdddd;
margin: 10px 0 5px;
padding: 5px 0 3px 10px;
font-size: 15px;
font-weight: bold;
}

/* 買取参考価格表
*******************************/
.kinentable { 
width: 660px; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #000000 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
margin: 10px 0;
} 

.kinentable td {
border: 1px #000000 solid; /* セルの枠線（太さ・色・スタイル） */ 
padding: 5px; /* セル内の余白 */ 
vertical-align: middle;
} 

.kinentable td.kinentdmidashi {
font-size: 15px;
font-weight: bold;
text-align: center;
padding: 5px 0 2px;
background: #dcdddd;
border: 1px #000000 solid; /* セルの枠線（太さ・色・スタイル） */ 
} 

.kinentable td.kinentdmidashi2 {
font-size: 12px;
font-weight: bold;
padding: 5px;
background: #dcdddd;
border: 1px #000000 solid; /* セルの枠線（太さ・色・スタイル） */ 
} 

.kinentable td.kinentdkakaku {
width: 90px;
color: #ff0000;
text-align: right;
vertical-align: middle;
padding: 5px;
border: 1px #000000 solid; /* セルの枠線（太さ・色・スタイル） */ 
} 

.kinentable td.kinentdkakaku2 {
width: 90px;
color: #ff0000;
text-align: center;
vertical-align: middle;
padding: 5px;
border: 1px #000000 solid; /* セルの枠線（太さ・色・スタイル） */ 
} 

.kinentable td.kinentdcomment {
width: 230px;
font-size: 12px;
padding: 5px;
border: 1px #000000 solid; /* セルの枠線（太さ・色・スタイル） */ 
}

.kinentable td.kinentdmeisho {
width: 78px;
margin: 0;
padding: 0;
}

/* 中国切手のページ
*******************************/
td.ckittemerit {
width: 80px;
text-align: center;
}

td.ckittemeisho {
width: 330px;
}

/* 金貨表（国内・外国の金貨のページ）
*******************************/
.kinka {
width: 660px;
overflow: hidden; /*floatの解除、ここがポイント*/
position: relative; /*DWで正常にプレビューできるようになります。*/
zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
margin: 0 0 20px 0;
padding: 0 0 15px 0;
border-bottom: dotted 1px #664f26;
}

.kinka2 {
width: 660px;
overflow: hidden; /*floatの解除、ここがポイント*/
position: relative; /*DWで正常にプレビューできるようになります。*/
zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
margin: 0 0 20px 0;
padding: 0 0 15px 0;
}

.kinka .kinkaleft {
width: 380px;
float: left;
}

.kinka .kinkaleft table {
width: 360px;
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #000000 solid; /* テーブル全体の枠線（太さ・色・スタイル） */
margin: 10px 0 20px;
}

.kinka .kinkaleft table td {
padding: 5px 0 2px 5px;
border: 1px #000000 solid; /* セルの枠線（太さ・色・スタイル） */ 
}

.kinka .kinkaleft table td.kinkamidashi{
width: 120px;
font-weight: bold;
padding: 5px 0 2px 5px;
background: #dcdddd;
border: 1px #000000 solid; /* セルの枠線（太さ・色・スタイル） */ 
}

.kinka .kinkaleft table td.kinkatantou{
font-size: 10px;
padding: 5px;
border: 1px #000000 solid; /* セルの枠線（太さ・色・スタイル） */ 
}

.kinka .kinkaright {
width: 280px;
float: right;
}

.kinka .kinkaright img.kinimg{
margin: 0 0 10px 0;
}

.kinka .kinkaright .kinkakaku{
color: #ff0000;
font-size: 18px;
font-weight: bold;
margin: 10px 0 0 0;
}

/* 6つのメリット（中国切手のページ）
*******************************/
.chukite6merit{
font-size: 18px;
}

.chukite6merit table td{
font-weight: bold;
}

table td.chukitemerit {
padding: 0 0 20px 0;
}

/* hrのスタイル1
*******************************/
hr.style1 {
border-top: dotted 1px #664f26;
margin: 30px 0;
}

/* 出張買取エリア
*******************************/
#areamap {
width: 660px;
height: 461px;


background: url(../../uploads/2015/08/top_map1.png) no-repeat center center;
}

#areamap .area-tokyo{
padding: 282px 0 0 270px;
}

#areamap .area-tokyo a{
color: #ffffff;
font-weight: bold;
}

#areamap .area-chiba {
padding: 50px 0 0 380px;
}

#areamap .area-chiba a{
color: #ffffff;
font-weight: bold;
}

/*******************************
/* もっと知りたい方はこちらの記事
*******************************/
p.motto {  
    margin: 20px 0 0 0;
}

/*******************************
/* 出張・郵送
*******************************/
.kaitoriplan {
width: 660px;
overflow: hidden; /*floatの解除、ここがポイント*/
position: relative; /*DWで正常にプレビューできるようになります。*/
zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
margin: 20px 0 40px;
padding: 0 0 15px 0;
border-bottom: dotted 1px #664f26;
}

.kaitoriplan .kaiplantitle {
width: 660px;
height: 26px;
font-size: 18px;
font-weight: bold;
border-bottom: solid 1px #000000;
margin-bottom: 10px;
padding: 0 0 5px 40px;
background:url(../../uploads/2014/10/arrow.gif) no-repeat left top;
}

.kaitoriplan .kaiplanleft {
width: 460px;
float: left;
}

.kaitoriplan .kaiplanright {
width: 200px;
float: right;
}

.kaitoriplan2 {
width: 660px;
overflow: hidden; /*floatの解除、ここがポイント*/
position: relative; /*DWで正常にプレビューできるようになります。*/
zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
margin: 20px 0 0 0;
padding: 0 0 15px 0;
}

.kaitoriplan2 .kaiplan2title {
width: 660px;
height: 26px;
font-size: 18px;
font-weight: bold;
border-bottom: solid 1px #000000;
margin-bottom: 10px;
padding: 0 0 5px 40px;
background:url(../../uploads/2014/10/arrow.gif) no-repeat left top;
}

.kaitoriplan2 .kaiplan2left {
width: 460px;
float: left;
}

.kaitoriplan2 .kaiplan2right {
width: 200px;
float: right;
}

.kaitoriplan3 {
width: 660px;
overflow: hidden; /*floatの解除、ここがポイント*/
position: relative; /*DWで正常にプレビューできるようになります。*/
zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
margin: 0 0 40px 0;
padding: 0 0 15px 0;
border-bottom: dotted 1px #664f26;
}

.kaitoriplan3 .kaiplan3left {
width: 460px;
float: left;
}

.kaitoriplan3 .kaiplan3right {
width: 200px;
float: right;
}

p.address {
width: 320px;
font-size: 17px;
font-weight: bold;
margin: 10px 0;
padding: 10px 20px 10px 100px;
border: solid 1px #000;
}

/*******************************
/* お問合せフォーム
*******************************/
td.tft {
width: 225px;
background: #ffd5aa;
vertical-align: middle;
padding-left: 15px;
border-top: solid 1px #fff;
}

td.tft1 {
width: 380px;
vertical-align: middle;
padding: 10px;
}

p.ftkp {
margin-top: 20px;
}

/*******************************
/* 自動見積りフォーム
*******************************/
table.jmf {
margin: 20px 0;
}

td.jmft {
width: 225px;
background: #a2c2e6;
vertical-align: middle;
padding-left: 15px;
border-top: solid 1px #fff;
}

td.jmft1 {
width: 380px;
background: #eaf4ff;
vertical-align: middle;
padding: 10px;
}

td.jmft2 {
width: 380px;
background: #e0efff;
vertical-align: middle;
padding: 10px;
}

td.jmft3 {
width: 380px;
background: #d6eaff;
vertical-align: middle;
padding: 10px;
}

td.jmft4 {
width: 380px;
padding: 10px;
}

.u {
text-decoration:underline;
}

/*******************************
/* 切手買取専用フォーム
*******************************/
p.bpk {
background: #fadce9;
margin: 0 0 20px 0;
padding: 10px 20px;
}

div.bpk {
background: #fadce9;
margin: 0 0 20px 0;
padding: 10px 20px;
}

p.red18b {
font-size: 18px;
font-weight: bold;
color: #ff0000;
}

p.red {
color: #ff0000;
}

table.ksf {
margin-bottom: 20px;
}

td.ksft {
width: 225px;
background: #d6e9ca;
vertical-align: middle;
padding-left: 15px;
border-top: solid 1px #fff;
}

td.ksft1 {
width: 380px;
vertical-align: middle;
padding: 10px;
}

/*******************************
/* 買取り実績
*******************************/
p.jibk18b1 {
font-size: 18px;
font-weight: bold;
margin: 10px 0 20px 0;
padding: 0;
}

p.jibk18b2 {
font-size: 18px;
font-weight: bold;
margin: 40px 0 20px 0;
padding: 20px 0 0 0;
border-top: dotted 1px #664f26;
}

/*******************************
/* 画像オンマウスで透過
*******************************/

.fade:hover {
    opacity: 0.7;  
    filter: alpha(opacity=70);  
}

/*******************************
/* 画像の個別指定
*******************************/
img.sideimg1 {
margin-bottom: 15px;
}

img.sideimg2 {
margin: 15px 0;
}

img.mtoi {
margin-top: 20px;
}

img.topm {
margin-top: 20px;
}

img.titlebar {  
margin: 30px 0 10px 0;
}

img.sbi{
margin: 10px 0 5px 0;
}

img.kaitel{
margin: 10px 0 0 0;
}

img.form{
margin: 10px 0 50px 50px;
}

img.tpacc{
margin: 20px 0;
}

/*******************************
/* 店舗情報
*******************************/
.tp1 {
width: 660px;
overflow: hidden; /*floatの解除、ここがポイント*/
position: relative; /*DWで正常にプレビューできるようになります。*/
zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
}

.tp1 .tp1l {
width: 220px;
float: left;
margin-left: 40px;
}

.tp1 .tp1rb {
width: 350px;
float: right;
}

.tp1 .tp1r {
width: 400px;
float: right;
}

.tp2 {
width: 660px;
overflow: hidden; /*floatの解除、ここがポイント*/
position: relative; /*DWで正常にプレビューできるようになります。*/
zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
margin-bottom: 20px;
}

.tp2 .tp2l {
width: 200px;
float: left;
}

.tp2 .tp2r {
width: 460px;
float: right;
}

.tp3 {
width: 660px;
overflow: hidden; /*floatの解除、ここがポイント*/
position: relative; /*DWで正常にプレビューできるようになります。*/
zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
margin-bottom: 20px;
}

.tp3 .tp3l {
width: 265px;
float: left;
margin-right: 10px;
font-size: 12px;
}

.tp3 .tp3r {
width: 385px;
float: right;
}

.tp4 {
width: 660px;
overflow: hidden; /*floatの解除、ここがポイント*/
position: relative; /*DWで正常にプレビューできるようになります。*/
zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
margin-bottom: 20px;
}

.tp4 .tp4l {
width: 330px;
float: left;
}

.tp4 .tp4r {
width: 330px;
float: right;
}

.tp4 .tp4r ul {
list-style:none;
}

.tp4 .tp4r ul li{
width: 165px;
float:left;
}

p.tpms {
color: #664f26;
font-size: 18px;
font-weight: bold;
border-left: 7px solid #664f26;
margin: 10px 0;
padding: 0 0 0 10px;
}

p.tpms2 {
color: #664f26;
font-size: 18px;
font-weight: bold;
margin: 10px 0 5px;
}

/*******************************
/* 会社概要
*******************************/
.comtable { 
width: 660px; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 0px; /* テーブル全体の枠線（太さ・色・スタイル） */ 
margin: 10px 0;
} 

.comtable th {
border-bottom: 1px #775c2f dotted; /* セルの枠線（太さ・色・スタイル） */ 
border-right: 1px #775c2f dotted; /* セルの枠線（太さ・色・スタイル） */ 
padding: 10px; /* セル内の余白 */
font-weight: bold; 
}

.comtable td {
border-bottom: 1px #775c2f dotted; /* セルの枠線（太さ・色・スタイル） */ 
padding: 10px; /* セル内の余白 */ 
}

/*******************************
/* プライバシーポリシー
*******************************/
p.ptitle {
width: 640px;
font-size: 18px;
font-weight: bold;
margin: 30px 0 10px 0;
padding: 8px 10px 2px;
background: #fce2c4;
}

p.ptxt {
margin: 0 0 10px 0;
}

/*******************************
/* 豆知識
*******************************/
p.cmg {
color: #664f26;
font-size: 18px;
font-weight: bold;
margin: 20px 0 3px;
}

p.cmg2 {
color: #664f26;
margin: 20px 0 3px;
}

p.cms {
color: #505050;
font-size: 18px;
font-weight: bold;
margin: 20px 0 3px;
}

p.cms2 {
color: #505050;
margin: 20px 0 3px;
}

p.p1 {
margin-bottom: 20px;
}

p.cmp {
color: #b4c8c8;
font-size: 18px;
font-weight: bold;
margin: 20px 0 3px;
}

p.cmp2 {
color: #b4c8c8;
margin: 20px 0 3px;
}

.table1 { 
width: 38%; /* テーブルの横幅 */ 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #000000 solid; /* テーブル全体の枠線（太さ・色・スタイル） */
} 

.table1 th { 
border: 1px #000000 solid; /* セルの枠線（太さ・色・スタイル） */ 
padding: 5px; /* セル内の余白 */
text-align: center;
} 

.table1 td { 
border: 1px #000000 solid; /* セルの枠線（太さ・色・スタイル） */ 
padding: 5px; /* セル内の余白 */ 
} 

/* よくある質問
------------------------------------------------------------*/
p.sq1{
color: #664f26;
font-size: 18px;
font-weight:bold;
background: url(./images/QA_Q.png) no-repeat 10px 10px;
margin: 10px 0 5px;
padding: 10px 0 0 43px;
}

p.sq2{
color: #664f26;
font-size: 18px;
font-weight:bold;
background: url(./images/QA_Q.png) no-repeat 10px 20px;
margin: 10px 0 5px;
padding: 20px 0 0 43px;
border-top: 1px #7d6e46 dotted;
}

p.sa{
font-size: 13px;
background: url(./images/QA_A.png) no-repeat 10px 10px;
margin-bottom: 20px;
padding: 13px 10px 10px 43px;
}

.sabg{
background-color: #f4eae4;
}

/* 取扱いブランド一覧
------------------------------------------------------------*/
.blm{
color: #fff;
background: #775c2f;
margin: 30px 0 15px;
padding: 8px 10px 5px 15px;
}

.bll1{
background: url(./images/bl-o.png)
no-repeat 10px 10px;
padding: 7px 0 7px 27px;
border-top: 1px #000 dashed;
border-bottom: 1px #000 dashed;
}

.bll2{
background: url(./images/bl-o.png) no-repeat 10px 10px;
padding: 7px 0 7px 27px;
border-bottom: 1px #000 dashed;
}
/*スタッフ紹介
------------------------------------------------------------*/
table.st{
height: 225px;
}

/*iframeタグ
------------------------------------------------------------*/
.iframe {
    border:none;
    }

/*hタグ
------------------------------------------------------------*/
h2.bpk {
color: #ff0000;
font-size: 18px;
font-weight: bold;
}

h2.mainvoicetitle {
color: #231815;
width: 640px;
font-size: 18px;
font-weight: bold;
margin: 10px 0;
padding: 8px 10px 2px;
background: #f4e8d1;
}

h3.jibk18b1 {
font-size: 18px;
font-weight: bold;
margin: 10px 0 20px 0;
padding: 0;
}

h3.jibk18b2 {
font-size: 18px;
font-weight: bold;
margin: 40px 0 20px 0;
padding: 20px 0 0 0;
border-top: dotted 1px #664f26;
}

h3.red18b {
font-size: 18px;
font-weight: bold;
color: #ff0000;
}

h3.cmg {
color: #664f26;
font-size: 18px;
font-weight: bold;
margin: 20px 0 3px;
}

h3.cms {
color: #505050;
font-size: 18px;
font-weight: bold;
margin: 20px 0 3px;
}

h3.cmp {
color: #b4c8c8;
font-size: 18px;
font-weight: bold;
margin: 20px 0 3px;
}

h3.midashi2 {
color: #231815;
font-size: 18px;
font-weight: bold;
margin: 20px 0 0 0;
}

h3.cmg3 {
color: #664f26;
font-weight: bold;
margin: 3px 0;
}

h3.tpms {
color: #664f26;
font-size: 18px;
font-weight: bold;
border-left: 7px solid #664f26;
margin: 10px 0;
padding: 0 0 0 10px;
}

h3.ptitle {
width: 640px;
font-size: 18px;
font-weight: bold;
margin: 30px 0 10px 0;
padding: 8px 10px 2px;
background: #fce2c4;
}

h4.cmg2 {
color: #664f26;
margin: 20px 0 3px;
}

h4.cms2 {
color: #505050;
margin: 20px 0 3px;
}

h4.cmp2 {
color: #b4c8c8;
margin: 20px 0 3px;
}

h4.midashi {
color: #231815;
font-size: 18px;
font-weight: bold;
margin: 0;
}

h4.midashi2 {
color: #231815;
font-size: 18px;
font-weight: bold;
margin: 20px 0 0 0;
}

h4.bargojuon {
width: 660px;
background: #dcdddd;
margin: 10px 0 5px;
padding: 5px 0 3px 10px;
font-size: 15px;
font-weight: bold;
}

h4.p1 {
margin-bottom: 5px;
}

h4.hinmoku2midashi{
font-weight:bold;
font-size: 18px;
margin: 5px 0 0 0;
}

h5.p1 {
margin-bottom: 5px;
}

/*お問合せフォーム
------------------------------------------------------------*/

.ct5 {
margin: 0 0 100px 0px;
}

/*確認画面へ進むボタン用*/
/*送信ボタン用*/
.mw_wp_form_input .ct5 ul, .mw_wp_form_confirm .ct5 ul{
	display: table;
	margin: 0 auto;
	}
.mw_wp_form_input .btn, .mw_wp_form_confirm .btn{
	display: inline-block;
	}
.mw_wp_form_input .btn input, .mw_wp_form_confirm .btn input{
	display: inline-block;
	box-sizing: border-box;
	cursor: pointer;
	width: auto;
	margin: 0 1em;
	padding: 0.5em 2em;
	color: #FFFFFF;
	font-size: 1rem;
	font-weight: normal;
	border: 2px solid #FFFFFF;
	border-radius: 0.75em;
	background: #FF7755;
	background: -moz-linear-gradient(top,  #FF7755 0%, #A00000 100%);
	background: -webkit-linear-gradient(top,  #FF7755 0%,#A00000 100%);
	background: linear-gradient(to bottom,  #FF7755 0%,#A00000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF7755', endColorstr='#A00000',GradientType=0 );
	box-shadow: 0px 3px 3px #888888;
	}
.mw_wp_form_input .btn input:hover, .mw_wp_form_confirm .btn input:hover{
	background: #FFAA88;
	background: -moz-linear-gradient(top,  #FFAA88 0%, #CC1100 100%);
	background: -webkit-linear-gradient(top,  #FFAA88 0%,#CC1100 100%);
	background: linear-gradient(to bottom,  #FFAA88 0%,#CC1100 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFAA88', endColorstr='#CC1100',GradientType=0 );
	}
/*戻るボタン用*/
#submitback{
	display: inline-block;
	}
#submitback input{
	display: inline-block;
	box-sizing: border-box;
	cursor: pointer;
	width: auto;
	margin: 0 1em;
	padding: 0.5em 2em;
	color: #FFFFFF;
	font-size: 1rem;
	font-weight: normal;
	border: 2px solid #FFFFFF;
	border-radius: 0.75em;
	background: #BBBBBB;
	background: -moz-linear-gradient(top,  #BBBBBB 0%, #666666 100%);
	background: -webkit-linear-gradient(top,  #BBBBBB 0%,#666666 100%);
	background: linear-gradient(to bottom,  #BBBBBB 0%,#666666 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BBBBBB', endColorstr='#666666',GradientType=0 );
	box-shadow: 0px 3px 3px #888888;
	}
#submitback input:hover{
	background: #DDDDDD;
	background: -moz-linear-gradient(top,  #DDDDDD 0%, #888888 100%);
	background: -webkit-linear-gradient(top,  #DDDDDD 0%,#888888 100%);
	background: linear-gradient(to bottom,  #DDDDDD 0%,#888888 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#888888',GradientType=0 );
	}

ul#sitemap_list {
background: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


/*==============================================================*/
.tenponame a.fade{
	display:block;
	color: #FFFFFF;
	background-color:#C30D23;
	}
.tenponame a.fade:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	}


/*==============================================================*/
.mw_wp_form input,
.mw_wp_form select,
.mw_wp_form textarea{
	box-sizing: border-box;
	width: 100%;
	padding: 0.5rem;
	}
.mw_wp_form input[type=radio]{
	box-sizing: border-box;
	width: auto;
	padding: 0.5rem;
	}
.mw_wp_form input[type=file]{
	width: auto;
	padding: 0;
	}
.mw_wp_form p.submitbtn{
	padding: 0;
	font-size: 0.75rem;
	text-align: center;
	border-radius: 0;
	background-color: transparent;
	}
.mw_wp_form p.submitbtn input{
	cursor: pointer;
	width: 12rem;
	margin: 0 0 20px;
	padding: 15px 30px;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	border: solid 1px #AAAAAA;
	background: #DDDDDD;
	background: -moz-linear-gradient(top, #DDDDDD 0%,#AAAAAA 100%);
	background: -webkit-linear-gradient(top, #DDDDDD 0%,#AAAAAA 100%);
	background: linear-gradient(to bottom, #DDDDDD 0%,#AAAAAA 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	}
.mw_wp_form p.submitbtn input:hover{
	background: #AAAAAA;
	}
	
.mw_wp_form div{
	display: table;
	width: 100%;
	margin: 0 0 5px;
	}
.mw_wp_form div p{
	box-sizing: border-box;
	display: table-cell;
	width: 16rem;
	padding: 0.5rem;
	background-color: rgba(255,182,0,0.25);
	}
.mw_wp_form div p span.annotate{
	display: block;
	font-size: 0.75rem;
	}
.mw_wp_form div p:last-child{
	width: auto;
	font-size: 0.8rem;
	background-color: transparent;
	}
.mw_wp_form div div{
	display: table-cell;
	width: auto;
	}
.mw_wp_form div div p{
	display: block;
	width: auto;
	margin: 0;
	padding: 0.5rem;
	font-size: 0.8rem;
	background-color: transparent;
	}
.mw_wp_form div div p:nth-child(2n){
	padding: 0rem 0.5rem;
	}
.mw_wp_form h2{
	box-sizing: border-box;
	margin: 0.5rem 0;
	padding: 0.5rem;
	font-size: 1.4rem;
	background-color: rgba(255,182,0,0.25);
	}
.mw_wp_form h3{
	box-sizing: border-box;
	margin: 0.5rem 0;
	padding: 0;
	color: #333333;
	font-size: 1.2rem;
	font-weight: bold;
	}
.mw_wp_form h3.questionnaire{
	box-sizing: border-box;
	margin: 1rem 0 0.5rem;
	padding: 0 0 0.5rem 0.5rem;
	color: #333333;
	font-size: 1rem;
	font-weight: normal;
	border-left: #FFFFFF solid 2px;
	border-bottom: #FFFFFF solid 1px;

	}
.mw_wp_form strong{
	font-weight: bold;
	}
/*ボタン*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn--yellow {
  color: #000;
  background-color: #fff100;
  border-bottom: 5px solid #ccc100;
}

a.btn--yellow:hover {
  margin-top: 3px;
  color: #000;
  background: # fff20a;
  border-bottom: 2px solid #ccc100;
}