#header ul li#search,
#footer div#access-mobile {
display: none;
}

/* ========
MIDDLE COMMON class=middle
==================================================== */
/* HEADER */
.middle #header {
width: 948px;
height: 154px;
background: url(../img_cmn/bg.jpg) no-repeat 0 0 #000;
}
.middle #header h1 {
float: left;
}
.middle #header h1 img {
width: 230px;
margin: 20px 0 0 20px;
}
.middle #header ul {
float: right;
margin: 120px 20px 0 0;
display: inline;
}
.middle #header ul li {
color: #777;
float: left;
margin-left: 10px;
display: inline;
font-size: 85%;
}
.middle #header ul li a {
}
.middle #header ul li a:link,
.middle #header ul li a:visited {
color: #fff;
text-decoration: underline;
}
.middle #header ul li a:hover,
.middle #header ul li a:active {
color: #D90000;
text-decoration: underline;
}

/* MAIN CONTAINER */
.middle #container h2 {
width: 110px;
float: left;
margin: 0;
/*background: url(../img_cmn/bg_bread.gif) no-repeat left top;*/
}
.middle #container h2 img {
margin: 40px 0 0 20px;
}
.middle #container #inner-con {
width: 828px;
float: right;
margin-bottom: 10px;
display: inline;
}
/* BREAD */
.middle #container #inner-con #bread {
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}
.middle #container #inner-con #bread ul {
float: right;
margin: 5px 20px;
display: inline;
}
.middle #container #inner-con ul li {
float: left;
margin-left: 10px;
display: inline;
}
.middle #container #inner-con ul li a {
background: url(../img_cmn/img_list.gif) right 0.4em no-repeat;
padding-right: 20px;
}

/* MAIN Column */
.middle #inner-con #main {
width: 563px;
float: left;
margin-bottom: 20px;
margin-left: 10px;
display: inline;
}
.middle #inner-con #main h3,
.middle #inner-con #main-single h3 {
margin-bottom: 20px;
}
/* 写真 */
.middle #inner-con #main .pht {
float: left;
}
.middle #inner-con #main .pht img {
margin-right: 10px;
margin-bottom: 5px;
}
/* 中ページ移動 */
/*  */
.middle #inner-con #main .move {
clear: both;
float: right;
margin: 20px 0 10px 0;
display: inline;
}
.middle #inner-con #main .move li {
float: left;
margin: 0 0 0 10px;
display: inline;
}
.middle #inner-con #main .move li a {
background: url(../img_cmn/icon_arrow_red.gif) 0 0.2em no-repeat;
padding: 0 0 0 25px;
display: inline-block;
}
.middle #inner-con #main .move li strong {
background: url(../img_cmn/icon_arrow_red.gif) 0 0.2em no-repeat;
padding: 0 0 0 25px;
/*display: inline-block;*/
}

/* 前後 */
.middle #inner-con #main .turn,
.middle #inner-con #main-single .turn {
text-align: center;
margin: 10px auto 25px;
}
.middle #inner-con #main .turn li,
.middle #inner-con #main-single .turn li {
float: none;
margin: 0 0 5px 10px;
}
.middle #inner-con #main .turn li a,
.middle #inner-con #main-single .turn li a {
background: none;
padding: 0;
text-align: center;
}
.middle #inner-con #main .turn li.next a,
.middle #inner-con #main-single .turn li.next a {
background: url(../img_cmn/icon_arrow_red.gif) no-repeat right 0.2em;
padding: 0 20px 0 0;
}
.middle #inner-con #main .turn li.back a,
.middle #inner-con #main-single .turn li.back a {
background: url(../img_cmn/icon_beforearrow_red.gif) no-repeat 0 0.2em;
padding: 0 10px 0 20px;
border-right: 1px solid #333;
}
.middle #inner-con #main .turn li a:link,
.middle #inner-con #main-single .turn li a:link,
.middle #inner-con #main .turn li a:visited,
.middle #inner-con #main-single .turn li a:visited {
text-decoration: underline;
}
.middle #inner-con #main .turn li a:hover,
.middle #inner-con #main-single .turn li a:hover,
.middle #inner-con #main .turn li a:active,
.middle #inner-con #main-single .turn li a:active {
text-decoration: underline;
}

