/*
Theme Name: co-original
Theme URI: http://co-ws.com/blog/
Description: original theme for WordPress
Author: mgtg
*/

* {margin: 0;padding: 0;}

body {
font-family:verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;
font-size: 75%;
color: #666555;
line-height: 140%;
text-align: center;
letter-spacing:0.2em;
}

a {
color: #6090A4;
text-decoration: none;
}

a:visited {
color: #748D98;
}

a:hover {
color: #7CB9D8;
text-decoration:underline;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

ul,ol,li,dl,dt,dd {
list-style: none;
}

img { 
border: 0;
}


p {
margin: 0 0 1em 0;
}


hr {
	border:0px none;
	height:1px;
	background: url(../../../../img/line_dot.gif) repeat-x;
	display: block;
	clear: both;
	margin: 0px;
}

.dotline {
	clear: both;
	height: 1px;
	padding: 0px;
	display: block;
	background: url(../../../../img/line_dot.gif) center repeat-x;
	margin: 5px 0px;
 }
 
table {
font-size:10px;
}

td {
padding: 5px 0px;
}

select {
	background: #F4F4F4;
	border:1px solid #555;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 10px;
	display: inline;
	}

img.alignleft {
	padding: 10px;
	margin: 0 10px 2px 0;
	display: block;
	border: 1px solid #f3f3f3;
	}

.alignright {
float: right;
	}

.alignleft {
float: left
	}
.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* header*/

#att {
background:#CC0000;
color:#FFCC00;
font-size:16px;
padding:20px;
}

#header {
display:block;
height:130px;
background:url(../../../../img/head_bg.gif) repeat-x;
}

.headtitle {
display:block;
margin:0 auto;
width:940px;
height:100px;
text-align:left;
}

.headtitle h1 {
	display:block;
	position:relative;
	background:url(../../../../img/co_logo.png) no-repeat;
	width:206px;
	height:41px;
	text-indent:-9999px;
	left: 0px;
	top: 30px;
}

.headtitle h1 a {
	display:block;
	background:url(../../../../img/co_logo.png) no-repeat;
	width:206px;
	height:41px;
	text-indent:-9999px;
	overflow:hidden;
}

.headtitle h1 a:hover {
	display:block;
	background:url(../../../../img/co_logo2.png) no-repeat;
	width:206px;
	height:41px;
	text-indent:-9999px;
}

.kensaku {
font-size:12px;
letter-spacing:0.5em;
float:right;
text-align:right;
	display:block;
}

.kensaku input {
	height:24px;
	vertical-align:middle;
}

#headmenu {
	display:block;
	width:940px;
	margin:0 auto;
}
.topsearch {
background:#F4F3EF;
}

.kensaku_btn {
border:none;
background:none;
}


ul#gmenu {
	display:block;
	width:940px;
	height:30px;
	text-indent:-9999px;
	overflow: hidden;
	position: relative;
}

ul#gmenu li {
	position:absolute;
	display:block;
	width:188px;
	height:30px;
	text-indent:-9999px;
	overflow: hidden;
}

ul#gmenu li a {
display:block;
width:188px;
height:30px;
text-indent:-9999px;
overflow: hidden;
}


ul#gmenu li#shop {
	left:0px;
	background: url(../../../../img/g_shop_f2.gif) no-repeat;
}

ul#gmenu li#shop a {
	left:0px;
	background: url(../../../../img/g_shop.gif) no-repeat;
}

ul#gmenu li#shop a:hover {
	background:url(../../../../img/g_shop_f2.gif) no-repeat;
}

ul#gmenu li#feature {
	left:188px;
	background: url(../../../../img/g_feat_f2.gif) no-repeat;
}

ul#gmenu li#feature a {
	left:188px;
	background: url(../../../../img/g_feat.gif) no-repeat;
}

ul#gmenu li#feature a:hover {
	background:url(../../../../img/g_feat_f2.gif) no-repeat;
}


ul#gmenu li#info {
	left:376px;
	background: url(../../../../img/g_info_f2.gif) no-repeat;
}

ul#gmenu li#info a {
	left:376px;
	background: url(../../../../img/g_info.gif) no-repeat;
}

ul#gmenu li#info a:hover {
	background:url(../../../../img/g_info_f2.gif) no-repeat;
}


ul#gmenu li#link {
	left:564px;
	background: url(../../../../img/g_link_f2.gif) no-repeat;
}

ul#gmenu li#link a {
	left:564px;
	background: url(../../../../img/g_link.gif) no-repeat;
}

ul#gmenu li#link a:hover {
	background:url(../../../../img/g_link_f2.gif) no-repeat;
}



ul#gmenu li#blog {
	left:752px;
	background: url(../../../../img/g_blog_f2.gif) no-repeat;
}

ul#gmenu li#blog a {
	left:752px;
	background: url(../../../../img/g_blog_f2.gif) no-repeat;
}


ul#gmenu li#blog a:hover {
	background:url(../../../../img/g_blog_f2.gif) no-repeat;
}




/* contents */

#container {
	display:block;
	width:940px;
	margin:0 auto;
	margin-top: 20px;
}

#container h2 {
display:block;
color:#232323;
font-size:3em;
padding:20px 0px;
text-align: left;
}

#content {
	float:left;
	width:700px;
	text-align:left;
	margin-bottom: 10px;
}

#content h2 {
display:block;
color:#232323;
font-size:2em;
padding:10px 0px;
text-align: left;
}

#content_sub {
text-align: left;
display:block;
margin:15px 0px;
font-size:1.2em;
}

.postsub {
	border-bottom:1px solid #ededed;
	padding-bottom:5px;
	margin-bottom: 15px;
	min-height: 16px;
}

.time {
font-size:x-small;
display:block;
float:left;
padding-left:16px;
background:url(../../../../img/time.png) no-repeat 0 50%;
}

.categories {
	font-size:x-small;
	display:block;
	float:right;
	margin-right: 10px;
}

.tags {
font-size:x-small;
display:block;
float:right;
}

.account {
width:700px;
clear:both;
margin-top:10px;
}

.comtra {
clear:both;
display:block;
width:700px;
font-size:x-small;
text-align:right;
margin-top:10px;
padding-top:10px;
border-top:1px solid #ededed;
}

.post h3	{
font-size:1.1em;
padding:8px;
background:url(../../../../img/menu_bg.png);
color:#F4F1F4;
margin-bottom:10px;
	}

.post h3 a	{
	text-decoration: none;
	}

.post p	{
	line-height: 150%;
	}

.post	{
	margin-bottom: 30px;
	}

.pagenav	{
	font-size: 0.75em;
	text-align: center;
	}
	
/* menu */	
	
#menu {
	float:right;
	width: 220px;
	text-align:center;
	margin-bottom:20px;
}

.menu_foot {
clear:both;
display:block;
width:220px;
background:url(../../../../img/menu_foot.png) no-repeat;
height:12px;
vertical-align:top;
}

#calendar {
text-align:center;
background:url(../../../../img/menu_bg.png);
display:block;
width:220px;
}

#calendar h3 {
padding-top:5px;
display:block;
height:21px;
background:url(../../../../img/menubar.png) no-repeat;
color:#F4F1F4;
font-size:12px;
}

#wp-calendar {
width:200px;
margin:10px;
}

#wp-calendar tr td{
	font-size: 10px;
}
#wp-calendar th {
	font-size: 10px;
	color: #777777;
}

#wp-calendar td {
	border-bottom: solid 1px #CCCCCC;
	text-align: center;
	vertical-align: middle;
	line-height: normal;
	font-size: 10px;
}

#recentposts {
text-align:left;
margin-top:20px;
text-align:center;
background:url(../../../../img/menu_bg.png);
display:block;
width:220px;
}

#recentposts h3 {
display:block;
height:21px;
background:url(../../../../img/menubar.png) no-repeat;
color:#F4F1F4;
font-size:12px;
padding-top:5px;
}

#recentposts ul {
line-height:2;
text-align:left;
font-size:10px;
margin:10px;
}

#recentposts ul li {
padding-left:16px;
background:url(../../../../img/file.png) no-repeat 0 0.35em ;
} 

#category {
margin-top:20px;
text-align:center;
background:url(../../../../img/menu_bg.png);
display:block;
	width:220px;
}

#category h3 {
display:block;
height:21px;
background:url(../../../../img/menubar.png) no-repeat;
color:#F4F1F4;
font-size:12px;
padding-top:5px;
}

#category ul {
display:block;
text-align:left;
margin:10px;
line-height:2;
}


#category ul li {
padding-left:16px;
background:url(../../../../img/folder.png) no-repeat 0 0.35em ;
} 

#category ul.children {
background:none;
margin:0;
padding:0;
}


#category ul.children li {
background:none;
}


#commentlist {
margin-top:20px;
text-align:center;
background:url(../../../../img/menu_bg.png);
display:block;
width:220px;
}

#commentlist h3 {
display:block;
height:21px;
background:url(../../../../img/menubar.png) no-repeat;
color:#F4F1F4;
font-size:12px;
padding-top:5px;
}

#commentlist ul {
text-align:left;
display:block;
margin:10px;
line-height:1.5;
font-size:10px;
}

#commentlist ul li {
padding-left:16px;
background:url(../../../../img/comment.png) no-repeat 0 0.35em ;
} 

#archives {
margin-top:20px;
text-align:center;
background:url(../../../../img/menu_bg.png);
display:block;
width:220px;
}

#archives h3 {
display:block;
height:21px;
background:url(../../../../img/menubar.png) no-repeat;
color:#F4F1F4;
font-size:12px;
padding-top:5px;
}

#archives ul {
text-align:left;
display:block;
margin:10px;
line-height:2;
}

#archives ul li {
padding-left:16px;
background:url(../../../../img/time.png) no-repeat 0 50%;
} 

#tag_cloud {
margin-top:20px;
text-align:center;
background:url(../../../../img/menu_bg.png);
display:block;
width:220px;
}

#tag_cloud h3 {
display:block;
height:21px;
background:url(../../../../img/menubar.png) no-repeat;
color:#F4F1F4;
font-size:12px;
padding-top:5px;
}

.tagbox {
width:200px;
text-align:left;
padding:10px;
}
.upside {
text-align:right;
display:block;
padding:0px 15px 0px 0px;
margin:5px;
background:url(../../../../img/up.gif) no-repeat;
background-position:right;
}

.w-button {
clear: both;
float: right;
width: 700px;
}

.w-button li {
display:block;
float: left;
margin-right:10px;
margin-bottom:10px;
}

/* comment trackback */	

#comments {
display:block;
}

#comments h3 {
color:#232323;
font-size:16px;
margin-bottom:15px;
}

#tb {
padding-left:16px;
background:url(../../../../img/trackback.png) no-repeat 0 50%;
}

.comtitle {
display:block;
padding-left:16px;
background:url(../../../../img/comment.png) no-repeat 0 50%;
margin-bottom:20px;
}

.com {
margin:10px 0px 10px 0px;
padding:10px 0px 5px 0px;
border-top:1px dotted #ededed;
border-bottom:1px dotted #ededed;
}

.commeta {
display:block;
padding-left:16px;
background:url(../../../../img/time.png) no-repeat 0 50%;
font-size:10px;
}

#comform {
padding:20px;
background:url(../../../../img/menu_bg.png);
}

.previouspage {
width:340px;
float:left;
display:block;
}

.nextpage {
text-align:right;
width:340px;
float:right;
display:block;
}

#popuppage {
text-align:left;
padding:10px;
}

/* popup */

.close {
display:block;
margin-top:20px;
background:url(../../../../img/close.png) no-repeat 0 50%;
padding-left:16px;
}

/* footer*/

#site_footer {
	clear:both;
	display:block;
	background:url(../../../../img/footer_bg.png) repeat-x;
}

#site_footer ul {
padding:2px;
margin:2px;
list-style:none;
}
#site_footer ul li {
border-right:1px solid #dedede;
padding:2px;
display:inline;
font-size:8px;
}

#siteFoot {
	clear:both;
	display:block;
	background:url(../../../../img/footer_bg.png) repeat-x;
	height:150px;
}

.foot_menu {
text-align:left;
display:block;
margin:0 auto;
width:940px;
padding:30px 0px 0px 0px;
}

.copy {
padding:15px 0px 20px 0px;
}