@charset 'UTF-8';
@import "http://web-trickster.com/page.css";
@import "http://web-trickster.com/blog.css";

*{margin:0;padding:0;list-style:none;zoom:1;}
html {
	font-size:13px;
	color:#333333;
	overflow-y:scroll;
}
body{
	background:url(http://web-trickster.com/img/bg.gif) repeat-x;
	margin:0px auto;
	text-align:center;
}
a{
	color:#008347;
}
a:hover{
	color:#119458;
}

.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
#wrap{
	background:url(http://web-trickster.com/img/head.jpg) no-repeat;
	margin:0px auto;
	width:960px;
}
#head{
	width:100%;
	height135px;
}
#body{
	width:100%;
	background:url(http://web-trickster.com/img/body_bg.gif) repeat-y left top;
}
#body_foot{
	width:100%;
	padding:0 0 6px;
	background:url(http://web-trickster.com/img/body_foot.gif) no-repeat left bottom;
}
#contents{
	float:left;
	width:740px;
	text-align:center;
	margin-top:12px;
	overflow:hidden;
}
#menu{
	float:right;
	width:220px;
	margin:0 0 5px 0;
	overflow:hidden;
	text-align:left;
	background:url(http://web-trickster.com/img/menu_head.gif) no-repeat right top;
}
#foot{
	width:100%;
	height:30px;
	background:url(http://web-trickster.com/img/foot.jpg);
	clear:both;
}


#head div#webhead a{
	display:block;
	width:100%;
	height:100px;
}
#head div a span{
	display:none;
}
#head h1 a{
	display:block;
	width:100%;
	height:100px;
}
#head h1 span,.description{
	display:none;
}
#headmenu{
	margin-top:5px;
	width:100%;
	text-align:left;
}
	#headmenu li{
		float:left;
	}
	#headmenu li.rss{
		float:right;
	}

		#headmenu li.top{width:148px;height:30px;background:url(http://web-trickster.com/img/hmenu_top.gif) no-repeat;}
		#headmenu li.top a{width:148px;height:30px;display:block;background-position:center;}

		#headmenu li.guide{width:148px;height:30px;background:url(http://web-trickster.com/img/hmenu_guide.gif) no-repeat;}
		#headmenu li.guide a{width:148px;height:30px;display:block;background-position:center;}

		#headmenu li.usage{width:148px;height:30px;background:url(http://web-trickster.com/img/hmenu_usage.gif) no-repeat;}
		#headmenu li.usage a{width:148px;height:30px;display:block;background-position:center;}

		#headmenu li.post{width:148px;height:30px;background:url(http://web-trickster.com/img/hmenu_post.gif) no-repeat;}
		#headmenu li.post a{width:148px;height:30px;display:block;background-position:center;}

		#headmenu li.sitemap{width:148px;height:30px;background:url(http://web-trickster.com/img/hmenu_sitemap.gif) no-repeat;}
		#headmenu li.sitemap a{width:148px;height:30px;display:block;background-position:center;}

		#headmenu li.rss{width:210px;height:30px;background:url(http://web-trickster.com/img/hmenu_rss.jpg) no-repeat;}
		#headmenu li.rss a{width:210px;height:30px;display:block;background-position:center;}

			#headmenu li a span{
				display:none;
			}

#subcontents .special{
	margin:8px 0px 0 0;
	width:740px;
	height:135px;
	font-size:0px;
	line-height:0px;
}
	#subcontents .special li{
		float:left;
	}
	#subcontents .special li.homepage{
		width:240px;
		text-align:left;
	}
	#subcontents .special li.server{
		width:260px;
		text-align:center;
	}
	#subcontents .special li.seo{
		width:240px;
		text-align:right;
	}
		#subcontents .special li a{
			display:block;
			height:135px;
			width:240px;
			margin:0px auto;
		}
		#subcontents .special li.homepage a{background:url(http://web-trickster.com/img/special_homepage.gif);}
		#subcontents .special li.server a{background:url(http://web-trickster.com/img/special_server.gif);}
		#subcontents .special li.seo a{background:url(http://web-trickster.com/img/special_seo.gif);}
			#subcontents .special li a span{
				display:none;
			}
			
#subcontents .top_gizmo_banner{
	margin:8px 0px 15px 0;
	width:740px;
	font-size:0px;
	line-height:0px;
}
	#subcontents .top_gizmo_banner a{
		display:block;
		width:740px;
		height:178px;
		background:url(http://web-trickster.com/img/top_gizmo_banner.jpg) no-repeat left bottom;
	}
		#subcontents .top_gizmo_banner a span{
			display:none;
		}		


