@charset "utf-8";
/* ---------------
汎用スタイル macotakara.css
テンプレートにあるclassの初期値設定

main color : #3366CC
sub color  : #99CCFF
--------------- */
a:link{
	color: #3399CC;
}

body{
	background: #EFEFE5;
	font-size: 13px;
}

.clearHidden{
	margin: 0;
}

/* ---------------
バナー
--------------- */
#bannerHeader{
	height: 90px;
	margin: 10px 0;
	text-align: center;
	overflow: hidden;
}

#bannerMain{
	margin-bottom: 25px;
	text-align: center;
}

#bannerMain ul li{
	margin-bottom: 10px;
}

/* ---------------
ヘッダー
--------------- */
#headerTitle{
	position: absolute;
	top: 75px;
	left: 0;
}

/* サイトタイトル */
#siteTitle {
	margin: 20px 0 0 20px;
	padding: 0;
}

/* サイトのコピー文 */
#siteCopy {
	width: 575px;
	margin: 0 0 0 20px;
	font-size: 14px;
}


/* ---------------
トップページ 最新の記事6件
--------------- */
#topEntry,
#cateList{
	margin-left: 10px;
}

/* ３つごとに */
#topEntry .line,
#cateList .line{
	margin-bottom: 20px;
	padding-bottom: 1px;
	background: url(../images/bor540.gif) no-repeat 10px bottom;
}

#topEntry div.line:last-child,
#cateList div.line:last-child{
	margin-bottom: 0;
	background-image: none;
}

#topEntry .unit,
#cateList .unit{
	margin-bottom: 15px;
	padding-bottom: 5px;
	background: url(../images/bg_column3.gif) repeat-y left top;
}

/* 個別 */
#topEntry .box,
#tagEntry .box{
	float: left;
	width: 166px;
	padding: 0 10px;
}

#cateList .box{
	float: left;
	width: 166px;
	padding: 10px;
}

/* 画像 */
#topEntry .box .photo,
#tagEntry .box .photo,
#cateList .box .photo{
	margin-bottom: 15px;
	padding: 1px;
	border: solid 1px #ECECEC;
	line-height: 1;
}

/* カテゴリー */
#topEntry .box .category,
#tagEntry .box .category,
#cateList .box .category{
	width: 100px;
	margin-bottom: 12px;
	padding: 4px 0;
	background-color: #666666;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	border-radius: 5px;
	line-height: 1.4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px
}

#topEntry .box h2,
#tagEntry .box h2,
#cateList .box h2{
	margin-bottom: 16px;
	line-height: 1.6;
}

/* ソーシャルボタン 積み上げ */
#cateList .btnSocialBox{
	position: relative;
	height: 50px;
}

#cateList .btnTwitter{
	position: absolute;
		top: 0;
		left: 0;
}
#cateList .btnPlusone{
	position: absolute;
		top: 0;
		right: -15px;
}
#cateList .btnFacebook{
	position: absolute;
		top: 28px;
		right: 4px;
}
#cateList .btnHatena{
	position: absolute;
		top: 28px;
		left: 0;
}

/* ソーシャルボタン 横並び */
#topEntryNext .btnSocialBox,
#entryBox .btnSocialBox{
	position: relative;
	height: 20px;
}

#topEntryNext .btnTwitter{
	position: absolute;
		top: 0;
		left: 0;
}
#topEntryNext .btnPlusone{
	position: absolute;
		top: 0;
		left: 90px;
}
#topEntryNext .btnFacebook{
	position: absolute;
		top: 0px;
		left: 230px;
}
#topEntryNext .btnHatena{
	position: absolute;
		top: 0px;
		left: 165px;
}

#entryBox .btnSocialBox .btnTwitter{
	position: absolute;
		top: 0;
		left: 0;
}

#entryBox .btnSocialBox .btnPlusone{
	position: absolute;
		top: -35px;
		left: 130px;
}

#entryBox .btnSocialBox .btnHatena{
	position: absolute;
		top: 0px;
		left: 170px;
}

#entryBox .btnSocialBox .btnFacebook{
	position: absolute;
		top: 0px;
		left: 240px;
}

#entryBox .btnSocialBox{
	margin-top: 15px;
}

/* ---------------
関連する記事6件
--------------- */
/* タイトル */
#tagEntryTitle{
	margin: 0 0 10px 20px;
	font-size: 16px;
}

#tagEntry{
	margin: 0 10px;
	border-top: solid 1px #CCCCCC;
	background: url(../images/bg_column3.gif) repeat-y left top;
}

