@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dt,dl,dd,img,form,input,a {
	margin: 0;
	padding: 0;
	font-weight:100;
}

img {
	border: none;
	vertical-align: bottom;
}
.text-green {
	color:#353D16;
}

a {
	overflow:hidden;
}

h2 img {
	margin:40px 0px 20px 0px;
}

p.non-title {
	margin:40px 0px 0px 0px;
}

p.coment {
	font-size:90%;
	margin:5px 5px 0px 0px;
	color:#888888;
}

a {
	color:#652805;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a:visited {
	color:#8F6848;
}


#main ul {
	width:500px;
	padding-left:18px;
}
#main li {
	margin-bottom:1.5em;
}

/*樫舎の住所案内*/
.kasiya-ad {
	display:block;
	padding:20px 40px 20px 40px;
	background:#E9D2A7;
	font-size:120%;
	font-weight:600;
	line-height:1.9;
}

/*itupの送付先案内*/
.itup-ad {
	display:block;
	padding:20px 20px 20px 20px;
	width:270px;
	background:#DDE9C0;
	font-size:120%;
	font-weight:600;
	line-height:1.9;
}
span.title {
	display:block;
	margin:0px 0px 10px 0px;
}
span.chyui {
	display:block;
	margin:10px 0px 0px 0px;
	font-size:75%;
	font-weight:100;
	line-height:1.5;
}

body {
	font-size: 75%;
	color: #454545;
	line-height: 1.7;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic","Osaka";
	background:url(../images/bg_main_sudare.png);
	background-color:#F3E2B7;
	background-repeat:repeat-x;
}


#wrapper {
	width:774px;
	margin-left:auto;
	margin-right:auto;
}	
#shadow {
	width:774px;
	float:left;
	background:url(../images/bg_white_shadow.png);
	background-repeat:repeat-y;
}
* html #shadow {
	background:url(../images/bg_white_shadow_g.gif);
}
#container {
	width:760px;
	margin-left:7px;
	margin-right:7px;
}



/*■ヘッダー-----------------------------------*/

#sitelogo img{
	position:relative;
	top:12px;
	left:30px;
}

#sub-nav ul {
	position:relative;
	top: -12px;
	left:365px;
	list-style: none;
	width: 500px;
}
#sub-nav li {
	display: block;
	margin-right:25px;
	height: 22px;
	float:left;
	text-indent: -9999px;
}
#sub-nav a {
	display: block;
	height: 22px;
	text-decoration: none;
	background: url(../images/nav_sub.gif) no-repeat;
}

#sub-nav-1 a { background-position: 0px 0px;width: 120px;}
#sub-nav-2 a { background-position: -143px 0px;width: 102px;}
#sub-nav-3 a { background-position: -270px 0px;width: 103px;}

#sub-nav-1 a:hover { background-position: 0px -23px;}
#sub-nav-2 a:hover { background-position: -143px -23px;}
#sub-nav-3 a:hover { background-position: -270px -23px;}


/*■グローバルナビゲーション--------------------*/

#nav{
	clear:both;
	width:760px;
	height: 48px;
}
#nav ul {
	position:relative;
	list-style: none;
}
#nav li {
	display: block;
	height: 48px;
	float:left;
	text-indent: -9999px;
}
#nav a {
	display: block;
	height: 48px;
	text-decoration: none;
	background: url(../images/nav_global.jpg) no-repeat;
}




#nav-1 a { background-position: 0px 0px;width: 128px;}
#nav-2 a { background-position: -128px 0px;width: 126px;}
#nav-3 a { background-position: -254px 0px;width: 126px;}
#nav-4 a { background-position: -380px 0px;width: 126px;}
#nav-5 a { background-position: -506px 0px;width: 126px;}
#nav-6 a { background-position: -632px 0px;width: 128px;}


#nav-1 a:hover { background-position: 0px -96px;}
#nav-2 a:hover { background-position: -128px -96px;}
#nav-3 a:hover { background-position: -254px -96px;}
#nav-4 a:hover { background-position: -380px -96px;}
#nav-5 a:hover { background-position: -506px -96px;}
#nav-6 a:hover { background-position: -632px -96px;}


#nav-1on a { background-position: 0px -48px;width: 128px;}
#nav-2on a { background-position: -128px -48px;width: 126px;}
#nav-3on a { background-position: -254px -48px;width: 126px;}
#nav-4on a { background-position: -380px -48px;width: 126px;}
#nav-5on a { background-position: -506px -48px;width: 126px;}
#nav-6on a { background-position: -632px -48px;width: 128px;}