#contents div.article{
	line-height:23px;
	background:url(http://web-trickster.com/img/article_body.gif) repeat-y;
}
	#contents .contents_title {
		width:740px;
		height:40px;
		clear:both;
		margin:13px 0 0 0;
		font-weight:bolder;
		background:url(http://web-trickster.com/img/bar_bg.gif) no-repeat left top;
		text-align:left;
		overflow:hidden;
	}
		.title_bg_left {
			height:30px;
			margin:2px 0 0 51px;
			padding:0 0 0 10px;
			font-style:normal;
			overflow:hidden;
			background:url(http://web-trickster.com/img/bar_title_bg_l.gif) no-repeat left top;
		}
			.contents_title li{
				height:30px;
				float:left;
			}
				.title_bg {
					padding:9px 0 9px 0;
					font-size:14px;
					float:left;
					font-weight:bolder;
					background:url(http://web-trickster.com/img/bar_title_bg.gif) repeat-x left top;
				}
					.title_bg a:link,
					.title_bg a:visited,
					.title_bg a:focus,
					.title_bg a:hover,
					.title_bg a:active { color: #000000;font-weight:bolder;text-decoration: none; }
				.title_bg_right {
					margin:0;
					padding:0 10px 0 0;
					font-style:normal;
					background:url(http://web-trickster.com/img/bar_title_bg_r.gif) no-repeat right top;
				}
					.title_bg_right span {
						display:none;
					}
	#contents div.article div.foot{
		background:url(http://web-trickster.com/img/article_foot.gif) no-repeat left bottom;
		padding:10px 10px 10px;
		overflow:hidden;
	}
	#contents div.article div.body{
		width:720px;
		text-align:left;
	}
	#contents div.article ul.list li{
		height:20px;
		border-bottom:1px dotted #333333;
		margin-bottom:1px;
		padding:0 0 1px 20px;
		font-size:13px;
		text-align:left;
		background:url(http://web-trickster.com/img/icon_free.gif) no-repeat left center ;
	}
		#contents div.article ul.list li a{
			text-decoration: none;
		}
	#contents div.article div.categories a{
		color:#008347;
	}
	#contents div.article div.categories a:hover{
		color:#119458;
	}


#breadcrumb {
	clear:both;
}
#breadcrumb:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
	#breadcrumb li {
		padding:0 0 0 10px;
		float:left;
	}
	
	

#contents .contents_hp_recommendation {
	width:740px;
	height:199px;
	margin:9px 0 2px 0;
	padding:0;
	overflow:hidden;
	clear:both;
}
	#contents .contents_hp_recommendation h2 {
		width:740px;
		height:30px;
		margin:0 0 5px;
		background:url(http://web-trickster.com/img/recommendation_gizmo_title.gif) no-repeat left top;
	}
		#contents .contents_hp_recommendation h2 span {display:none;}
	

#contents div.article ul.seo_news li{
	border-bottom:1px dotted #333333;
	margin-bottom:1px;
	padding-bottom:1px;
	text-align:left;
}
	#contents a em{
		color:#5A0000;
		font-style:normal;
	}

