/* *********************************************************** 
 *		
 *	6focus. | GrandGraphica(tm) Archives.
 *	(C) 2006-2007 GrandGraphica(tm) Some Rights Reserved.
 *	Supported by heteml. (http://heteml.jp/)
 *
 *	An application to a browser :
 *	unsupported-usable : IE 5, 5.5;
 *		
 * *********************************************************** */

/* page setting */
* {
	padding:0;
	margin:0;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "Arial", "Verdana", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅";
	font-size: 10px;
	color:#6D6D6D;
}

a {
	overflow:hidden;
}

hr {
	display:none;
}

em {
	font-style:normal;
}

ul { 
	list-style:none;
}

li {
	line-height:170%;
}

img {
	border:none;
}

br.clear {
	clear: both;
	font: 0/0 sans-serif;
}


/* Text Ornament. */
a		{ color: #6D6D6D; text-decoration: none; }
a:link		{ color: #6D6D6D; text-decoration: none; }
a:visited	{ color: #6D6D6D; text-decoration: none; }
a:active	{ color: #9D9D9D; text-decoration: none; }
a:hover		{ color: #9D9D9D; text-decoration: none; }

.plus a			{ color: #6D6D6D; text-decoration: none; background:url(http://grandgraphica.com/6focus/setting/btn_linkplus.gif) no-repeat left 4px; padding-left:10px;}
.plus a:link		{ color: #6D6D6D; text-decoration: none; background:url(http://grandgraphica.com/6focus/setting/btn_linkplus.gif) no-repeat left 4px; padding-left:10px;}
.plus a:visited	{ color: #6D6D6D; text-decoration: none; background:url(http://grandgraphica.com/6focus/setting/btn_linkplus.gif) no-repeat left 4px; padding-left:10px;}
.plus a:active	{ color: #9D9D9D; text-decoration: none; background:url(http://grandgraphica.com/6focus/setting/btn_linkplus.gif) no-repeat left 4px; padding-left:10px;}
.plus a:hover		{ color: #9D9D9D; text-decoration: none; background:url(http://grandgraphica.com/6focus/setting/btn_linkplus.gif) no-repeat left 4px; padding-left:10px;}

.page_navi a			{ color: #fff; text-decoration: underline; }
.page_navi a:link		{ color: #fff; text-decoration: underline; }
.page_navi a:visited	{ color: #fff; text-decoration: underline; }
.page_navi a:active		{ color: #fff; text-decoration: underline; }
.page_navi a:hover		{ color: #fff; text-decoration: none; }

.entry_navi a			{ color: #6D6D6D; text-decoration: underline; }
.entry_navi a:link		{ color: #6D6D6D; text-decoration: underline; }
.entry_navi a:visited	{ color: #6D6D6D; text-decoration: underline; }
.entry_navi a:active		{ color: #6D6D6D; text-decoration: none; }
.entry_navi a:hover		{ color: #6D6D6D; text-decoration: none; }

.entry a		{ color: #6D6D6D; text-decoration: underline; }
.entry a:link	{ color: #6D6D6D; text-decoration: underline; }
.entry a:visited	{ color: #6D6D6D; text-decoration: underline; }
.entry a:active	{ color: #9D9D9D; text-decoration: underline; }
.entry a:hover	{ color: #9D9D9D; text-decoration: none; }

.entry .entry_title a		{ color: #6D6D6D; text-decoration: none; }
.entry .entry_title a:link	{ color: #6D6D6D; text-decoration: none; }
.entry .entry_title a:visited	{ color: #6D6D6D; text-decoration: none; }
.entry .entry_title a:active	{ color: #9D9D9D; text-decoration: none; }
.entry .entry_title a:hover	{ color: #9D9D9D; text-decoration: none; }

.comment a		{ color: #6D6D6D; text-decoration: underline; }
.comment a:link	{ color: #6D6D6D; text-decoration: underline; }
.comment a:visited	{ color: #6D6D6D; text-decoration: underline; }
.comment a:active	{ color: #9D9D9D; text-decoration: underline; }
.comment a:hover	{ color: #9D9D9D; text-decoration: none; }

.main_search_page a		{ color: #6D6D6D; text-decoration: underline; }
.main_search_page a:link	{ color: #6D6D6D; text-decoration: underline; }
.main_search_page a:visited	{ color: #6D6D6D; text-decoration: underline; }
.main_search_page a:active	{ color: #9D9D9D; text-decoration: underline; }
.main_search_page a:hover	{ color: #9D9D9D; text-decoration: none; }

/* ------------------------------------- */
/*    Layout
/* ------------------------------------- */

#page {

}

#header {
	width:880px;
}

#contents {
	width:840px;
	padding:0 40px 0 0;
	margin:0 0 60px 0;
}

#primary {
	width:580px;
}

#secondary {
	width:240px;
}


#footer {
	width:800px;
	margin:0 0 60px 80px;
}



/* Page Presets */
.page_topline,
.page_endline {
	height:4px;
	font-size:0;
	background:#6D6D6D;
}

.left {
	float:left;
}

.right {
	float:right;
}



/* ------------------------------------- */
/*    Header
/* ------------------------------------- */


.header_box {
	width:800px;
	padding:10px 0 10px 0;
	margin:0 0 30px 80px;
	background:url(http://grandgraphica.com/6focus/setting/grid_line.gif) no-repeat left bottom;
}

.header_logo {
	width:880px;
	margin:0 0 60px 0;
}

.title_none {
	display:none;
}


/* header menu */
.header_menu {
	width:240px;
	padding:0 20px 0 0;
	float:left;
}

	.header_menu li {
		padding:0 5px 0 3px;
		display:inline;
		border-right:#6d6d6d 1px solid;
	}


/* information (New Entry) */
.header_info {
	width:380px;
	padding:0 20px 0 0;
	float:left;
	font-family: "Verdana", "ＭＳ Ｐゴシック";
}

	.info_titile {
		width:40px;
		color:#B1B1B1;
		font-weight:bolder;
		float:left;
	}
	
	.header_info  ul {
		float:left;
	}


/* RSS, Atom */
.header_feed {
	width:100px;
	float:left;
	text-align:right;
}

	.header_feed li {
		padding:0 5px 0 3px;
		display:inline;
	}


/* blog title */
h1.blog_title {
	width:165px;
	height:40px;
	display:block;
	font-size:0;
	background:url(http://grandgraphica.com/6focus/setting/logo_6focus.gif) no-repeat;
	float:left;
}

	h1 a{
		width:165px;
		height:40px;
		display:block;
		text-indent:-9999px;
		background:url(http://grandgraphica.com/6focus/setting/logo_6focus.gif) no-repeat;
	}


/* head copyright */
.header_copy {
	width:415px;
	height:40px;
	background:url(http://grandgraphica.com/6focus/setting/header_copy.gif) no-repeat;
	float:left;
	text-indent:-9999px;
}


/* head supported. heteml. */
.header_support {
	width:300px;
	height:40px;
	display:block;
	background:url(http://grandgraphica.com/6focus/setting/header_heteml.gif) no-repeat;
	float:left;
	font-size:0;
	text-indent:-9999px;
}

	.header_support a {
		width:220px;
		height:40px;
		background:url(http://grandgraphica.com/6focus/setting/header_heteml.gif) no-repeat;
		display:block;
		text-indent:-9999px;
	}

	.header_support a:hover {
		width:220px;
		height:40px;
		background:url(http://grandgraphica.com/6focus/setting/header_heteml2.gif) no-repeat;
		display:block;
		text-indent:-9999px;
	}

/* ------------------------------------- */
/*    Article Area (Primay)
/* ------------------------------------- */


.entry {
	width:500px;
	margin:0 0 40px 80px;
	overflow:hidden;
}

.entry_title {
	width:500px;
	height:25px;
	margin:0 0 15px;
	border-bottom:#6D6D6D 4px solid; 
	font-size:14px;
	font-weight:bolder;
	color:#666;
}

.entry_body {
	margin:0 0 15px;
	overflow:hidden;
	line-height:170%;
	font-family: "Verdana", "ＭＳ Ｐゴシック";
}

	.sub_title {
		margin:15px 0 5px;
		font-size:12px;
		font-weight:bold;
	}
	
	.entry_body span.type01 {
		font-weight:bold;
	}
	
	.entry_body span.type02 {
		font-weight:bold;
		background:#666;
		color:#fff;
	}
	
	.entry_body span.type3 {
		font-weight:bold;
		background:#666;
		color:#fff;
	}
	

.entry_more {
	margin:15px 0 0 0;
}

.entry_state {
	color:#666;

}

.entry_tag {
	padding:7px 0 0;
	margin:7px 0 0;
	border-top:1px #aaa dotted;
	font-family: "Verdana", "ＭＳ Ｐゴシック";
}

.entry_tag_list li{
	display:inline;
}

.entry_body object {
	width:500px;
	height:398px;
	overflow:hidden;
}

.entry_object {
	margin:0 0 15px;
}

.entry_body embed {
	width:500px;
	height:398px;
	overflow:hidden;
}


.entry_body img {
	padding:5px;
	background:#EEE;
	margin:0 0 15px;
}


/* Page Navigation */
.page_navi {
	width:250px;
	padding:3px 0 6px 80px;
	background:#6D6D6D;
	color:#fff;
	line-height:150%;
}


.entry_navi {
	width:500px;
	padding:3px 0 6px 80px;
	background:#eee;
	color:#6D6D6D;
	line-height:150%;
	font-family: "Verdana", "ＭＳ Ｐゴシック";
}


/* ------------------------------------- */
/*    Comment and Trackback Area (Primay)
/* ------------------------------------- */

.comment {
	width:500px;
	margin:0 0 0 80px;
	overflow:hidden;
}

.user_comment {
	margin:0 0 15px;
	border:#aaa 1px solid;
}

	.user_comment:hover {
		background:#FAFAFA;
	}

.comment_description {
	padding:12px;
	border-bottom:#aaa 1px dotted;
	line-height:170%;
	font-family: "Verdana", "ＭＳ Ｐゴシック";
}

.comment_state {
	padding:3px 10px 6px;
	text-align:right;
	font-family: "Verdana", "ＭＳ Ｐゴシック";
}


/* Comment Form */
.comment_form {
	width:498px;
	margin:0 0 30px 80px;
	border:#aaa 1px solid;
	overflow:hidden;
}

	.comment_form:hover {
		background:#FAFAFA;
	}


.comment_form_title {
	padding:7px 20px;
	border-bottom:#aaa 1px dotted;
	font-size:12px;
}

.commnet_form_box {
	width:458px;
	padding:20px;
}

.commnet_form_box_left {
	width:150px;
	float:left;
}

.commnet_form_box_right {
	width:288px;
	float:right;
	overflow:hidden;
}

.comment_input {
	width:150px;
	font-size:12px;
	font-family: "Arial", "ＭＳ Ｐゴシック";; 
}

.comment_textarea {
	width:280px;
	height:110px;
	font-size:12px;
	font-family: "Arial", "ＭＳ Ｐゴシック"; 
}


/* Trackback Area */
.trackback_url {
	width:498px;
	margin:0 0 40px 0;
	border:#aaa 1px solid;
	overflow:hidden;
}

.tburl {
	padding:7px 20px;
	font-size:12px;
}

	.tburl:hover {
		background:#FAFAFA;
	}

.ping_title {
	margin:0 0 7px;
}


/* ------------------------------------- */
/*    Side Area (Secondary)
/* ------------------------------------- */


#secondary dl {
	width:240px;
}


#secondary dt {
	width:240px;
	height:25px;
	margin:0 0 15px 0;
	border-bottom:#6D6D6D 4px solid;
	text-indent:-9999px;
	overflow-x:hidden;
}

#secondary dd {
	margin:0 0 30px 0;
}


/* Side Contents Tilte */
dt.title_category {
	background:url(http://grandgraphica.com/6focus/setting/title_category.gif) no-repeat;
}

dt.title_recommend {
	background:url(http://grandgraphica.com/6focus/setting/title_recommend.gif) no-repeat;
}

dt.title_comment {
	background:url(http://grandgraphica.com/6focus/setting/title_recentcomment.gif) no-repeat;
}

dt.title_archives {
	background:url(http://grandgraphica.com/6focus/setting/title_archives.gif) no-repeat;
}

dt.title_tags {
	background:url(http://grandgraphica.com/6focus/setting/title_tags.gif) no-repeat;
}



/* 6focus Category */
.categrybox {
	width:216px;
	padding:3px 8px;
	margin:0 0 10px 0;
}

.categorybox_anchor a{
	width:216px;
	padding:3px 8px;
	margin:0 0 10px 0;
	display:block;
}

	/* Update */
	.boxid_9 {
		border-left:#D95522 8px solid;
	}
	/* Trend */
	.boxid_8 {
		border-left:#DA9A25 8px solid;
	}
	/* Inspiration */
	.boxid_7 {
		border-left:#D9BF22 8px solid;
	}
	/* Technique */
	.boxid_6 {
		border-left:#ABB633 8px solid;
	}
	/* Background */
	.boxid_5 {
		border-left:#75AA95 8px solid;
	}
	/* Resource */
	.boxid_4 {
		border-left:#4D8CA1 8px solid;
	}
	
	/* Update */
	.boxid_9:hover {
		border-left:#D95522 8px solid;
		background:#FFF6F6 ;
	}
	/* Trend */
	.boxid_8:hover {
		border-left:#DA9A25 8px solid;
		background:#FFF9E9 ;
	}
	/* Inspiration */
	.boxid_7:hover {
		border-left:#D9BF22 8px solid;
		background:#FFFCEC ;
	}
	/* Technique */
	.boxid_6:hover {
		border-left:#ABB633 8px solid;
		background:#FDFFE6 ;
	}
	/* Background */
	.boxid_5:hover {
		border-left:#75AA95 8px solid;
		background:#EEFFF8 ;
	}
	/* Resource */
	.boxid_4:hover {
		border-left:#4D8CA1 8px solid;
		background:#F0FBFF ;
	}

.category_title {
	font-weight:bold;
	font-size:11px;
	margin:0 0 2px 0;
}

.category_description {
	font-size:10px;
}

/* Recommend Entry and Links */
.recommend {
	margin:0 0 15px 0;
}

.thumbnail {
	width:240px;
	height:80px;
	margin:0 0 5px;
	text-decoration:none;
	border:none;
	line-height:0;
}
	
	.thumbnail img {
		width:230px;
		height:70px;
	}
	
	.thumbnail a{
		display:block;
		width:230px;
		height:70px;
		padding:5px;
		text-decoration:none;
		border:none;
		background:url(http://grandgraphica.com/6focus/setting/bg_line.gif) #fff;
	}
	
	.thumbnail a:hover{
		text-decoration:none;
		border:none;
		background:url(http://grandgraphica.com/6focus/setting/bg_line.gif) #cccccc;
	}
	

.recommend_link {
	width:120px;
	padding:0 25px 0 0;
	display:inline;
	line-height:100%;
}


/* Comment and Trackback */
.comment_box {
	width:216px;
	padding:3px 8px;
	margin:0 0 10px 0;
	border-left:#eee 8px solid;
}

	.comment_box:hover {
		background:#FAFAFA;
	}

.comment_box_title {
	margin:0 0 2px 0;
	font-weight:bold;
	font-size:10px;
	font-family: "Verdana", "ＭＳ Ｐゴシック";
}

.comment_box_description {
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	font-size:10px;
	font-family: "Verdana", "ＭＳ Ｐゴシック";
}


/* Archives */

/* Tags */
.tags_link {
	width:110px;
	padding:0 10px 0 0;
	display:block;
	float:left;
	font-size:10px;
	font-family: "Verdana", "ＭＳ Ｐゴシック";
}


/* ------------------------------------- */
/*    Footer
/* ------------------------------------- */

.footer_menu {
	width:800px;
	padding:0 0 60px 0;
	margin:0 0 20px 0;
	background:url(http://grandgraphica.com/6focus/setting/grid_line.gif) no-repeat left bottom;
}

.footer_menu02 {

}


/* Page Top */
.page_top {
	width:59px;
	height:12px;
	margin:0 0 0 520px;
	background:url(http://grandgraphica.com/6focus/setting/btn_pagetop.gif) no-repeat;
	text-indent:-9999px;
}

	.page_top a {
		width:59px;
		height:12px;
		display:block;
		background:url(http://grandgraphica.com/6focus/setting/btn_pagetop.gif) no-repeat;
		text-indent:-9999px;
	}
	
	.page_top a:hover {
		background:url(http://grandgraphica.com/6focus/setting/btn_pagetop_hover.gif) no-repeat;
	}


/* Footer Copyright */
.footer_copy {
	width:500px;
	height:40px;
	background:url(http://grandgraphica.com/6focus/setting/footer_copy.gif) no-repeat;
	text-indent:-9999px;
	float:left;
}

.footer_support {
	width:260px;
	height:40px;
	background:url(http://grandgraphica.com/6focus/setting/footer_heteml.gif) no-repeat;
	text-indent:-9999px;
	float:left;
}


/* Bookmark */
.bookmark {
	width:500px;
	padding:0 20px 0 0;
	float:left;
}

.bookmark_title {
	width:85px;
	height:100px;
	float:left;
	background:url(http://grandgraphica.com/6focus/setting/title_bookmark.gif) no-repeat;
	text-indent:-9999px;
}


.bookmark_links {
	width:415px;
	float:left;
}

	.bookmark_links li {
		width:85px;
		padding:0 5px 0 10px;
		margin:0 0 10px;
		display:block;
		float:left;
		background:url(http://grandgraphica.com/6focus/setting/btn_linkplus.gif) no-repeat left 4px; 
	}


/* Search */
.search {
	width:240px;
	float:left;
	text-align:right;
}





/* ------------------------------------- */
/*    Archive Page
/* ------------------------------------- */

.archive_page {
	width:500px;
	margin:0 0 30px 80px;
}

.archive_page span {
	font-size:14px;
}



/* ------------------------------------- */
/*    Category Page
/* ------------------------------------- */

/* Colors */

/* Update */
.categoryid_9 {
	color:#D95522;
}
/* Trend */
.categoryid_8 {
	color:#DA9A25;
}
/* Inspiration */
.categoryid_7 {
	color:#D9BF22;
}
/* Technique */
.categoryid_6 {
	color:#ABB633;
}
/* Background */
.categoryid_5 {
	color:#75AA95;
}
/* Resource */
.categoryid_4 {
	color:#4D8CA1;
}


.category_page {
	width:500px;
	margin:0 0 30px 80px;
}

.category_page {
	font-size:14px;
}

.category_page span{
	font-size:14px;
	font-weight:bolder;
}

.category_page .small{
	font-size:10px;
	font-weight:normal;
}



/* ------------------------------------- */
/*    Tags and Search Result Page
/* ------------------------------------- */

.main_search_page {
	width:500px;
	margin:0 0 0 80px;
}

.search_result_box {
	margin:0 0 15px 0;
}

.search_result_form {
	margin:0 0 25px 0;
}

.search_result_box_title {
	font-size:12px;
	font-weight:bold;
}

.search_result_box_description {

}