#nav-1on a:hover { background-position: 0px -96px;width: 128px;}
#nav-2on a:hover { background-position: -128px -96px;width: 126px;}
#nav-3on a:hover { background-position: -254px -96px;width: 126px;}
#nav-4on a:hover { background-position: -380px -96px;width: 126px;}
#nav-5on a:hover { background-position: -506px -96px;width: 126px;}
#nav-6on a:hover { background-position: -632px -96px;width: 128px;}


/*■メインコンテンツ部分--------------------*/

#content {
	float:left;
	width:760px;
}

#main {
	position:relative;
	float:left;
	width:518px;
	padding:40px 0px 40px 30px;
}
#main-kasi {
	position:relative;
	float:left;
	width:700px;
	padding:0px 0px 40px 30px;
}
#sidebox {
	float:right;
	width:175px;
	padding:40px 10px 30px 0px;
}	
/*MT*/
#blog-main {
	position:relative;
	float:left;
	width:488px;
	padding:40px 0px 40px 30px;
}
/*MT*/
#beta {
	position:relative;
	float:right;
	width:195px;
	padding:40px 10px 30px 0px;
}	




/*■フッター-------------------------------*/
#footer {
	clear:both;
	width:760px;
	height:83px;
	background:url(../images/bg_footer.jpg) bottom no-repeat;
	font-size: 90%;
	color:#FFFFFF;
}
#footer a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}


#footer div.pagetop{
	position:relative;
	float:right;
	padding-right:18px;
	line-height:0px;
}
#footer-nav {
	clear:both;
	float:right;
	margin-top:7px;
	padding-right:25px;
}
#footer-copy {
	float:left;
	width:760px;
	margin-top:9px;
}
#footer-copy #copyright {
	float:left;
	padding-left:25px;
}
#footer-copy #address {
	float:right;
	padding-right:25px;
}






/*■サイドボックス（バナー表示パターン）--------------------*/

#sidebox div.side-banner {
	margin-bottom:10px;
}





/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■-*/





/*■■樫舎の和菓子作り----------------------------------------*/
#wagasidukuri .kodawari {
	margin:30px 0px 0px 0px;
	width:518px;
	float:left;
	height:244px;
	background:url(../images/bg_wasi_yellow01.jpg) no-repeat;
}
#wagasidukuri .kodawari .kodawari-content {
	margin:27px;
}
#wagasidukuri .kodawari img.photo-kodawari {
	position:relative;
	float:left;
	padding:0px 25px 0px 0px;
}
.kodawari-content h2.kodawari-title img{
	margin:0px 0px 15px 0px;
}


/*■■店舗のご案内----------------------------------------*/


#map {
	position:relative;
	margin-top:40px;
	display:block;
	float:left;
	width:518px;
	border:solid 1px #D2D2D2;
}
#map-content {
	margin:27px;
}
#map-logo {
	float:left;
	width:234px;
	font-size:105%;
	font-weight:600;
	min-height:240px;
}

#map-logo img {
	margin:5px 15px 10px 0px;
}
#photo-tenpo01 {
	margin:0px 0px 10px 0px;
	padding:0px;
	float:right;
	width:221px;
}
#map-img {
	display:block;
	clear:both;
}




/*■■樫舎の会トップ----------------------------------------*/
#nav-local{
	clear:both;
	position:relative;
	width:180px;
	height: 44px;
}
#nav-local ul {
	position:relative;
	list-style: none;
}
#nav-local li {
	display: block;
	float:left;
	text-indent: -9999px;
}
#nav-local a {
	display: block;
	height: 40px;
	width: 172px;
	text-decoration: none;
	background: url(../images/nav_local.jpg) no-repeat;
}


#nav-local #nav-local-1 a ,#nav-local #nav-local-1on a {
	height:60px;
}
#nav-local #nav-local-5 a ,#nav-local #nav-local-5on a {
	height:70px;
}


#nav-local-1 a { background-position: 0px 0px;}
#nav-local-2 a { background-position: 0px -60px;}
#nav-local-3 a { background-position: 0px -100px;}
#nav-local-4 a { background-position: 0px -140px;}
#nav-local-5 a { background-position: 0px -180px;}


#nav-local-1 a:hover { background-position: -182px 0px;}
#nav-local-2 a:hover { background-position: -182px -60px;}
#nav-local-3 a:hover { background-position: -182px -100px;}
#nav-local-4 a:hover { background-position: -182px -140px;}
#nav-local-5 a:hover { background-position: -182px -180px;}