.middle #inner-con #main .move li a:link,
.middle #inner-con #main-single .move li a:link,
.middle #inner-con #main .move li a:visited,
.middle #inner-con #main-single .move li a:visited {
color: #333;
text-decoration: underline;
}
.middle #inner-con #main .move li a:hover,
.middle #inner-con #main-single .move li a:hover,
.middle #inner-con #main .move li a:active,
.middle #inner-con #main-single .move li a:active {
color: #D90000;
text-decoration: underline;
}

/* SIDE Column */
.middle #inner-con #side {
width: 230px;
float: right;
margin-bottom: 20px;
margin-right: 10px;
display: inline;
}
.middle #inner-con #side #menu {
width: 230px;
margin-bottom: 20px;
padding: 0;
}
.middle #inner-con #side #menu dt {
width: 230px;
margin: 0;
padding: 0;
/* border-left: 1px solid #ccc;
border-right: 1px solid #ccc; */
}
.middle #inner-con #side #menu dd {
width: 215px;
margin: 0;
padding: 10px 5px 10px 8px;
border-bottom: 1px dashed #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.middle #inner-con #side #menu dd.last {
width: 215px;
margin: 0;
padding: 10px 5px 10px 8px;
border-bottom: 1px solid #ccc;
}
.middle #inner-con #side #menu dd a {
background: url(../img_cmn/img_square.gif) 0 0.1em no-repeat;
margin: 0;
padding: 0 0 5px 20px;
}
.middle #inner-con #side #menu dd strong {
background: url(../img_cmn/img_square.gif) 0 0.1em no-repeat;
margin: 0;
padding: 0 0 5px 20px;
color: #D90000;
font-weight: bold;
}

/* NEWS and TOPICS */
.middle #side #feed {
width: 222px;
margin: 0;
padding: 10px 0;
border-bottom: 4px solid #ccc;
border-left: 4px solid #ccc;
border-right: 4px solid #ccc;
}

.middle #side #feed dl {
width: 220px;
margin: 0 auto 3px;
font-size: 85%;
}
.middle #side #feed dl dt {
float: left;
width: 70px;
min-height:70px;
height: auto !important;
height: 70px;
background: url(../img/thumb_noimage.gif) 5px 0 no-repeat;
}
.middle #side #feed dl dt img {
margin-bottom: 10px;
margin-left: 5px;
}
.middle #side #feed dl dd {
margin-left: 80px;
min-height:70px;
height: auto !important;
height: 70px;
}
.middle #side #feed dl dd.ttl {
background: url(../img_cmn/img_square.gif) no-repeat 0 0.2em;
padding-left: 15px;
}

/* 自費出版書籍案内 */
div#inner-con #main div#bookInfo,
#main-single div#bookInfo{
/*width: 762px !important;*/
margin-bottom: 10px !important;
padding: 5px 9px;
border: 1px solid #CC0000;
}
#main-single div#bookInfo{
width: 762px !important;
}
#main div#bookInfo h3,
#main-single div#bookInfo h3{
margin-bottom: 5px !important;
padding: 0;
color: #CC0000;
font-weight: bold;
}
#main div#bookInfo dl,
#main-single div#bookInfo dl{
margin-bottom: 10px !important;
font-size: 85%;
}
#main div#bookInfo dl dt,
#main-single div#bookInfo dl dt{
margin-bottom: 3px !important;
font-weight: bold;
}
#main div#bookInfo dl dd,
#main-single div#bookInfo dl dd{
margin-bottom: 3px !important;
}
#main div#bookInfo p,
#main-single div#bookInfo p{
margin-bottom: 5px;
font-size: 85%;
}

/* ========
SINGLE
==================================================== */
#privacy #inner-con #main-single,
#inquiry #inner-con #main-single {
width: 800px;
}
#privacy #inner-con #main-single div,
#inquiry #inner-con #main-single div {
width: 780px;
margin: 0 auto;
}
#privacy p.return,
#inquiry p.return,
#sitemap p.return {
clear: both;
margin: 0 20px 10px 0;
text-align: right;
}

/* ========
SITEMAP id=sitemap
==================================================== */
#sitemap #main-single .single-inner {
width: 390px;
float: left;
margin: 0 0 20px 10px;
display: inline;
line-height: 2;
}