.flowchart {
	width:750px;
	overflow:hidden;
	font-size:0;
	line-height:0;
}
	li.flowchart {
		clear:both;
		overflow:hidden;
	}
		.order_menu {
			width:370px;
			margin:7px 5px 0 0;
			float:left;
			text-align:left;
			overflow:hidden;
			line-height:normal;
		}
			.order_menu li {
				margin:0;
				padding:0;
			}
			.order_menu em {
				width:286px;
				height:58px;
				display:block;
			}
				.order_menu em span {
					display:none;
				}
			.order_menu div {
				width:210px;
				height:126px;
				margin:0 10px 0 0;
				padding:0;
				float:left;
				font-size:16px;
			}
				.order_menu strong {
					display:block;
					padding:0 0 8px 0;
					color:#333333;
					font-size:16px;
					font-style:normal;
					font-weight:bolder;
				}
					.order_menu span {
						display:none;
					}
			.order_menu p {
				float:left;
				margin:0;
			}
				.order_menu a {
					width:116px;
					height:20px;
					margin:96px 0 0 0;
					display:block;
					background:url(http://web-trickster.com/img/order_link.gif) no-repeat left top;
				}
				.order_menu span {
					display:none;
				}
			
			.order_hp {width:370px;height:190px;background:url(http://web-trickster.com/img/order_hp_top.jpg) no-repeat left top;padding:0 0 0 14px;}
				.order_hp_image01 {width:115px;height:85px;}
			.order_sys {width:370px;height:190px;background:url(http://web-trickster.com/img/order_sys_top.jpg) no-repeat left top;padding:0 0 0 14px;}
				.order_sys_image01 {width:115px;height:85px;}
			.order_ser {width:740px;height:214px;background:url(http://web-trickster.com/img/order_server.jpg) no-repeat left top;}
				.order_ser_image01 {width:115px;height:85px;}
			.order_seo {width:740px;height:214px;background:url(http://web-trickster.com/img/order_seo.jpg) no-repeat left top;}
				.order_seo_image01 {width:115px;height:85px;}
		.order_server {
			width:740px;
			height:214px;
			text-align:left;
			float:left;
			margin:0;
			padding:0 0 0 14px;
			overflow:hidden;
			line-height:normal;
		}
				.order_server li {
					margin:0;
					padding:0;
				}
			.order_server em {
				width:656px;
				height:56px;
				margin:25px 0 0 84px;
				padding:0;
				display:block;
				font-size:15px;
				line-height:46px;
				font-weight:bolder;
				font-style:normal;
			}
			.order_server div {
				width:585px;
				height:126px;
				margin:0 10px 0 0;
				padding:0 0 5px 0;
				float:left;
				font-size:16px;
			}
				.order_server strong {
					display:block;
					padding:0 0 8px 0;
					color:#333333;
					font-size:16px;
					font-style:normal;
					font-weight:bolder;
				}
					.order_server span {
						display:none;
					}
			.order_server p {
				width:115px;
				float:left;
				margin:0;
				padding:0;
			}
				.order_server a {
					width:116px;
					height:20px;
					margin:96px 0 0 0;
					padding:0;
					display:block;
					background:url(http://web-trickster.com/img/order_link.gif) no-repeat left top;
				}
				.order_server span {
					display:none;
				}



#contents .contents_blog_title {
	width:740px;
	height:55px;
	clear:both;
	margin:13px 0 0 0;
	padding:0 0 0 0;
	font-weight:bolder;
	background:url(http://web-trickster.com/img/bar_bg.gif) no-repeat left top;;
	text-align:left;
	overflow:hidden;
}

	.contents_blog_title li{
		height:30px;
		float:left;
	}

#bookmark_box {
	margin:2px 0 0 0;
	float:right;
	clear:both;
	overflow:hidden;
}
	#bookmark_box li {
		float:left;
	}
		.bookmark_yahoo {
			width:132px;
			height:20px;
			margin:0 0 10px 0;
			background:url(http://web-trickster.com/img/bookmark_yahoo.gif) no-repeat left top;
		}
			.bookmark_yahoo a {
				width:132px;
				height:20px;
				display:block;
				cursor:pointer;
			}
		.bookmark_google {
			width:130px;
			height:20px;
			margin:0 0 10px 0;
			background:url(http://web-trickster.com/img/bookmark_google.gif) no-repeat left top;
		}
			.bookmark_google a {
				width:130px;
				height:20px;
				display:block;
				cursor:pointer;
			}
		.bookmark_fc2 {
			width:131px;
			height:20px;
			margin:0 0 10px 0;
			background:url(http://web-trickster.com/img/bookmark_fc2.gif) no-repeat left top;
		}
			.bookmark_fc2 a {
				width:131px;
				height:20px;
				display:block;
				cursor:pointer;
			}
		.bookmark_hatena {
			width:132px;
			height:20px;
			margin:0 3px 0 0;
			background:url(http://web-trickster.com/img/bookmark_hatena.gif) no-repeat left top;
		}
			.bookmark_hatena a {
				width:132px;
				height:20px;
				display:block;
				cursor:pointer;
			}
				#bookmark_box span {
					display:none;
				}

div.stat{
	clear:both;
	text-align:center;
	margin-top:1em;
	padding-top:5px;
	border-top:1px solid #dddddd;
}


#mainmenu_box {
	padding:0 0 7px 0;
	font-size:12px;
	background:url(http://web-trickster.com/img/menu_foot.gif) no-repeat right bottom;
}
	#mainmenu {
		width:215px;
		margin:57px 0 0 5px;
		padding:0;
		color:#ffffff;
		background:url(http://web-trickster.com/img/menu_bk.gif) repeat-y;
	}
		.mainmenu_li {
			width:100%;
			height:85px;
			margin:0;
			padding:0;
			font-size:0;
			line-height:0;
			background:url(http://web-trickster.com/img/menu_body.gif) no-repeat right bottom;
		}
				.mainmenu_li a span{
					display:none;
				}

			div.news{background:url(http://web-trickster.com/img/menu_news.gif);no-repeat;width:200px;height:75px;margin-left:10px;}
			div.news a{display:block;width:200px;height:75px;background-position:center;}

			div.server_menu{background:url(http://web-trickster.com/img/menu_server.gif);no-repeat;width:200px;height:75px;margin-left:10px;}
			div.server_menu a{display:block;width:200px;height:75px;background-position:center;}

			div.contents{background:url(http://web-trickster.com/img/menu_contents.gif);no-repeat;width:200px;height:75px;margin-left:10px;}
			div.contents a{display:block;width:200px;height:75px;background-position:center;}

			div.cms{background:url(http://web-trickster.com/img/menu_cms.gif);no-repeat;width:200px;height:75px;margin-left:10px;}
			div.cms a{display:block;width:200px;height:75px;background-position:center;}

			div.ec{background:url(http://web-trickster.com/img/menu_ec.gif);no-repeat;width:200px;height:75px;margin-left:10px;}
			div.ec a{display:block;width:200px;height:75px;background-position:center;}

			div.seo{background:url(http://web-trickster.com/img/menu_seo.gif);no-repeat;width:200px;height:75px;margin-left:10px;}
			div.seo a{display:block;width:200px;height:75px;background-position:center;}

			div.material{background:url(http://web-trickster.com/img/menu_material.gif);no-repeat;width:200px;height:75px;margin-left:10px;}
			div.material a{display:block;width:200px;height:75px;background-position:center;}

#submenu_box {
	padding-bottom:15px;
	background:url(http://web-trickster.com/img/smenu_foot.gif) no-repeat right bottom;
}
	dl#submenu{
		padding-top:10px;
		background:url(http://web-trickster.com/img/smenu_body.gif) repeat-y right;
	}
		dl#submenu dt{
			height:20px;
			background:url(http://web-trickster.com/img/smenu_title.gif) no-repeat right;
			padding-left:35px;
			padding-top:0;
			padding-bottom:2px;
			overflow:hidden;
			color:#ffffff;
			font-weight:900;
			line-height:22px;
			font-size:12px;
		}
		dl#submenu dd div{
			width:180px;
			padding:0;
		}
			dl#submenu dd ul.news li{
				margin-bottom:3px;
				padding-left:20px;
				padding-right:4px;
			}
			dl#submenu dd ul.pages li{
				margin-bottom:3px;
				padding-left:25px;
				padding-right:4px;
				background:url(http://web-trickster.com/img/smenu_list.gif) no-repeat 20px 0.5em;
			}
			dl#submenu dd ul li.last{
				background:url(http://web-trickster.com/img/smenu_foot.gif) no-repeat right bottom;
				padding-bottom:15px;
			}
				dl#submenu dd li a{
					color:#333333;
					text-decoration:none;
					line-height:120%;
				}
				dl#submenu dd li a:hover{
					border-bottom:1px dashed #333333;
				}
				dl#submenu dd li a em{
					color:#5A0000;
					font-style:normal;
				}
			dl#submenu dd div{
				margin-bottom:3px;
				padding-left:25px;
				padding-right:4px;
			}
				dl#submenu dd div a{
					color:#333333;
					text-decoration:none;
					line-height:120%;
				}
				dl#submenu dd div a:hover{
					border-bottom:1px dashed #333333;
				}
				dl#submenu dd div a em{
					color:#5A0000;
					font-style:normal;
				}
#calendar {
	width:180px;
	margin:5px 0;
	font-size:14px;
	border: 1px solid #CCCCCC;
	border-collapse: separate;
	border-spacing: 1px;
}
	#calendar th {
		text-align:center;
		color:#333333;
		border-right: 1px solid #CCCCCC;
		background-color: #CCCCCC;
	}
		#sun {color:#5a0000;}
	#calendar td {
		text-align:center;
		padding:0 2px 0 0;
		border-right: 1px solid #CCCCCC;
		background-color: #f0f0f0;
	}
		.today {background:#ffffff;}

		#calendar td a:link,
		#calendar td a:visited,
		#calendar td a:focus,
		#calendar td a:hover,
		#calendar td a:active { font-size:12px;color:#008347;font-weight:bolder;text-decoration: none;border-bottom:none; }

#foot a{
	display:block;
	width:100%;
	height:30px;
	line-height:30px;
}
#foot a:link,
#foot a:visited,
#foot a:focus,
#foot a:hover,
#foot a:active { color: #ffffff;font-weight:bolder;text-decoration: none; }