/* CSS Document */
/*初期化*/
*{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

img{
	border: 0px;
}

input{
font-size:100%;
}

ul,li,ol{
list-style:none;
margin:0;
padding:0;
}

body{
background-color:#FFFFFF;
font-size:70%;
line-height:1.5;
color:#333333;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS Pゴシック",sans-serif;
}

body.index{
background-color:#000000;
}

body.report{
background-color:#FFFFFF;
}

h1,h2,h3,h4,h5,h6{
display:none;
}


/*トップ1段目*/
#index-area01{
width:800px;
margin:0 auto;
}

#index-area01.top{
border-bottom:1px #000000 solid;
}

/*フラッシュエリア*/
#flashcontent{
width:440px;
height:500px;
float:left;
}

#noflash{
color:#FFFFFF;
height:500px;
/*padding:30px 0 0 10px;*/
}

/*メインメニューエリア*/
#mainmenu{
float:right;
width:360px;
}

#mainmenu a{
display:block;
background-image:url(../images/mainmenu.jpg);
background-repeat:no-repeat;
height:500px;
}

#mainmenu li{
float:left;
width:120px;
}

#mainmenu li.menu1 a:hover{
background-position:-360px 0px;
}

#mainmenu li.menu2 a{
background-position:-120px 0px;
}

#mainmenu li.menu2 a:hover{
background-position:-480px 0px;
}

#mainmenu li.menu3 a{
background-position:-240px 0px;
}

#mainmenu li.menu3 a:hover{
background-position:-600px 0px;
}





/*トップ2段目*/
#index-area02{
clear:both;
background-color:#F0F0F0;
background-image:url(../images/shadow.gif);
background-repeat:repeat-x;
background-position:0 0;
}

/*トップ2段目中*/
#index-area02-1{
width:800px;
margin:0 auto;
padding:10px 0;
/*height:80px;*/
}

#index-area02-2{
width:440px;
float:left;
}

#index-area02-2.report{
float:left;
border:5px #FF0000 solid;
padding:10px 0 10px 5px;
text-align:center;
}

#index-area02-2.report a{
font-size:140%;
color:#FF0000;
margin:10px 0 10px 10px;
}

#index-area02-3{
width:360px;
float:right;
}





/*トップ3段目（サブメニューエリア）*/
#index-area03.index{
background-color:#4C4C4C;
text-align:center;
clear:both;
}

/*トップ3段目中*/
#index-area03-1{
width:800px;
margin:0 auto;
}

/*トップ3段目中*/
#index-area03-1 ul{
text-align:center;
padding:0.5em 0;
}

#index-area03-1 a{
color:#FFFFFF;
}

#index-area03-1 li{
display:inline;
padding:0 1em;
}






/*中面背景*/
#allcontents{
background-image:url(../images/back_pattern.gif);
background-repeat:repeat-y;
width:810px;
margin:0 auto;
padding-left:5px;
}






/*メインイメージエリア*/
#main-image{
width:800px;
}






/*コンテンツエリア*/
#main-contents{
width:800px;
background-image:url(../images/back_pattern2.gif);
background-repeat:repeat-y;
}

#main-contents-left{
float:left;
width:565px;
margin-left:30px;
}

#main-contents-right{
float:right;
width:175px;
}


#contents-area01{
}

#contents-area01 li{
list-style:disc;
margin-left:1.2em;
}




/*タイトル*/
#title{
margin-top:20px;
margin-bottom:30px;
}






/*中面メインメニュー（3連時）*/
#menu-origin,#menu-sweet,#menu-contact{
width:175px;
}

#menu-origin a,#menu-sweet a{
display:block;
height:44px;
background-image:url(../images/inner_menu.gif);
background-repeat:no-repeat;
}

#menu-contact a{
display:block;
height:48px;
background-image:url(../images/inner_menu.gif);
background-repeat:no-repeat;
}

#menu-origin a:hover{
background-position:-175px 0;
}

#menu-sweet a{
background-position:0 -44px;
}

#menu-sweet a:hover{
background-position:-175px -44px;
}

#menu-contact a{
background-position:0 -88px;
}

#menu-contact a:hover{
background-position:-175px -88px;
}

