@charset "utf-8";
/* CSS Document */

/* ブロックタイトル
--------------------------------------------------*/
.titleArea {
	height: 30px;
	background-image: url(../../img/items/ppp03/index/toppageH2Bg.jpg);
	background-repeat: no-repeat;
}
.titleArea H2 { height: 30px; float: left; }
.titleArea H2 img { position: relative; top: 10px; left: 10px; }
.titleArea p.titleTips {
	float: right;
	padding: 9px 10px 0 0;
	color: #663333;
	font-size: 13px;
}

/* #panel メインメニューパネル
--------------------------------------------------*/
#panel { margin-bottom: 25px; font-size: 0;}
#panel li {
	display: inline;
	padding: 0;
	margin: 0;
}
#panel li img { margin: 0 3px 3px 0;}
/* #recommendContents　おすすめブロック
--------------------------------------------------*/
#recommendContents { margin-bottom: 30px;}
#mainCol #recommendContents h2{ margin: 0;}

/* #bunners
--------------------------------------------------*/
#banners { margin-bottom: 30px;}

/* おすすめブロックコンテンツ
----------------------------------------*/
#recommendContents div.recomendBlock {
	padding: 10px;
	background-image: url(../../img/items/ppp03/index/contentsBody.gif);
	background-position: bottom;
}
#recommendContents h3 { margin-bottom: 10px;}
#recommendContents div.recomendBlock ul{ padding-bottom: 20px; text-align: center;}
#recommendContents div.recomendBlock ul li { display: inline; margin: 0 6px 0 0;}
#recommendContents .prBlock { padding: 0;}
#recommendContents .prBlock .prText { float: right;}
#recommendContents .prBlock .prText h4 { margin-bottom: 8px; color: #FB5959; font-size: 16px; font-weight: bold;}
#recommendContents .prBlock .prText p.contents { margin-bottom: 16px;}
#recommendContents .prBlock .prText p.footnote{ padding-right: 1em; text-align: right;}
#recommendContents .prImage {
	float: left;
	padding: 0 10px;
	background-image: url(../../img/items/ppp03/index/lengthLine.gif);
	background-repeat: repeat-y;
	background-position: right;
}
#recommendContents .prImage img { border: 1px solid #CECFCE;}
/* #templateRanking　テンプレートランキング
--------------------------------------------------*/
#mainCol #templateRanking h2 { height: 30px; margin: 0;}
#mainCol #templateRanking p.templateName {
	padding: 0;
	font-weight: bold;
	font-size: 14px;
}
#mainCol #templateRanking p.templateName a { color: #3A75AF; }
#mainCol #templateRanking p.templateName a:hover { color: #F68B1F; }
#mainCol #templateRanking p.breakdown {
	padding: 0;
	font-size: 12px;
}
#templateRanking .rankingContents{
	padding: 16px 10px 10px 10px;
	background-image: url(../../img/items/ppp03/index/contentsBody.gif);
	background-position: bottom;
}
#templateRanking　p.breakdown {	font-size: 12px;}
/* #rankingBest5　ランキングベスト５
----------------------------------------*/
#templateRanking { margin-bottom: 25px;}
#templateRanking #rankingBest5 {
	width: 375px;
	float: right;
}
#templateRanking #rankingBest5 h3 {
	margin: 0;
	padding: 0;
}
#templateRanking #rankingBest5 ul {
	margin: 0;
	padding: 0 10px 10px;
	background-image:url(../../img/items/ppp03/index/rankingBest5BodyBg.jpg);
	background-position: bottom;
}
#templateRanking #rankingBest5 ul li {
	padding: 10px 0 5px 80px;
	margin: 0 5px;
	border-bottom: 1px dashed #cccccc;
	background-position: 11px;
	background-repeat: no-repeat;
}
#templateRanking #rankingBest5 ul li.rank1 {
	background-image: url(../../img/items/ppp03/index/crown1.gif);
	background-position: 5px;
}
#templateRanking #rankingBest5 ul li.rank2 { background-image: url(../../img/items/ppp03/index/crown2.gif);}
#templateRanking #rankingBest5 ul li.rank3 { background-image: url(../../img/items/ppp03/index/crown3.gif);}
#templateRanking #rankingBest5 ul li.rank4 { background-image: url(../../img/items/ppp03/index/crown4.gif);}
#templateRanking #rankingBest5 ul li.rank5 { background-image: url(../../img/items/ppp03/index/crown5.gif);}
/* #nextTepmlate　ランキング１位
----------------------------------------*/
#templateRanking .ppTemprateRank1 {
	float: left;
	width: 260px;
	text-align: center;
}
#templateRanking .ppTemprateRank1 .templateImage img {
	padding: 5px;
	border: 1px solid #cccccc;	
}
#templateRanking .ppTemprateRank1 p.title { margin-bottom: 10px;}

