@charset "utf-8";
/*
Theme Name: Fujino WordPress 
Theme URI: http://www.kyotofu.co.jp/fujiteme/
Description: 京とうふ藤野　オリジナルテーマ
Version: 1.0
Author: bit-shift
Author URI: http://www.bit-shift.co.jp/
Tags: red,fixed width, three columnsDefault WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/  
/*reset
--------------------------------------------------------*/
body {
	background: #C4312A;
    text-align: left;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","ＭＳ Ｐゴシック",Osaka,Verdana,Helvetica,Arial,sans-serif;
    color: #261212;
	font-size: 75%;
    _font-size: 60%;
	}
*html body{font-size: 70%;}
#page{
margin: 0;
padding: 0;
    }
#container p,
#container dt,
#container dd,
#container li,
#container th,
#container td{
	line-height: 180%;
	}  
hr{
	display: none;
    margin: 0;
    padding: 0;
    }
body,h1,h2,h3,h4,h5,table,tbody,tr,td,ul,ol,li,dl,dt,dd,img,a,p,div,span{
	margin: 0;
    padding: 0;
    }
a img{
	border: none;
    }
li.bnimg{
	line-height: 0em !important;}
ol,ul,li{
	list-style-type: none;
    }
a{color:#2D0B09;
	text-decoration: underline;
	}
a:link{color:#2D0B09;
	text-decoration: underline;
	}
a:visited{color:#2D0B09;
	text-decoration: underline;
	}
a:hover{color:#CC2A22;
	text-decoratiAon: underline;
	}
h3{
	font-size: 150%;
    _font-size: 135%;
    line-height: 120%;
    font-weight: normal;
    }
h4{
	font-size: 135%;
    _font-size: 120%;
    line-height: 120%;
    font-weight: normal;
	}
h5{
	font-size: 100%;
    line-height: 120%;
	}
th,td{
	text-align: left;
     }
     
/*----------------------------------------------- 
table
----------------------------------------------- */
table.tblLine  {
    border-top: 1px solid #8d8580;
    border-left: 5px solid #8d8580;
    text-align: left;
}
table.tblLine th {
    padding: 5px;
    border-right: 1px solid #8d8580;
    border-bottom: 1px solid #766f6b;
    background-color: #EFE6E0;
}
table.tblLine td {
    padding: 5px;
    border-right: 1px solid #8d8580;
    border-bottom: 1px solid #8d8580;
}
/*----------------------------------------------- 
header
-------------------------------------------------*/
#header {
	background: url('images/common/bg_header.jpg') repeat-x top left;
    padding: 0;
    margin: 0;
    height: 74px;
	min-width: 950px;
	width: 100%;
	}
#headerIn{
	width: 950px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}
#logo{
	width: 195px;
    float: left;
	}
#logo a{
	margin-top: 20px;
    display: block;
    height: 45px;
    }
#navi{
	float: right;
    width: 600px;
    }
#navi #tub{
	overflow: hidden;
    width: 272px;
    margin: 6px 0 7px 320px;
    }
#navi #tub .corp{
	width: 132px;
    float: left;
	}
#navi #tub .online{
	width: 132px;
    float: right;
	}      
#navi ul.hMenu{
    text-align: right;
    }
#navi ul.hMenu li{
	display: inline-block;
    margin-right: 5px;
    font-size: 90%;
    /display: inline;
    /zoom: 1;
    } 
#navi ul.hMenu li a{
	background: url('images/common/arrow_side.gif') top left no-repeat;
    padding-left: 9px;
    } 
#header a:link{color:#333333;
	text-decoration: none;
	}
#header a:visited{color:#333333;
	text-decoration: none;
	}
#header a:hover{color:#b23933;
	text-decoration: none;
	}
#header a:active{color:#b23933;
	text-decoration: none;
	}  
      
/*-----------------------------------------------         
gloNAvi
-------------------------------------------------*/
#gloNavi{
	background: url('images/common/bg_gnavi.gif') repeat-x bottom left;
    height: 42px;
	min-width: 950px;
	width: 100%;
    }
#gloNavi ul li{
	float: left;
    }
#gloNaviIn{
	width:950px;
    height: 42px;
    margin: 0 auto;
    }
#gloNavi li#shop a,
#gloNavi li#item a,
#gloNavi li#enjoy a,
#gloNavi li#about a{
	display: block;
    height: 42px;
    }
