@charset "UTF-8";
@import url(./css/reset.css);

html{
height:100%;
}

a{
color:#7B191E;
text-decoration:none;
}

a:hover{
color:#7B191E;
text-decoration:underline;
}



body {
height:100%;
color:#666;
background:url(img/bg_body.jpg) ;
text-align:center;
font-size:0.9em;
font-family:  Verdana,"Lucida Grande", sans-serif; 
line-height:1.6em;
}


body.topBody {
height:100%;
color:#666;
background:#FCDBD4;
text-align:center;
font-size:0.9em;
font-family:  Verdana,"Lucida Grande", sans-serif; 
line-height:1.6em;
}


.topBody #header{
width:980px;
height:130px;
margin:0 auto;
text-align:left;
background:none;
}


#header{
width:980px;
height:130px;
background:url(img/bg_header.png) no-repeat;
margin:0 auto;
text-align:left;
}

#logoArea{
width:140px;
float:left;
padding:10px 0 0 20px;
}


#listnavi{
width:800px;
float:right;
padding:10px;
}

#listnavi ul{
text-align:right;
}

#listnavi li{
display:inline-block;
/display: inline;
/zoom: 1;
padding:0 10px;
}

#listnavi li a{
color:#7B191E;
text-decoration:none;
}


#listnavi li a:hover{
color:#7B191E;
text-decoration:underline;
}







#container{
width:980px;
margin:0 auto;
padding-bottom:60px;
text-align:left;
background:url(img/bg_container.png) repeat-y;
}

*html #container{
width:980px;
margin:0 auto;
background:url(img/bg_container.png) repeat-y;
}

#primary{
width:900px;
margin:0 20px;
padding:0 20px;
}

*html #primary{
width:900px;
margin:0 0px 0 20px;
padding:0 0 0 20px;
}



#primary p{
padding-bottom:1em;
}


#topicPath{
margin:10px 0 0 0;
}

/*------------------------------------------------
Gnavi
------------------------------------------------*/

#GnaviTop a{
height:100px;
width:250px;
margin-top:-88px;
margin-left:701px;
position:absolute;
background:url(./img/gnaviTop.gif) no-repeat right;
display:block;
text-indent:-9999px;
overflow:hidden;
}

#GnaviTop a:hover{
background:url(./img/gnaviTop_on.gif);
}


#Gnavi{
width:940px;
height: 88px;
margin:0 auto;
}
*html #Gnavi{
width:980px;
height: 88px;
padding-left:20px;
}

#Gnavi ul{
height: 88px;
}
#Gnavi li{
float:left;
}

#Gnavi li a{
height: 88px;
display:block;
text-indent: -9999px;
overflow: hidden;
background-image:url(img/gnavi.jpg);
background-position: no-repeat;
}

#Gnavi01 a { width: 167px; background-position: 0 0; }
#Gnavi02 a { width: 152px; background-position: -167px 0px; }
#Gnavi03 a { width: 152px; background-position: -319px 0px; }
#Gnavi04 a { width: 152px; background-position: -471px 0px; }
#Gnavi05 a { width: 152px; background-position: -623px 0px; }
#Gnavi06 a { width: 165px; background-position: -775px 0px; }

#Gnavi01 a:hover,.individualPageproducts #Gnavi01 a { width: 167px; background-position: 0 -88px; }
#Gnavi02 a:hover,.individualPageshop #Gnavi02 a  { width: 152px; background-position: -167px -88px; }
#Gnavi03 a:hover,.individualPagefc #Gnavi03 a  { width: 152px; background-position: -319px -88px; }
#Gnavi04 a:hover,.individualPagestory #Gnavi04 a  { width: 152px; background-position: -471px -88px; }
#Gnavi05 a:hover  { width: 152px; background-position: -623px -88px; }
#Gnavi06 a:hover,.individualPagecontact #Gnavi06 a  { width: 165px; background-position: -775px -88px; }






/*------------------------------------------------
footer
------------------------------------------------*/

#footer{
width:980px;
margin:0 auto;
}

#footer_up{
height:40px;
text-indent:-9999px;
xmargin-top:40px;
background:url(img/footer_up.png) no-repeat;
}


/*------------------------------------------------
Page TITLE
------------------------------------------------*/
.individualPageproducts h1{
width:940px;
height:88px;
margin-left:-20px;
text-indent:-9999px;
background:url(img/titleProducts.jpg);
}

.individualPageshop h1{
width:940px;
height:88px;
margin-left:-20px;
text-indent:-9999px;
background:url(img/titleShop.jpg);
}

.individualPagefc h1{
width:940px;
height:88px;
margin-left:-20px;
text-indent:-9999px;
background:url(img/titleFc.jpg);
}

.individualPagestory h1{
width:940px;
height:88px;
margin-left:-20px;
text-indent:-9999px;
background:url(img/titleStory.jpg);
}

.individualPagecontact h1{
width:940px;
height:88px;
margin-left:-20px;
text-indent:-9999px;
background:url(img/titleContact.jpg);
}

.individualPagecompany h1{
width:940px;
height:88px;
margin-left:-20px;
text-indent:-9999px;
background:url(img/titleCompany.jpg);
}

.individualPage.news h1{
width:940px;
height:88px;
margin-left:-20px;
margin-bottom:20px;
text-indent:-9999px;
background:url(img/titleNews.jpg);
}

.individualPagelink h1{
width:940px;
height:88px;
margin-left:-20px;
text-indent:-9999px;
background:url(img/titleLink.jpg);
}



/*------------------------------------------------
おしながきページ
------------------------------------------------*/
.productsArea {
margin:10px;
vertical-align:top;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

.productsLine{
margin:-27px 0 0px -10px;
}

*:first-child+html .productsLine{
margin:-18px 0 0px -10px;
}

.productsArea p{
width:295px;
}



/*------------------------------------------------
FC 募集ページ
------------------------------------------------*/
.individualPagefc .imgR{
float:right;
padding:0 10px;
}

/*-------------------- 暫定　--------------------*/
.individualPagefc .asset-content{
padding:20px;
}

#fcOnly a{
display:block;
width:177px;
height:43px;
background:url(img/bt_fc.jpg) no-repeat;
text-indent:-9999px;
margin:20px 55px 0px 0;
float:right;
}
#fcOnly a:hover{
background:url(img/bt_fc_on.jpg) no-repeat;
}



/*------------------------------------------------
会社概要ページ
------------------------------------------------*/

dl.companyData {
	padding: 0;
	border: 1px solid #eee;
	border-top: none;
	background-color: #f5f5f5;
width:90%;
margin:20px auto 0;
}

dl.companyData dt {
	margin: 0;
	padding: 0.3em 0 0.1em 1em;
	border-top: 1px solid #eee;
	width: 8em;
	float: left;
	color: #333;
}
	
dl.companyData dd {
	margin: 0 0 0 8em;
	padding: 0.3em 1em;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	color: #666;
	background-color: #fff;
}


/*------------------------------------------------
店舗一覧ページ
------------------------------------------------*/
#mapArea{
float:left;
margin-top:30px;
width:766px;
}

#mapTextArea{
margin:30px 0 0 0;
}

#shopDetailArea{
}

#shopDetailArea h2{
font-size:1.7em;
font-weight:bold;
margin:20px;
padding:0 0 0 5px;
border-left:5px solid #D48686;
}



.shopimage{
float:left;
margin-left:30px;
}

* html .shopimage{
float:left;
margin-left:20px;
}


dl.shopData {
	padding: 0;
	border: 1px solid #eee;
	border-top: none;
	background-color: #f5f5f5;
margin-left:320px;
width:540px;
}



dl.shopData dt {
	margin: 0;
	padding: 0.3em 0 0.1em 1em;
	border-top: 1px solid #eee;
	width: 8em;
	float: left;
	color: #333;
}
	
dl.shopData dd {
	margin: 0 0 0 8em;
	padding: 0.3em 1em;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	color: #999;
	background-color: #fff;
}


#chihomenu{
	width:900px;
	text-align:center;
}

#chihomenu li{
	display:inline-block;
	/display: inline;
	/zoom: 1;
	margin:5px 0;
}

#chihomenu01 a{
background:url(http://shiroitaiyaki.com/img/bt_chihoMenu01.jpg);
text-indent:-9999px;
width:110px;
height:35px;
display:block;
overflow:hidden;
}
#chihomenu02 a{
background:url(http://shiroitaiyaki.com/img/bt_chihoMenu02.jpg);
text-indent:-9999px;
width:94px;
height:35px;
display:block;
overflow:hidden;
}
#chihomenu03 a{
background:url(http://shiroitaiyaki.com/img/bt_chihoMenu03.jpg);
text-indent:-9999px;
width:94px;
height:35px;
display:block;
overflow:hidden;
}
#chihomenu04 a{
background:url(http://shiroitaiyaki.com/img/bt_chihoMenu04.jpg);
text-indent:-9999px;
width:94px;
height:35px;
display:block;
overflow:hidden;
}
#chihomenu05 a{
background:url(http://shiroitaiyaki.com/img/bt_chihoMenu05.jpg);
text-indent:-9999px;
width:94px;
height:35px;
display:block;
overflow:hidden;
}
#chihomenu06 a{
background:url(http://shiroitaiyaki.com/img/bt_chihoMenu06.jpg);
text-indent:-9999px;
width:94px;
height:35px;
display:block;
overflow:hidden;
}
#chihomenu07 a{
background:url(http://shiroitaiyaki.com/img/bt_chihoMenu07.jpg);
text-indent:-9999px;
width:94px;
height:35px;
display:block;
overflow:hidden;
}
#chihomenu08 a{
background:url(http://shiroitaiyaki.com/img/bt_chihoMenu08.jpg);
text-indent:-9999px;
width:110px;
height:35px;
display:block;
overflow:hidden;
}






table.shopDetailTBL {
        width:900px;
        font-size: 0.95em;
        color: #666666;
        margin-bottom: 30px;
        border: 1px solid #CCCCCC;
        border-collapse: separate;
        border-spacing: 1px;
}
.shopDetailTBL th {
        padding: 5px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #E1E2E6;
text-align:center;
}
.shopDetailTBL td {
        padding: 5px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #EFF2F3;
}


.shopDetailTBL .shopDetailTBL100{
width:100px;
}
.shopDetailTBL .shopDetailTBL200{
width:200px;
}

td.shopDetailTBLCenter{text-align:center;}

.shopListH2 h2{
font-size:1.4em;
font-weight:bold;
padding:10px 0;
}

p.pageback{
float:right;
}

p.pageback a{
height:43px;
width:177px;
background:url(img/pageback.jpg) no-repeat;
display:block;
text-indent:-9999px;
overflow:hidden;
}
p.pageback a:hover{
height:43px;
background:url(img/pageback_on.jpg) no-repeat;
}


/*------------------------------------------------
お問い合わせ
------------------------------------------------*/

div#mf_wrapper {
	width: 700px;
	text-align: left;
	margin: 30px auto 30px auto;
	font-family: sans-serif;
}
div#mf_header h1 {
	border-bottom: solid 1px #999999;
	margin: 0px;
	padding: 0px;
}
div#mf_header h2 {
	color: #999999;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
form#mailform {
	padding: 5px;
}
table.mailform {
	width: 100%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	border-bottom: solid 1px #999999;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	width: 150px;
}
table.mailform tr th span {
	color: #CC0000;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}

/*------------------------------------------------
サイトマップ
------------------------------------------------*/
.sitemapArea{
margin:30px;
line-height:2em;
float:left;
}

.sitemapArea a{
text-decoration:none;
}

.sitemapArea a:hover{
text-decoration:underline;
}

.sitemapArea .sitemapAreaInner{
margin:10px 30px;
}


/*------------------------------------------------
リンク
------------------------------------------------*/

.individualPagelink .asset-content{
padding:20px;
}


/*------------------------------------------------
NEWS 新着情報　お知らせ
------------------------------------------------*/
.newsEntry li{
line-height:2em;
}

.newsEntryTop{
width:640px;
float:left;
}
#bnrArea{
width:300px;
float:right;
}

.topBody h1{
background:url(./img/ct_top_news.gif) no-repeat;
width:173px;
height:57px;
text-indent:-9999px;
}


.individualPage.news .newsEntry{
padding:20px 30px;
}


/*------------------------------------------------
テキスト装飾
------------------------------------------------*/
.text08{
font-size:0.8em;
}

.textR{
text-align:right;
}


/*------------------------------------------------
ページのトップへ戻る
------------------------------------------------*/
#pageTop a{
background:url(./img/pageup.gif) no-repeat;
display:block;
width:250px;
height:60px;
text-indent:-9999px;
float:right;
margin:0 50px;
}
#pageTop a:hover{
background:url(./img/pageup_on.gif) no-repeat;
}

* html #pageTop a{
background:url(./img/pageup.gif) no-repeat;
display:block;
width:250px;
height:60px;
text-indent:-9999px;
float:right;
margin:0 30px;
}
* html #pageTop a:hover{
background:url(./img/pageup_on.gif) no-repeat;
}


/*------------------------------------------------
GoogleMap
------------------------------------------------*/
#map{
width:800px;
height:500px;
clear:both;
margin:0 50px 50px;
}



/*------------------------------------------------
CLEAR FIX
------------------------------------------------*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*------------------------------------------------
iepngfix
------------------------------------------------*/
.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

* html #header,#container,#footer_up,{
behavior: expression(IEPNGFIX.fix(this));
} 




#topWrap{
background:#fff;
}

#topUnderWrap{
width:100%;
min-height:100px;
background:#FCDBD4;
}


.topBody #topNews{
text-align:left;
width:940px;
margin:0 auto;
padding:10px;
}












/*------------------------------------------------
Page TITLE IE6 HACK
------------------------------------------------*/
*html .individualPageproducts h1{
width:940px;
height:88px;
text-indent:-9999px;
background:url(img/titleProducts.jpg);
}

*html .individualPageshop h1{
width:930px;
height:88px;
text-indent:-9999px;
background:url(img/titleShop.jpg);
}

*html .individualPagefc h1{
width:940px;
height:88px;
text-indent:-9999px;
background:url(img/titleFc.jpg);
}

*html .individualPagestory h1{
width:940px;
height:88px;
text-indent:-9999px;
background:url(img/titleStory.jpg);
}

*html .individualPagecontact h1{
width:940px;
height:88px;
text-indent:-9999px;
background:url(img/titleContact.jpg);
}

*html .individualPagecompany h1{
width:940px;
height:88px;
text-indent:-9999px;
background:url(img/titleCompany.jpg);
}

*html .individualPage.news h1{
width:940px;
height:88px;
text-indent:-9999px;
background:url(img/titleNews.jpg);
}

*html .individualPagelink h1{
width:940px;
height:88px;
text-indent:-9999px;
background:url(img/titleLink.jpg);
}