#sitemap #main-single h4 {
font-weight: bold;
font-size: 108%;
background: url(../img_cmn/img_square.gif) no-repeat 0 0.4em;
margin: 0 0 10px 0;
padding: 0 0 0 20px;
}
#sitemap #main-single h4 a,
#sitemap #main-single h4 a:link,
#sitemap #main-single h4 a:visited {
color: #D90000;
}
#sitemap #main-single h4 a:hover,
#sitemap #main-single h4 a:active {
color: #D90000;
text-decoration: underline;
}

#sitemap #main-single h5 {
font-weight: bold;
color: #999;
margin: 0 0 0 10px;
}
#sitemap #inner-con #main-single ul {
margin: 0 0 20px 0;
}
#sitemap #inner-con #main-single ul li {
float: none;
display: block;
margin: 0 0 0 10px;
}
#sitemap #inner-con #main-single ul li a {
background: none;
}
#sitemap #inner-con #main-single ul li ul {
margin: 0 0 0 10px;
}

/* ========
PRIVACY id=privacy
==================================================== */
#privacy #main-single h4 {
font-size: 108%;
font-weight: bold;
margin: 0 0 10px 0;
}

/* ========
INQUIRY id=inquiry
==================================================== */
#inquiry #inner-con #main-single ul {
}
#inquiry #inner-con #main-single ul li {
display: block;
margin: 0;
float: none;
}
#inquiry #main-single h4 {
font-size: 108%;
font-weight: bold;
margin: 0 0 10px 0;
color: #D90000;
}
#inquiry #main-single h5 {
font-weight: bold;
margin: 0 0 10px 0;
}
#inquiry #main-single h5 span {
font-weight: normal;
}
#inquiry #main-single dl {
margin: 0 0 10px 0;
}
#inquiry #main-single dl dt {
font-weight: bold;
margin: 0 0 5px 0;
}
#inquiry #main-single dl dd {
margin: 0 0 10px 0;
}

/* 重要なお知らせ */
#inquiry #inner-con div#inportant-box{
width: 762px;
margin-bottom: 10px;
padding: 5px 9px;
border: 1px solid #CC0000;
}
#inquiry div#inportant-box h3{
margin-bottom: 5px !important;
padding: 0;
color: #CC0000;
font-weight: bold;
text-align: center;
}
#inquiry div#inportant-box p{
padding: 0 1.5em;
margin-bottom: 5px;
font-size: 85%;
}
#inquiry div#inportant-box p a{
text-decoration: underline;
}


/* テーブル */
#inquiry #main-single table {
clear: both;
width: 780px;
border: 1px solid #CCC;
margin: 0 0 10px 0;
}
#inquiry #main-single table tr th,
#inquiry #main-single table tr td {
border: 1px solid #CCC;
padding: 4px 5px 3px 10px;
}
#inquiry #main-single table tr th {
background: #f2f2f2;
width: 30%;
}
/* 送信ボタン */
input#submit,
input#backto {
width: 120px;
}

/* THANKS */
#inquiry #main .thanks {
font-size: 108%;
font-weight: bold;
}

/* ========
NEWS id=news
==================================================== */
#news #main dl#list {
width: 550px;
margin: 0 0 10px 10px;
}
#news #main dl#list dt {
clear: both;
float: left;
padding: 10px 0 0 0;

}
#news #main dl#list dd {
padding: 10px 0 5px 100px;
border-bottom: 1px dashed #ccc;
background: url(../img_cmn/img_arrow_s.gif) 88px 1.3em no-repeat;
}
#news #main dl dd#list a.blank {
margin: 0 0 0 0;
padding: 10px 13px 10px 0;
background: url(../img_cmn/img_blank.gif) 100% 50% no-repeat;
}

#news #main dl#list dd a:link {
color: #333;
text-decoration: underline;
}
#news #main dl#list dd a:visited {
color: #666;
text-decoration: underline;
}
#news #main dl#list dd a:hover,
#news #main dl#list dd a:active {
color: #D90000;
text-decoration: underline;
}