#nav-local-1on a { background-position: -182px 0px;}
#nav-local-2on a { background-position: -182px -60px;}
#nav-local-3on a { background-position: -182px -100px;}
#nav-local-4on a { background-position: -182px -140px;}
#nav-local-5on a { background-position: -182px -180px;}



/*■■各種写真掲載----------------------------------------*/

img.photo-content {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}


/*■■申し込み----------------------------------------*/

#btn_mousikomi {
	margin:20px 0px 15px 25px;
}

/*■■樫舎のこだわり----------------------------------------*/
#kodawari-flash {
	display:block;
	text-align:center;
	background:#000000;
}
	


span.name {
	display:block;
	width:518px;
	text-align:right;
}



/*■■お客様からのお言葉----------------------------------------*/
h2#okotoba img{
	margin-top:0px;
}

p.user-voice {
	display:block;
	padding:20px;
	margin-top:30px;
	margin-bottom:10px;
	border:1px solid #D2D2D2;
}



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


span.otoiawase-title {
	font-size:220%;
	font-weight:600;
}
span.otoiawase-content {	
	font-size:130%;
}

div.photo-genkan {
	display:block;
	float:right;
	padding-right:35px;
	margin-bottom:50px;
/*	width:470px;
	text-align:right;*/
}


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

div#sitemap {
	margin-left:50px;
	width:400px;
}


div#sitemap ul {
	width:400px;
	line-height:1.1;
}	

div#sitemap ul ul {
	margin-top:20px;
	width:400px;
	line-height:1.1;
}	


/*■■商取引に関する表示----------------------------------------*/

table.hyoji {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	padding-bottom:20px;
}
th {
	white-space:nowrap;
	border:1px solid #CCCCCC;
	background-color:#EEEEEE;
	padding:8px;
	vertical-align:top;
	text-align:left;
}
td {
	border:1px solid #CCCCCC;
	padding:8px;
}


/*■■樫舎の和菓子（商品一覧）----------------------------------------*/


#wagasi h2 {
	margin-bottom:10px;
}

div.kasi-itiran-1 {
	display:block;
	position:relative;
	margin:0px 0px 30px 0px;
	float:left;
	width:340px;
}

div.kasi-itiran-2 {
	display:block;
	position:relative;
	margin:0px 0px 30px 0px;
	float:right;
	width:340px;
}
div.kasi-itiran-tumeawase {
	display:block;
	position:relative;
	margin:0px 0px 30px 0px;
	float:left;
	width:700px;
}

#wagasi div.kasi-cont {
	display:block;
	position:relative;
	float:right;
	width:219px;
}	
#wagasi div.kasi-itiran-tumeawase  div.kasi-cont {
	display:block;
	position:relative;
	float:right;
	width:460px;
}	

#wagasi div.kasi-cont h3 {
	margin:0px;
	padding:0px;
	line-height:0;
}	
#wagasi div.kasi-cont h3 img {
	margin:0px 0px 10px 0px;
}
#wagasi div.kasi-cont p.kasi-setumei {
	display:block;
	min-height:37px;
	line-height:1.3;
	color:#888888;
}
* html #wagasi div.kasi-cont p.kasi-setumei {
	height:37px;
}

span.kasi-button {
	display:none;
}







/*■■トップページFLASH----------------------------------------*/



#menu {
	position:absolute;
	display:block;
	background-color:#CC0000;
	left:100px;
	top:100px;
	z-index:5;
	display:none;
}



#flash {
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}






/*■■MT系　樫舎の手記---------------------------------------*/

/*カテゴリタイトル*/
#blog-main h1 {
	font-weight:600;
	color:#353D16;
}

/*記事タイトル*/
.asset-header h1 {
	font-weight:600;
	color:#666666;
}
.asset-header h2 a{
	font-weight:600;
}
.asset-header h2 {
	font-weight:600;
}

/*詳細ページを見るリンク*/
div.asset-more-link{
	margin:10px 0px 0px 0px;
}


/*記事と記事の間*/
div.asset-footer {
	margin:0px 0px 30px 0px;
}


/*サイドナビタイトルと行間*/
#beta h3 {
	font-weight:600;
	font-size:110%;
	margin:20px 0px 0px 0px;	
}

/*リストタグのレイアウト*/
#blog-main ul,#beta ul {
	padding:0.3em 0em 0em 2em;
}
	


/*アーカイブの見出し間隔*/
.archive-header {
	margin:20px 0px 0px 0px;
}	

/*アーカイブの見出し斜体の修正*/
#blog-main em {
	font-style:normal;
}

/*日付表示*/
.published {
	text-decoration:none;
	border:none;
}

/*アイテムの中黒削除*/
li.item {
	list-style:none;
	margin-bottom:1px;
}