#gloNavi li#shop a span,
#gloNavi li#item a span,
#gloNavi li#enjoy a span,
#gloNavi li#about a span{
	display: block;
    overflow: hidden;
    text-indent: -99999px;
    }
#gloNavi li#shop a{ 
	background: url('images/common/gnavi_shop.jpg') top left no-repeat;
    width: 238px;
    }
#gloNavi li#shop a:link{ 
	background: url('images/common/gnavi_shop.jpg') top left no-repeat;
    width: 238px;
    }
#gloNavi li#shop a:hover{ 
	background: url('images/common/gnavi_shop_on.jpg') top left no-repeat;
    width: 238px;
    }
#gloNavi li#shop a.slctShop{ 
	background: url('images/common/gnavi_shop_on.jpg') top left no-repeat;
    width: 238px;
    }
#gloNavi li#item a{ 
	background: url('images/common/gnavi_item.jpg') top left no-repeat;
    width: 238px;
    }
#gloNavi li#item a:link{ 
	background: url('images/common/gnavi_item.jpg') top left no-repeat;
    width: 238px;
    }
#gloNavi li#item a:hover{ 
	background: url('images/common/gnavi_item_on.jpg') top left no-repeat;
    width: 238px;
    }
#gloNavi li#item a.slctItem{ 
	background: url('images/common/gnavi_item_on.jpg') top left no-repeat;
    width: 238px;
    }
#gloNavi li#enjoy a{ 
	background: url('images/common/gnavi_enjoy.jpg') top left no-repeat;
    width: 238px;
    }
#gloNavi li#enjoy a:link{ 
	background: url('images/common/gnavi_enjoy.jpg') top left no-repeat;
    width: 238px;
    }
#gloNavi li#enjoy a:hover{ 
	background: url('images/common/gnavi_enjoy_on.jpg') top left no-repeat;
    width: 238px;
    }
#gloNavi li#enjoy a.slctEnjoy{ 
	background: url('images/common/gnavi_enjoy_on.jpg') top left no-repeat;
    width: 238px;
    }  
#gloNavi li#about a{ 
	background: url('images/common/gnavi_about.jpg') top left no-repeat;
    width: 236px;
    }
#gloNavi li#about a:link{ 
	background: url('images/common/gnavi_about.jpg') top left no-repeat;
    width: 236px;
    }
#gloNavi li#about a:hover{ 
	background: url('images/common/gnavi_about_on.jpg') top left no-repeat;
    width: 236px;
    }
#gloNavi li#about a.slctAbout{ 
	background: url('images/common/gnavi_about_on.jpg') top left no-repeat;
    width: 236px;
    }
    
/*----------------------------------------------- 
パンクズ
--------------------------------------------------*/
#pNavi{
	width: 100%;
    }
#pNaviIn{
	width: 940px;
    padding-bottom: 5px;
    margin: 0 auto;
    }
.kuzu{
	color:#2d0b09;
	font-size: 90%;
    }
.kuzu a:link{
	color:#2d0b09;
    text-decoration: underline;
    }
.kuzu a:hover{
	color:#2d0b09;
    text-decoration: underline;
	}
.kuzu a:visited{
	color:#2d0b09;
    text-decoration: underline;
	}
    
/*----------------------------------------------- 
vi
--------------------------------------------------------*/
#mainVi{
	background: url('images/common/bg_vi.jpg') top left repeat;
    clear: both;
	min-width: 950px;
	width: 100%;
    }
#flashArea{
	width: 950px;
    margin: 0 auto;
    }
#viBg{
	background: url('images/common/bg_vi.jpg') top left repeat;
	width: 100%;
	} 
#vi{
	width: 950px;
    margin: 0 auto;
	}
#viTp{
	width: 100%;
    background: url(images/common/vi_bggld_top.jpg) repeat-x top left;
	}
#viBm{
	width: 100%;
    background: url(images/common/vi_bggld_btm.jpg) repeat-x bottom left;
	}
    
/*----------------------------------------------- 
season
--------------------------------------------------------*/
#season{
	background: url(images/common/bg_season.jpg) center top no-repeat;
    min-width: 950px;
	width: 100%;
	}
#season2{
	background: url(images/common/bg_season2.jpg) center top no-repeat;
   min-width: 950px;
	width: 100%;
	}
    
