body {background:url(/pc/fantamiliar/image/bg.jpg) no-repeat center top;}


div#headerContainer {
	width:968px; height:232px;
	margin:0 auto; text-align:left;
	position:relative;
	background:url(/pc/common/image/contents_bg_top.png) no-repeat left 212px;
}
div#leftCol {
	float:left;
	width:280px;
}
div#rightCol {
	float:right;
	width:638px;
	line-height:140%;
}
div#rightCol .txtBox {
	padding:20px 35px;
	line-height:150%;
}
div#titleBox {
	position:relative;
	width:638px; height:56px;
}
#mainBottom {
	width:968px;
	margin:0 auto;
}


/* ----------- about page ----------- */
div#titleAbout {
	position:absolute;
	left:0px; top:-5px;
}
div#aboutBox01 {
	background:url(/pc/fantamiliar/image/aboutbox01.jpg) no-repeat left top;
	height:360px; margin:10px 0 0 0;
}
div#aboutBox01 .txtBox {
	padding:49px 32px 0 40px;
}

div#aboutBox02 {
	background:url(/pc/fantamiliar/image/aboutbox02.jpg) no-repeat left top;
	height:681px; margin:10px 0 0 0;
}
div#aboutBox02 .hdr {
	padding:20px 0 0 16px;
}
div#aboutBox02 ul {
	float:left;
	padding:0 0 0 10px; 
}
div#aboutBox02 ul li {
	float:left;
	padding:0 7px 0 0; 
}
div#aboutBox02 #aboutBox02sub {
	position:relative;
	width:609px; height:149px;
	padding:0 0 0 10px; 
}
div#aboutBox02 #shoppingBtn {
	position:absolute;
	left:36px; top:86px;
}


/* ----------- kiyaku page ----------- */
div#titleKiyaku {
	position:absolute;
	left:0px; top:-7px;
}
div#kiyakuBox {
	background:url(/pc/common/image/simplebox_bg.jpg) repeat-y;
	padding:0 40px;
}
div#kiyakuBox p {
	padding:0 0 25px 0; margin:0;
	line-height:150%;
}

.txtRed {
	color:#CC0000;
}


/* ----------- faq page ----------- */	
div#titleFaq {
	position:absolute;
	left:0px; top:-14px;
}

div#faqTopCol {
	background:url(/pc/mypage/faq/image/faq_topbg.png) no-repeat left 10px;
	height:410px;
}
div#faqTopBox {
	padding:45px 0 0 34px;
}
div#faqTopCol ul {
}
div#faqTopCol ul li {
	float:left; width:294px; height:88px;
}

div#faqCol {
	background:url(/pc/mypage/faq/image/faq_bg.png) no-repeat left 10px;
}
div#faqBox {
	background:url(/pc/mypage/faq/image/faq_box_bg.jpg) no-repeat 19px 30px;
	padding:45px 0 0 37px;
}
div.faqSubBoxTop {
	padding:15px 0 0 0;
}

div.faqSubBox {
	background:url(/pc/mypage/faq/image/faq_sbox_bg.gif) no-repeat left bottom;
	padding:0 0 25px 0; width:564px;
}

.question {
	background-image:url(/pc/common/image/icon_q.gif);
	background-repeat:no-repeat;
	background-position:10px 0;
	padding:15px 50px 0 60px; margin:0;
	min-height:30px; _height:30px;
}
.answer {
	background-image:url(/pc/common/image/icon_a.gif);
	background-repeat:no-repeat;
	background-position:10px 0;
	padding:15px 50px 0 60px; margin:0;
	min-height:30px; _height:30px;
}

#faqbakBtn {
	position:absolute;
	left:456px; top:14px;
}

.txtRedS {color:#cc0000; fontsize:11px;}


/* ----------- premium page ----------- */	
div#titlePremium {
	position:absolute;
	left:0px; top:-4px;
}
div#premiumTab {
	margin:54px 0 0 0;
/* ----------- margin:10px 0 0 0; ----------- */
}
div#premiumTab ul {
 height:45px;
}
div#premiumTab ul li {
	float:left;
}
div.premiumCol {
	background:url(/pc/mypage/image/premium_item_bg.jpg) repeat-y;
	padding:0 0 0 18px;
}
div.premiumCol p {
	padding:2px 0 13px 0; margin:0;
}
div#premiumTxt {
	margin:10px 0 0 0; height:240px;
	background:url(/pc/mypage/image/premium_txt_bg.png) no-repeat;
}
div#premiumTxt p {
	font-size:11px; line-height:15px;
	padding:32px 30px 15px 35px;
	margin:0;
}
.defaultdev {display:none;}


/* ----------- news page ----------- */
div#titleNews {
	position:absolute;
	left:0px; top:-18px;
}
div#newsCol {
	background:url(/pc/mypage/news/image/news_bg.png) no-repeat left top;
 	padding:35px 0 0 19px;
 }