/* 詳細ページ */
#news #main h3.ttl-dtl {
font-size: 123%;
font-weight: bold;
color: #D90000;
border-bottom: 3px solid #CCC;
margin: 0 0 10px 0;
padding: 0 0 5px 10px;
}
#news #main .entry-dtl a,
#news #main .entry-dtl a:link {
color: #333;
text-decoration: underline;
}
#news #main .entry-dtl a:visited {
color: #666;
text-decoration: underline;
}
#news #main .entry-dtl a:hover,
#news #main .entry-dtl a:active {
color: #D90000;
text-decoration: underline;
}

/* カテゴリーアーカイブ */
#news #main h3.entry-ttl {
margin-bottom: 5px;
padding: 15px 0 5px;
border-bottom: 1px solid #ff7a7a;
font-weight: bold;
font-size: 108%;
}
/* テンプレートコード */
#news div.html-code{
padding: 10px;
background: #FFDDDD;
}
#news div.html-code code{
}


/* ========
STORE id=shop
==================================================== */
#main h4 {
font-size: 116%;
font-weight: bold;
margin: 0 0 5px 0;
}
#main h4 img {
vertical-align:top;
}
#main h4 span {
padding-top: 2px;
padding-left: 5px;
font-size:100%;
font-size:85%;
font-weight:normal;
}
/* 一覧　テーブル */
#main table {
clear: both;
width: 560px;
border: 1px solid #CCC;
/* 090824revise margin: 0 0 20px 0; */
margin: 0 0 10px 0;
}
#main table tr th,
#main table tr td {
border: 1px solid #CCC;
padding: 4px 5px 3px 10px;
}
#main table tr th {
background: #f2f2f2;
}
#main table span.caution{/* caution */
font-size: 85%;
}


#main table.store-list {
font-size: 77%;
}
#main table.store-list th {
font-weight: bold;
}
#main table.store-list td.add{
width: 40%;
}
#main table.store-list td.time{
width: 45%;
}
#main table.store-list td.tel{
width: 15%;
}

/* 地図 */
#main .map {
width: 556px;
border: 2px solid #CCC;
}

/* ========
PRODUCTS id=products
==================================================== */
#products #main h4 {
margin: 0 0 10px 0;
font-size: 108%;
font-weight: bold;
}
#container #main ul.allergy li {
display: block;
float: none;
margin: 0 0 10px 0;
}
/* MENU */
#inner-con #main .ramens {
width: 560px;
background: url(../s-kawahara/img/bg_ramen_bottom.gif) left bottom no-repeat;
margin: 0 0 10px 0;
padding: 0 0 20px 0;
}
#inner-con #main .ramens .ramens-left {
width: 275px;
float: left;
margin-left: 5px;
display: inline;
background: url(../s-kawahara/img/bg_ramen_top.gif) 0 0 no-repeat;
}
#inner-con #main .ramens .ramens-right {
width: 275px;
float: right;
display: inline;
background: url(../s-kawahara/img/bg_ramen_top.gif) 0 0 no-repeat;
}
#inner-con #main .ramens dl,
#inner-con #main .ramens-odd dl {
width: 260px;
margin: 20px 0 0 5px;
}
#inner-con #main .ramens dl dt,
#inner-con #main .ramens-odd dl dt {
margin: 0 0 10px 0;
}
#inner-con #main .ramens dl dd,
#inner-con #main .ramens-odd dl dd {
margin: 0 0 0 5px;
}
/* 1個のとき */
#inner-con #main .ramens-odd {
width: 560px;
background: url(../s-kawahara/img/bg_ramenodd_bottom.gif) left bottom no-repeat;
margin: 0 0 10px 0;
padding: 0 0 20px 0;
}
#inner-con #main .ramens-odd .ramens-left {
width: 275px;
float: left;
margin-left: 5px;
display: inline;
background: url(../s-kawahara/img/bg_ramen_top.gif) 0 0 no-repeat;
}

#inner-con #main .ramens dl dd.name,
#inner-con #main .ramens-odd dl dd.name {
font-weight: bold;
color: #D90000;
}

/* 味の解体新書 */
#main h5 {
font-weight: bold;
color: #D90000;
margin: 0 0 20px 0;
padding-top: 15px;
}