#sub-area ul{
margin:10px 0;
}

#sub-area li{
margin-bottom:1em;
}

#sub-area a{
padding-left:1.5em;
text-decoration:none;
color:#333333;
}

#sub-area a.now{
background-image:url(../images/arrow01.gif);
background-repeat:no-repeat;
background-position:0.7em;
color:#FF0000;
}

#sub-area a:hover{
background-image:url(../images/arrow01.gif);
background-repeat:no-repeat;
background-position:0.7em;
color:#FF0000;
}






/*御菓子サブ*/
#sweet-sub ul{
/*margin-bottom:5px;*/
}

#sweet-sub li{
padding:0.5em 0;
border-bottom:1px #CCCCCC dashed;
}

#sweet-sub li.last{
border:none;
}

#sweet-sub a{
padding-left:1.5em;
text-decoration:none;
color:#333333;
}

#sweet-sub a.now{
background-image:url(../images/arrow01.gif);
background-repeat:no-repeat;
background-position:0.7em;
color:#FF0000;
}

#sweet-sub a:hover{
background-image:url(../images/arrow01.gif);
background-repeat:no-repeat;
background-position:0.7em;
color:#FF0000;
}






/*中面メインメニュー（不連時）*/
#menu-sweet a.list{
display:block;
height:48px;
background-image:url(../images/inner_menu2.gif);
background-repeat:no-repeat;
}

#menu-contact a.list{
display:block;
height:48px;
background-image:url(../images/inner_menu2.gif);
background-repeat:no-repeat;
background-position:0px -96px;
}

#menu-contact a.list:hover{
background-position:-175px -96px;
}







/*和菓子メニュー*/
#japanese-menu{
margin-top:15px;
margin-bottom:50px;
}

#japanese-menu li{
float:left;
padding:0 1em;
border-right:1px #CCCCCC solid;
}

#japanese-menu li.first{
padding-left:0;
padding-right:1em;
}

#japanese-menu li.last{
border:none;
}

#japanese-menu a{
display:block;
}






/*カートの中を見る*/
#cart_area{
padding:5px 0px 10px 1em;
}

#cart_area a{
display:block;
background-image:url(../sweet/images/cart_icon.gif);
background-repeat:no-repeat;
width:136px;
height:28px;
}

#cart_area a:hover{
background-position:0px -28px;
}






/*きよめ・藤団子レイアウト*/
div.sweet-index01{
float:left;
width:270px;
}

div.sweet-index02{
float:right;
width:285px;
}

div.sweet-index03{
float:left;
width:160px;
}

div.sweet-index04{
float:right;
width:100px;
}






/*和菓子レイアウト*/
div.sweet-japan01{
float:left;
width:195px;
}

div.sweet-japan02{
float:right;
width:360px;
}

div.sweet-japan03{
margin-left:30px;
}






/*洋菓子レイアウト*/
div.sweet-cake01{
float:left;
width:265px;
}

div.sweet-cake02{
float:right;
width:265px;
}

div.sweet-cake03{
float:left;
width:140px;
}

div.sweet-cake04{
float:right;
width:125px;
}






/*中面フッターメニュー*/
#footer-menu{
background-color:#4C4C4C;
text-align:center;
width:800px;
}

#footer-menu ul{
text-align:center;
padding:0.5em 0;
}

#footer-menu a{
color:#FFFFFF;
}

#footer-menu li{
display:inline;
padding:0 1em;
}






/*特定商取引法*/
#legal-area table{
font-size:100%;
border-collapse:collapse;
}

#legal-area ul li{
	list-style:disc;
	margin-left:1.5em;
}

#legal-area th{
font-weight:normal;
width:13em;
}

#legal-area th,td{
padding:1em 0;
vertical-align:top;
}

#legal-area td{
padding-left:1em;
}

#legal-area tr{
border-bottom:1px #CCCCCC dashed;
}

#legal-area p{
font-size:110%;
border-left:2px #333333 solid;
padding-left:0.5em;
margin-bottom:10px;
}

#legal-area table.area{
	border-collapse:separate;
	background-color:#666;
}

#legal-area table.area th,
#legal-area table.area td{
	background-color:#FFFFFF;
	padding:0.3em 1em 0.3em 1em;
	width:8em;
}