/*----------------------------------------------- 
 h2出しわけクラス
----------------------------------------------*/
.recipe{
 	background: url('images/recipe_top.jpg') top left;
    width: 950px;
    height: 161px;
    }
.sweets{
 	background: url('images/sweets_top.jpg') top left;
    width: 950px;
    height: 161px;
    }  
.shoplist{
 	background: url('images/shop_top.jpg') top left;
    width: 950px;
    height: 161px;
    }
.itemlist{
 	background: url('images/item_top.jpg') top left;
    width: 950px;
    height: 161px;
    }
.enjoy{
 	background: url('images/enjoy_top.jpg') top left;
    width: 950px;
    height: 161px;
    }
.kaya{
 	background: url('images/kaya_top.jpg') top left;
    width: 950px;
    height: 161px;
    }
.about{
 	background: url('images/about_top.jpg') top left;
    width: 950px;
    height: 161px;
    }
.faq{
 	background: url('images/faq_top.jpg') top left;
    width: 950px;
    height: 161px;
    }
.howto{
 	background: url('images/howto_top.jpg') top left;
    width: 950px;
    height: 161px;
    }
.privacy{
 	background: url('images/privacy_top.jpg') top left;
    width: 950px;
    height: 161px;
    }
.sitemap{
 	background: url('images/sitemap_top.jpg') top left;
    width: 950px;
    height: 161px;
    }
.inquiry{
	background: url('images/inquiry_top.jpg') top left;
    width: 950px;
    height: 161px;
    }
.careers{
	background: url('images/careers_top.jpg') top left;
    width: 950px;
    height: 161px;
    }
.release{
	background: url('images/release_top.jpg') top left;
    width: 950px;
    height: 161px;
    }
.notFound{
	background: url('images/nf_top.jpg') top left;
    width: 950px;
    height: 161px;
    }
.release span,
.sitemap span,
.careers span,
.inquiry span,
.privacy span,
.faq span,
.itemlist span,
.howto span,
.kaya span,
.enjoy span,
.about span,
.shoplist span,
.sweets span,
.recipe span,
.notFound span{
	display: block;
    text-indent:-9999px;
    overflow: hidden;
    font-size: 0px;
    line-height:0em;
    } 
    
/*----------------------------------------------- 
container
--------------------------------------------------------*/ 
#wrap{
	background: #FFFFFF;
	min-width: 950px;
	width: 100%; 
	}
#container{
     background: url('images/common/bg_contents_top.jpg') top left repeat-x;
     width: 100%;
	 min-width: 950px;
     padding-top: 20px;    
     } 
#containerIn{
	width: 950px;
    overflow: hidden;
    margin: 0 auto;
    }
      
/*----------------------------------------------- 
sidebar
--------------------------------------------------------*/
#lMenu{
	width:200px;
	float: left;
    margin-right: 20px;
    }
#sidebarTp{
	width:200px;
    background: url(images/common/bg_sidebar.gif) top left repeat-y;
    } 
#sidebarBtm{
	width: 200px;
    background: url(images/common/bg_sidebar_btm.jpg) bottom left no-repeat;
    padding-bottom: 10px;
    }
#sidebarBtmU{
	width: 200px;
    background: url(images/common/bg_sidebar_btm_u.jpg) bottom left no-repeat;
    padding-bottom: 5px;
    }    
#sidebarIn{
	width :198px;
    margin: 0 auto;
    }
#sidebarIn ul{
	display: block;
    }
#sidebarIn p,
#sidebarIn li{
	font-size: 12px;
    line-height: 180%;}

#sdItem a,
#sdEnjoy a,
#sdAbout a,
#sdShop a,
#sdShop a,
#sdItem a{
	display: block;
    width :198px;
    height: 40px;
	}
#sdItem a span,
#sdEnjoy a span,
#sdAbout a span,
#sdShop a span{
	display: block;
    overflow: hidden;
    text-indent: -99999px;
    }
	
div.fb-like-box-area{
	width: 198px;
	border: 1px solid #3a589d;
	}

#sdShop a{
	background: url('images/common/snavi_shop_off.jpg') top left no-repeat;
	}
#sdShop a:link{
	background: url('images/common/snavi_shop_off.jpg') top left no-repeat;
	}
#sdShop a:hover{
	background: url('images/common/snavi_shop_on.jpg') top left no-repeat;
	}
#sdItem a{
	background: url('images/common/snavi_items_off.jpg') top left no-repeat;
	}
#sdItem a:link{
	background: url('images/common/snavi_items_off.jpg') top left no-repeat;
	}
#sdItem a:hover{
	background: url('images/common/snavi_items_on.jpg') top left no-repeat;
	}
#sdEnjoy a{
	background: url('images/common/snavi_enjoy_off.jpg') top left no-repeat;
	}
#sdEnjoy a:link{
	background: url('images/common/snavi_enjoy_off.jpg') top left no-repeat;
	}
#sdEnjoy a:hover{
	background: url('images/common/snavi_enjoy_on.jpg') top left no-repeat;
	}
#sdAbout a{
	background: url('images/common/snavi_about_off.jpg') top left no-repeat;
	}
#sdAbout a:link{
	background: url('images/common/snavi_about_off.jpg') top left no-repeat;
	}
#sdAbout a:hover{
	background: url('images/common/snavi_about_on.jpg') top left no-repeat;
	}
#sLink{
    width: 180px;
    margin: 0 auto;
    padding: 10px 0;
    }
#sLink a{
	background: url('images/common/arrow_side.gif') top left no-repeat;
    line-height: 180%;
    padding-left: 10px;
    }

#sLinkBox{
	width: 200px;
	background: url(images/common/bg_slink.gif) top left repeat-y;
    border-bottom: 1px solid #cec6ab;
    }
.sdCatTtl,
.sdCatLnk{
	display: block;
    width: 198px;
    height: 24px;
    }
.sdCatLnk a{
	display: block;
    height: 24px;
	}
.sdCatLnk span,
.sdCatTtl span{
	display: block;
    text-indent: -9999px;
    overflow: hidden;
	}   
.sdDetail{
	background: url('images/common/snavi_bg_detail.gif') bottom left no-repeat;
    width: 178px;
    display: block;
    padding: 10px 0 10px 20px;
    line-height: 100%;
	}
.sdDetail span{
	background: url('images/common/snavi_icon_detail.gif') left center no-repeat;
    padding-left: 15px;
    display: block;
	}
a:hover.sdDtl{
	background: url('images/common/snavi_bg_detail_on.jpg') bottom left no-repeat;
    width: 178px;
    height: 25px;
    display: block;
    padding: 5px 0 0 20px;
	}
a.select{
	text-decoration: none !important;
    }
.select span{
	background: url('images/common/snavi_icon_detail_on.gif') left center no-repeat;
    font-weight: bold;
	}
    
/*----------------------------------------------- 
contents
--------------------------------------------------------*/
#contents{
	width: 730px;
    float: right;
    }
.boxHead{
	background: url('images/common/bg_head_btm.jpg') bottom left no-repeat;
    width: 730px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-weight: bold;
    }
.boxHeadIn{
	background: url('images/common/bg_head_top.gif') top left no-repeat;
    width: 715px;
    padding: 10px 0 0 15px;
    display: block;
    }
.lineHead{
	background: url('images/common/bg_head_clrline.gif') top left repeat-y;
    padding: 5px 0 5px 15px;
    font-weight: bold;
    }
/*----------------------------------------------- 
 a Link
--------------------------------------------------------*/
.ilnLnkBloc li{
	display: inline-block;
    /display: inline;
    /zoom:1;  
	}

.lnkHead{
	background: url('images/common/arrow_circle_01.gif') left center no-repeat;
    padding-left: 20px;
    overflow: auto;
    }
.ilnLink{
    margin-right: 10px;
    background: url(images/common/arrow_01.gif) center left no-repeat;
    padding-left: 10px;
	}
.sArrow{
	background: url('images/common/arrow_side.gif') left 3px no-repeat !important;
    padding-left: 9px;
    line-height: 150%;
    display: block;
    vertical-align: top;
    }
    
/*----------------------------------------------- 
fotter
--------------------------------------------------*/
#footer {
	background: url('images/common/bg_footer.jpg') repeat-x top left;
    padding-bottom: 40px;
    clear: both;
	width: 100%;
	min-width: 950px;
	}
#footer li,
#footer p{
	font-size: 90%;
	line-height: 180%;
	}
#footerIn{
	width: 950px;
    margin: 0 auto;
    }
#footer #fMenu{
    width: 500px;
    padding: 12px 0;
    overflow: hidden;
    margin-left: 450px;
    }
#footer #fMenu ul{
	text-align: right;
    }
#footer #fMenu li{
	display: inline;
    color: #FFFFFF;
}
#footer a:link{
	color: #FFFFFF;
    text-decoration: underline;
}
#footer a:visited{
	color: #FFFFFF;
    text-decoration: underline;
}
#footer a:hover{
	color: #FFFFFF;
    text-decoration: underline;
}
#footer a:active{
	color: #FFFFFF;
    text-decoration: underline;
}
#footer #copyright{
    width: 950px;
    clear: both;
    display: block;
    margin: 0;
    padding-top: 15px;
    }
#footer #copyright p{
	color: #FFFFFF;
    line-height: 150%;
    }
.pTop {
	background: url(images/common/arrow_page_top.gif) center left no-repeat;
    padding-left: 15px;
    font-size: 90%;
    float: right; 
    }
/*class
--------------------------------------------------------*/
.clear{
	clear: both;
    overflow: hidden;
    }
.bloc{
	width: 700px;
    margin: 0 auto;
    overflow: hidden;
    }
    
/* 調整クラス
----------------------------------------------*/
.after:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}.top5{
	margin-top: 5px !important;}
.top10{
	margin-top: 10px !important;
    display: block;
}
.top15{
	margin-top: 15px !important;
    display: block;
}
.top20{
	margin-top: 20px !important;}
.top30{
	margin-top: 30px !important;}
.top40{
	margin-top: 40px !important;
    _padding-top: 40px !important;}
.bottom5{
	margin-bottom: 5px !important;
    _padding-bottom: 5px !important;}
.bottom10{
	margin-bottom: 10px !important;
    _padding-bottom: 10px !important;}
.bottom15{
	margin-bottom: 15px !important;
    _padding-bottom: 15px !important;}
.bottom20{
	margin-bottom: 20px !important;}
.bottom25{
	margin-bottom: 25px !important;}
.bottom30{
	margin-bottom: 30px !important;}
.bottom40{
	margin-bottom: 40px !important;}
.left3{
	margin-left: 3px !important;}
.left5{
	margin-left: 5px !important;}
.left10{
	margin-left: 10px !important;}
.left15{
	margin-left: 15px !important;}
.left20{
	margin-left: 20px !important;}
.left25{
	margin-left: 25px !important;}
.left30{
	margin-left: 30px !important;}
.left35{
	margin-left: 35px !important;}
.left40{
	margin-left: 40px !important;}
.right3{
    margin-right: 3px !important;    }
.right5{
    margin-right: 5px !important;    }
.right10{
    margin-right: 10px !important;    }
.right15{
    margin-right: 15px !important;
    display: block;
    }
.right20{
    margin-right: 20px !important;
    }
.right30{
    margin-right: 30px !important;    }
.right35{
    margin-right: 35px !important;    }
.right40{
    margin-right: 40px !important;    }
.right50{
    margin-right: 50px !important;    }
.fontSS{
	font-size: 60% !important;
	line-height: 160% !important;
    }
.fontS{
	font-size: 90% !important;
    _font-size: 75% !important;
	line-height: 160% !important;
    }
.fontM{
	font-size: 135% !important;
    _font-size: 105% !important;
	line-height: 160% !important;
    }
.fontL{
	font-size: 150% !important;
	line-height: 160% !important;
    }
 .fontLL{
	font-size: 170% !important;
	line-height: 160% !important;
    }
.line180{
	line-height: 180% !important;
    }
.center{
	text-align: center !important;
    }
.right{
	text-align: right !important;
    }
.left{
	text-align: left !important;
    }
.fontOr{
	color: #DF6E1B !important;
	}
.bold{
	font-weight: bold !important;
    }
.flL{
	float: left;
    }
.flR{
	float: right;
    }
.w100{
	width: 100% !important;
    }
.orange{
	color: #d36f16;
}
.alert{ color: #D60A00;}
.bDotted{
	border-bottom: 1px #5c544f dotted;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.tDotted{
	border-top: 1px #5c544f dotted;
    padding-top: 10px;
    margin-top: 10px;
}
.alrtBox{
	border: 2px solid #d36f16;
    padding: 10px;
    }