/* すべては味のために、麺 */
#main #con-taste {
margin: 0 0 20px 0;
}
#main #con-taste h4#taste {
float: left;
width: 100px;
height: 300px;
text-indent: -9999px;
background: url(../products/img/img_taste.gif) 0 0 no-repeat;
}
#main #con-taste p {
margin: 0 0 20px 110px;
}
#main #con-taste #con-ramen {
margin: 0 0 20px 110px;
}
#main #con-taste #con-ramen h4 {
float: right;
width: 100px;
height: 217px;
margin: 0;
text-indent: -9999px;
background: url(../products/img/img_ramen.gif) 0 0 no-repeat;
}
#main #con-taste #con-ramen p {
margin: 0 110px 10px 0;
}

/* スープ */
#main #con-soup {
margin: 0 0 30px 0;
}
#main #con-soup h4#soup {
float: left;
width: 100px;
height: 182px;
text-indent: -9999px;
background: url(../products/img/img_soup.gif) 0 0 no-repeat;
}
#main #con-soup h5 {
margin-left: 110px;
}
#main #con-soup p {
margin: 0 0 20px 110px;
}

/* チャーシュー */
#main #con-chashu {
margin: 0 0 30px 0;
}
#main #con-chashu h4#chashu {
float: left;
width: 100px;
height: 182px;
text-indent: -9999px;
background: url(../products/img/img_chashu.gif) 0 0 no-repeat;
}
#main #con-chashu h5 {
margin-left: 110px;
}
#main #con-chashu p {
margin: 0 0 20px 110px;
}

/* 香油 */
#main #con-oil {
margin: 0 0 30px 0;
}
#main #con-oil h4#oil {
float: left;
width: 100px;
height: 209px;
text-indent: -9999px;
background: url(../products/img/img_oil.gif) 0 0 no-repeat;
}
#main #con-oil h5 {
margin-left: 110px;
}
#main #con-oil p {
margin: 0 0 20px 110px;
}

/* 基だし */
#main #con-soupstock {
margin: 0 0 30px 0;
}
#main #con-soupstock h4#soupstock {
float: right;
width: 100px;
height: 245px;
text-indent: -9999px;
background: url(../products/img/img_soupstock.gif) 0 0 no-repeat;
}
#main #con-soupstock h5 {
margin-right: 110px;
}
#main #con-soupstock p {
margin: 0 110px 20px 0;
}

/* 水 */
#main #con-water {
margin: 0 0 30px 0;
}
#main #con-water h4#water {
float: right;
width: 100px;
height: 181px;
text-indent: -9999px;
background: url(../products/img/img_water.gif) 0 0 no-repeat;
}
#main #con-water h5 {
margin-right: 110px;
}
#main #con-water p {
margin: 0 110px 20px 0;
}

/* ========
HISTORY id=history
==================================================== */
#history #main dl {
width: 540px;
margin: 0 0 10px 10px;
}
#history #main dl dt {
float: left;
padding: 5px 0 0 0;
}
#history #main dl dd {
padding: 5px 0 10px 100px;
border-bottom: 1px dashed #ccc;
}

/* ========
KAWAHARA id=kawahara
==================================================== */
/* 心得帖 */
#kawahara #inner-con #main .acquaintanceship {
width: 555px;
margin: 0 auto 20px auto;
background: url(../s-kawahara/img/bg_acquaintanceship_bottom.gif) left bottom no-repeat;
}
#kawahara #inner-con #main .acquaintanceship dl {
padding: 20px;
background: url(../s-kawahara/img/bg_acquaintanceship_top.gif) left top no-repeat;
}
#kawahara #inner-con #main .acquaintanceship dl dt {
float: left;
}
#kawahara #inner-con #main .acquaintanceship dl dd {
margin: 0 0 0 105px;
}
#kawahara #inner-con #main .acquaintanceship dl dd a:link,
#kawahara #inner-con #main .acquaintanceship dl dd a:visited {
color: #f25701;
text-decoration: underline;
}
#kawahara #inner-con #main .acquaintanceship dl dd a:hover,
#kawahara #inner-con #main .acquaintanceship dl dd a:active {
color: #f25701;
text-decoration: none;
}

/* 四季のラーメン */
#kawahara #inner-con #main p.list {
clear: both;
text-align: right;
}

#kawahara #inner-con #main h4 {
font-size: 123%;
font-weight: bold;
margin-bottom: 15px;
}