#main #tagEntry .box{
	padding: 10px;
	min-height: 300px;
}

/* 区切り線 */
#tagEntry .tagBor{
	clear: both;
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: solid; /* 線種 */
	border-color: #CCCCCC; /* 線色 */
	height: 1px; /* 高さ */
}

/* ---------------
トップページ 最新の記事7件以降
--------------- */
#topEntryNext,
#resultList{
	width: 540px;
	margin-left: 20px;
	border-top: solid 1px #CCCCCC;
}

/* 個別 */
#topEntryNext .box,
#resultList .box{
	padding: 7px 0 10px 1px;
	border-bottom: solid 1px #CCCCCC;
}

/* 画像 */
#topEntryNext .box .photo,
#resultList .box .photo{
	float: left;
	width: 60px;
	margin-right: 14px;
	padding: 1px;
	border: solid 1px #ECECEC;
	line-height: 1;
}

/* テキスト */
#topEntryNext .box .text,
#resultList .box .text{
	float: left;
	width: 455px;
}

/* カテゴリー */
#topEntryNext .box .text .category,
#resultList .box .text .category{
	float: left;
	width: 100px;
	margin: 0 12px 3px 0;
	padding: 4px 0;
	background-color: #666666;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	border-radius: 5px;
	line-height: 1.4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px
}

/* ソーシャルボタン */
#topEntryNext .box .text .btnSocialBox{
	float: left;
	width: 340px;
}

#topEntryNext .box .nextBox .btnSocialBox{
	_display: none;
}

*:first-child+html #topEntryNext .box .nextBox .btnSocialBox{
	display: none;
}

#topEntryNext .btnFacebook,
#topEntryNext .btnTwitter,
#topEntryNext .btnHatena,
#topEntryNext .btnGoogle,
#topEntryNext .btnGoogle .social-buttons-plusone{
	display: inline;
}

#topEntryNext .btnTwitter a{
	width: 100px;
	overflow: hidden;
}

#topEntryNext .btnGoogle{
	width: 60px;
}

/* hoverの時 */
#topEntry .bl-hover,
#tagEntry .bl-hover,
#topEntryNext .bl-hover,
#resultList .bl-hover,
#cateList .bl-hover{
	background-color: #EEE;
}

/* エントリータイトル */
#topEntryNext .box h2,
#resultList .box h2{
	margin-top: 5px;
}

/* ---------------
エントリー詳細
--------------- */
#entryBox{
	padding: 20px 0 20px 20px;
}

.entryHeader{
	width: 480px;
	margin: 0 0 10px 0;
	padding: 25px 30px;
	background: #353535;
	background: -moz-linear-gradient(19% 100% 90deg,#353535, #666666);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#353535));
	border-radius: 8px;
	-webkit-border-radius: 8px;  
	-moz-border-radius: 8px;
	font-size: 14px;
	color: #3399CC;
}

.entryHeader a:visited{
	color: #6CC;
}

.entryHeader .dateClass{
	margin-bottom: 13px;
	color: #FFF;
	line-height: 1;
}

.entryHeader .dateClass a{
	color: #FFFFFF;
}

.entryHeader h1{
	font-size: 18px;
}

/* ---------------
エントリー装飾
--------------- */
/*.index h2,
.entry h1 {
	margin: 0 0 7px 0;
	padding: 7px 0;
	font-size: 14px;
}*/

.index h3,
.entry h2 {
	margin: 0 20px 7px 0;
	padding: 7px 0;
	border-bottom: 5px solid #999;
	font-size: 18px;
}

.index h4,
.entry h3 {
	margin: 0 20px 7px 0;
	padding: 7px 0;
	border-bottom: 2px solid #999;
	font-size: 18px;
}

.index h5,
.entry h4 {
	margin: 0 20px 7px 0;
	padding: 7px 0;
	font-size: 16px;
}

.index p,
.entry p{
	margin: 0 20px 20px 0;
}

.index blockquote p,
.entry blockquote p {
	font-size: 1em;
}

.index ul,
.entry ul{
	list-style-type: disc;
	list-style-position: inside;
	margin: 0 20px 20px 0;
}

.entry ul li,
.index ul li {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 0;
	line-height: 1.2;
}

.index ol,
.entry ol {
	list-style-position: inside;
	margin: 0 20px 20px 0;
	padding: 0;
}

.index ol li,
.entry ol li {
	margin: 0 0 0.5em 0;
	_margin: 0 0 0.5em 1em;
	padding: 0 0 0 0;
	line-height:1.2;
}

.index dl,
.entry dl {
	width: 98%;
	line-height:1.2;
}

.index pre,
.entry pre {
	overflow: auto;
	_overflow: scroll;
	clear: both;
	max-height: 10em;
	_height: 6em;
	width:  90%;
	margin: 5px 0 5px 10px;
	padding: 10px;
	background: #E7E7E7;
}

.index blockquote,
.entry blockquote {
	clear: both;
	margin: 0 20px 20px 0;
	padding: 15px 20px;
	_padding: 5px 20px 15px 20px; /* IE6 */
	border: 1px dotted #998057;
	background-color: #EDE9DE;
}

.index table,
.entry table {
	margin: 0 20px 20px 0;
	padding: 0;
	border-collapse: collapse;
}

.index table caption,
.entry table caption {
	background: #E7E7E7;
}

.index tr,
.entry tr {
	margin: 0;
	padding: 0;
}

.index th,
.entry th {
	padding: 10px 20px;
	border: 1px solid #CCCCCC;
	background: #ECECEC;
	font-weight: normal;
	text-align: left;
}

.index td,
.entry td {
	padding: 10px 20px;
	border: 1px solid #CCCCCC;
}

.index .entryTag,
.entry .entryTag {
	width: 530px;
	padding: 5px 10px 5px 0;
	background-color: #F0F0F0;
}

.index .entryTag #tagTitle,
.entry .entryTag #tagTitle {
	display: inline-block;
	width: 80px;
	padding: 5px 10px;
	margin-right: 20px;
	background-color: #666666;
	color: #FFF;
	line-height: 1;
}

