/*======================================================================
　『We:la Beaute - 読者限定Present -』スタイルシート
======================================================================*/

/*--------------------------------------------------
　1-1.Universal selector（すべての要素にスタイルを適用）
--------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	line-height: 1.3;
	color: #333333;
	font-weight: normal;
	font-style: normal;
}

/*--------------------------------------------------
　1-2.Structure Module
--------------------------------------------------*/

body {
	background-color: #FFFFFF;
	font-family:"'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif";
	font-size: 13px; /* 基本文字サイズ */
	*font-size: small; /* IE7およびIE6標準準拠モードに適用 */
	*font: x-small; /* IE6後方交互モードに適用 */
	text-align: center;
}

img {
	border:none;
	}
	
a,
a:visited {
	color:#FFFFFF;
	}
	
a:hover,
a:active {
	text-decoration:none;
	}

/*--------------------------------------------------
　枠
--------------------------------------------------*/
#all {
	width:820px;
	margin:0 auto;
	text-align:left;
	}
	
#allBg {
	padding:0 10px;
	background:url(../img/all_bg.jpg) repeat-y;
	}

/*--------------------------------------------------
　eBOOKリンク&応募フォームリンク
--------------------------------------------------*/
#linkButton {
	padding:30px 0 0 0;
	}
	
#linkButton div {
	float:left;
	width:390px;
	}
	
#linkButton a {
	display:block;
	margin:0 0 0 20px;
	width:370px;
	height:80px;
	}
	
#linkButton a.linkButton1 {
	background:url(../img/link_button1_2.jpg);
	}
	
#linkButton a.linkButton2 {
	background:url(../img/link_button2_2.jpg);
	}
	
#linkButton a:hover {
	background-color:#d0859a;
	}
	
#linkButton a:hover img {
	visibility:hidden;
	}
	
/*--------------------------------------------------
　パンくず
--------------------------------------------------*/
#pan {
	padding:10px 0 10px 20px;
	color:#FFFFFF;
	}
	
/*--------------------------------------------------
　ショップリスト
--------------------------------------------------*/
#shopList {
	clear:both;
	width:780px;
	margin:0 10px;
	padding:20px 0 0 0;
	}
	
#shopList .shopMain {
	padding:0 30px;
	background:url(../img/shop_bg.jpg) repeat-y;
	}
	
#shopList .shopMain .icon {
	padding:10px 0;
	text-align:center;
	font-weight:bold;
	}
	
#shopList .shopMain .icon img {
	margin:0 5px 0 15px;
	vertical-align:middle;
	}
	
#shopList .shopMain table {
	width:720px;
	margin:10px 0 0 0;
	border:none;
	border-collapse:collapse;
	font-size:100%;
	background:url(../img/shop_list_bg.gif) repeat-y 5px 0;
	}
	
#shopList .shopMain table th {
	width:240px;
	margin:0;
	padding:0;
	border:none;
	border-collapse:collapse;
	vertical-align:top;
	text-align:center;
	background:none;
	}
	
#shopList .shopMain table th.hair {
	}
	
#shopList .shopMain table th.hair p {
	background-color:#e4b720;
	padding:5px 0;
	margin:0 5px;
	color:#FFFFFF;
	font-weight:bold;
	}
	
#shopList .shopMain table th.beauty {
	}
	
#shopList .shopMain table th.beauty p {
	background-color:#fb9588;
	padding:5px 0;
	margin:0 5px;
	color:#FFFFFF;
	font-weight:bold;
	}
	
#shopList .shopMain table th.relax {
	}
	
#shopList .shopMain table th.relax p {
	background-color:#70ccbf;
	padding:5px 0;
	margin:0 5px;
	color:#FFFFFF;
	font-weight:bold;
	}
	
#shopList .shopMain table td {
	margin:0;
	padding:5px;
	border:none;
	border-collapse:collapse;
	vertical-align:top;
	font-size:92%;
	background:none;
	}
	
#shopList .shopMain table td.iconTd {
	width:25px;
	vertical-align:middle;
	text-align:right;
	}
	
#shopList .shopMain table td h2 {
	margin:15px 5px 0 5px;
	padding:0 0 2px 3px;
	border-left:10px solid #a363a2;
	border-bottom:1px solid #a363a2;
	color:#a363a2;
	font-size:107%;
	font-weight:bold;
	}
	
#shopList .shopMain table td p {
	margin:0 10px 0 0;
	}
	
#shopList .shopMain table td p span {
	font-size:85%;
	}
	
#shopList .shopMain table td p a,
#shopList .shopMain table td p a span {
	color:#6462b1;
	font-weight:bold;
	}
	
#shopList .shopMain table td img {
	margin:0 0 0 5px;
	}
	
/*--------------------------------------------------
　送信完了、エンドページ、エラーページ
--------------------------------------------------*/
#preArea {
	width:780px;
	margin:0 10px;
	}
	
#preArea .preMain {
	padding:0 30px;
	background:url(../img/pre_bg.jpg) repeat-y;
	}

#preArea .otherArea {
	padding:20px 0;
	text-align:center;
	}
	
#preArea .otherArea a {
	color:#e1005b;
	}

#preArea .otherArea p {
	font-size:120%;
	font-weight:bold;
	color:#c5524b;
	}
	
#preArea .otherArea img {
	margin:20px 0;
	}

/*--------------------------------------------------
　ページトップリンク
--------------------------------------------------*/
#topLink {
	clear:both;
	padding:20px 20px 0 0;
	text-align:right;
	}
	
/*--------------------------------------------------
　フッター
--------------------------------------------------*/
#footer {
	clear:both;
	padding:30px 0 0 0;
	}