#legal-area table.area td{
	text-align:right;
}





/*ご利用案内*/
#help-area01{
margin-top:30px;
}

#help-area02{
float:left;
width:76px;
}

#help-area03{
float:right;
width:484px;
}

#help-area04{
float:left;
width:227px;
}

#help-area05{
float:right;
width:247px;
}

#help-area06{
background-color:#F6F6F6;
border:1px #006699 solid;
padding:10px;
margin:15px 0;
}

#help-area07{
float:left;
width:205px;
}

#help-area08{
float:right;
width:247px;
}






/*サイトマップ*/
#sitemap-area01{
margin-bottom:15px;
border-bottom:1px #CCCCCC dashed;
padding-bottom:15px;
}

#sitemap-area01 li{
list-style:disc;
margin-left:2em;
margin-bottom:0.5em;
}






/*ページトップボタン*/
#page-top{
margin:100px 0 20px 0;
}

#page-top a{
display:block;
height:18px;
background-image:url(../images/page_top.gif);
background-repeat:no-repeat;
}

#page-top a:hover{
background-position:0px -18px;
}







/*コピーライト*/
#copyright.index{
color:#FFFFFF;
clear:both;
padding-top:0.5em;
width:800px;
margin:0 auto;
padding-bottom:30px;
}

#copyright p{
text-align:center;
}

#copyright{
background-color:#000000;
color:#FFFFFF;
clear:both;
padding-top:0.5em;
width:800px;
padding-bottom:30px;
}







/*お詫び*/
#report-area01{
width:100%;
margin:0 auto;
text-align:center;
}

#report-area02{
width:573px;
margin:0 auto;
margin-top:30px;
}





/*クラス*/
.english{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color:#999999;
letter-spacing:0.2em;
padding-left:1em;
}

/*非表示*/
* span.alt{
display:none;
}

.headline1{
font-size:140%;
border-left:2px #333333 solid;
padding-left:0.5em;
margin-bottom:10px;
}

.headline2{
font-size:120%;
margin-bottom:5px;
color:#006699;
}

.headline3{
font-size:120%;
border-left:2px #333333 solid;
padding-left:0.5em;
margin-bottom:10px;
}

.headline4{
font-size:120%;
border-bottom:1px #333333 solid;
padding-bottom:0.3em;
margin-bottom:10px;
}


/*店舗案内*/
div.left{
width:235px;
float:left;
}

div.right{
width:320px;
float:right;
}

.margin-bottom5{
margin-bottom:5px;
}

.margin-bottom10{
margin-bottom:10px;
}

.margin-bottom15{
margin-bottom:15px;
}

.margin-bottom30{
margin-bottom:30px;
}

.margin-bottom50{
margin-bottom:50px;
}

.margin-bottom70{
margin-bottom:70px;
}

.margin-top5{
margin-top:5px;
}

.margin-top10{
margin-top:10px;
}

.margin-top15{
margin-top:15px;
}

.margin-top30{
margin-top:30px;
}

.margin-top50{
margin-top:50px;
}

.margin-top80{
margin-top:80px;
}

.email{
font-size:140%;
font-weight:bold;
margin-bottom:15px;
}

/*価格・日持ち・購入アイコン*/
.icon{
margin-top:10px;
margin-bottom:5px;
border-left:2px #990000 solid;
padding-left:5px;
}

/*購入する*/
.buy{
background-image:url(../sweet/images/arrow02.gif);
background-repeat:no-repeat;
background-position:0 center;
padding-left:1.8em;
margin-bottom:1em;
}

/*ページトップボタン（御菓子内）*/
.page-top{
text-align:right;
}

/*矢印付きテキスト*/
.arrow{
background-image:url(../images/arrow01.gif);
background-repeat:no-repeat;
background-position:0 center;
padding-left:1em;
margin-top:15px;
}

.cation{
color:#FF0000;
}

.cm{
background-image:url(../images/arrow01.gif);
background-repeat:no-repeat;
background-position:0 center;
padding:0.3em 0.3em 0.3em 1em;
margin-left:15px;
display:inline;
}

.left{
float:left;
}

.pba1{
page-break-after:always;
}