@charset "EUC-JP";

/* --------------------------------------------------------
  blogdesign common css
-------------------------------------------------------- */








#main img.new {
	vertical-align: middle;
}










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

   =01 main

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

/* =1 design header
-------------------------------------------------------- */
div.blogDesignHeader {
	position: relative;
	width: 960px;
	height: 230px;
	margin-bottom: 10px;
}

div.blogDesignHeader h1,
div.blogDesignHeader p {
	text-indent: -99999px;
}

div.blogDesignHeader p.create {
	text-indent: 0;
}


/* =2 box
-------------------------------------------------------- */
div.mainBox .mainTitle {
	background-image: url(/img/portal/skin/wood/main_top_green.gif)!important;
}





/* =3 design - common
-------------------------------------------------------- */
div.blogDesign .designTitle {
	display: inline;
}

	div.blogDesign .designTitle a {
		padding: 2px 20px 2px 0;
		background: url(/img/portal/icon/icon_enlarge.gif) no-repeat right center;
		font-weight: normal;
	}
	* html div.blogDesign .designTitle a {
		zoom: 1;
	}
	*:first-child+html div.blogDesign .designTitle a {
		zoom: 1;
	}




div.blogDesign .thumbnail img {
	padding: 3px;
	border: solid 1px #7cb559;
}




/* =4 design - pick up
-------------------------------------------------------- */
div.pickupWrapper {
	padding-bottom: 15px;
	overflow: hidden;
}

* html div.pickupWrapper {
	zoom: 1;
}

	div.pickupWrapper .pickup {
		float: left;
		width: 298px;
		margin-right: 7px;
	}

		div.pickup .designTitle {
			font-size: 105%;
		}

		div.pickupWrapper p.thumbnail {
			text-align: center;
		}

		div.pickupWrapper p.thumbnail img {
width: 270px;
height: 170px;
		}

div.pickup form {
	display: inline;
	position: relative;
	top: 5px;
}


	.pickup dl.illustration {
		margin-top: 10px;
		border-top: solid 1px #8ed037;
	}

		.pickup dl.illustration dd {
			font-weight: bold;
		}

			.pickup dl.illustration dd span {
				margin-left: 3px;
				font-weight: normal;
			}

	.pickup dl {
		clear: left;
		padding: 7px 0;
		border-bottom: dotted 1px #6be387;
	}

		.pickup dl dt {
			float: left;
			width: 55px;
			padding-right: 5px;
			padding-left: 1px;
		}

		.pickup dl dd {
			margin-left: 61px;
			padding-right: 10px;
		}


	.pickup h4.profile {
		padding: 5px 0;
		font-weight: normal;
	}

	.pickup table.career {
		table-layout: fixed;
	}

		.pickup table.career th {
			width: 50px;
			padding: 3px 0;
			font-weight: normal;
			vertical-align: top;
		}

		.pickup table.career td {
			padding: 3px 10px 3px 0;
			vertical-align: top;
		}

	.pickup p.outline {
		padding-right: 5px;
		line-height: 1.4;
	}







/* =5 design - archive
-------------------------------------------------------- */
div.archiveWrapper {
	position: relative;
	left: 6px;
width: 626px;
	margin-left: -6px;
}

* html div.archive {
	display: inline;
	zoom: 1;
}
*:first-child+html div.archive {
	display: inline;
	zoom: 1;
}


div.archive {
	display: inline-block;
	width: 147px;
	margin-right: 4px;
	margin-bottom: 8px;
	vertical-align: top;
	line-height: 1.5;
}
* html div.archive {
	margin-right: 7px;
}
*:first-child+html div.archive {
	margin-right: 8px;
}
	div.archive .designTitle {
		vertical-align: top;
	}

	div.archive .thumbnail img {
		margin-bottom: 5px;
	}


		.designTitle img.new {
			margin-right: 5px;
		}

div.archive form {
	display: inline;
}




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

   =02 sub

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







/* =1 guide
-------------------------------------------------------- */

div.subcontentBox #monitor ul.guide li {
	line-height: 47px;
	padding-left: 55px;
}
div.subcontentBox #monitor ul.guide li.first {
	background: url(/img/portal/guide/icon01s.gif) no-repeat left center;
}
div.subcontentBox #monitor ul.guide li.plan {
	background: url(/img/portal/guide/icon02s.gif) no-repeat left center;
}
div.subcontentBox #monitor ul.guide li.mobile {
	background: url(/img/portal/guide/icon03s.gif) no-repeat left center;
}
div.subcontentBox #monitor ul.guide li.business {
	background: url(/img/portal/guide/icon04s.gif) no-repeat left center;
}
div.subcontentBox #monitor ul.guide li.welcome {
	background: url(/img/portal/guide/icon05s.gif) no-repeat left center;
}






























/* g s l */

div.blogDesignHeader {
	background: url(/img/portal/blogdesign/green/mainimage.gif) no-repeat;
}

div.blogDesignHeader p.create {
	position: absolute;
	right: 19px;
	bottom: 23px;
	width: 223px;
	height: 65px;
}

div.blogDesignHeader p.create a {
	display: block;
	width: 223px;
	height: 65px;
	background: url(/img/portal/blogdesign/green/btn_create_blog.gif);
	text-indent: -99999px;
	overflow: hidden;
}


div#designDescription p.gslSeal {
	float: left;
	width: 60px;
}


div#designDescription p.about {
	margin: 0 0 0 70px;
	line-height: 1.4
}

div#designDescription p.more {
	clear: both;
}