@charset "UTF-8"; /* PublishCharset into mt-config.cgi */

/* CSS Document */


/*
	MT
-----------------------------------*/

#MT {
	margin: 0 auto;
	background: #fad000 url(blog/common_files/back_head.gif) 408px 7px no-repeat;
	color: #333;
	font-size: 12px;
}

* html body #MT {
	font-size: 75%;
}

*+html body #MT {
	font-size: 75%;
}

#MT p, #MT td, #MT th, #MT li, #MT dt, #MT dd,
#MT pre, #MT select, #MT textarea, #MT input {
	font-size: 100%;
}

#MT h1, #MT h2, #MT h3, #MT h4, #MT h5 {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-weight: bold;
}


/*
	head
-----------------------------------*/

#MT #head {
	margin: 0 auto;
	padding: 37px 0 44px 18px ;
	background: url(blog/common_files/back_mt_top.gif) left top no-repeat;
}


/*
	layout
-----------------------------------*/

#MT #wrapper {
	width: 720px;
	margin: 0 auto 10px auto;
	padding: 0 0 15px 0;
	background: url(blog/common_files/back_mt_btm.gif) left bottom no-repeat;
	overflow: hidden;
}
#MT #wrapper:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html #MT #wrapper {
	height: 1em;
	overflow: visible;
}
/**/

#MT #wrapper #gmenu {
	float: left;
	display: inline;
	width: 160px;
	margin: 0 10px;
}

#MT #wrapper #maincontent {
	float: left;
	display: inline;
	width: 390px;
}

#MT #wrapper #top_infomation {
	float: right;
	display: inline;
	width: 130px;
	margin: 0 10px 0 0;
}

#MT #wrapper #inner {
	float: left;
	display: inline;
	width: 520px;
}


/*
	global menu
-----------------------------------*/

#MT #wrapper #gmenu li {
	list-style: none;
	display: block;
	position: relative;
}
#MT #wrapper #gmenu li img {
	vertical-align: top;
}


/*
	side menu
-----------------------------------*/

#MT #wrapper #top_infomation ul {
	list-style: none;
	width: 130px;
	padding: 10px 0;
	background-color: #fce167;
	filter: alpha(opacity=80);
}
html>body #MT #wrapper #top_infomation ul {
	background: url(blog/common_files/back_sidenavi_right.png) left top repeat;
}

#MT #wrapper #top_infomation li {
	position: relative;
	margin: 0 8px 10px 8px;
	list-style: none;
	line-height: 1.3;
}

#MT #wrapper #top_infomation li a {
	color: #00AC34;
}

#MT #wrapper #top_infomation .feature {
	text-align: center;
        margin-top:5px;
}


/*
	record (main content & inner)
-----------------------------------*/

#MT #wrapper .record {
	clear: none;
	padding: 0 15px 17px 15px;
	background: url(blog/common_files/bdr_dot_long.gif) left bottom no-repeat;
	overflow: hidden;
}
#MT #wrapper .record:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html #MT #wrapper .record {
	height: 1em;
	overflow: visible;
}
/**/

#MT #wrapper .record .more {
	margin: 15px 0 0 0;
}

#MT #wrapper .record .entrytitle {
	padding: 20px 0 20px 0;
	color: #333;
	font-size: 117%;
	line-height: 1.3;
}

#MT #wrapper .record .entrytitle a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
}

#MT #wrapper .record .posttitle {
	padding: 5px 0 20px 0;
}

#MT #wrapper .record .text {
	margin-bottom: 1em;
	color: #555;
	line-height: 1.6;
}

/* text format */
#MT #wrapper .record .text a {
	color: #4DA7B2;
}

#MT #wrapper .record .text p {
	margin-bottom: 20px;
	line-height: 1.6;
}

#MT #wrapper .record .text li {
	line-height: 1.6;
}

#MT #wrapper .record .text .pic_right {
	float: right;
	display: inline;
	margin: 0 0 10px 15px;
}

#MT #wrapper .record .text .pic_left {
	float: left;
	display: inline;
	margin: 0 15px 10px 0;
}

#MT #wrapper .record .text .ebook_btn {
	clear: both;
}