.index .entryTag a,
.entry .entryTag a {
	margin-right: 10px;
}

strong {
	color: #CC0033;
	font-weight: bold;
}

/* 続きを読むリンク */
.index .continueLink {
	width: 598px;
	margin-bottom: -20px;
	margin-left: -20px;
	_margin: 0 -20px -20px -20px;
	padding: 0;
	_overflow : hidden;
}

.index .continueLink a {
	display: block;
	/*_width: 538px;*/
	margin: 0;
	padding: 10px 20px 10px 40px;
	border-top: 1px solid #E8E8E8;
	background: url(../images/icn_arrow01.png) no-repeat 20px 15px;
}

.index .continueLink a:hover {
	background-color: #F0F0F0;
}

#ZenBack{
	padding: 20px;
}

/* ---------------
画像のサイズ
--------------- */
.entry div.column-image-right{
	margin-left: 20px;
}

.entry div.column-image-left{
	margin: 0 20px 20px 0;
}

.entry .amazonBlock{
	float: left;
	margin: 0 20px 20px 0;
}

.entry div.column-image-right,
.entry div.column-image-left,
.entry div.column-image-center,
.entry div.column-image-auto{
	margin-bottom: 20px;
}

/* ---------------
サブ
--------------- */
#subBoxL{
	float: left;
	width: 180px;
	margin-right: 20px;
}

#subBoxR{
	float: left;
	width: 180px;
}

.sub380,
.sub180{
	margin-bottom: 20px;
}

/* 見出し */
.sub380 h3,
.sub180 h3{
	padding: 5px 10px;
	background: #353535;
	background: -moz-linear-gradient(19% 100% 90deg,#353535, #666666);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#353535));
	font-size: 14px;
	color: #FFF;
	-webkit-border-top-left-radius: 4px;  
	-webkit-border-top-right-radius: 4px;  
	-moz-border-radius-topleft: 4px;  
	-moz-border-radius-topright: 4px;  
}

/* 囲い */
.sub380 .box,
.sub180 .box{
	padding: 10px;
	background-color: #FFFFFF;
	-webkit-border-bottom-left-radius: 5px;  
	-webkit-border-bottom-right-radius: 5px;  
	-moz-border-radius-bottomleft: 5px;  
	-moz-border-radius-bottomright: 5px; 
	word-break: break-all;
	word-wrap: break-word;
}

/* バナー */
.sub380 ul.banner li{
	margin-bottom: 15px;
	text-align: center;
}

/* リンク */
.sub180 ul.link li{
	margin-bottom: 10px;
	padding-left: 10px;
	background: url(../images/marker.gif) no-repeat left 5px;
	line-height: 1.4;
}

/* リスト */
.sub180 ol.list{
	margin: 0;
	padding: 0 0 0 20px;
}

.sub180 ol.list li{
	margin-bottom: 10px;
	line-height: 1.4;
	text-indent: -1;
}

/* プロフィール */
.sub180 .profile{
	font-size: 14px;
}

.sub180 .profile .photo{
	margin-bottom: 15px;
	line-height: 1;
	text-align: center;
}

.sub180 .profile .position{
	margin-bottom: 10px;
	line-height: 1;
}

.sub180 .profile .title{
	margin-bottom: 15px;
	line-height: 1;
}

.sub180 .profile h4{
	margin-bottom: 35px;
	font-size: 18px;
	line-height: 1;
}

.subBanner li{
	margin-bottom: 20px;
}

/* ---------------
カレンダー
--------------- */
#calNav{
	line-height: 1;
}

