@charset 'utf-8';

/* -----------------------------------------------------------
CSS Information

File name:      mod_blogparts.css
Update:         2010/04/13
Style Info:     ニコットブログパーツ

----------------------------------------------------------- */


/* siteTitleArea
---------------------------------------------------------------------- */
body#blogparts #siteTitleArea	{ display: none;}
body#blogparts #wrapper img	{ vertical-align:bottom;}

body#blogparts span.red		{ color:#ff0000; }


/*----------------------------------------------------------
	 categoryArea
------------------------------------------------------------ */
#blogparts #blogparts-subArea li.categoryArea {
	width:148px;
	padding-bottom:10px;
	border:1px solid #ddd;
}
#blogparts #blogparts-subArea li.categoryArea h3 {
	margin-bottom:10px;
	padding:5px 10px;
	background-color:#EE6F98;
	border-bottom:1px solid #ddd;
	color:#fff;
	font-size:12px;
}
#blogparts #blogparts-subArea li.categoryArea ul li {
	margin:0 5px;
	padding:0 0 2px 8px;
	background:url(../images/common/ico_list_info.gif) no-repeat 2px 7px;
}
#blogparts #blogparts-subArea li.categoryArea ul li a {}
#blogparts #blogparts-subArea li.categoryArea ul li a:hover,
#blogparts #blogparts-subArea li.categoryArea ul li a.active {color:#FF3493;}


/*----------------------------------------------------------
	 mainArea
------------------------------------------------------------ */
#blogparts div.parts-mainArea {
	float:left;
	display:inline;
	height:355px;
	width:648px;
	height:350px;
	border:1px solid #d3ccc2;
	margin-bottom:15px;	
}
#blogparts div.parts-mainArea h3 {
	margin:0;
	padding:0;
}
/* ===== for pet ===== */
#blogparts #petblogparts-mainArea {
	height:390px;
	padding-bottom:24px;
}

#blogparts #Nopetblogparts-mainArea {
	height:325px;
	padding-bottom:24px;
}


/* partsList
------------------------------------------ */
/*#blogparts #blogparts-mainArea ul.partsList li {margin-top:10px;height:1%;}/*height:1% for IE*/

#blogparts div.parts-mainArea ul.partsList li p {
	margin-top:3px;	
	font-size:10px;
}
#blogparts div.parts-mainArea ul.partsList li .blogimg {
	float:left;
    display: inline;
	width:150px;
	margin:24px 0 0 28px;
}
#blogparts div.parts-mainArea ul.partsList li dl.partsBox {
	float:right;
	display: inline;
	width:423px;
	height:142px;
	margin:24px 28px 0 0;
	background-color:#f1eee9;
	border:1px solid #d3ccc2;
}
#blogparts div.parts-mainArea ul.partsList li dl.partsBox dd {
	padding:21px 0 0 10px;
}
#blogparts div.parts-mainArea ul.partsList li dl.logparts-tag {
	float:right;
	padding:20px 29px 0 0;
}
#blogparts div.parts-mainArea ul.partsList li dl.logparts-tag dd {
	display:block;
	width:424px;
	height:71px;
}

/* ===== for Pet ===== */
#blogparts #petblogparts-mainArea ul.partsList li .petselectOuter{
	float:left;
}
#blogparts #petblogparts-mainArea ul.partsList li .petlist {
	display:block;
	margin:12px 0 0 18px;
}
#blogparts #petblogparts-mainArea ul.partsList li .petlist p span{
	display:block;
	font-size:12px;
}
#blogparts #petblogparts-mainArea ul.partsList li .petselect {
	display:inline;
	margin:5px 0 0 18px;
}
#blogparts #petblogparts-mainArea ul.partsList li .petosewa {
	display:block;
	margin:5px 0 0 18px;
}
#blogparts #petblogparts-mainArea ul.partsList li .petosewa p span{
	display:block;
	font-size:12px;
}
#blogparts #petblogparts-mainArea ul.partsList li dl.partsBox {
	margin-top:10px;
}


#blogparts #Nopetblogparts-mainArea ul.partsList li .center{
	text-align:center;
	width:423px;
	margin:107px 23px 0 0;
	float:left;
}

#blogparts #Nopetblogparts-mainArea ul.partsList li .petselectOuter .btn_petlink{
	margin-top:15px;
	display:block;
}


/* textarea
--------------------------------------------- */
#blogparts div.parts-mainArea textarea {
	width:423px;
	border:1px solid #d3ccc2;
	font-size:12px;
	overflow:hidden; 
}

/* partsAttention
--------------------------------------------- */
.partsAttention {
	clear:both;
	width:624px;
	height:158px;
	padding:10px;
	border:3px solid #d3d3d3;
}
.partsAttention ul.attentionList span.line {
	font-weight:bold;
	text-decoration:underline;
}
.partsAttention ul.attentionList li {
	padding:3px 0 0 10px;
	background:url(../image/common/ico_list_info.gif) no-repeat 2px 10px;
}

/*----------------------------------------------------------
	 login時
------------------------------------------------------------ */
.blogparts-login, .blogparts-nopet{
	padding:0 0 25px 70px;
}
.blogparts-nopet{
	clear:both;
}
.blogparts-login .loginBox, .blogparts-nopet .nopetBox {
	display:block;
	width:516px;
	height:92px;
	background-color:#fcf9f0;
	border:1px solid #d3ccc2;
	text-align:center;
}
.blogparts-login .loginBox p img, .blogparts-nopet .nopetBox p img{
	padding:15px 0 12px 0px;
}

/*----------------------------------------------------------
	 clearfix
------------------------------------------------------------ */
#blogparts .blogparts-outer:after,
#blogparts #blogparts-mainArea li dl dd:after,
#blogparts #blogparts-mainArea li dl dd div.goods-outer:after,
#blogparts #blogparts-mainArea li dl dd dl:after,
#blogparts #petblogparts-mainArea li dl dd:after,
#blogparts #petblogparts-mainArea li dl dd div.goods-outer:after,
#blogparts #petblogparts-mainArea li dl dd dl:after {
	content : '';
	display : block;
	clear	: both;
}
#blogparts .blogparts-outer,
#blogparts #blogparts-mainArea li dl dd,
#blogparts #blogparts-mainArea li dl dd div.goods-outer,
#blogparts #blogparts-mainArea li dl dd dl,
#blogparts #petblogparts-mainArea li dl dd,
#blogparts #petblogparts-mainArea li dl dd div.goods-outer,
#blogparts #petblogparts-mainArea li dl dd dl {
	zoom:1;
}