@charset "utf-8";
/*
Theme Name: agora Theme
Theme URI: http://wordpress.org/
Description: WordPress のテーマ
Version: 1.0
Author: agora
Author URI: 
Tags: custom theme

*/

/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

/* ページ全体
------------------------------------------------------------ */

body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
}
#wrapper {
	width: 1060px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
}


/* リンクテキストの装飾
------------------------------------------------------------ */

a:link,
a:hover,
a:active,
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* 全ての行間を詰める（行間リセット）
------------------------------------------------------------ */

h1,h2,h3,h4,h5,h6,p,ul,ol,dl {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1;
}

/* img装飾
------------------------------------------------------------ */

img {
	border: none;
}

/* ページの先頭に戻る
------------------------------------------------------------ */

.gotop {
	clear: both;
	margin: 0 10px;
	text-align: right;
	font-size: 77%;
}
#pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
}

/* ヘッダー装飾（サイトID部分）
------------------------------------------------------------ */

#header {
	width: 1040px;
	height: 90px;
	margin: 0 auto;
	background: #fff;
	padding: 10px;
}
#header h1 {
	float: left;
}

#header .banner {
	float: right;
}
#header .sns {
	margin: 0 0 0 10px;
}
#header .sns li {
	float: left;
	margin: 37px 5px 0 0;
}

/* globalnavi
------------------------------------------------------------ */

#globalnaviWrapper {
	width: 100%;
	background: #06c;
	margin: 0 0 20px 0;
}
#globalnavi {
	clear: both;
	width: 1060px;
	margin: 0 auto;
}
#globalnavi ul {
	padding: 0 0 0 10px;
}
#globalnavi ul li {
	float: left;
}
#globalnavi ul li a {
	display: block;
	color: #fff;
	padding: 10px 18px;
}
#globalnavi ul li.current a {
	background: #f0f0f0;
	color: #333;
}
#search {
	float: right;
	margin: 5px 10px 0 0;
}
#search .text {
	width: 160px;
	padding: 2px;
	border:1px solid #e0e0e0;
}
#search .submit {
	padding: 2px 5px;
	border:1px solid #e0e0e0;
	color: #999;
	font-size: 93%;
    cursor: pointer;
}

/* パンくずリンク
------------------------------------------------------------ */

.breadcrumb {
	margin: 0 0 10px 0;
	font-size: 85%;
}


/* コンテンツ部分
------------------------------------------------------------ */

#content {
	margin: 0 0 20px 0;
	padding: 0 10px;
}

/* レイアウト
------------------------------------------------------------ */

#content #main {
	float: left;
	width: 740px;
}
#content #sub {
	float: left;
	width: 300px;
	margin: 0;
}

/* 見出し装飾
------------------------------------------------------------ */

.mainHeader h2 {
	line-height: 30px;
	font-weight: bold;
}
.mainHeader a {
	color: #333;
}
.mainHeader span {
	color: #ccc;
	font-size: 77%;
}
.mainHeader .through {
	float: right;
	margin: -2em 10px 0 0;
	font-size: 77%;
}
.mainHeader .through a {
	color: #666;
}

#main .header {
	width: 700px;
	margin: 0 0 15px 0;
	border-bottom: 1px dotted #ccc;
}
#main .header h2 {
	margin: 0 0 5px 0;
	font-size: 108%;
	font-weight: bold;
}
#main .header h2 span {
	font-weight: normal;
	font-size: 85%;
}

/* oneColumn
------------------------------------------------------------ */

.oneColumn {
	width: 700px;
}
.oneColumn .box {
/*	height:auto;*/
/*	float: left;*/
	display:inline-block;
	vertical-align:top;
	width: 100%;
	margin: 0 20px 20px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #ccc;
}
.oneColumn .box .image {
	float: left;
	margin: 0 10px 0 0;
}
.oneColumn .box .title {
	min-height: 1.3em;
	margin: 0 0 .2em 0;
	font-size: 123.1%;
	line-height: 1.3em;
}
.oneColumn .excerpt {
	font-size: 93%;
	line-height: 1.3em;
	color: #666;
}
.oneColumn .author {
	margin: 0 0 1em 0;
	font-size: 93%;
	line-height: 1.3em;
	color: #999;
}
.oneColumn .box .author a {
	color: #999;
}
.oneColumn .date {
	color: #999;
}
.oneColumn .box .pr {
	float: right;
	margin-top: -1.3em;
	padding: 1px 4px;
	background: #06c;
	color: #fff;
	font-size: 85%;
}

