@charset "utf-8";



/*-----しょこららんどデフォルトセッティング-----*/

body {
	margin:0;
	padding:0;
	background: url(../shokolaland/img/background.jpg) center top;
	font: normal 12px "ＭＳ Ｐゴシック", Osaka;
	line-height:1.3em;
	color:#555555;
	text-align:center;
}
h1,h2,h3,h4,h5,h6,

p,ul,ol,li,dl,dt,dd,

table,tr,th,td,address,form,

pre, code {
	margin:0;
	padding:0;
	border:none;
	list-style:none;
	font-size:100%;
}
h1, h2, h3, h4, h5, h6{ font-size:100%;}



h1{ font-weight:normal;}

img {
	border: none;
	vertical-align: middle;
}

/*-----リンク-----*/
a{
	color:#FF2B8E;
	text-decoration:none;
}
a:hover,
a:active{ text-decoration:underline;}

/*-----strong/em-----*/
strong{ font-weight:bold;}
em{ font-style:normal;}

/*-----dl-----*/
dl dt{ margin-bottom:10px;}
dl dd{ margin-bottom:15px;}

/*-----table-----*/
table{ border-collapse:collapse;}
table th,
table td{
	vertical-align:middle;
	text-align:left;
	padding:5px;
}
table td{ font-weight:normal;}

/*-----form���-----*/
input,
textarea{
	font-size:100%;
	line-height:1.25;
}

/*-----その他-----*/
.clear{
	clear:both;
}

/*--IEスクロールバー--*/
html,body {
	scrollbar-face-color: #FFFFFF;/* スクロールバー&矢印の四角*/
	scrollbar-track-color: #B8D6FF;/* スクロールバー背景 */
	scrollbar-arrow-color: #FFFFFF;/* 矢印 */
	scrollbar-highlight-color: #FFFFFF;/* 左・上のボーダー */
	scrollbar-shadow-color: #FFFFFF;/* 右・下のボーダー */
	scrollbar-3dlight-color: #B9D7FF;/* 一番外枠の左・上ボーダー */
	scrollbar-darkshadow-color: #B9D7FF;/* 一番外枠の右・下ボーダー */
}