/* #galleryAndReview ギャラリー＆レビュー
--------------------------------------------------*/
#mainCol #galleryAndReview {
	margin-bottom: 25px;
	background-image: url(../../img/items/ppp03/index/contentsBody.gif);
	background-position: bottom;
}
#mainCol #galleryAndReview h2 { margin: 0;}
#galleryAndReview div.contentsArea {
	padding: 10px;
}
#templateRanking　p.breakdown {	font-size: 12px;}
/* #galleryArea ギャラリー 
----------------------------------------*/
#galleryAndReview #galleryArea {
	float: left;
	width: 220px;
}
#galleryAndReview #galleryArea h3 { text-align: center; margin-bottom: 10px;}
#galleryBlock {
	margin-bottom: 10px;
	padding: 10px;
	background-image: url(../../img/common/background/galleryBg.gif);
	background-repeat: no-repeat;
}
#galleryBlock {
	width: 200px;
	height: 281px;
}
#galleryNavigation { margin-bottom: 20px;}
#galleryNavigation td.babyName {
	width: 156px;
	height: 40px;
	background-image: url(../../img/items/ppp03/index/galleryNavigationBg.jpg);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
}
/* #reviewArea お客様の声 
----------------------------------------*/
#galleryAndReview #reviewArea {
	float: right;
	width: 410px;
}
#galleryAndReview #reviewArea h3 { text-align: center; margin-bottom: 10px;}
#reviewBlock {
	height: 300px;
	margin-bottom: 10px;
}
#reviewLoading { margin-bottom: 10px;}
#reviewHeader {
	height: 55px;
	background-image: url(../../img/items/ppp03/index/reviewsBgTop.gif);
	background-repeat: no-repeat;
}
#reviewHeader #reviewRate {
	margin: 0;
	padding: 8px 8px 0 8px;
}
#reviewHeader #reviewRate span { padding-left: 8px; }
#reviewHeader #reviewInfo {
	margin: 0;
	padding: 0 8px 0 8px;
}
#reviewContents {
	width: 410px;
	height: 230px;
	background-image: url(../../img/items/ppp03/index/reviewsBgMiddle.gif);
	background-repeat: repeat-y;
	overflow: auto;
}
#reviewContents h4 {
	margin: 5px 1em 0 1em;
	color: #70A824;
	font-size: 16px;
	font-weight: bold;
}
#reviewContents p {
	margin: 3px 1em 0 1em;
	background-image: url(../../img/items/ppp03/index/reviewsTextLine.gif);
	background-repeat: repeat;
	font-size: 14px;
	line-height: 26px;
}
#reviewFooter { height: 15px;}
#reviewInfo p.nickname { float: left;}
#reviewInfo p.posted { float: right;}
#reviewNavigation { margin-bottom: 20px;}
#reviewNavigation td.title {
	width: 90%;
	padding: 0 1em;
	background-image: url(../../img/items/ppp03/index/reviewNavigationBg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	vertical-align: middle;
}
/* #newsArea 新着情報
----------------------------------------*/
#news { border: 0; margin-bottom: 0; padding: 0;}
#news h2 { margin: 0; padding: 0;}
#news h4 {
	margin-bottom: 0.4em;
	padding: 3px 0 3px 7px;
	border-left: 3px solid #FF6600;
	font-weight: bold;
	vertical-align: middle;
}
#news div.contentsArea {
	padding: 15px 10px 5px;
	background-image: url(../../img/items/ppp03/index/newsListContentsMiddle.gif);
	background-repeat: repeat-y;
}
#news div.footerArea {
	height: 12px;
	margin: 0;
	padding: 0;
	background-image: url(../../img/items/ppp03/index/newsListContentsBottom.gif);
	background-repeat: no-repeat;
	font-size: 0;
}
#news ul {}
#news #loadingArea {
	display: none;
	margin: 15px 0 10px 0;
	text-align: center;
}
#news div.contentsArea h3 {
	margin-bottom: 10px;
	padding-left: 20px;
	border-bottom: 1px solid #999;
	background-image: url(../../img/common/background/cartH3.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	font-size: 16px;
	font-weight: bold;
}
div#news #newsContents { border: 0; margin: 15px 0 10px;}
div#news #newsContents .headerArea {
	height: 10px;
	margin: 0;
	padding: 0;
	background-image: url(../../img/items/ppp03/index/newsListBgTop.jpg);
	background-repeat: no-repeat;
	line-height: 0;
	font-size: 0;
}
div#news #newsContents p {
	margin-bottom: 0.6em;
}
div#news #newsContents .contentsArea {
	padding: 0 15px 0;
	margin: 0;
	background-image: url(../../img/items/ppp03/index/newsListBgMiddle.jpg);
	background-repeat: repeat-y;
}
div#news #newsContents .footerArea {
	height: 10px;
	background-image: url(../../img/items/ppp03/index/newsListBgBottom.jpg);
	background-repeat: no-repeat;
}
#news #linkNewsMore { padding-top: 2px; font-size: 12px; text-align: right;}
#news #linkNewsMore a { color: #3A75AF; }
#news #linkNewsMore a:hover { color: #F68B1F; }