/* twoColumns box
------------------------------------------------------------ */

.twoColumns {
	margin: 0 0 10px 0;
	letter-spacing: -.4em;
}
.twoColumns .box {
/*	height:auto;*/
/*	float: left;*/
	display:inline-block;
	vertical-align:top;
	width: 340px;
	margin: 0 20px 20px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #ccc;
	letter-spacing: normal;
}
.twoColumns .box .image {
	float: left;
	margin: 0 10px 0 0;
}
.twoColumns .box .title {
	min-height: 2.6em;
	margin: 0 0 .2em 0;
	font-size: 123.1%;
	line-height: 1.3em;
}
.twoColumns .box .author a {
	font-size: 93%;
	line-height: 1.3em;
	color: #999;
}
.twoColumns .box .pr {
	float: right;
	margin-top: -1.6em;
	padding: 1px 4px;
	background: #06c;
	color: #fff;
	font-size: 85%;
}

/* threeColumns box
------------------------------------------------------------ */

.threeColumns,
.fourColumns {
	margin: 0 0 10px 0;
}
.threeColumns .box {
/*	height:auto;*/
/*	float: left;*/
  display:inline-block;
  vertical-align:top;
	width: 220px;
	margin: 0 20px 20px 0;
}
.threeColumns .box .title {
	min-height: 2.6em;
	margin: 0 0 .2em 0;
	font-size: 123.1%;
	line-height: 1.3em;
}
.threeColumns .box .category a,
.threeColumns .box .author a {
	font-size: 93%;
	line-height: 1.3em;
	color: #999;
}
.threeColumns .box .date {
	font-size: 77%;
	line-height: 1.3em;
	color: #999;
}
.threeColumns .box .pr {
	position: relative;
	float: right;
	margin-top: -1.2em;
	padding: 1px 4px;
	background: #06c;
	color: #fff;
	font-size: 100%;
	z-index: 1;
}

/* fourColumns box
------------------------------------------------------------ */

.fourColumns .box {
/*	height:auto;*/
/*	float: left;*/
	display:inline-block;
	vertical-align:top;
	width: 160px;
	margin: 0 20px 20px 0;
}
.fourColumns .box .title {
	min-height: 2.6em;
	margin: 0 0 .2em 0;
	font-size: 93%;
	line-height: 1.4em;
}
.fourColumns .box .date,
.fourColumns .box .author a {
	font-size: 85%;
	line-height: 1.4em;
	color: #999;
}
.fourColumns .box .pr {
	position: relative;
	float: right;
	margin-top: -1.5em;
	padding: 1px 4px;
	background: #06c;
	color: #fff;
	font-size: 85%;
	z-index: 1;
}

/* twoColumnsCategory
------------------------------------------------------------ */

.twoColumnsCategory {

}
.twoColumnsCategory .box {
/*	height:auto;*/
/*	float: left;*/
	display:inline-block;
	vertical-align:top;
	width: 318px;
	margin: 0 20px 20px 0;
	padding: 10px 10px 10px 10px;
	border: 1px solid #e0e0e0;
}
.twoColumnsCategory .boxHeader {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #e0e0e0;
}
.twoColumnsCategory h3 {
}
.twoColumnsCategory .boxHeader span {
	display: block;
	text-align: right;
	margin-top: -1.2em;
	font-size: 85%;
}
.twoColumnsCategory ul {

}
.twoColumnsCategory ul li {
	margin: 0 0 10px 0;
}
.twoColumnsCategory .box .title {
	display: block;
	margin: 0 0 5px 0;
	line-height: 1.3;

}
.twoColumnsCategory .box .author {
	font-size: 93%;
}
.twoColumnsCategory .box .author a {
	color: #999;
}
.twoColumnsCategory .box .pr {
	position: relative;
	float: right;
	padding: 2px 3px;
	border: 1px solid #e0e0e0;
	font-size: 85%;
	color: #999;
}