/*-----しょこららんどメインレイアウト-----*/
#PageBack{
	background:url(../shokolaland/img/main-back.png) center top repeat-y;
}
#HeadArea{
	width:900px;
	height:161px;
	background:url(../shokolaland/img/head-area.png) center top no-repeat;
	margin:0px auto;
}
#HeadLogo{
	width:510px;
	height:161px;
	text-align:left;
	float:left;
}
#HeadRight{
	width:390px;
	padding-top:10px;
	float:left;
	text-align:left;
}
#Marquee{
	width:390px;
	height:26px;
	background:url(../shokolaland/img/marquee-area.png);
	color:#FFFFFF;
	line-height:26px;
}
#Marquee marquee{
	width:388px;
	margin:0px auto;
}
#HeadBT{
	width:240px;
	height:30px;
	margin-top:3px;
	padding-left:150px;
}
#HeadBT li{
	float:left;
	text-indent:-9999px;
}
.Book a, .Book a:link, .Book a:visited{
	width:80px;
	height:30px;
	background:url(../shokolaland/img/book01.png);
	display:block;
}
.Book a:hover{
	background:url(../shokolaland/img/book02.png);
}
.Mail a, .Mail a:link, .Mail a:visited{
	width:80px;
	height:30px;
	background:url(../shokolaland/img/mail01.png);
	display:block;
}
.Mail a:hover{
	background:url(../shokolaland/img/mail02.png);
}
.Home a, .Home a:link, .Home a:visited{
	width:80px;
	height:30px;
	background:url(../shokolaland/img/home01.png);
	display:block;
}
.Home a:hover{
	background:url(../shokolaland/img/home02.png);
}
#ContentBT{
	width:900px;
	height:60px;
	background:url(../shokolaland/img/bt-bottom.png) bottom no-repeat;
	margin:0px auto 5px auto;
}
#ContentBT li{
	float:left;
	text-indent:-9999px;
}
.Con01 a, .Con01 a:link, .Con01 a:visited{
	width:150px;
	height:50px;
	background:url(../shokolaland/img/con01.jpg);
	display:block;
}
.Con01 a:hover{
	background:url(../shokolaland/img/con01-2.jpg);
}
.Con02 a, .Con02 a:link, .Con02 a:visited{
	width:150px;
	height:50px;
	background:url(../shokolaland/img/con02.jpg);
	display:block;
}
.Con02 a:hover{
	background:url(../shokolaland/img/con02-2.jpg);
}
.Con03 a, .Con03 a:link, .Con03 a:visited{
	width:150px;
	height:50px;
	background:url(../shokolaland/img/con03.jpg);
	display:block;
}
.Con03 a:hover{
	background:url(../shokolaland/img/con03-2.jpg);
}
.Con04 a, .Con04 a:link, .Con04 a:visited{
	width:150px;
	height:50px;
	background:url(../shokolaland/img/con04.jpg);
	display:block;
}
.Con04 a:hover{
	background:url(../shokolaland/img/con04-2.jpg);
}
.Con05 a, .Con05 a:link, .Con05 a:visited{
	width:150px;
	height:50px;
	background:url(../shokolaland/img/con05.jpg);
	display:block;
}
.Con05 a:hover{
	background:url(../shokolaland/img/con05-2.jpg);
}
.Con06 a, .Con06 a:link, .Con06 a:visited{
	width:150px;
	height:50px;
	background:url(../shokolaland/img/con06.jpg);
	display:block;
}
.Con06 a:hover{
	background:url(../shokolaland/img/con06-2.jpg);
}
.con00{
	width:163px;
	height:52px;
}
#ImagePict{
	width:900px;
	margin:0px auto 15px auto;
}
#MainArea{
	width:900px;
	margin:0px auto;
	padding-bottom:15px;
}
#MainLeft{
	width:620px;
	float:left;
	margin-right:30px;
}
#MainNews{
	width:618px;
	height:930px;
	background:url(../shokolaland/img/blue-back.jpg);
	overflow:auto;
	text-align:left;
	border:1px solid #B2CEF7;
}
.ShopNews{
	width:575px;
	margin:0px 0px 10px 0px;
	padding:15px 0px 10px 10px;
	border-bottom:1px solid #FF2EBE;
	text-align:left;
}
.ShopNews p{
	width:575px;
	color:#FF2EBE;
	border-bottom:1px dotted #FF2EBE;
	font-size:10px;
	padding:3px 0px;
	margin-bottom:10px;
}
.ShopNews strong{
	font-size:16px;
	margin-left:5px;
}
.ShopPict{
	width:300px;
	height:230px;
	float:left;
	margin-right:10px;
}
.ShopText{
	width:265px;
	float:left;
}
#MainRight{
	width:250px;
	float:left;
}
#ShopInfo{
	width:248px;
	border:1px solid #B2CEF7;
}
#ShopInfo ul{
	background:url(../shokolaland/img/blue-back.jpg);
	margin:0px auto;
	text-align:left;
	padding:10px 25px;
}
#ShopInfo li{
	margin-bottom:5px;
}
#ShopInfo span{
	font-size:16px;
	font-weight:bold;
	color:#FF2B8E;
}
#RightBanner li{
	margin-bottom:5px;
	text-indent:-9999px;
}
.SCon01 a, .SCon01 a:link, .SCon01 a:visited{
	width:250px;
	height:80px;
	background:url(../shokolaland/img/scon01.png);
	display:block;
}
.SCon01 a:hover{
	background:url(../shokolaland/img/scon01-2.png);
}
.SCon02 a, .SCon02 a:link, .SCon02 a:visited{
	width:250px;
	height:80px;
	background:url(../shokolaland/img/scon02.png);
	display:block;
}
.SCon02 a:hover{
	background:url(../shokolaland/img/scon02-2.png);
}
.SCon03 a, .SCon03 a:link, .SCon03 a:visited{
	width:250px;
	height:80px;
	background:url(../shokolaland/img/scon03.png);
	display:block;
}
.SCon03 a:hover{
	background:url(../shokolaland/img/scon03-2.png);
}
#TWarea{
	width:248px;
	height:200px;
	background:url(../shokolaland/img/blue-back.jpg);
	margin-bottom:10px;
	overflow:auto;
	text-align:left;
	border:1px solid #B2CEF7;
}
#TWarea #twitter{
	padding:10px;
	text-align:left;
}
/* 枠線の中の一番上のテキストです。*/
div#twitterInfoTitle{
	font-size: 12px;
	font-weight: bold;
}
/* ツイート、日時の全体を囲っているdivタグです。*/
div#twitterInfoDetail{
	text-align: left;
	font-size: 10px;
	line-height: 120%;
}
/* ツイートのフォントの大きさや色などを変えたい場合はここに書いてください。。*/
p.tw_text{
	margin:0px 0px 5px 0px;
	color: #1E70FF;
}
/* 日時のフォントの大きさや色などを変えたい場合はここに書いてください。*/
p.tw_day{
	color: #83004C;
	border-bottom:1px dotted #666666;
	font-size:10px;
	margin-bottom:15px;
}
#FootLink{
	height:30px;
	background:url(../shokolaland/img/foot-link.jpg);
	color:#3D2E3B;
	line-height:30px;
}
#FootLink a{
	color:#3D2E3B;
}
#FootArea{
	background:url(../shokolaland/img/foot-area.jpg) center top ;
	height:150px;
	color:#FFFFFF;
}
#FootArea p{
	padding-top:110px;
	font-size:10px;
}

