@charset "utf-8";

/* -----------------------------------------------------------
	Site Name: ハンドメイド雑貨 magnet council
	Version: 1.0
	Last Up： 07/06/11
	Author: Akiko Tanaka
	Comment: 共通設定
----------------------------------------------------------- */

/* 
 header Style [
----------------------------------------------------------- */
#headerArea {
	padding-right: 10px;
	padding-left: 10px;
	width: 770px;
	background: url(../images/share/header_bg.jpg) no-repeat left top;
	float: left;
	text-align: left;
}

*html #headerArea {
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	width: 750px;
	background: url(../images/share/header_bg.jpg) no-repeat left top;
}

#headerArea h1 {
	font-size: 12px;
	line-height: 23px;
	color: #003300;
	padding-left: 15px;
}

#headerBlock {
	background: url(../images/share/header_bg2.jpg) no-repeat top;
	height: 107px;
	width: 750px;
	position: relative;
}

#headerBlock h2 {
	margin-top: 16px;
	margin-left: 15px;
	position: absolute;
}

#headerBlock p {
	position: absolute;
	left: 600px;
	top: 63px;
}

#headerArea ul {
	clear: both;
	background: url(../images/share/btn_bg.jpg) repeat-x;
	height: 37px;
	width: 750px;
}

#headerArea ul li {
	display: inline;
	float: left;
}

/* 
 leftblockArea Style [
----------------------------------------------------------- */
#leftblockArea h3 {
	margin-bottom: 11px;
}

ul#zakkashopList, ul#oterList {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 18px;
}

ul#zakkashopList li,  ul#oterList li {
	background: url(../images/share/point01.gif) no-repeat left top;
	padding-left: 15px;
}

ul#zakkashopList li a,  ul#oterList li a {
	color: #666666;
	text-decoration: none;
}

ul#zakkashopList li a:hover,  ul#oterList li a:hover {
	background: #FFD9D9;
	color: #FF3366;
}

ul#oterBanner {
	padding-bottom: 10px;
}

ul#oterBanner li {
	margin-bottom: 10px;
}

/* 
 footerArea Style [
----------------------------------------------------------- */
#footerArea p.pagetop {
	text-align: right;
	padding-right: 25px;
}

#footerBlock {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/share/dot02.gif) repeat-x top;
}

#footerBlock ul li {
	background: url(../images/share/point02.gif) no-repeat left center;
	display: inline;
	padding-left: 18px;
	font-size: 11px;
	padding-right: 10px;
}

#footerBlock ul {
	margin-bottom: 15px;
	padding-top: 15px;
}

#footerBlock ul li a {
	color: #666666;
	text-decoration: none;
}

#footerBlock ul li a:hover {
	color: #FF6600;
}

#footerBlock p {
	width: 750px;
	background: url(../images/share/footer_bg.gif) repeat-x;
	font-size: 11px;
	line-height: 23px;
	color: #003300;
	height: 23px;
	margin: 0px;
	padding: 0px;
}

/* 
 maincontentsArea Style [
----------------------------------------------------------- */
#maincontentsArea {
	float: right;
	width: 535px;
}

#maincontentsArea h3#mainTitle {
	margin-bottom: 10px;
}

#mainTitleimg,
.mainTitleimg{
	margin-bottom: 10px;
	background: url(../images/share/dot03.gif) repeat-x top;
	padding-top: 19px;
}

p#topnavi {
	font-size: 11px;
	color: #999999;
	background-repeat: no-repeat;
	background-position: left 5px;
	background-image: url(../images/share/home.gif);
	padding-left: 19px;
	letter-spacing: 0.0001em;
	display: block;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 17px;
}

.mainblockArea {
	background: url(../images/share/dot03.gif) repeat-x bottom;
	width: 535px;
	margin-bottom: 17px;
	float: right;
}

.mainblockArea p, .mainblockArea2 p {
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	padding-left: 13px;
	letter-spacing: 0.001em;
}

.mainblockArea h4, .mainblockArea2 h4 {
	margin-bottom: 15px;
}

.mainblockArea2 {
	width: 535px;
}

.mainblockArea2 h5 {
	width: 535px;
	margin-bottom: 15px;
}

.pagetop2 {
	text-align: right;
	margin-top: 10px;
	padding-bottom: 15px;
}

#bookinfo img {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}

#keywordArea {
	margin-bottom: 20px;
}

#keywordArea input.searchBox {
	width: 163px;
	margin-bottom: 4px;
}

p.redT {
	width: 163px;
	margin-bottom: 4px;
	font-size: 12px;
	line-height: 18px;
	color: #FF0000;
	padding-bottom: 13px;
}

p.redText {
	color: #FF0000;
}

h4#catchcopy {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	color: #660;
	letter-spacing: 0.0001em;
	padding-bottom: 10px;
	}
	
#select {
	font-size: 11px;
	line-height: 15px;
	letter-spacing: 0.0001em;
	text-align: left;
	padding-bottom: 15px;
	float: left;
	}
	
#select2 {
	font-size: 11px;
	line-height: 15px;
	letter-spacing: 0.0001em;
	text-align: left;
	}
	
#select img {
	margin-bottom: 4px;
	}
	
.z_nebiki {
	text-decoration: line-through;
	}
	
.titleImg {
	padding-bottom: 15px;
	}
	
.gienkin {
	font-size: 14px;
	font-weight: bold;
	color: #900;
	padding-bottom: 20px;
	}
	
.gienkin span {
	font-size: 20px;
	color: #F00;
	}
	
.blue {
	color: #069;
	}
	
#paypal {
	position: absolute;
	left: 490px!important;
	top: 10px!important;
	right: 10px!important;
	bottom: 0px!important;
	font-size: 11px;
	width: 250px!important;
	vertical-align: middle!important;
	text-align: right;
	}

a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
		 	transition: 0.3s ease-in-out;
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.center {
	text-align: center;
	font-size: 0.7em;
	padding-bottom: 5px;
	position: relative;
	bottom: 10px;
	}