/* topics
------------------------------------------------------------ */

#main .topics {
	clear: both;
	width: 680px;
	margin: 0 0 30px 0;
	padding: 10px;
	background: #f0f0f0;
}
#main .topics .topicsHeader {
	margin: 0 0 10px 0;
}
#main .topics .topicsHeader h2 {
	font-weight: bold;
}
#main .topics ul li {
	display: table-cell;
	*display: inline;  
	*zoom: 1;
}
#main .topics ul li a {
	display: inline-block;
	width: 120px;
	margin: 0 20px 0 0;
}
#main .topics ul li:nth-child(5) a {
	margin: 0;
}
#main .topics ul li img {
	margin: 0 5px 0 0;
	vertical-align: middle;
}

/* keywords
------------------------------------------------------------ */

#main .keywords {
	clear: both;
	width: 680px;
	margin: 0 0 30px 0;
	padding: 10px;
	background: #f0f0f0;
/*	overflow: scroll;*/
}
#main .keywords .keywordsHeader {
	margin: 0 0 10px 0;
}
#main .keywords .keywordsHeader h2 {
	font-weight: bold;
}
#main .keywords ul li {
	float: left;
	font-size: 116%;
}
#main .keywords ul li a {
	display: inline-block;
	margin: 0 18px 0 0;
}

/* #main banner
------------------------------------------------------------ */

#main .banner {
	margin: 0 0 40px 0;
	text-align: center;
}
.bannerFirst {
	float: left;
	margin: 0 40px 0 30px;
}
.bannerSecond {

}
#main .banner .microad {
	width: 468px;
	margin: 0 auto;
}

/* archive
------------------------------------------------------------ */

#sub .archive .header {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	border-left: 3px solid #666;
}
.archive .section {
	margin: 0 0 20px 0;
	padding: 10px 10px 0 10px;
/*	border: 1px solid #ccc;*/
}

/* movie
------------------------------------------------------------ */

#sub .movie .header {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	border-left: 3px solid #666;
}
#sub .movie .header h2 {
	font-size: 108%;
	font-weight: bold;
}

.movie .section {
	margin: 0 0 20px 0;
	padding: 10px 10px 0 10px;
	border: 1px solid #ccc;
}
.movie img {
	float: right;
	margin: 0 0 0 10px;
}
.movie .category {
	display: block;
	margin: 0 0 5px 0;
}
.movie .title {
	display: block;
	line-height: 1.4;
	margin: 0 0 10px 0;
}
.movie .category a {
	color: #999;
}
.movie ul {

}
.movie li {
	min-height: 70px;
	_height: 70px;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #ccc;
}
.movie li:nth-child(3) {
	min-height: 70px;
	_height: 70px;
	margin: 0;
	border: none;
}

/* book
------------------------------------------------------------ */

#sub .book .header {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	border-left: 3px solid #666;
}
#sub .book .header h2 {
	font-size: 108%;
	font-weight: bold;
}

.book .section {
	margin: 0 0 20px 0;
	padding: 10px 10px 0 10px;
	border: 1px solid #ccc;
}
.book img {
	float: right;
	margin: 0 0 0 10px;
	max-height: 87px;
	max-width: 60px;
}
.book .category {
	display: block;
	margin: 0 0 5px 0;
}
.book .title {
	display: block;
	line-height: 1.4;
}
.book .category a {
	color: #999;
}
.book ul {

}
.book li {
	height: 97px;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #ccc;
}
.book li:nth-child(3) {
	height: 97px;
	margin: 0;
	border: none;
}

/* link
------------------------------------------------------------ */
.link .section {
	margin: 0 0 20px 0;
	padding: 10px 10px 0 10px;
	border: 1px solid #ccc;
	background: #f0f0f0;
}
.link img {
/*	float: left;*/
	margin: 0 10px 10px 0;
}
.link .title {
	display: block;
	line-height: 1.4;
}
.link ul {

}
.link li {
	min-height: 70px;
	margin: 0 0 10px 0;
	border: none;
}

/* information
------------------------------------------------------------ */
#sub .information .header {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	border-left: 3px solid #666;
}
#sub .information .header h2 {
	font-size: 108%;
	font-weight: bold;
}
.information .section {
	margin: 0 0 20px 0;
	padding: 10px 10px 0 10px;
	border: 3px solid #ccc;
}
.information img {
	float: left;
	margin: 0 10px 10px 0;
}
.information .title {
	display: block;
	line-height: 1.4;
	font-size: 108%;
}
.information ul {

}
.information li {
	min-height: 60px;
	margin: 0 0 10px 0;
	border: none;
}


/* ranking
------------------------------------------------------------ */

#tab {
	background: #FF8484;
}
#tab li {
	float: left;
	width: 100px;
	padding: 10px 0;
	list-style: none;
	cursor: pointer;
	background: #FF2828;
	color: #fff;
	text-align: center;
	overflow: hidden;
}
#tab li.select {
	background: #c00;
}
#tab li.third {
  
}
.disnon {
  display: none;
}

.rankingWrapper .header {
	min-height: 20px;
	padding: 5px 0 0 35px;
    background: url(img/ic_ranking.png) no-repeat left top;
}
.rankingWrapper h2 {
	font-size: 108%;
	font-weight: bold;
}
.rankingWrapper .section {
	clear: left;
	margin: 0 0 20px 0;
	padding: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.ranking {
    counter-reset: ranking;
}
.rankingWrapper ul.ranking {
	list-style: none;
	padding-left: 1em;
}
.ranking li {
	position: relative;
	line-height: 1.4;
	margin-bottom: 4px;
	padding-left: 1.5em;
}
.ranking li:before {
	position: absolute;
    content: counter(ranking, decimal);
    counter-increment: ranking;
	font-size: 93%;
	padding: 2px 7px;
	background: #c00;
	font-weight: bold;
	color: #fff;
	left: -1em;
}
.ranking li:nth-child(10):before {
	position: absolute;
    content: counter(ranking, decimal);
    counter-increment: ranking;
	font-size: 93%;
	padding: 2px 4px;
	background: #c00;
	font-weight: bold;
	color: #fff;
	left: -1em;
}
.ranking .title {
	display: block;
	font-size: 108%;
}
.ranking .author a {
	color: #999;
	font-size: 85%;
}

/* sub装飾（サブカラム）
------------------------------------------------------------ */

#sub p {
	line-height: 1.5;
}

/* subSection装飾
------------------------------------------------------------ */
.subSection {
	width: 300px;
	margin: 0 0 20px 0;
}
#sub .banner {
	margin: 0 0 20px 0;
}

/* select装飾
------------------------------------------------------------ */
#sub select {
    position: relative;
    width: 100%;
    padding: 5px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #e0e0e0;
    background: #eee;
    background: -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
    background: #f9f9f9;
}
#sub option {
    padding: 1px 10px;
}
#sub .archive .selectGroup  {
    position: relative;
}
#sub .archive .selectGroup:after {
    position: absolute;
    top: 0;
    right: 18px;
    bottom: 0;

    width: 0;
    height: 0;
    margin: auto;

    content: '';

    border-top: 6px solid #999;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

/* フッター装飾
------------------------------------------------------------ */

#footerWrapper {
	width: 100%;
	margin: 0;
	background: #fff;
}
#footer {
	min-height: 200px;
	_height: 200px;
	margin: 0;
	padding: 0 0 0 0;

}
#footerInner {
	width: 1040px;
	margin: 0 auto;
	padding: 30px 10px 0 10px;
	color: #666;
	font-size: 93%;
}
#footer p {
	margin-bottom: .5em;
	color: #333;
	font-weight: bold;
	font-size: 116%;
}
#footer p.support {
	color: #f30000;
}
#footer ul {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
}
#footer li {
	margin: 0 0 .3em 0;
	padding: 0;
	line-height: 1.5;
}
#footer li a {
	margin: 0;
	padding: 0;
	color: #666;
}
.footerListFirst {
	float: left;
	width: 200px;
	padding: 0;
}
.footerList {
	float: left;
	width: 200px;
	margin: 0 0 0 40px;
	padding: 0;
}
.footerHeader {
	margin: 0 0 .5em 0;
	font-size: 131%;
	letter-spacing: .1em;
}
#copyright {
	clear: both;
	margin: 0;
	padding: 10px 0;
	text-align: center;
}
#copyright p {
	font-size: 96%;
	font-weight: normal;
}
#copyright a {

}
img.log {
	display: none;
}


/* カテゴリー一覧
------------------------------------------------------------ */

.categoryHeader {
	width: 700px;
	margin: 0 0 20px 0;
	padding: 5px 0;
	border-bottom: 1px dotted #e0e0e0;
}
.categoryHeader h3 {
	font-weight: normal;
	font-size: 116%;
}
.categoryHeader a {
	color: #000;
}

/* categoryPost装飾
------------------------------------------------------------ */

.categoryPostBox {
	min-height: 90px;
	_height: 90px;
	margin: 0 0 10px 0;
	padding: 0 10px 10px 10px;
/*	border-bottom: 1px dotted #f0f0f0; */
}
.categoryPostThumb {
	float: left;
}
.categoryPostThumb img {
	margin: 0 10px 10px 0;
	border: 3px solid #f0f0f0;
}
.categoryPostDate {
	color: #666;
	font-size: 85%;
}
.categoryPostTitle {
	font-size: 116%;
	line-height: 1.5;
}
.categoryPostContent p {
	color: #999;
	font-size: 85%;
	line-height: 1.5;
}
.categoryPostCategory {
	font-size: 85%;
}


/* postPage
------------------------------------------------------------ */
.postPage {
	width: 610px;
	margin: 0 0 0 10px;
	padding: 0 0 40px 0;
}
.postPage h3 {
	margin: 0 0 1em 0;
	line-height: 1.5;
	font-weight: bold;
	font-size: 182%;
}
.postPage h4 {
	margin: 0 0 1em 0;
	padding: 0 0 0 10px;
	border-left: 10px solid #f6a900;
	border-bottom: 1px dotted #f6a900;
	line-height: 1.5;
	font-weight: bold;
	font-size: 138.5%;
}
.postPage h5 {
	margin: 0 0 1em 0;
	line-height: 1.5;
	font-weight: bold;
	font-size: 116%;
}
.postPage p {
	margin: 0 10px 1.8em 20px;
	line-height: 1.8;
	font-size: 116%;
}
.postPage a {
	text-decoration: underline;
}
.postPage a:hover {
	text-decoration: none;
}
.postPage ul,
.postPage ol {
	margin: 0 0 1.5em 40px;
}
.postPage li {
	padding: ;
	list-style: disc;
	line-height: 1.5;
}
.postPage blockquote {
	margin: 0 0 1.5em 20px;
	padding: 5px;
	border: 1px dotted #ccc;
}
.postPage dl {
}
.postPage dt {
	line-height: 1.5;
}
.postPage dd {
	line-height: 1.5;
}



.article {
	width: 700px;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
}
.article .title {
	clear: both;
}
.article .title h2 {
	margin: 0 0 1em 0;
	line-height: 1.3;
	font-size: 197%;
/*	font-weight: bold;*/
}
.article p {
	margin: 0 0 1.8em 0;
	line-height: 1.8;
}
.article .function {
	float: right;
}
.article hr {
    clear: both;
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.article .amazon {
    margin: 0 0 10px 0;
}
.article .amazon:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.function .date {
	text-align: right;
	margin: 0 0 5px 0;
	font-size: 108%;
}
.sns li {
	float: left;
	margin: 0 0 0 5px;
}
.article .categoryList {
	margin: 0 0 15px 0;
}
.article .categoryList li {
	float: left;
	margin: 0 5px 0 0;
}
.article .categoryList a {
	display: block;
	padding: .5em 1em;
	background: #06c;
	color: #fff;
	font-size: 85%;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	/* Firefox用 */
}
.article .tag {
	margin: 0 0 20px 0;
}
.articleRecommend {
	width: 700px;
}

.articleContent {
	clear: both;
	padding: 0 20px 0px 20px;
}
.articleContent {
	margin: 0 0 1.8em 0;
	line-height: 1.8;
	font-size: 123.1%;
}
.articleContent strong {
	font-weight: bold;
}
.articleContent a {
	color: #06c;
	text-decoration: underline;
}
.articleContent a:hover {
	text-decoration: none;
}
.articleContent h1 {
	margin: 0 0 1em 0;
	padding: 0 0 0 15px;
	border-left: 5px solid #ccc;
	line-height: 1.3;
	font-size: 161.6%;
}
.articleContent h2 {
	margin: 0 0 1em 0;
	padding: 0 0 0 15px;
	border-left: 5px solid #ccc;
	line-height: 1.3;
	font-size: 153.9%;
}
.articleContent h3 {
	margin: 0 0 1em 0;
	padding: 0 0 0 15px;
	border-left: 5px solid #ccc;
	line-height: 1.3;
	font-size: 123.1%;
}
.articleContent h4 {
	margin: 0 0 1em 0;
	padding: 0 0 0 15px;
	border-left: 5px solid #ccc;
	line-height: 1.3;
	font-size: 123.1%;
}
.articleContent h5 {
	margin: 0 0 1em 0;
	padding: 0 0 0 15px;
	border-left: 5px solid #ccc;
	line-height: 1.3;
	font-size: 116%;
}
.articleContent h6 {
	margin: 0 0 1em 0;
	padding: 0 0 0 15px;
	border-left: 5px solid #ccc;
	line-height: 1.3;
	font-size: 100%;
}
.articleContent ul,
.articleContent ol {
	margin: 0 0 1.5em 2em;
/*	font-size: 116%;*/
}
.articleContent ul li {
	margin: 0 0 1em 0;
	padding: ;
	list-style: disc;
	line-height: 1.7;
}
.articleContent ol li {
	margin: 0 0 1em 0;
	padding: ;
	list-style: decimal;
	line-height: 1.7;
}
.articleContent dl {
	margin: 0 0 1.5em 1em;
/*	font-size: 116%;*/
}
.articleContent dt {
	margin: 0 0 .5em 0;
	line-height: 1.5;
}
.articleContent dd {
	margin: 0 0 .5em 2em;
	line-height: 1.5;
}
.articleContent blockquote p{
	margin: 0 0 1.5em 0;
}
.articleContent blockquote{
	clear: both;
	background-color: #eee;
	margin: 0 20px 2em 20px;
	padding: 3em 2em 2em 2em;
	position: relative;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
.articleContent blockquote:before{
	content: "“";
	font-size: 700%;
	line-height: 1em;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	color: #ccc;
	position: absolute;
	left: 5px;
	top: 5px;
}
.articleContent blockquote:after{
	content: "”";
	font-size: 700%;
	line-height: 0em;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	color: #ccc;
	position: absolute;
	right: 5px;
	bottom: 0;
}




/* authorInfo
------------------------------------------------------------ */
.articleTop {

}
.articleTop .authorInfo {
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dotted #e0e0e0;
}
.articleTop .authorAvatar {
	float: left;
}
.articleTop .authorAvatar img {
	width: 40px;
	height: 40px;
}
.articleTop .author {
	margin: 0 0 0 55px;
	line-height: 1.4;
	font-size: 116%;
}

.articleBottom {
	margin: 0 0 20px 0;
}
.articleBottom .authorInfo {
	min-height: 60px;
	padding: 15px;
	border: 1px solid #e0e0e0;
}
.articleBottom .authorAvatar {
	float: left;
}
.articleBottom .authorProfile {
	margin: 0 0 0 75px;
	line-height: 1.4;
}
.articleBottom .author {
	font-size: 108%;
}
.articleBottom .profile {
	margin: 0 0 .5em 0;
	color: #666;
	font-size: 93%;
}
.articleBottom .authorPage {
	text-align: right;
}


.authorInfoArchive {
	clear: both;
	width: 678px;
	margin: 0 0 20px 0;
	padding: 10px;
	min-height: 120px;
	_height: 120px;
	border: 1px solid #e0e0e0;
}
.authorInfoArchive .avatar {
	float: left;
	margin: 0 10px 0 0;
}
.authorInfoArchive .name {
	margin: 0 0 .5em 0;
}

.authorBusinesstitle {
	margin: 0 0 0 140px;
}
.authorBusinesstitle .description {
	margin: 0 0 10px 0;
	line-height: 1.5;
}
.authorBusinesstitle a {
	color: #06c;
}

/* 投稿ページ内、テキスト回り込み
------------------------------------------------------------ */

p img {
	padding: 0;
	max-width: 100%;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
p img.aligncenter {
	display: block;
	margin: 0 auto;
}
img.alignright {
	padding: 0;
	margin: 0 0 2px 15px;
	display: inline;
}
img.alignleft {
	padding: 0;
	margin: 0 15px 2px 0;
	display: inline;
}
.alignright img {
	padding: 0;
	margin: 0 0 2px 15px;
	display: inline;
}
.alignleft img {
	padding: 0;
	margin: 0 15px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
.aligncenter {
	margin: 0 auto;
}
p.wp-caption-text {
	color: #666;
	font-size: 77%;
	line-height: 1.6;
}
.alignright p.wp-caption-text {
	padding: 0 0 2px 20px;
}
.alignleft p.wp-caption-text {
	padding: 0 20px 2px 0;
}

/* ページナビゲーション　wp-pagenavi(wp-content/plugins/wp-pagenavi/pagenavi-css.css)
------------------------------------------------------------ */

.wp-pagenavi {
	position: relative;
	clear: both;
	margin: 0 0 40px 0;
	padding: 10px 0;
	text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #e0e0e0;
	padding: 3px 5px;
	margin: 1px;
	background: url(img/bg_pagenavi.gif) repeat-x top;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
	background: url(img/bg_pagenavi_o.gif) repeat-x top;
}
.wp-pagenavi span.current {
	font-weight: bold;
}

/* Clear Floated Elements
------------------------------------------------------------ */

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* clearfixハック
------------------------------------------------------------ */

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* more
------------------------------------------------------------ */
.more {
	clear: both;
	display: block;
	text-align: center;
}
.more a {
    display: inline-block;
    width: 200px;
    height: 40px;
    text-align: center;
    text-decoration: none;
    font-weight:bold;
    outline: none;
    position: relative;
    background-color: #1abc9c;
    border-radius: 4px;
    color: #fff;
    line-height: 40px;
    -webkit-transition: none;
    transition: none;
    box-shadow: 0 3px 0 #0e8c73;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.more a::before,
.more a::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.more a,
.more a::before,
.more a::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.more a:hover {
    background-color: #31c8aa;
    box-shadow: 0 3px 0 #23a188;
}
.more a:active {
    top: 3px;
    box-shadow: none;
}


/* sk追加
------------------------------------------------------------ */
.feature {
	width: 700px;
	height: 200px;
	margin: 0 0 25px 0;
}
.feature .navi {
	width: 405px;
	float: right;
}
.feature .navi li {
	margin: 0 0 10px 0;
	padding: 0 0 0 8px;
	border-left: 3px solid #f0f0f0;
	display: block;
}
.feature .navi li.active {
	border-left: 3px solid #06c;
}
.feature .title {
	display: block;
	margin: 0 0 5px 0;
	font-size: 123.1%;
	line-height: 1.3em;
}
.feature .author a {
	color: #999999;
}
.feature .category {
	float: right;
}
.feature .category a {
	color: #999999;
}
.feature .author a:hover {
/*	text-decoration: none;*/
}
#image-navigation-text .navi-image a {
  display:block;
  width:285px;
  height:200px;
  line-height:200px;
  text-align:center;
  background: #fff;
}
#image-navigation-text .navi-image img {
	width: auto;
	height: auto;
	max-width: 285px;
	max-height: 200px;
}
#image-navigation-text .navi {}
#image-navigation-text .navi-image {}
#image-navigation-text a {}
#image-navigation-text a.active {}
#image-navigation-text .navi-image { position:relative;}
#image-navigation-text .navi-image a { display:block; }
#image-navigation-text .navi-image a { position:absolute; top:0; left:0; z-index:8; }
#image-navigation-text .navi-image a.active { z-index:10; }
#image-navigation-text .navi-image a.last-active { z-index:9; }


/* デフォルトの周りの枠を表示しない */
#main .bx-wrapper {
	float: left !important;
	width: 285px !important;
	margin: 0px !important;
	
}
#main .bx-wrapper .bx-viewport {
  box-shadow: none;
  border: none;
  background: none;
	position:  static !important;
}

/* ソーシャルブックマーク */
.article ul.block_sns_bookmark {
    margin: 20px 10px;
    text-align: center;
}
.article ul.block_sns_bookmark li {
   box-sizing: border-box;
   display: inline-block;
   vertical-align: middle;
   width: 24%;
	 margin-right: 1%;
	 text-align: center;
/*	 height: 66px;*/
	 margin-bottom: 10px;
	 border-radius: 5px;
}
.article ul.block_sns_bookmark li.tw_btn_bottom{
   box-sizing: border-box;
   display: inline-block;
   vertical-align: middle;
   width: 48%;
	 /*margin-left: 2%;*/
	 text-align: center;
/*	 height: 66px;*/
	 margin-bottom: 10px;
	 border-radius: 5px;
}
.article ul.block_sns_bookmark li.fb_btn_bottom{
   box-sizing: border-box;
   display: inline-block;
   vertical-align: middle;
   width: 48%;
	 margin-right: 2%;
	 text-align: center;
/*	 height: 66px;*/
	 margin-bottom: 10px;
	 border-radius: 5px;
}
.article ul.block_sns_bookmark li.last {
	 margin-right: 0%;
}
.article ul.block_sns_bookmark li img {
    height: auto;
    vertical-align: middle;
    width: 35px;
}
ul.block_sns_bookmark li > a {
    display: block;
/*    height: 66px;*/
    line-height: 54px;
}
ul.block_sns_bookmark li > a:hover {
    text-decoration: none;
}
ul.block_sns_bookmark li:hover {
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
	transition: all 0.5s;
}
ul.block_sns_bookmark li > a span{
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	margin-left:5px;
	letter-spacing:1px;
}
ul.block_sns_bookmark li.hatena_btn {
    background-color: #0291dd;
}
ul.block_sns_bookmark li.poket_btn {
    background-color: #e64141;
}
ul.block_sns_bookmark li.tw_btn,ul.block_sns_bookmark li.tw_btn_bottom{
    background-color: #00acec;
}
ul.block_sns_bookmark li.fb_btn,ul.block_sns_bookmark li.fb_btn_bottom{
    background-color: #3b589e;
}
ul.block_sns_bookmark li.like_btn {
	padding-top: 2px;
}

.snsBottom {
/*	min-height: 56px;
	_height: 56px;*/
	margin: 0 0 20px 0;
	padding: 15px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	background: #f6f6f6;
/*	text-align: center;*/
}
.snsBottomLeft {
	float: left;
	width: 330px;
	font-size: 123.1%;
}
.snsBottomLeft img {
/*	vertical-align: middle;
	margin: 0 10px 0 0;
	border: 3px solid #fff;*/
}
.snsBottomLeft:after {
	font-family: 'FontAwesome';
	content: "\f054";
	color: #ccc;
	padding: 0 0 0 20px;
}
.snsBottomRight {
	text-align: right;
}