div#newsList table {
	border-bottom:2px solid #FFFFFF;
	border-collapse:collapse;
	width:600px;
}
div#newsList td {
	padding:14px 0;
	vertical-align:top;
	border-bottom:1px solid #ffd2ed;
}
div#newsList td.date {
	width:105px;
	padding:14px 0 14px 15px;
}
div#newsList td.icon {
	width:65px;
}
div#newsList td.newsTxt {
	width:387px;
	padding:14px 10px 14px 18px;
	background:url(/pc/mypage/image/icon_arrow.jpg) no-repeat left 18px;
}
div#newsPagelinkBox {
	background:url(/pc/mypage/news/image/news_bottom.jpg) no-repeat;
	height:80px;
}

div#newsPagelink {
	width:638px; padding:20px 0 0 0;
	text-align:center;
}
div#newsPagelink a {
	display:inline-block;
	width:24px; height:22px;
	margin-right:5px;
	border:1px solid #ffacde;
	background-color:#FFFFFF;
	padding:2px 0 0 0;
}
div#newsPagelink a:link {color:#a1004f; text-decoration:none;}
div#newsPagelink a:visited {color:#a1004f; text-decoration:none;}
div#newsPagelink a:hover {color:#a1004f; text-decoration:none; background-color:#ffeff8;}
div#newsPagelink a:active {color:#a1004f; text-decoration:none; background-color:#ffeff8;}
div#newsPagelink a.linkActive, div#newsPagelink a.linkActive:link,
div#newsPagelink a.linkActive:visited, div#newsPagelink a.linkActive:hover, div#newsPagelink a.linkActive:active
{color:#FFFFFF; font-weight:bold; background-color:#dd1276;}

/* ----------- news inside page ----------- */
#newsInsideCol {
	background:url(/pc/mypage/news/image/news_bg.png) no-repeat left top;
 	padding:30px 0 0 19px;
}
#newsInsideCol .hdr {
	background:url(/pc/mypage/news/image/news_inside_bg.jpg) no-repeat;
	font-weight:bold;
	color:#FFFFFF;
	padding:20px;
}
#newsInsideCol .txtBox {
	line-height:150%;
	background-color:#FFFFFF;
	padding:20px; margin:0 20px 0 0;
}

#newsbakBtn {
	position:absolute;
	left:487px; top:14px;
}

/* ----------- point page ----------- */
div.pointBoxTop {
	background:url(/pc/common/image/basebox_top.jpg) no-repeat left top;
	height:60px; margin:10px 0 0 0;
}
div.pointBoxTop .hdr {
	padding:20px 0 0 16px;
}
div.pointBoxMain {
	background:url(/pc/common/image/basebox_bg.jpg) repeat-y left top;
	padding:0 19px;
}
div#pointBoxCol2 {
	height:251px;
	position:relative;
}
div#pointBoxCol2 #shoppingBtn {
	position:absolute;
	left:320px; top:81px;
}

/* ----------- membership page ----------- */

div.membershipBoxTop {
	background:url(/pc/common/image/basebox_top.jpg) no-repeat left top;
	height:60px; margin:10px 0 0 0;
}
div.membershipBoxTop .hdr {
	padding:20px 0 0 16px;
}
/* ----------- sitemap page ----------- */
div#titleSitemap {
	position:absolute;
	left:0px; top:-10px;
}

div#sitemapBox {
	background:url(/pc/common/image/basebox_bg02.png) no-repeat left top;
	margin:10px 0 0 0; padding:0 19px 10px 19px;
}
div#sitemapColL {
	float:left;
	width:292px;
}
div#sitemapColR {
	float:right;
	width:292px;
}
div.sitemapShdr {
	background:url(/pc/common/image/sitemap_hdrbg.png) no-repeat left top;
	height:37px; margin:15px 0 0 0;
}
div.sitemapShdr ul {
	padding:12px 0 0 17px;
}
div.sitemapShdr a {
	color:#FFFFFF; font-weight:bold;
	text-decoration:underline;
}
div.sitemapShdr a:link, div.sitemapShdr a:visited {
	color:#FFFFFF; text-decoration:underline;
}
div.sitemapShdr a:hover {
	text-decoration:none;
}
div.sitemapLink {
	width:292px;
	background:url(/pc/common/image/sitemap_bottom.gif) no-repeat left bottom;
}
div.sitemapLink ul {
	padding:10px 0 10px 17px; margin:0;
}
div.sitemapLink ul li{
	padding:0 0 4px 18px; margin:0;
	background:url(/pc/image/arrow.jpg) no-repeat 0px 3px;
}

div.sitemapShdr02 {
	background:url(/pc/common/image/sitemap_hdrbg02.gif) no-repeat left top;
	height:39px; margin:15px 0 0 0;
}
div.sitemapShdr02 ul {
	padding:12px 0 0 17px;
}
div.sitemapShdr02 a {
	color:#FFFFFF; font-weight:bold;
}
div.sitemapShdr02 a:link, div.sitemapShdr02 a:visited {
	color:#FFFFFF; text-decoration:underline;
}
div.sitemapShdr02 a:hover {
	color:#FFFFFF; text-decoration:none;
}

