/*
Theme Name:     Gohoo
Description:    Child theme of the twentyeleven theme for WordPress
Author:         Tomonori Komasaki
Template:       twentyeleven
Version:        0.2
*/

@import url('../twentyeleven/style.css');

/* =Structure
----------------------------------------------- */

body {
	padding: 0 2em;
}
#page {
	margin: 2em auto;
	width: 1000px;
}
#branding hgroup {
	margin: 0 76px;
}
#access div {
	margin: 0 76px;
}
#primary {
	float: left;
	margin: 0 -264px 0 0;
	width: 100%;
}
#content {
	margin: 0 340px 0 76px;
	width: 584px;
}
#secondary {
	float: right;
	margin-right: 50px; width: 214px;
}

/* Singular */
.singular #primary {
	margin: 0;
}
.singular #content,
.left-sidebar.singular #content {
	margin: 0 76px;
	position: relative;
	width: auto;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
	margin: 0 auto;
	width: 689px;
}

/* error404 */
.error404 #primary {
	float: none;
	margin: 0;
}
.error404 #primary #content {
	margin: 0 76px;
	width: auto;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Right Content */
.left-sidebar #primary {
	float: right;
	margin: 0 0 0 -26.4%;
	width: 100%;
}
.left-sidebar #content {
	margin: 0 7.6% 0 34%;
	width: 58.4%;
}
.left-sidebar #secondary {
	float: left;
	margin-left: 7.6%;
	margin-right: 0;
	width: 18.8%;
}


/* =Custom Settings
----------------------------------------------- */

body,
pre,
blockquote { font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Arial,sans-serif; font-size: 14px; line-height: 22px; }
pre em { font-style: normal; }

#page { margin-top: 0; }
#branding { border-top: 5px solid #133463; }
#branding img { width: auto; }
#site-title { margin: 0 auto; padding: 40px 0px 40px 140px; }
#access { background: #133463; }
#access div { margin: 0 5%; }
#primary { width: 1000px; }
#secondary { margin-right: 50px; width: 214px; }
#content { margin-left: 50px; }
.entry-content img, .comment-content img, .widget img { max-width: 100%; }