#MT #wrapper .record .text .ebook_btn a {
	display: block;
	overflow: hidden;
	width: 146px;
	height: 59px;
	margin-top: 10px;
	margin-left: 23px;
	background: url(blog/common_files/btn_read.gif) left top no-repeat;
	text-indent: -10000px;
}

#MT #wrapper .record .text .buy_btn {
	clear: both;
	position: relative;
	top: -5px;
	margin-bottom: 10px;
	text-align: center;
}

#MT #wrapper .record .text .pics_1,
#MT #wrapper .record .text .pics_2,
#MT #wrapper .record .text .pics_3 {

	clear: both;

	text-align: center;

	margin-bottom: 10px;

}



#MT #wrapper .record .text .pics_1 img,

#MT #wrapper .record .text .pics_2 img,

#MT #wrapper .record .text .pics_3 img {

	vertical-align: top;

}



#MT #wrapper .record .text .pics_2 {

	margin-left: -10px;

	margin-right: -10px;

	font-size: 0px;

}



#MT #wrapper .record .text .pics_3 {

	margin-left: -10px;

	margin-right: -10px;

	overflow: hidden;

}

#MT #wrapper .record .text .pics_3:after {

	content: "";

	display: block;

	clear: both;

	height: 1px;

	overflow: hidden;

}

/*\*/

* html #MT #wrapper .record .text .pics_3 {

	height: 1em;

	overflow: visible;

}

/**/



#MT #wrapper .record .text .pics_1 p {

	display: inline;

	margin: 0;

}



#MT #wrapper .record .text .pics_2 p {

	display: inline;

	margin: 0 10px 0 10px;

}



#MT #wrapper .record .text .pics_3 p {

	float: left;

	display: inline;

	margin: 0 10px 0 10px;

}



#MT #wrapper .record .text .author {

	border-top: 1px dotted #999;

	padding: 10px 0 0 0; 

	overflow: hidden;

}

#MT #wrapper .record .text .author:after {

	content: "";

	display: block;

	clear: both;

	height: 1px;

	overflow: hidden;

}

/*\*/

* html #MT #wrapper .record .text .author {

	height: 1em;

	overflow: visible;

}

/**/



#MT #wrapper .record .text .author h3 {

	margin-bottom: 5px;

	font-size: 117%;

	line-height: 1.1;

}



#MT #wrapper .record .text .author p {

	margin-bottom: 10px;

}



#MT #wrapper .record .text .author .pic_left {
	margin-right: 10px;

}



#MT #wrapper .record .text .author .pic_right {
	margin-left: 10px;

}



#MT #wrapper .record .text .backlink {

	border-top: 1px dotted #999;

	padding-top: 20px;

	text-align: center;

}





