@import 'reset.css';
@import 'layout.css';
@import 'widget.css';
@import 'widget-banner.css';

.img-responsive {
    max-width: 100%;
    height: auto;
}

/*

2: RIGHT SIDE COLUMN
3: INDEX
4: SINGLE POST PAGE
5: CATEGORY / PAGE
6: DISQUS COMMENT BOTTOM
7: Special Features
8: Section Special Features
9: Category Box
10: ERROR
11: TAG
12: Contact Form 7
13: Quake
14: Announce
15: Be A Blogger
------------------------------------------------------*/

/*

2: RIGHT Side Column

----------------------------------------------------*/
div.side_column div.blog_pages {
    margin: 0 0 9px 0;
}
div.side_column div.blog_pages div.toggle_title {
    height: 30px;
    margin-bottom: 5px;
}
div.side_column div.blog_pages div.toggle_title h3 a,
div.side_column div.blog_pages div.toggle_title h3 {
    float: left;
    display: block;
    width: 150px;
}
div.side_column div.blog_pages h3 {
    height: 30px;
}
div.side_column div.blog_pages h3 a {
    padding-bottom: 7px;
    height: 23px;
}
div.side_column div.blog_pages h3 a span {
    float: left;
    display: block;
    width: 150px;
    margin-top: 6px;
    padding-top: 10px;
    height: 0;
    overflow: hidden;
}
div.side_column div.blog_pages h3 a {
    background-image: url(../img/side_content_title.gif);
    background-repeat: no-repeat;
}
div.side_column div.blog_pages h3.active a:hover,
div.side_column div.blog_pages h3.active a {
    background-position: 0 top;
}
div.side_column div.blog_pages h3 a:hover {
    background-position: -150px top;
}
div.side_column div.blog_pages h3 a {
    background-position: -300px top;
}
div.side_column div.blog_pages h3 a span {
    background-image: url(../img/side_cnt_title_txt.png);
    background-repeat: no-repeat;
}
div.side_column div.blog_pages h3 a#t_popularposts span {
    background-position: -145px top;
}
div.side_column div.blog_pages h3 a#t_latestcomment span {
    background-position: 0 top;
}
div.side_column div#gaijinpot_recommend em {
    display: block;
    margin-bottom: 2px;
}
div.side_column div#gaijinpot_recommend li {
    background:url("../img/dash_border4.gif") repeat-x scroll center top;
    padding:11px 10px;
}
div.side_column div#gaijinpot_recommend li.first {
    background: none;
}

div.side_column div#gaijinpot_recommend{
    margin-bottom: 27px;
}
#gaijinpot_recommend .gaijinpot_recommend_nav {
    background:url("../img/gprecommend_doubleline.gif") no-repeat center center;
    height:7px;
    padding:2px 133px;
}
#gaijinpot_recommend .gaijinpot_recommend_nav span span,
#gaijinpot_recommend .gaijinpot_recommend_nav a {
    display: block;
    float: left;
	width: 8px;
	padding-top: 7px;
	height: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(../img/arrownavs.png);
	font-size: 0;
}
#gaijinpot_recommend .gaijinpot_recommend_nav span.past_prev span,
#gaijinpot_recommend .gaijinpot_recommend_nav span.past_prev a {
    background-position: left -8px;
    margin-right: 16px;
}
#gaijinpot_recommend .gaijinpot_recommend_nav span.past_next span,
#gaijinpot_recommend .gaijinpot_recommend_nav span.past_next a {
    background-position: right -8px;
}
#gaijinpot_recommend .gaijinpot_recommend_nav span.past_prev a:hover {
    background-position: left top;
}
#gaijinpot_recommend .gaijinpot_recommend_nav span.past_next a:hover {
    background-position: right top;
}
div.side_column div#popularposts li.first dl {
    float: left;
    width: 165px;
}
div.side_column div#popularposts li dl {
    width: 300px;
    line-height: 120%;
}
div.side_column div#popularposts li dt {
    margin-bottom: 3px;
}
div.side_column div#popularposts li dt a {
    color: #000000;
}
div.side_column div#popularposts li dt a {
    font-weight:bold;
    font-size: 12px;
}
div.side_column div#popularposts li dd.post_tools {
    margin-top: 4px;
}
div.side_column div#popularposts li dd span.date {
    background: url("../img/blog_info_div.gif") no-repeat right;
    margin-right:4px;
    padding-right:5px;
}
div.side_column div#popularposts li.first dd span.date {
    background: none;
    margin-right: 0;
    padding-right: 0;
}
div.side_column div#latestcomment li,
div.side_column div#popularposts li {
    background: url("../img/dash_border4.gif") repeat-x top;
    width: 100%;
}
div.side_column div#popularposts li {
    padding: 8px 0 6px;
}
div.side_column div#latestcomment li  {
    padding: 7px 0 6px;
}
div.side_column div#latestcomment li {
    margin: 0;
}
div.side_column div#latestcomment li img.dsq-widget-avatar {
    padding:3px 10px 3px 0;
}
div.side_column div#popularposts li.first {
    background: none;
    min-height: 89px;
}
div.side_column div#popularposts li span.post_comment,
div.side_column div#popularposts li span.post_view {
    background-position: left;
    background-repeat: no-repeat;
    float: left;
}
ul.post_tools li.post_comment,
div.side_column div#popularposts li span.post_comment {
    background-position: 0 -50px;
    padding-left: 15px;
}
ul.post_tools li.post_view,
div.side_column div#popularposts li span.post_view {
    padding-left: 18px;
    background-position: 0 -30px;
}
ul.post_tools li.post_comment,
ul.post_tools li.post_view,
div.side_column div#popularposts li span.post_view,
div.side_column div#popularposts li span.post_comment {
    background-repeat: no-repeat;
    background-image: url('../img/post_icon.gif');
}
#toppage_feature_box ul.post_tools li.post_comment {
    background-position: 0 -15px;
}
#toppage_feature_box ul.post_tools li.post_view {
    background-position: 0 4px;
}
div.side_column div#popularposts li span.inner {
    background-image:url("../img/blog_link_div.gif");
    background-position:right center;
    background-repeat:no-repeat;
    margin-right:8px;
    padding-right:10px;
}
div.side_column div#popularposts li img {
    display: block;
    border:1px solid #000000;
    float: left;
    width: 120px;
    height: 80px;
    margin-right: 13px;
    overflow: hidden;
}
div.side_column #gp_widget,
div.side_column div.blog_pages {
    margin-bottom: 1.5em;
}
div.side_column div.toggle_content div.blog_pages li {
    padding: 5px 0;
}
.side_column .toggle_content ul {
    padding-bottom: 4px;
    background: url(../img/double_dot.gif) repeat-x bottom;
}
.side_column .toggle_content {
    clear: both;
    overflow: hidden;
}
.side_column .toggle_content div {
    width: 300px;
    background: white;
}
.side_column .toggle_content li.first_post p.image,
.side_column .toggle_content li.first_post div.postcont {
    float: left;
}
.side_column .toggle_content li.first_post p.image,
.side_column .toggle_content li.first_post p.image img {
    width: 120px;
    height: 80px;
}
.side_column .toggle_content li.first_post p.image {
    margin-right: 13px;
}
div.side_column div#relatedposts li.first_post div.postcont {
    margin: 0;
}
div.side_column div#relatedposts li.first_post div.postcont {
    width: 165px;
}
.side_column #youmaylike,
.side_column #gaijinpot_recommend h3 {
    margin-bottom: 12px;
}
.side_column #gaijinpot_recommend h3,
.side_column #youmaylike h3 {
    padding-top: 30px;
    margin-bottom: 3px;
    height: 0;
    overflow: hidden;
    background-repeat: no-repeat;
}
.side_column #gaijinpot_recommend h3 {
    background-image: url(../img/gp_recommends.gif);
}
.side_column #youmaylike h3 {
    background-image: url(../img/youmaylike.gif);
}
/*

3: INDEX

------------------------------------------------------*/
div.home div.main_column h2 {
    border-bottom:1px solid #D7D7D7;
}
div.main_column-1 div.categories {
    margin-bottom: 10px;
}
div.home div.main_column h2.page_title {
	border-bottom: 0;
    background: url(../img/dash_border4.gif) repeat-x bottom;
    padding: 0 0 11px;

}
div.main_column div.latest_posts .banner {
    background: url(../img/dash_border4.gif) repeat-x bottom;
    padding: 11px 0;
    min-height: 62px;
    width: 665px;
}
div.main_column div.latest_posts .banners1 {
    background: url(../img/dotted.gif) repeat-y right;
}
div.main_column div.latest_posts li.blog_article {
    background: url(../img/dash_border4.gif) repeat-x bottom;
    padding: 11px 0;
    min-height: 130px;
    display: table;
}
div.main_column div.latest_posts li.blog7 {
    background: none;
    border-bottom: 1px solid #d7d7d7;
}
div.main_column div.latest_posts li.blog_article dt {
    margin-bottom: 4px;
}
div.main_column div.latest_posts li.blog_article dl {
    min-height: 84px;
    width: 500px;
    float: left;
}
div.main_column div.latest_posts li.blog_article dd.blog_info {
    margin-bottom: 8px;
}
div.main_column div.latest_posts li.blog_article dd.blog_info span.date,
div.main_column div.latest_posts li.blog_article dd.blog_info span.author {
    background: url(../img/div3.gif) no-repeat right 2px;
    padding-right: 5px;
    margin-right: 5px;
}
div.main_column div.latest_posts div.thumbnail {
    float: left;
    margin: 4px 13px 5px 0;
    width: 152px;
}
div.main_column div.latest_posts div.thumbnail p {
    margin-bottom: 0;
    padding-bottom: 0;
}
div.main_column div.latest_posts div.thumbnail p.image {
    margin-bottom: 9px;
}
div.main_column div.latest_posts .image a,
div.main_column div.latest_posts .thumbnail img {
    width: 150px;
    height: 100px;
    display: block;
}
div.main_column div.latest_posts .image a {
    border: 1px solid #b7b7b7;
}
div.main_column div.latest_posts .image a:hover {
    border: 1px solid #000000;
}
ul.post_tools li.post_comment,
ul.post_tools li.post_view {
    float: left;
}
div.main_column div.latest_posts ul.post_tools li.post_view span {
    background-image:url("../img/blog_link_div.gif");
}
ul.post_tools li.post_view span {
    background-position:right center;
    background-repeat:no-repeat;
    padding-right: 10px;
    margin-right: 8px;
    display: block;
}
div.main_column div.latest_posts ul.post_tools li.post_comment a.comment_title {
    background: #8a9880;
    height: 18px;
    padding: 0 7px;
    float: left;
    display: block;
}
div.main_column div.latest_posts ul.post_tools li.post_comment a.dsq-comment-count {
    display: block;
    margin-left: 1px;
    padding-left: 12px;
    background: url(../img/comment_icon.gif) no-repeat left;
}
.main_column dd.link span.prev a {
    background-image: url(../img/arrownavs.png);
    background-position: bottom left;
    float: left;
}
.main_column dd.link span.next a {
    background-image: url(../img/arrownavs.png);
    background-position: bottom right;
    float: right;
}
.main_column dd.link span.prev a:hover {
    background-position: top left;
}
.main_column dd.link span.next a:hover {
    background-position: top right;
}
div.main_column li.blog_article dd.blog_info span.date {
    background:url("../img/div3.gif") no-repeat right;
    padding-right: 5px;
    margin-right: 5px;
}
div.main_column div.feature_img ul.post_tools li.post_view span {
    background-image:url("../img/blog_link_div_transp.png");
}
/* First Latest Article */
div.main_column div.latest_posts ul li.first_latest_article {
    padding: 19px 0 16px 0 ;
    min-height: 202px ;
}
div.main_column div.latest_posts li.first_latest_article .image a,
div.main_column div.latest_posts  li.first_latest_article img {
    width: 300px;
    height: 200px;
}
div.main_column div.latest_posts li.first_latest_article div.thumbnail {
    width: 302px;
    margin: 0 16px 0 0;
}
div.main_column div.latest_posts li.first_latest_article div.thumbnail p.image {
    margin: 0;
}
div.main_column div.latest_posts li.first_latest_article dl {
    width: 352px;
    min-height: 202px;
}
div.main_column div.latest_posts li.first_latest_article dd.excerpt{
    margin-bottom: 10px;
}
/* END First Latest Article */


div.main_column div.latest_posts {
    clear: both;
    width: 670px;
}
div.main_column div.wp-pagenavi a,
div.main_column div.wp-pagenavi span.pages {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}
div.main_column div.wp-pagenavi span.pages {
    display: none;
}
div.main_column div.wp-pagenavi a.previouspostslink,
div.main_column div.wp-pagenavi span.current,
div.main_column div.wp-pagenavi a.page {
    background: url(../img/blog_nav_div.gif) no-repeat right;
    padding: 0 7px 0 6px;
    margin: 0;
}
div.main_column div.wp-pagenavi a.last,
div.main_column div.wp-pagenavi a.nextpostslink {
    padding-left: 6px;
}
div.main_column div.wp-pagenavi span.current {
    text-decoration: underline;
    border: none;
    font-weight: normal;
}
div.main_column div.wp-pagenavi {
    padding: 10px 0;
}
div.main_column .wp-pagenavi span.extend {
    border: none;
    color: inherit;
}

/*

4: SINGLE POST PAGE

------------------------------------------------------*/
div#authorinfo {
    margin-bottom: 16px;
}
div#authorinfo div.author {
    background: #ECECEC;
	position: relative;
    min-height: 70px;
}
body.archive div#authorinfo div.author {
	padding: 17px 30px 21px 23px;
}
body.single div#authorinfo div.author {
	padding: 13px 20px 12px;
}
div#authorinfo div.author img.avatar {
    border: 1px solid #000000;
    position: absolute;
}
body.single div#authorinfo div.author img.avatar {
    left: 20px;
    top: 16px;
}
body.single div#authorinfo div.author p.introduce,
body.single div#authorinfo div.author p.author_name,
body.single div#authorinfo div.author div.author_links {
    width: 540px;
    padding-left: 84px;
}
body.archive div#authorinfo div.author p.introduce,
body.archive div#authorinfo div.author p.author_name,
body.archive div#authorinfo div.author div.author_links {
    padding-left: 109px;
}
div#authorinfo div.author p.author_name {
	font-family: Metrophobic,Myriad,"Myriad pro",Arial,sans-serif;
}
body.archive div#authorinfo div.author p.author_name {
	font-size: 24px;
    font-weight: normal;
    margin-bottom: 1px;
}
body.archive div#authorinfo div.author p.introduce {
	font-size: 12px;
	margin-bottom: 0;
}
body.archive div#authorinfo div.author img.avatar {
	margin-top: 6px;
}
body.archive div#authorinfo div.author {
	min-height: 95px;
/*	background: #EEEBDD;*/
}
body.author .latest_posts ul {
	background: url("../img/dash_border4.gif") repeat-x scroll center top transparent;
}
div#authorinfo div.author p.introduce,
div#authorinfo div.author p.author_name,
div#authorinfo div.author div.author_links {
    margin-bottom:4px;
}
body.archive div#authorinfo div.author div.author_links {
	margin-bottom: 7px;
}
div#authorinfo div.author div.author_links .url,
div#authorinfo div.author div.author_links .link {
    background: url(../img/div3.gif) no-repeat right 2px;
    padding-right: 5px;
    margin-right: 6px;
}
div#authorinfo div.author p.introduce {
	line-height: 1.4;
}
body.single div#related_article {
    margin-bottom: 2px;
}
body.single div#related_article h3,
div#authorinfo h3 {
    background-repeat: no-repeat;
    height: 23px;
    line-height: 23px;
}
body.single div#related_article h3 {
    background-image: url(../img/bottom_content.gif);
    height: 23px;
}
body.single div#authorinfo h3 {
    background-image: url(../img/author_info.gif);
    padding-top: 8px;
}
body.single div#related_article h3 span,
div#authorinfo h3 span {
    display: block;
    color: #fff;
    font-size: 11px;
}
body.single div#related_article h3 span,
body.single div#authorinfo h3 span {
    padding-left: 16px;
}
body.archive div#authorinfo h3 span {
    padding-left: 12px;
}
body.single div#related_article .related_post {
	border-width: 0 1px 1px 1px;
	border-color: #d9d9d9;
	border-style: solid;
	padding: 5px 16px 7px;
}
body.single div#related_article ul.related_post li {
	padding: 3px 0 2px 10px;;
	background:url("../img/bullet_arrow.gif") no-repeat left 5px;
}
body.single div#related_article ul.related_post li a {
	color: #000;
}
body.single .blog_info .social {
    margin-top: 6px;
    position: relative;
}
div.single_post div.main_column div.posts_comment {
    height: 24px;
    margin: 0;
    float: right;
    font-size: inherit;
}
div.single_post div.main_column div.posts_comment a.comment_title {
    background: url(../img/single_comment.gif) no-repeat;
    width: 116px;
    padding-top: 18px;
    height: 0;
    overflow: hidden;
    float: left;
    display: block;
}
div.single_post div.main_column div.posts_comment div.comment_num {
    display: block;
    height: 18px;
    float: left;
    margin-left: 1px;
    min-width: 12px;
    line-height: 18px;
    padding: 0 3px;
    text-align: center;
    color: white;
    background: #e1190a url(../img/latest_commentbottom.gif) no-repeat bottom;
    padding-bottom :7px;
}
div.single_post div.main_column div.posts_comment div.comment_num a {
    color: white;
    text-decoration: none;
}
div.single_post div.main_column div.entry {
    clear: both;
    overflow: hidden;
    margin: 10px 0 8px 0;
    padding: 0 0 12px 0;
    background:url("../img/dash_border4.gif") repeat-x bottom;
    overflow: hidden;
    width: 670px;
}
.single_post .main_column .entry img{
    max-width: 100%;
    height: auto;
}
div.single_post div.main_column p.tags {
    margin: 0;
    font-size: 11px;
}
div.single_post div.main_column p.tags span {
    text-transform: uppercase;
    font-size: 10px;
    font-family: Geneva, Arial;
}
div.single_post div.main_column p.tags a {
    color: #000;
}
div.single_post div.main_column p.tags a:hover {
    color: #DC1818;
    text-decoration: none;
}
div.single_post div.main_column div.entry .tweetmeme_button {
    float:left;
    margin-bottom:2px;
    margin-right:15px;
    margin-top:5px;
}
div.single_post div.main_column h2 {
    font-family: inherit;
    margin-bottom: 0.2em;
}
div.single_post div.main_column div.blog_info span.date,
div.single_post div.main_column div.blog_info span.author {
    background: url(../img/div3.gif) no-repeat right 2px;
    padding-right: 5px;
    margin-right: 5px;
}
div.single_post div.main_column div.blog_info iframe {
    vertical-align: top;
}
div.single_post #comments .nocomments {
    padding: 10px 0;
}
/* socials */
#metagroup {
    background:url("../img/dash_border4.gif") repeat-x bottom;
    height: 31px;
    margin-bottom: 21px;
}
div.single_post div.main_column #view {
    float: left;
    margin-top:4px;
}
#sociable {
    float: left;
    margin-top:4px;
    margin-right: 10px;
}
#sociable span#share,
#view span#view_title {
    display: block;
    float: left;
}
.single_post #sociable span#share,
.single_post #view span#view_title {
    height: 0;
    padding-top: 9px;
    background-repeat: no-repeat;
    background-image: url(../img/single_tools.gif);
    overflow: hidden;
    margin-top: 3px;
}
.single_post #sociable span#share {
    width: 37px;
    background-position: left top;
    margin-right: 7px;
}
.single_post #view span#view_title {
    width: 38px;
    background-position: -40px top;
    margin-right: 5px;
}
.single_post .social {
    height: 21px;
}
.single_post .social .twitter-share-button,
.single_post .social iframe,
.single_post .social div {
    float: left;
}
.single_post .social .pinouter {
    padding-right: 30px;
}
.temp-pin-btn {
    position: absolute;
}
.single_post .social .fbouter {
	position: relative;
	height: 21px;
}
.single_post .social .fbouter .fb_edge_widget_with_comment {
	display: block !important;
	position: absolute;
	height: 21px;
}
.single_post .social .fbouter .fb_edge_widget_with_comment iframe {
	overflow: visible !important;
	width: 400px !important;
}
div#metagroup div#sociable span {
    margin-right: 8px;
    display: block;
    float: left;
}
div#metagroup div#sociable span a {
    display: block;
    padding-top: 16px;
    height: 0;
    overflow: hidden;
    float: left;
}
div#metagroup div#sociable span a {
    background-repeat: no-repeat;
    background-image: url("../img/sns_icon.gif");
}
div#metagroup div#sociable span#facebook a {
    background-position: 0 -16px;
    width: 14px;
}
div#metagroup div#sociable span#twitter a {
    background-position: -18px -16px;
    width: 12px;
}
div#metagroup div#sociable span#digg a {
    background-position: -32px -16px;
    width: 16px;
}
div#metagroup div#sociable span#delicious a {
    background-position: -48px -16px;
    width: 16px;
}
div#metagroup div#sociable span#facebook a:hover {
    background-position: 0 0;
}
div#metagroup div#sociable span#twitter a:hover {
    background-position: -18px 0;
}
div#metagroup div#sociable span#digg a:hover {
    background-position: -32px 0;
}
div#metagroup div#sociable span#delicious a:hover {
    background-position: -48px 0;
}

/*

5: CATEGORY / PAGE

------------------------------------------------------*/
div.page div.main_column h2.pagetitle,
div.category div.main_column h2.pagetitle {
    border-bottom:1px solid #D7D7D7;
}
div.page div.main_column div.post {
    padding: 10px 0;
}
div.category form#searchform {
    margin-top: 20px;
}

/*

6: DISQUS COMMENT BOTTOM

----------------------------------------------------*/
div#disqus_thread div#dsq-content {
    font-size: 93%;
}
div#dsq-comments-title h3,
div#dsq-new-post h3 {
    font-weight: bold;
    color: black;
    font-size: 115%;
}
div#dsq-comments-title h3 {
    margin-bottom:1.3em;
    padding-top:1em;
}
div#disqus_thread h3 {
    font-family: inherit;
}
a.dsq-brlink {
    display: none;
}
div#disqus_thread {
    clear: both;
}
div#disqus_thread div#dsq-content .dsq-post-footer {
    margin-bottom: 30px;
}

/*

7: Special Features

------------------------------------------------------*/
#toppage_feature {
    width: 456px;
    position: relative;
    float: left;
}
#toppage_feature_content {
    height: 302px;
    width: 454px;
    margin-right: 2px;
    float: left;
    background: url(../img/top_feature_photo.gif) no-repeat;
}
#toppage_feature_box {
    height: 296px;
    width: 448px;
    overflow: hidden;
    position: relative;
    margin: 3px auto;
}
#toppage_feature_inner {
    position: absolute;
    top: 0;
    width: 99999em;
}
#toppage_feature .feature_img {
    float: left;
    position: relative;
    height: 296px;
    width: 448px;
    /*padding: 3px;*/
    z-index: 2;
}
#toppage_feature .feature_img div.image {
    width: 444px;
    height: 273px;
    overflow: hidden;
    border: 2px solid #000000;
}
#toppage_feature .feature_img div.caption {
    padding: 0 6px;
    position: absolute;
    bottom: 0px;
    width: 436px;
    height: 20px;
    line-height: 20px;
    background: url(../img/caption_bg.gif);
}
#toppage_feature .feature_img  ul.post_tools {
    float: right;
    height: 14px;
    padding-top: 2px;
}
#toppage_feature .feature_img  ul.post_tools {
	line-height: 14px;
}
#toppage_feature .feature_img div.caption p {
    float: left;
}
#toppage_feature .active_arrow {
    width: 16px;
    height: 11px;
    position: absolute;
    background: url(../img/topfeature_active_arrow.gif) no-repeat;
    top: -6px;
    z-index: 1;
    left: 40px;
}
#toppage_feature .feature_img .feature_content {
    padding: 11px 15px 13px;
}
#toppage_feature .feature_img .feature_content ul.other_posts li,
#toppage_feature .feature_img .feature_content li.blog_article dt,
#toppage_feature .feature_img .feature_content li.blog_article dd.blog_info {
    margin-bottom: 2px;
}
#toppage_feature .feature_img .feature_content h3 {
    clear: both;
    margin-bottom: 3px;
}
#toppage_feature .feature_img .feature_content ul.first_post {
    background:url("../img/dash_border-v2.gif") repeat-x scroll center bottom;
    padding-bottom: 14px;
    margin-bottom: 10px;
}
#toppage_feature .feature_img .blog_article .thumbnail a {
    display: block;
}
#toppage_feature .feature_img .blog_article .thumbnail {
    margin-right: 14px;
    border: 1px solid black;
    width: 150px;
    height: 100px;
    margin-top:2px;
}
#toppage_feature .feature_img .blog_article .thumbnail,
#toppage_feature .feature_img .blog_article dl {
    float: left;
}
#toppage_feature .feature_img .blog_article dl {
    width: 252px;
}
div#special_feature{
	width: 206px;
	height: 284px;
	padding: 9px;
	overflow: hidden;
	float: left;
	background:transparent url(../img/top_box_bg.gif) no-repeat right top;
	text-align: center;
}
div#special_feature h3 {
    padding-top: 21px;
    width: 206px;
    margin-top: 1px;
    margin-bottom: 42px;
    height: 0;
    overflow: hidden;
    background: url(../img/special_feature.gif) no-repeat top;
}
div#special_feature div.content {
    height: 150px;
	overflow: hidden;
	padding: 0 10px;
}
div#special_feature div.content img {
    display: block;
    margin: 0 auto 15px;
}
div#special_feature div.area {
    height: 210px;
	overflow: hidden;
}
div#special_feature p.more{
	margin-top: 10px;
}

div#special_feature .sf_wrapper {
	color: #FFF;
	width: 206px;
	height: 210px;
	overflow: hidden;
}
div#special_feature .news_navi {
    height: 7px;
    background: url(../img/gprecommend_doubleline.gif) no-repeat center;
    padding: 2px 80px;
}
div#special_feature .news_navi a {
    display: block;
    float: left;
	width: 20px;
	height: 7px;
	overflow: hidden;
	font-size: 0;
}

div#special_feature .news_navi a span {
	overflow: hidden;
	height: 0;
	display: block;
	width: 8px;
	padding-top: 7px;
	background-repeat: no-repeat;
	background-image: url(../img/arrownavs.png);
	margin: auto;
}
div#special_feature .news_navi a.news_up span {
    background-position: left -8px;
}
div#special_feature .news_navi a.news_up {
    margin-right: 5px;
}
div#special_feature .news_navi a.news_down span {
    background-position: right -8px;
}
div#special_feature .news_navi a.news_up:hover span {
    background-position: left top;
}
div#special_feature .news_navi a.news_down:hover span {
    background-position: right top;
}
div#special_feature .sf_none {
	display: none;
	width: 210px;
	height: 301px;
	margin-left: 6px;
}

/*

8: Section Special Features

------------------------------------------------------*/
#cat_feature,
#top_feature {
    width: 670px;
}
#cat_feature {
	margin-top: 18px;
}
#top_feature #display {
    border-bottom: 1px solid #d7d7d7;
}
#cat_feature #display,
#top_feature #display {
    position: relative;
    overflow:hidden;
}
#cat_feature #display_inner,
#top_feature #display_inner {
    width: 6700px;
    position: absolute;
}
#cat_feature .cat_feature_content,
#top_feature .top_feature_content {
    width: 670px;
    position: relative;
    float: left;
}
#top_feature #display,
#top_feature .top_feature_content,
#top_feature #display_inner {
    height: 203px;
}
#cat_feature #display,
#cat_feature .cat_feature_content,
#cat_feature #display_inner {
    height: 90px;
}
#top_feature #top_feature_nav,
#cat_feature #cat_feature_nav {
    height: 20px;
}
#cat_feature #cat_feature_nav a,
#top_feature #top_feature_nav a,
#top_feature #top_feature_nav span.title {
    display: block;
    float: left;
    padding-top: 20px;
    height: 0;
    overflow: hidden;
    background-repeat: no-repeat;
}
#top_feature #top_feature_nav span.title {
    width: 91px;
    background-image: url(../img/section_special_features_title.gif);
    margin-right: 6px;
    background-position:  -3px 0;
}
#top_feature #top_feature_nav a:hover,
#top_feature #top_feature_nav a.active,
#cat_feature #cat_feature_nav a:hover,
#cat_feature #cat_feature_nav a.active,
#top_feature #top_feature_nav a,
#cat_feature #cat_feature_nav a {
    width: 14px;
    background-image: url(../img/sec_special_feature_nav.gif);
    outline: none;
}
#top_feature #top_feature_nav a,
#cat_feature #cat_feature_nav a {
	background-position: 0 -20px;
}
#top_feature #top_feature_nav a:hover,
#top_feature #top_feature_nav a.active,
#cat_feature #cat_feature_nav a:hover,
#cat_feature #cat_feature_nav a.active {
	background-position: 0 0;
}

/*

9: Category Box

------------------------------------------------------*/
div#category_box div.category_box_cats div.cat-group ul {
    float: left;
    width: 160px;
    width: 125px;
    margin-left: 13px;
    margin-left: 10px;
    width: 128px;
}
div#category_box div.category_box_cats div.group1 ul.ul_group1 {
    margin: 0;
}
div#category_box {
    clear: both;
    padding-top: 11px;
}
div#category_box h3 {
    background: url("../img/inj_li.gif") no-repeat;
    height:0;
    overflow:hidden;
    margin: 0 0 3px;
    padding-top:30px;
}
div#category_box .category_box_cats {
    background: url(../img/category_border.gif) repeat-y;
}
div#category_box .category_box_cats div.cat-group {
    float: left;
}
div#category_box .category_box_cats div.cat-space {
    height: 21px;
    width: 100%;
    clear: both;
}
div#category_box .category_box_cats div.group1 {
    margin-left: 0;
}
div#category_box ul li,
div#category_box h4 {
    height: 20px;
    white-space: nowrap;
}

/*

10: ERROR

----------------------------------------------------*/
.error h2 {
    font-family: georgia,serif,"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝";
    background: url("../img/common_img/servererror.gif") no-repeat center bottom;
    color: #282727;
    font-size: 30px;
    line-height: 1.5;
    padding: 0 0 22px;
    text-align: center;
}
.error div.error_message {
    background: url("../img/common_img/70.png") no-repeat center top;
    text-align: center;
    margin: 22px 33px 75px;
    padding: 60px 35px 0;
}
.error {
    padding: 20px 0;
    margin: 50px auto 0;
    width: 680px;
}

/*

11: TAG

----------------------------------------------------*/
.tag div#sub_links #sub_links_list {
    display: block;
}
.tag div#sub_links #sub_links_list p {
    color: #000;
    font-family: Geneva, Arial;
    padding-left: 6px;
}
.tag div#sub_links #sub_links_list p span {
    color: #d7d7d7;
}

/*

12: Contact Form 7

----------------------------------------------------*/
div.wpcf7 {
	margin: 0;
	padding: 0;
}
div.wpcf7-response-output {
	margin: 1em 0;
}
div.wpcf7-mail-sent-ok {
	color: #598527;
}
div.wpcf7-mail-sent-ng {
	color: #ff0000;
}
div.wpcf7-spam-blocked {
	color: #ff0000;
}
div.wpcf7-validation-errors {
	color: #ff0000;
}
span.wpcf7-form-control-wrap {
	position: relative;
}
span.wpcf7-not-valid-tip {
	color: #ff0000;
	display: block;
	margin-top: 2px;
}
span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}
span.wpcf7-list-item {
	margin-left: 0.5em;
}
.wpcf7-display-none {
	display: none;
}
div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

/*

12: Quake

----------------------------------------------------*/
.page-template-quakesp-php div.main_column,
.page-template-quakesp-php div.main_column div.latest_posts ,
.page-template-quakesp-php div.main_column div.latest_posts li.blog_article {
	float: none;
	width: 910px;
}
.page-template-quakesp-php div.main_column {
	margin: 0 auto;
}
.page-template-quakesp-php div.main_column div.latest_posts li.first_latest_article dl {
	width: 584px;
}
/*

13: Announce

----------------------------------------------------*/
div.announce {
    min-width: 950px;
    background: #fffde4;
}
div.announce p {
    padding: 6px 5px;
    margin-bottom: 0;
    text-align: center;
    color: #464646;
}
div.announce p a {
    color: #464646;
}
/*

15: Be A Blogger

----------------------------------------------------*/
.beablogger_outer {
	position: relative;
    overflow: hidden;
    height: 700px;
	margin-bottom: -10px;
}
.beablogger {
    width: 990px;
    padding-top: 35px;
    padding-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}
.beablogger {
	padding-left: 20px;
	padding-right: 27px;
}
.beablogger .textcontent {
	width: 355px;
	float: left;
}
.beablogger .bloggerthankyou,
.beablogger .bloggerform {
	width: 560px;
	float: right;
	position: relative;
}
.beablogger .textcontent h2 {
	font-size: 24px;
	font-family: Metrophobic, Myriad, "Myriad pro", Arial, sans-serif;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.beablogger .textcontent p {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 15px;
}
.beablogger .textcontent h3 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 3px;
	margin-top: 19px;
}
.beablogger .textcontent ol li {
	list-style: decimal outside none;
	line-height: 1.5;
	margin-bottom: 4px;
}
.beablogger .textcontent ol {
	padding-left: 20px;
}
.beablogger .clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
}
.beablogger .bloggerform .menu_box .title span:hover {
	text-decoration: none;
}
.beablogger .bloggerform .menu_box .title span {
    background: #349434;
    color: #FFFFFF;
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    text-transform: uppercase;
}
.beablogger .bloggerform .menu_box .title {
    display: block;
    float: left;
    height: 25px;
    line-height: 25px;
    margin-right: 1px;
}
.beablogger .bloggerform .menu_box .title:after {
    background-image: url("../img/gbottom_arrow.gif");
    background-position: center bottom;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 25px;
    padding-bottom: 4px;
}
.beablogger .bloggerform .menu_box .title {
    display: block;
    float: left;
    margin-right: 1px;
}
.beablogger .bloggerform .menu_box {
    border-bottom: 1px solid #349434;
    height: 25px;
    line-height: 25px;
    margin-bottom: 13px;
}
.beablogger .bloggerform textarea,
.beablogger .bloggerform input.text {
    border: 1px solid #349434;
}
.beablogger .bloggerform textarea {
	width: 557px;
}
.beablogger .bloggerform input.text {
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
}
.beablogger .bloggerform dl.side1 input.text {
    width: 268px;
}
.beablogger .bloggerform dl.side2 input.text {
	border-left: 0;
    width: 269px;
}
.beablogger .bloggerform .row {
    margin-bottom: 10px;
}
.beablogger .bloggerform dt {
    color: #303030;
    margin-bottom: 4px;
    font-size: 11px;
}
.beablogger .bloggerform .warning {
	color: #FF0000;
}
.beablogger .bloggerform dt {
    font-family: Arial,"Hiragino Kaku Gothic Pro","MS P Gothic",verdana,Helvetica,sans-serif;
}
.beablogger .bloggerform .checkcategories span.wpcf7-list-item,
.beablogger .bloggerform dl.side1,
.beablogger .bloggerform dl.side2 {
    float: left;
    width: 280px;
}
.beablogger .bloggerform .checkcategories span.wpcf7-list-item {
    margin-left: 0;
}
.beablogger .bloggerform .messagetextarea,
.beablogger .bloggerform .checkcategories {
	clear: both;
}
.beablogger .bloggerform .checkcategories {
	margin-top: 17px;
	margin-bottom: 10px;
}
.beablogger .bloggerform .messagetextarea {
	margin-bottom: 14px;
}
.beablogger .bloggerform .checkcategories dt {
	font-size: 12px;
	font-weight: bold;
	font-family: verdana,arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS UI Gothic",Meiryo,"メイリオ",sans-serif;
	margin-bottom: 9px;
}
.beablogger .bloggerform .checkcategories .wpcf7-list-item {
	margin-bottom: 7px;
}
.beablogger .bloggerform .checkcategories .wpcf7-list-item input {
	margin-right: 3px;
}
.beablogger .bloggerform .gsubmitbox2 span {
    background-position: left 0;
    display: inline-block;
    margin-right: 5px;
    padding-left: 2px;
    border-radius: 3px 3px 3px 3px;
}
.beablogger .bloggerform .gsubmitbox2 span,
.beablogger .bloggerform .gsubmitbox2 span input {
    background-color: #FFFFFF;
    background-image: url("../img/button2.png");
    background-repeat: no-repeat;
}
.beablogger .bloggerform .gsubmitbox2 span input {
	padding-left: 13px;
    padding-right: 17px;
    color: #FFFFFF;
    border: 0 none;
    cursor: pointer;
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    padding-bottom: 4px;
    background-position: right 0;
}
.beablogger .bloggerform .gsubmitbox2 span:hover {
	background-position: left -28px;
}
.beablogger .bloggerform .gsubmitbox2 span:hover input {
	background-position: right -28px;
}
.beablogger .bloggerform div.wpcf7 img.ajax-loader {
	position: absolute;
}
.beablogger .bloggerform .checkcategories span.wpcf7-not-valid-tip {
	clear: both;
	width: 100%;
}
.beablogger .bloggerform .wpcf7-not-valid-tip,
.beablogger .bloggerform .wpcf7-response-output {
	font-size: 11px;
}
.beablogger .bloggerthankyou {
	color: #303030;
	font-size: 14px;
	line-height: 1.5;
}
.beablogger .bloggerthankyou .bloggerthankyoulink a {
	color: #303030;
}
.beablogger .bloggerthankyou .bloggerthankyoulink {
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 18px;
	margin-top: 25px;
}