#widget_banners ul { margin: 0; list-style: none; }
#widget_banners li { margin-bottom: 10px; height: 50px; }
#widget_banners .sm{ margin-bottom: 10px; height: 100px; }
#widget_banners .pr{ margin-bottom: 20px; height: 60px; }
#widget_banners li a:hover { opacity: 0.6; }
/*
#widget_inform { margin-bottom: 2em; padding: 10px; background-color: #bbbbbb; color: #fff; }
*/
#widget_inform { margin: 0; padding: 0; }
#widget_inform ul { margin: 0; list-style: none; }
#widget_inform li { display: inline; margin: 0; }
#widget_inform a { color: #ffffff; text-decoration: underline; }
#widget_inform a:hover { text-decoration: none; }
#widget_inform p { margin-bottom: 0.5em; }
#widget_inform p.link { font-size: 14px; }
#widget_inform .btn_twitter { padding-bottom: 5px; }
#widget_inform .btn_facebook { padding-bottom: 8px; }
#widget_inform .btn_rss a { color: #333; display: block; padding-left: 25px; background: url(img/icon_rss.png) no-repeat 0 50%; }
#widget_inform .btn_rss a:hover { text-decoration: none; }
.widget_box,
.widget_category_common { padding-top: 1em; font-size: 14px; background: url(img/line_dots.png) repeat-x 0 0; }
.widget_box h1,
.widget_category_common h1 { font-weight: bold; color: #888888; }

.widget_twitter,
#widget_facebook { margin-bottom: 2.5em; }

.widget_twitter .twtr-widget-profile img.twtr-profile-img { display: none; }
.widget_twitter .twtr-widget-profile h3,
.widget_twitter .twtr-widget-profile h4 {margin-left: 0!important; }

p.top_meta { margin-bottom: 0; font-size: 12px; color: #888888; }
p.top_meta span { padding-right: 1em; }

.entry-title { font-family: "Ryumin Medium KL"; font-weight: normal; }

.entry-content h1,
.entry-content h2 { font-size: 20px; font-weight: bold; color: #222; }
.entry-content h3 { font-size: 18px; font-weight: bold; color: #222; }
.entry-content h4 { font-size: 16px; font-weight: bold; color: #222; }
.entry-content .entry_body { float: left; width: 282px; }
.entry-content .entry_body_full {}
.entry-content .entry_img { float: right; padding: 5px; border: #ccc solid 1px; }

.entry-content .entry_body pre,
.entry-content .entry_body_full pre { white-space: normal; font-size: 14px; }
.entry-content .entry_body pre em,
.entry-content .entry_body_full pre em { display: block; margin-bottom: 0.5em; font-weight: bold; }

.entry-content blockquote { margin: 1em 0 0 2em; padding: 0 2em; border-left: #ccc solid 5px; }

/* Single */
.singular #primary { margin: 0 -26.4% 0 0; }
.singular .hentry { padding-top: 0; }
.singular #content { margin: 0 34% 0 5%; width: 58.4%; }
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta { width: 100%; }

.singular .entry-content .entry_body { float: none; margin-top: 1em; width: auto; }
.singular .entry-content .entry_body_full {}
.singular .entry-content .entry_img { float: none; padding: 5px; width: auto; text-align: center; border: none; }

/* Reports Top */
.top_reports .entry-title { font-size: 26px; }
.singular .top_reports .hentry { padding: 0 0 1.625em; border-bottom: 1px solid #DDD; }

.ttl_report { margin-bottom: 2em; border-bottom: solid 1px #133463; }
.ttl_report h1 { font-weight: bold; }
.ttl_report p { font-size: 12px; margin-bottom: 0.5em; }

.entry_social .btn_twitter { float: left; width: 115px; }
.entry_social .btn_facebook { float: left; }

.page_inform iframe { min-height: 1500px; }

.search .page-title { font-size: 14px; }

/* =Front Page Settings
----------------------------------------------- */

.mainHeader h2 {
	line-height: 1.5;
}
.mainHeader {
	margin: 0;
	padding-bottom: 10px;
	background: url(img/line_dots.png) repeat-x 0 26px;
	color: #900;
	font-size: 116%;
}
.mainHeader a {
	color: #900;
}
.through {
	float: right;
	margin: -1.8em 0 0 0;
	font-size: 69%;
}
.through a {
	color: #666;
}
.postList .mainHeader {
	margin: 0;
	padding-bottom: 10px;
	background: url(img/line_dots.png) repeat-x 0 24px;
	color: #900;
	font-size: 100%;
}

.recentPostBox {
	min-height: 80px;
	_height: 80px;
	margin: 0;
	padding: 0 10px 0px 10px;
}
.recentPostThumb {
	float: left;
	width: 74px;
}
.recentPostCont {
	float: right;
	width: 489px;
}
.recentPostThumb img {
	margin: 0 10px 10px 0;
/*	border: 2px solid #ccc; */
}
.recentPostBox h3 {
	font-size: 138.5%;
	line-height: 1.5;
}
.recentPostBox p {
	color: #999;
	font-size: 85%;
	line-height: 1.5;
}
.recentPostList {
	clear: left;
	width: 584px;
	margin: 0;
}
.recentPostList li {
	padding: 0 0 0 8px;
	line-height: 1.6;
}
.recentPostListInnerLeft {
	float: left;
	width: 285px;
}
.recentPostListInnerRight {
	float: right;
	width: 285px;
	margin: 0 0 0 10px;
}
.postList {
	clear: left;
	width: 584px;
	margin: 0 0 10px 0;
}
.postList li {
	padding: 0 0 0 8px;
	line-height: 1.6;
}
.postListInnerLeft {
	float: left;
	width: 285px;
	padding: 0;
}
.postListInnerRight {
	float: right;
	width: 285px;
	margin: 0 0 0 10px;
	padding: 0;
}
.Twitter {
	clear: left;
	width: 534px;
	margin: 0 0 50px 0;
}
.TwitterLeft {
	float: left;
	width: 247px;
}
.TwitterRight {
	float: right;
	width: 247px;
}

/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 800px) {
	/* Simplify the basic layout */
	body {
		padding: 0;
	}
	#main #content {
		margin: 0 340px 0 50px;
		width: 584px;
	}
	#nav-below {
		border-bottom: 1px solid #ddd;
		margin-bottom: 1.625em;
	}
	#main #secondary {
		float: right;
		margin: 0 50px 0 0;
		width: 214px;
	}

}
@media (max-width: 650px) {
	/* Reposition the site title and description slightly */
	#site-title {
		padding: 20px 0px 10px 140px;
	}
	#site-title,
	#site-description {
		margin: 0 auto;
	}

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	body {
		padding: 0;
	}
	#page {
		margin-top: 0;
	}
	#branding {
		border-top: none;
	}

}


/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }