@charset "utf-8";
/*--------------------------------------------------
スタイルリセット
--------------------------------------------------*/

html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, 
p, a, em, img, q, dl, dt, dd, ol, ul, li, 
form, label, 
table, caption, tr, th, td{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:100%;
	list-style-type: none;
}

textarea{
	/*\*//*/
	font-family:Osaka,Verdana,Arial;
	/**/
}

body{
	font-family: "ＭＳ Ｐゴシック", "MS UI Gothic" , Osaka, "ヒラギノ角ゴ Pro W3" , verdana, 'trebuchet ms', sans-serif;
	font-size:small;
	background-color: #FFFFFF;
	background-image: url(http://www.wagashi-murakami.com/images/common/body_bg.gif);

	background-repeat: repeat-y;
	color:#444444;
	background-position: top;
}

a{color: #96514D;text-decoration: none;}
a:link{color: #96514D;text-decoration: none;}
a:visited{color: #96514D; text-decoration: none;}
a:hover{color: #96514D;text-decoration: underline;}
a:active{color: #96514D;text-decoration: none;}


img , 
a img{
	border: none;
	vertical-align:top;
}

hr { display:none;}

/*--------------------------------------------------
サイト共通
--------------------------------------------------*/


/* テキストそろえ */
.txtcenter{ text-align:center;}
.txtright{ text-align:right;}
.txtleft{ text-align:left;}

/* 文字おおきさ */
.xs{ font-size:x-small;}
.s{ font-size:small;}
.m{ font-size:medium;}

/* インデント */
.indent00{
	text-indent: -1em;
	padding-left:1em;
}
.indent01{
	text-indent: 1em;
}
/* がぞう　 */
.imgleft{
	float: left;
	margin: 0px 10px 10px 0px;
}
.imgleftborder{
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #333333;
}
.imgright{
	float: right;
	margin: 0px 0px 10px 10px;
}
/* 文字色 */
.color01{ color:#D60852;}/* 赤 */
.color02{ color:#666666;}/* グレー */
.color03{ color:#990000;}/* 深紅 */
.color04{ color:#40709C;}/* 青 */

/*--------------------------------------------------
共通パーツ
--------------------------------------------------*/
a.arrow01{
	padding: 0px 0px 0px 12px;
	background-image: url(http://www.wagashi-murakami.com/images/common/icon_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
p.catch{
	font-size:medium;
	padding: 3px 0px 8px 0px;
}

p.catch2{
	border-left: 4px solid #96514D;
	font-size:medium;
	margin: 0px 0px 5px 0px;
	padding: 5px;
	background-color:#F6F1ED;
	vertical-align:middle;
}

.catchmini{
	font-size:small;
}

.padB15{	padding-bottom:15px!important;}

/*--------------------------------------------------
見出し
--------------------------------------------------*/
h3.deco01{
	border-top: 1px solid #605E5D;
	padding: 10px 0px 0px 0px;
}
/*--------------------------------------------------
定義リスト
--------------------------------------------------*/
dl.deco01{
}
dl.deco01 dt{
	padding: 0px 0px 5px 0px;
	font-size:110%;
	font-weight:bold;
}
dl.deco01 dd{
	padding: 0px 0px 20px 0px;
	line-height:130%;
}
dl.deco01 dd img{
	margin-top:5px;
}

dl.deco02{
}
dl.deco02 dt{
	padding: 0px 0px 5px 0px;
	font-weight:bold;
	float:left;
	width: 8em;
}
dl.deco02 dt.end{
	padding: 0px 0px 20px 0px;
}
dl.deco02 dd{
	padding: 0px 0px 20px 0px;
	line-height:120%;
	margin-left:8em;
}

dl.deco03{
}
dl.deco03 dt{
	float:left;
	width: 2.5em;
}
dl.deco03 dd{
	margin-left: 2em;
}

/*--------------------------------------------------
レイアウト
--------------------------------------------------*/
#wrap{
	width:760px;
	margin:0 auto;
}
#contents{
	width:730px;
	padding: 0px 15px 20px 15px;
	border-top: 1px solid #FFFFFF;
	background-image: url(http://www.wagashi-murakami.com/images/common/contents_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#contents h2{
	padding: 0px 0px 13px 0px;
}
#main{
	float:left;
	width:505px;
}
#submenu{
	float:right;
	width:215px;
	padding: 5px 0px 200px 0px;
	background-image: url(http://www.wagashi-murakami.com/images/common/submenu_bg.gif);
	background-position: left bottom;
}
#localmenu{
	float:left;
	width:140px;
}
#maincontents{
	float:right;
	width:350px;
}

#widemaincontents{
	width:490px;
}

/*--------------------------------------------------
新着情報
--------------------------------------------------*/
#newscontents{
	width:708px;
	padding: 10px;
	margin-bottom:10px;
	border: 1px solid #cccccc;
}

h3.title{
	font-size:14px;
	font-weight: bold;
	padding: 3px 0px 8px 0px;
}

.news{
	font-size:12px;
	line-height:170%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.more{
	font-size:12px;
	line-height:130%;
	color:#96514D;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/*--------------------------------------------------
ヘッダ
--------------------------------------------------*/
#header{
	background-color:#ffffff;
	width:760px;
	 float:right;
	min-height:53px;
	_height:53px;
}
#header h1{
	width:170px;
	float:left;
	left: 0px;
	top: 0px;
	line-height:100%;
}

#header ul{
	padding: 35px 5px 7px 0px;
	text-align:right;
}
#header li{
	display:inline;
	font-size:x-small;
}
#header li a{
	border-right: 1px solid #000000;
	padding: 0px 6px 0px 6px;
}
#header li.end a{
	border-right: none;
}

/*--------------------------------------------------
グローバルナビ
--------------------------------------------------*/
#gnavi{
	width:730px;
	background-color:#F9E5CC;
	padding: 0px 15px 5px 15px;
}
#gnavi #company{
	float:left;
	width:179px;
}
#gnavi #confectionery{
	float:left;
	width:179px;
}

