@charset "utf-8";

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

	ArtMeter / Blog styles
	author   : (C)KAYAC http://www.kayac.com/

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

@import url("/css/common.css");
/* CONTENTS HEAD
---------------------------------------------- */




/* SECTION
---------------------------------------------- */

div#contents div.contSection .naviLink {
	margin: 0 0 20px;
}

.blogParts {
	width: 165px;
	float: right;
	margin-left: 20px;
	text-align: center;
}

body#BLOG div.contSection h4, div.footSection h4 {
	margin-top: 15px;
}




body#BLOG div.Blogflame {
	margin: 0 0 15px;
}
body#BLOG div.Blogphoto {
	float: left;
	width: 380px;
	margin: 15px 10px 5px 20px;
}

body#BLOG div.contSectionTop table {
	clear:both;
	margin: 8px 15px;
	width: 700px;
	border: #CCC solid 1px;
}
body#BLOG div.contSectionTop table th {
	background-color: #CCC;
	text-align: left;
	font-weight: normal;	
	width: 550px;
	padding: 5px;
}
body#BLOG div.contSectionTop table td {
	float: left;
	text-align: center;
	font-size: 80%;
	width: 150px;
	padding: 5px;
}


/* MTYPE-S
---------------------------------------------- */


ol.lstTypeS li {
	width: 500px;
	margin: 0 0 0 10px;
	padding: 0 0 10px 30px;
	list-style: none;
}
ol.lstTypeS li.lst_1 {
	background: url(/img/blog/type-s/icn_types_1.gif) no-repeat 0 0;
}
ol.lstTypeS li.lst_2 {
	background: url(/img/blog/type-s/icn_types_2.gif) no-repeat 0 0;
}
ol.lstTypeS li.lst_3 {
	background: url(/img/blog/type-s/icn_types_3.gif) no-repeat 0 0;
}
ol.lstTypeS li.lst_4 {
	background: url(/img/blog/type-s/icn_types_4.gif) no-repeat 0 0;
}


div.ssTypeS {
	float: right;
	width: 390px;
	height: 339px;
	margin: 0 0 30px;
	overflow: hidden;
}
div.ssTypeS div {
	background: url(/img/blog/type-s/bg_ss_types.gif) 0 0;
}
div.ssTypeS p.ss {
	width: 390px;
	height: 307px;
	background-position: 50% 50%;
	background-repeat: no-repeat
}
div.ssTypeS p.ss img {
	display: none;
}
div.ssTypeS p#ssTypeSDefault {
	background-image: url(/img/blog/type-s/ss_default.jpg);
}
div.ssTypeS p#ssTypeSInfo {
	background-image: url(/img/blog/type-s/ss_info.jpg);
}
div.ssTypeS p#ssTypeSSearch {
	background-image: url(/img/blog/type-s/ss_search.jpg);
}
div.ssTypeS p#ssTypeSResult {
	background-image: url(/img/blog/type-s/ss_result.jpg);
}
div.ssTypeS ul {
	text-align: right;
}
div.ssTypeS ul li {
	display: inline;
	margin: 0 0 0 4px;
}
div#contBody ul.btnPlain {
	clear: both;
}

div#contBody ul.lstBlogType {
	padding: 10px;
	margin: 0 0 15px;
	border: 2px dotted #588E03;
}
div#contBody ul.lstBlogType li {
	margin: 0 0 5px 10px;
	padding: 0 0 0 15px;
	background: url(/img/common/icn_head06.gif) no-repeat 0 4px;
}


div#contBody h5.ttlBlog {
	margin: 0 0 10px;
	padding: 10px;
	background: #EEEEEE;
}
div#contBody h4.ttlBlog {
	padding: 10px;
	background: #D3E5B7;
}

div#contBody p textarea#tagSimple {
	width: 450px;
	height: 40px;
	padding: 3px;
	border: 3px solid #09460F;
	color: #09460F;
	font-size: 85%;
}

div#contBody div#boxTag {
	margin: 0 40px;
	padding: 10px;
	border: 2px dotted #588E03;
}

div#contBody div#boxTag p.naviLink {
	clear: none;
}

div#contBody div#boxTag div.blogParts {
	padding: 0 30px;
	background: #FFFFFF;
}

div#contBody div.stepBlog {
	margin: 0 0 10px;
	background: url(/img/blog/bg_step_blog.gif) no-repeat 0 100%;
}
div#contBody div.stepBlog p,
div#contBody div.stepBlog p.plain,
div#contBody div.stepBlog p.naviLink {
	margin: 0 0 15px 40px;
}
div#contBody div.stepBlog ul {
	margin: 0 0 15px 50px;
}

div#contBody div#boxTag {
    zoom:1;/*for IE 5.5-7*/
}
div#contBody div#boxTag:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html div#contBody div#boxTag {
	display:inline-table;
	/*\*/display:block;/**/
}