/* ===================================================================
CSS information

 file name  :module.css
 style info :ヘッダー、サイド、フッター
 
=================================================================== */
/* clearfix */
.header:after,
.footer ul.footerNav:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
.header {
	position:relative;
	width: 880px;
	height:157px;
}

.header h1 {
	position:absolute;
	top:15px;
	left:40px;
}

.header p.description{
	position:absolute;
	top:30px;
	left:220px;
}

/* tellNo
----------------------------------------------------------- */
.header .tellNo {
	position:absolute; top:20px; left:480px;
}


/* cartBtn
----------------------------------------------------------- */
.header .cartBtn {
	position:absolute; top:4px; right:0;
	width:159px;
	height:113px;
	background:url(http://magical1991.shop23.makeshop.jp/design/magical1991/img/module/bg_btn.gif) no-repeat 0 0;
}

.header .cartBtn ul {
	margin: 4px 0 0 4px;
}

.header .cartBtn ul li {
	margin-bottom:2px;
}

/* itemSearch
----------------------------------------------------------- */
.header .itemSearch {
	position:absolute; top:125px; right:4px;
}

.header .itemSearch input {
	width:160px;
	padding:2px;
}

.header .itemSearch img {
	vertical-align:top;
}


/* topNav
----------------------------------------------------------- */
.header ul.topNav {
	zoom:1;
	position:absolute; top:3px; right:160px;
}

.header ul.topNav li {
	font-size:11px;
	display:inline;
	float:left;
	margin-right:10px;
	padding-left:7px;
	background:url(http://magical1991.shop23.makeshop.jp/design/magical1991/img/module/arrow_sq.gif) no-repeat 0 2px;
}

/* #gNav
----------------------------------------------------------- */
.header ul.gNav {
	zoom:1;
	position:absolute;
	top:97px;
	left:226px;
}

.header ul.gNav li {
	display:inline;
	float: left;
	margin-right:2px;
}

/* -----------------------------------------------------------
	.sub
		サイドバー、サブ
----------------------------------------------------------- */
.side {
	width:200px;
	margin-right:15px;
}

.side .sideBanner {
	margin-bottom:15px;
}

.side .sideBanner li {
	margin-bottom: 5px;
}

.side .sideNav li {
	height:29px;
	margin-bottom: 2px;
	line-height:0;
}

.side .sideNav li a {
	line-height:nomal;
}

.side img {
	display:block;
}

.side .bookmark {
	margin:0.7em 0;}
/* -----------------------------------------------------------
	.sideLogin
		ログインフォーム
----------------------------------------------------------- */

.sideLogin {
	width:200px;
	margin:0 0 15px 0;
	padding-bottom:10px;
	border-bottom:#CCCCCC 1px dotted;
}

.sideLogin dl {
	margin-left:10px;
}

.sideLogin dt {
	font-size:10px;
	font-weight:bold;
}
.sideLogin dd input {
	width:150px;
	margin-bottom:10px;
}

.sideLogin .lostPass {
	font-size:10px;
	margin-left:10px;
}

.sideLogin .loginBtn,
.sideLogout .loginBtn {
	margin-left:10px;
}

/* sideLogout
----------------------------------------------------------- */
.sideLogout {
	width:200px;
	margin:0 0 15px 0;
	padding-bottom:10px;
	border-bottom:#CCCCCC 1px dotted;
}

.sideLogout dl {
	margin-left:10px;
}

.sideLogout dt {
	font-size:10px;
	font-weight:bold;
}
.sideLogout dd {
	margin-bottom:10px;
	padding:3px 0;
	border-bottom:#CCCCCC 1px dotted;
}

.sideLogout .lostPass {
	font-size:10px;
	margin-left:10px;
}



/* -----------------------------------------------------------
	.pagetop
		ページのトップへ戻る
----------------------------------------------------------- */

.pagetop {
	text-align:right;
	margin-bottom:20px;
	border-bottom:#CCC 1px dotted;
	clear:both;
}


/* -----------------------------------------------------------
	.footer
		フッター
----------------------------------------------------------- */

/* 発送について
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.sendInfo {
	width:880px;
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	margin:15px 0;
	padding:10px;
	font-size:80%;
	overflow:hidden;}
	
.sendInfo p, .consulBox p {
	margin-top:0;
	margin-bottom:0.7em;}
	
.sendInfo .st {
	color:#FF3333;
	font-weight:bold;}
	
.sendInfo em {
	color:#FF6600;
	font-weight:bold;
	font-style:normal;}
	
.sendInfo .infoText {
	background:url(/design/magical1991/img/common/footer_ico.gif) no-repeat 0 2px;
	padding-left:17px;}
	
.sendInfo .box01, .sendInfo .box02, .sendInfo .box03, .sendInfo .box04 {
	width:430px;
	margin-bottom:20px;}
	
.sendInfo .box01, .sendInfo .box03 {
	float:left;}
	
.sendInfo .box02, .sendInfo .box04 {
	float:right;}
	
.sendInfo .box03, .sendInfo .box04 {
	margin-bottom:15px;}
	
.consulBox {
	clear:both;
	padding:15px 0 0 15px;
	font-size:80%;}
	
.consulBox .strong {
	font-size:110%;
	color:#FF3333; font-weight:bold;}
	
.consulBox .consulAd {
	background:url(/design/magical1991/img/common/footer_logo.gif) no-repeat left;
	padding-left:65px;
	height:80px;}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.footer {
	clear:both;
	width:880px;
	height:90px;
	padding:10px;
	background:url(/design/magical1991/img/module/bg_footer.gif) no-repeat 0 0;
}

.footer a:link,
.footer a:hover,
.footer a:active {
	color:#666666;	
}
.footer a:hover {
	color:#666666;
	text-decoration:underline;
}

/* footerNav
----------------------------------------------------------- */
.footer ul.footerNav {
	zoom:1;
	margin:0 0 20px 20px;
}

.footer ul.footerNav li {
width:190px;
	font-size:11px;
	display:inline;
	float:left;
	white-space: nowrap;
	margin-right:10px;
	padding-left:7px;
	background:url(/design/magical1991/img/module/arrow_sq.gif) no-repeat 0 2px;
}

*:first-child + html .footer ul.footerNav li{
	float:left;
}
* html .footer ul.footerNav {
	overflow: hidden;
}
* html .footer ul.footerNav li {
	float:left;
}

/* copy
----------------------------------------------------------- */
.footer p {
	text-align:center;
}