/* 前月へ */
#calNav #calPrev{
	float: left;
	width: 40px;
	height: 20px;
	margin: 0;
	text-align: left;
}

/* 年 */
#calNav #calYear{
	float: left;
	width: 80px;
	margin: 0;
	text-align: center;
}

/* 次月へ */
#calNav #calNext{
	float: left;
	width: 40px;
	height: 20px;
	margin: 0;
	text-align: right;
}


/* 月 */
#calBox #month{
	margin-bottom: 5px;
	font-size: 16px;
	text-align: center;
	line-height: 1;
}

#calBox ul#calNav li{
	float: left;
}

#calBox table{
	width: 100%;
	font-size: 12px;
}

#calBox table th,
#calBox table td{
	padding: 0 2px;
	text-align: center;
}

/* 土曜日 */
#calBox table th.week6{
	color: #09C;
}

/* 日曜日 */
#calBox table th.week0{
	color: #C00;
}


/* ---------
検索フォーム・検索結果 
------------*/
/* 検索フォーム */
#searchForm{
	margin-bottom: 15px;
}

#searchForm #keywordText{
	width: 150px;
}

/* 検索した文字とカテゴリー */
#selectKeywordBox,
#tagSearch{
	padding: 0 20px 10px;
}

#selectKeywordBox h2,
#tagSearch h2{
	margin-bottom: 15px;
}

#selectKeywordBox dl{
	font-size: 16px;
}

#tagSearch dl{
	margin-bottom: 25px;
	font-size: 16px;
}

#selectKeywordBox dl dt{
	clear: left;
  float: left;
	width: 95px;
  margin: 0 0 10px;
	font-weight: bold;
	color: #666666;
	line-height: 1;
}

#selectKeywordBox dl dd{
	margin: 0 0 10px 95px;
	line-height: 1;
}

#tagSearch dl dt{
	clear: left;
  float: left;
	width: 150px;
  margin: 0 0 10px;
	font-weight: bold;
	color: #666666;
	line-height: 1;
}

#tagSearch dl dd{
	margin: 0 0 10px 150px;
	line-height: 1;
}


/* 検索結果の合計 */
#itemsAmount{
	margin-bottom: 20px;
	padding: 0 20px;
}

/* タグの選択 */
#tagChoice{
	padding: 10px;
	border: solid 1px #CCC;
}

#tagChoice ul{
	word-wrap: break-word;
}

/* 選択されているタグ */
#tagSearch dl dd ul{
	padding: 0;
}

#tagSearch dl dd ul li{
	display: inline;
	padding: 0 10px 10px 0;
	line-height: 1.7;
}

#tagChoice ul li{
	float: left;
	margin: 0 10px 10px 0;
	line-height: 1.7;
}

#tagChoice ul li a{
	display: inline-block;
	padding: 5px;
	border: solid 1px #EEEEEE;
}

/* ------------
タグ 
---------------- */
#keywordList{
	padding: 20px 0;
	border-top: dotted 1px #999999;
}

/* タグ */
#keywordList li {
	display: inline;
	margin:  0;
	padding: 0 7px 15px 0;
	line-height: 1;
}

#keywordList li a{
	font-size: 18px;
}

/* ------------
コピーライト
---------------- */
#copyright{
	font-size: 11px;
	color: #666;
}

/* ------------
スマートフォンテーマに切り替える
---------------- */
#switchSp{
	display: block;
	margin: 0 20px 20px;
	padding: 5px 10px;
	border: solid 1px #CACACA;
	border-radius: 3px;
	box-shadow: 0px 1px 0px #FFFFFF inset, 0 2px 2px rgba(0,0,0,0.3);
	background: #5196BC;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #CCCCCC), color-stop(0.00, #EEEEEE));
	background: -webkit-linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%);
	background: -moz-linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%);
	background: -o-linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%);
	background: -ms-linear-gradient(top, #EEEEEE 0%, #CCCCCC 100%);
	background: linear-gradient(to bottom, #EEEEEE 0%, #CCCCCC 100%);
	color: #333333;
	text-align: center;
}