/*

	main content

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



#MT #wrapper #maincontent {

	padding-top: 15px;

	background: #FFF url(blog/common_files/back_main_top.gif) left top no-repeat;

}



#MT #wrapper #maincontent .contentsArea {

	padding-bottom: 0;

	background: #FFF url(blog/common_files/back_main_btm.gif) left bottom no-repeat;

}



#MT #wrapper #maincontent .title,

#MT #wrapper #inner .categorytitle {

	margin: 0 15px;

	padding-left: 16px;

	background: #FFF url(blog/common_files/back_title.gif) 1px 3px no-repeat;

	color: #F25E39;

	font-size: 134%;

	line-height: 1.1;

}



* html body #MT #wrapper #maincontent .title,

* html body #MT #wrapper #inner .categorytitle {

	background: #FFF url(blog/common_files/back_title.gif) 1px 2px no-repeat;

}



*+html body #MT #wrapper #maincontent .title,

*+html body #MT #wrapper #inner .categorytitle {

	background: #FFF url(blog/common_files/back_title.gif) 1px 2px no-repeat;

}



#MT #wrapper #maincontent .record {

	background: url(blog/common_files/bdr_dot.gif) left bottom no-repeat;

}



#MT #wrapper #maincontent .noborder {

	position: relative;

	top: -9px;

	z-index: 1000;

	height: 9px;

	background: #FFF;

}





/*

	inner

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



#MT #wrapper #inner {

	padding-top: 15px;

	background: #FFF url(blog/common_files/back_main_top_long.gif) left top no-repeat;

}



#MT #wrapper #inner .contentsArea {

	padding-bottom: 5px;

	background: #FFF url(blog/common_files/back_main_btm_long.gif) left bottom no-repeat;

}



#MT #wrapper #inner .backtotop {

	margin: 15px 0 15px 0;

	text-align: center;

}



#MT #wrapper #inner .backtotop a {

	color: #4DA7B2;

}









/*

	before format

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



.float_clear {

	clear: both;

	height : 0;

	visibility : hidden;

	font-size : 1px;

	line-height : 0;

}



.note { 

	margin-left: 20px;

	text-indent: -1.5em;

	padding: 0 0 5px 0;

}



.img_icon {

	vertical-align: -3px;

}



.space5 {

	margin: 5px 0 0 0;

}



.space10 {

	margin: 10px 0 0 0;

}



.space15 {

	margin: 15px 0 0 0;

}



.img_border {

	border-top: 1px solid #DDDDDD;

	border-left: 1px solid #DDDDDD;

	border-right: 2px solid #BBBBBB;

	border-bottom: 2px solid #BBBBBB;

}



.size10 {

	font-size: 10px;

}



.color_red {

	color: #C00;

}



#MT #wrapper .record .pic {

	padding: 0 0 10px 10px;

	float: right;

	position: relative;

	background: #FFF;

}



#MT #wrapper .record .box {

	padding: 5px 0 5px 0;

	border-bottom: 1px dotted #999;

}



#MT #wrapper #inner .foot {

	padding: 5px 0 15px 0;

	margin: 5px 0 10px 0;

	border-top: 2px solid #CCC;

	clear: both;

}



#MT #wrapper #inner .list {

	margin: 0 0 10px 0;

	font-size: 90%;

}



#MT #wrapper #inner strong {

	font-weight: bold;

}



#MT #wrapper #inner .line {

	padding: 5px 0 5px 0;

	border-top: 1px dotted #999999;

	clear: both;

}



#MT #wrapper #inner .pics {

	margin: 5px -10px 5px -10px;

	clear: both;

}



#MT #wrapper #inner .pic img {

	border-top: 1px solid #DDDDDD;

	border-left: 1px solid #DDDDDD;

	border-right: 2px solid #BBBBBB;

	border-bottom: 2px solid #BBBBBB;

}



#MT #wrapper .ebook {

	padding: 3px;

	text-align: center;

}



#MT #wrapper .picture {

	width: 200px;

	float: right;

	padding: 0;

	margin: 0 0 10px 10px;

}





/*

	add '08 01/07

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



#MT #wrapper #inner .text small {

	font-size:small;

}



#MT #wrapper #inner .text big {

	font-size:large;

}



#MT #wrapper #inner .text em {

	font-style:italic;

}



#MT #wrapper #inner .text u {

	text-decoration:underline;

}



#MT #wrapper #inner .text strike {

	text-decoration:line-through;

}



#MT #wrapper #inner .text blockquote {

	margin:7px;

	padding:5px;

	background:#EEEEEE;

	color:#555555;

}



#MT #wrapper #inner .text ul {

	margin:10px 0 10px 25px;

	padding:0;

	list-style:disc;

}



#MT #wrapper #inner .text ol {

	margin:10px 0 10px 25px;

	padding:0;

	list-style:decimal;

}



#MT #wrapper #inner .text li {

	padding:0 0 5px 0;

}



#MT #wrapper #inner .text span.note_red {

	color:#FF0000;

}



#MT #wrapper #inner .text span.note_blue {

	color:#0000FF;

}



#MT #wrapper #inner .text span.note_brown {

	color:#990000;

}



#MT #wrapper #inner .text span.note_green {

	color:#009900;

}





/*

	add '08 06/06 text format

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



#MT #wrapper #inner .text strong {

	font-weight: bold;

}



#MT #wrapper #inner .text .mostStrong {

	font-weight: bold;

	font-size: 117%;

}



#MT #wrapper #inner .text .notice {

	margin-top: 5px;

	color: #F00;

	font-size: 84%;

}