#gnavi #diary{
	float:left;
	width:157px;
}

#gnavi #shop{
	float:left;
	width:215px;
}
#gnavi p{
	padding: 0px 0px 5px 0px;
}
#gnavi ul{
	margin: 0px 0px 0px 20px;
	line-height:120%;
}

#gnavi li{
	color:#666666;
}

#gnavi li a{
	padding: 0px 5px 0px 11px;
	background-image: url(../../images/common/icon_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

/*--------------------------------------------------
フッタ
--------------------------------------------------*/
#footer{
	clear:both;
	padding: 0px 0px 20px 0px;
	border-top: 1px solid #5E5E5D;

}
#footer p.logo{
	float:left;
	left: 0px;
	top: 0px;
}

#footer p.copy{
	margin: 0px 0px 0px 170px;
	padding: 3px 0px 0px 0px;
	color:#5E5E5D;
	font-size:x-small;
}
#footer ul{
	margin: 11px 0px 0px 170px;
}
#footer li{
	display:inline;
	padding: 0px 8px 0px 0px;
}


/*--------------------------------------------------
ローカルメニュー
--------------------------------------------------*/
#localmenu h3{
	margin-bottom:5px;
	padding: 4px 0px 4px 15px;
	background-color:#EAEAEA;
	font-weight:normal;
	border-top: 1px solid #B8B8B8;
}
#localmenu ul{
	margin-bottom:10px;
}
#localmenu li{
	padding: 0px 0px 4px 15px;
	background-image: url(http://www.wagashi-murakami.com/images/common/icon_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}



/*--------------------------------------------------
トップページ
--------------------------------------------------*/
#topheader{
	width: 760px;
	height: 402px;
	background-image: url(http://www.wagashi-murakami.com/images/topheader_bg.jpg);
	background-repeat: no-repeat;

}
#topheader ul{
	padding: 0px 0px 0px 15px;
}
#topheader li{
	display:inline;
}
#topheader li img{
	margin: 0px 18px 0px 0px;
}
#topheader h1{
	width:215px;
	position: absolute;
	left: 515px;
	top: 50px;
}
#topsub{
	float:right;
	width:215px;
}
#toppage{
	width:730px;
	padding: 48px 15px 20px 15px;
	border-top: 1px solid #FFFFFF;
	background-image: url(http://www.wagashi-murakami.com/images/common/contents_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#toppage h2{
	float:left;
	width:60px;
}
#toppagetopic{
	width:420px;
	background-position: left top;
}
#toppagetopic table.toptable{
	width:420px;
}

#toppagetopic table.toptable th{
	padding: 4px 5px 7px 5px;
	font-size:11px;
	font-weight:normal;
	color:#96514D;
	text-align: left;
	white-space:nowrap;
	vertical-align:top;
}
#toppagetopic table.toptable td{
	padding: 0px 5px 7px 15px;
	color:#444444;
	background-image: url(http://www.wagashi-murakami.com/images/common/icon_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	line-height:130%;
}
table.toptable a{color: #444444;text-decoration: underline;}
table.toptable a:link{color: #444444;text-decoration: underline;}
table.toptable a:visited{color: #444444; text-decoration: underline;}
table.toptable a:hover{color: #444444;text-decoration: none;}
table.toptable a:active{color: #444444;text-decoration: underline;}

/*--------------------------------------------------
table定義
--------------------------------------------------*/
.rec_table{
	width:490px;
}

.rec_table th{
	padding: 5px 10px 0px 0px;
	line-height:130%;
	vertical-align:top;
	text-align:right;
}

.rec_table td{
	border-bottom: 1px solid #cccccc;
	padding: 5px 0px 10px 0px;
	line-height:130%;
	margin-left:15px;
	vertical-align:top;
}













/*--------------------------------------------------
フロート関係
--------------------------------------------------*/

.floatleft{ float:left;}
.floatright{ float:right;}
.clr{
	clear: both;
	font-size:0px;
	line-height:0px;
	margin: 0px;
	padding: 0px;
}
.clear{
	clear: both;
}

.clearfix:after {/* IE以外のモダンWebブラウザ向け */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {/* WinIE7、MacIE5対策 */
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {/* WinIE4～6、MacIE4～5対策 */
	height: 1%;
}
.clearfix {
	display: block;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
/* End hide from IE-mac */