/* 作品一覧 */
#kawahara #inner-con #main .ramens {
width: 560px;
background: url(../s-kawahara/img/bg_ramen_bottom.gif) left bottom no-repeat;
margin: 0 0 10px 0;
padding: 0 0 20px 0;
}
#kawahara #inner-con #main .ramens .ramens-left {
width: 275px;
float: left;
margin-left: 5px;
display: inline;
background: url(../s-kawahara/img/bg_ramen_top.gif) 0 0 no-repeat;
}
#kawahara #inner-con #main .ramens .ramens-right {
width: 275px;
float: right;
display: inline;
background: url(../s-kawahara/img/bg_ramen_top.gif) 0 0 no-repeat;
}
#kawahara #inner-con #main .ramens dl,
#kawahara #inner-con #main .ramens-odd dl {
width: 260px;
margin: 20px 0 0 5px;
}
#kawahara #inner-con #main .ramens dl dt,
#kawahara #inner-con #main .ramens-odd dl dt {
margin: 0 0 10px 0;
}
#kawahara #inner-con #main .ramens dl dd,
#kawahara #inner-con #main .ramens-odd dl dd {
margin: 0 0 0 5px;
}
/* 1個のとき */
#kawahara #inner-con #main .ramens-odd {
width: 560px;
background: url(../s-kawahara/img/bg_ramenodd_bottom.gif) left bottom no-repeat;
margin: 0 0 10px 0;
padding: 0 0 20px 0;
}
#kawahara #inner-con #main .ramens-odd .ramens-left {
width: 275px;
float: left;
margin-left: 5px;
display: inline;
background: url(../s-kawahara/img/bg_ramen_top.gif) 0 0 no-repeat;
}

#kawahara #inner-con #main .ramens dl dd.date,
#kawahara #inner-con #main .ramens-odd dl dd.date {
font-weight: bold;
}
#kawahara #inner-con #main .ramens dl dd.theme,
#kawahara #inner-con #main .ramens-odd dl dd.theme {
font-weight: bold;
color: #D90000;
}
#kawahara #inner-con #main .ramens dl dd.theme a,
#kawahara #inner-con #main .ramens dl dd.theme a:link,
#kawahara #inner-con #main .ramens-odd dl dd.theme a,
#kawahara #inner-con #main .ramens-odd dl dd.theme a:link {
font-weight: bold;
color: #D90000;
}

/* 書籍のご案内 */
#kawahara #inner-con #main .books {
width: 556px;
margin: 0 auto 20px auto;
}
#kawahara #inner-con #main .books .books-left {
width: 273px;
float: left;
margin: 0;
padding: 0;
}
#kawahara #inner-con #main .books .books-right {
width: 273px;
float: right;
margin: 0;
padding: 0;
}

#kawahara #inner-con #main .books h3 {
margin: 0 0 10px 0;
}
#kawahara #inner-con #main .books dl {
}
#kawahara #inner-con #main .books dl dt {
float: left;
}
#kawahara #inner-con #main .books dl dd {
margin: 0 0 5px 110px;
padding: 0 0 5px 0;
font-size: 85%;
border-bottom: 1px dashed #CCC;
}
#kawahara #inner-con #main .books dl dd a.blank {
padding: 0 13px 0 0;
background: url(../img_cmn/img_blank.gif) 100% 50% no-repeat;
}
#kawahara #inner-con #main .books dl dd a,
#kawahara #inner-con #main .books dl dd a:link {
color: #E47911;
/*text-decoration: underline;*/
}

#kawahara #inner-con #main .books strong {
font-weight: bold;
color: #000000;
}

/* ========
Blog template
==================================================== */
#news .entry-dtl table.article {
clear: both;
margin-bottom: 20px;
}

#news .entry-dtl #art01 tr .art-img {
width: 250px;
vertical-align: top;
}
#news .entry-dtl #art01 tr img {
text-align: left;
}
#news .entry-dtl #art01 tr .art-txt {
padding-top: 10px;
}

/* 左寄せ */
#news .entry-dtl #art02 td img {
float: left;
margin: 0 10px 10px 0;
}

/* 右寄せ */
#news .entry-dtl #art03 td img {
float: right;
margin: 0 0 10px 10px;
}

/* ========
font color
==================================================== */
.red {
	color: #CC0000;
}