/*--その他ページ共通--*/
#OtherArea{
	width:618px;
	background:url(../shokolaland/img/blue-back.jpg);
	border:1px solid #B2CEF7;
	margin-bottom:15px;
}
.Title{
	margin-bottom:5px;
}
#OtherArea td{
	padding:5px;
}
.TD01{
	width:160px;
	background:#3D2E3B;
	color:#FFFFFF;
	text-align:left;
}
.TD02{
	background:#FF85B7;
	color:#FFFFFF;
	text-align:right;
}
.TD03{
	background:#56A7FF;
	color:#FFFFFF;
	text-align:left;
	font-size:14px;
	font-weight:bold;
}

/*--メニュー--*/
#MenuArea{
	width:580px;
	margin:0px auto;
	padding:15px 0px;
	text-align:left;
}
#MenuArea p{
	margin-bottom:5px;
}
#MenuArea table{
	margin-bottom:10px;
}
#MenuArea td{
	border:1px solid #FFFFFF;
}
#MenuArea span{
	font-size:10px;
}
#MenuBOX{
	margin:0px auto 15px auto;
}
#MenuBOX table{
	margin-bottom:15px;
}
#MenuBOX td{
	padding:5px;
	border:1px solid #CAE1F2;
	text-align:center;
}
#MenuBOX em{
	color: #FFCC33;
}
#MenuBOX span{
	font-size:10px;
}
.box01{
	background:#426BD0;
	color:#FFFFFF;
	font-weight:bold;
}
.box02{
	width:192px;
	background:#FF3A97;
	color:#FFFFFF;
	font-weight:bold;
}
.box02-2{
	width:96px;
	background:#FF3A97;
	color:#FFFFFF;
	font-weight:bold;
}
.box03{
	background:#FFFFFF;
	color:#969696;
}

/*--写メ日記--*/
#DiaryArea{
	width:620px;
	height:535px;
	background:url(../shokolaland/img/blue-back.jpg);
	text-align:left;
	margin-bottom:15px;
}
#BlogArea{
	width:580px;
	margin:0px auto;
	padding:15px 0px;
	text-align:left;
	font-size:14px;
}
#BlogArea dl{
	clear:both;
	margin-bottom:10px;
}
#BlogArea dt{
	width:200px;
	height:40px;
	float:left;
	margin-right:10px;
}
#BlogArea dd{
	width:360px;
	float:left;
}
#BlogArea span{
	font-size:10px;
}


/*--メルマガ＆求人案内--*/

#MagazineArea{
	width:580px;
	margin:0px auto;
	padding:15px 0px;
	text-align:left;
}
#MagazineArea dd{
	padding-left:30px;
	margin-bottom:15px;
}
#MagazineArea span{
	color:#56A7FF;
	font-size:10px;
	font-weight:bold;
}
.MagForm{
	width:380px;
	height:30px;
	background:url(../shokolaland/img/form-area.png) no-repeat;
	color:#FFFFFF;
	padding:0px 5px;
	font-size:14px;
	margin-bottom:10px;
	border:none;
	line-height:30px;
}
input#Regist{
	width:160px;
	height:26px;
	background:url(../shokolaland/img/bt-regist.jpg);
	border:0;
	overflow: hidden;
	display:block;
	float:left;
	cursor: pointer;　/* カーソルを指マークに Operaはなぜか効かない*/
	text-indent: -9999px;　/*ボタンの文字を消す*/
}
input#Release{
	width:160px;
	height:26px;
	background:url(../shokolaland/img/bt-release.jpg);
	text-indent:-9999px;
	border:0;
	overflow: hidden;
	display:block;
	float:left;
	cursor: pointer;　/* カーソルを指マークに Operaはなぜか効かない*/
	text-indent: -9999px;　/*ボタンの文字を消す*/

}	



/*--クーポン--*/

#CouponArea{
	width:620px;
	background:url(../shokolaland/img/blue-back.jpg);
	margin:0px auto;
	padding:15px 0px;
}
#CouponArea img{
	margin-bottom:30px;



}