/**************************************************************************************
* 共通
**************************************************************************************/

html
{
	font-family: 		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body
{
	margin: 		0 auto;
/*	background-color:	#efefef;*/
	background-color:	#ffffff;
	font-size:		16.5px;
	line-height:		1.8;
}

hr
{
	height: 		1px;
	background-color: 	#000000;
}

/*
h1
{
	padding:		10px 0px 0px 10px;
	width: 			100%;
}
*/
h2
{
	color:			#FFFFFF;
	font-size:		135%;
	filter: 		progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#030303', endColorstr = '#7bb5e4');
	ms-filter: 		"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#030303', endColorstr = '#7bb5e4')";
	background-image: 	-moz-linear-gradient(left, #030303, #7bb5e4);
	background-image: 	-ms-linear-gradient(left, #030303, #7bb5e4);
	background-image: 	-o-linear-gradient(left, #030303, #7bb5e4);
	background-image: 	-webkit-gradient(linear, left top, right top, from(#030303), to(#7bb5e4));
	background-image: 	-webkit-linear-gradient(left, #030303, #7bb5e4);
	background-image: 	linear-gradient(left, #030303, #7bb5e4);
	opacity: 		0.86;
	-ms-filter: 		progid:DXImageTransform.Microsoft.Alpha(Opacity = 86);
	filter: 		alpha(opacity = 86);
}

b
{
	font-weight:		bold;
	color:			#ff6600;
}
ul, ol, li{
	margin:			0.1em;
}
blockquote {
	margin:			0em 0.5em;
	padding:		0.5em 0.5em;
	font-size:		90%;
	background-color: 	#eeeeee;
}
cite {
	text-align:		right;
	font-size:		90%;
}

a:hover, a:focus
{
	text-decoration: 	none;
}
a:hover img {
  	opacity: 		0.5;
  	filter: 		alpha(opacity=50);
  	-ms-filter: 		"alpha(opacity=50)";
}
.fb_iframe_widget > span {
 	vertical-align: baseline !important;
}
twitterwidget,
iframe[id^="twitter-widget-"] {
 	margin-left: auto;
 	margin-right: auto;
}
.youtube{
	position:relative;
	width:100%;
	padding-top:56.25%;
 	margin: 1em 0em;
}
.youtube iframe{
	position:absolute;
	top:0;
	right:0;
	width:100% !important;
	height:100% !important;
}
.yellowbox {
	padding-right:1em;
	border:solid 1px #fffacd;
	background-color:#ffffe0;
	margin-bottom:20px;
	font-size: 16px;
	line-height: 27px;
}
.yellowbox > p{
	padding-left:1em;
}

.redbox {
	padding-right:1em;
	border:solid 1px #ef5350;
	background-color:#ffebee;
	margin-bottom:20px;
	font-size: 16px;
	line-height: 27px;
}
.redbox > p{
	padding-left:1em;
}


.graybox {
	padding-right:1em;
	border:solid 1px #f0f0f0;
	background-color:#fafafa;
	margin-bottom:20px;
	font-size: 16px;
	line-height: 27px;
}
/**************************************************************************************
* bタグあれこれ
**************************************************************************************/
.caption
{
	color:			#000000;
}
.name
{
	color:			#000000;
}

/**************************************************************************************
* hrタグあれこれ
**************************************************************************************/
.dash
{
	width:			90%;
	height: 		1px;
	border: 		0px;
	border-style: 		dotted;
	background-color: 	#cccccc;
}

/**************************************************************************************
* Pタグあれこれ
**************************************************************************************/
.center
{
	text-align:		center;
}
.right
{
	text-align:		right;
}

/* 補足説明 */
.supplementary
{
	font-size:		90%;
	color:			#999999;
}

/* 補足説明 */
.writer_info
{
	text-align:		right;
	font-size:		70%;
	color:			#999999;
}

/**************************************************************************************
* tableタグあれこれ
**************************************************************************************/
table {
	margin:			1em auto;
	border: 		1px solid #ccc;
	border-collapse:	collapse;
	font-size:		85%;
}
th {
	background-color:	#eef;
	border: 		1px solid #ccc;
	text-align:		center;
}
td {
	padding:		0.5em;
	border: 		1px solid #ccc;
}
td.category{
	padding:		0.5em;
	background-color:	#eef;
	text-align:		center;
}
table.fproduct {
	width:			320px;
	margin-left: 		auto;
	margin-right: 		0;
	font-size:		85%;
	text-align:		center;
}

/**************************************************************************************
* ポップアップ
**************************************************************************************/
.message {
	position:		relative;
}
.message span.popup {
	display: 		none;
	text-align:		left;
	position:		absolute;
}
.message a:hover span.popup {
/*	background: 		none repeat scroll 0 0 #eeeeff;*/
	display: 		block;
	background-color: 	#e79221;
	border: 		1px solid #CCCCCC;
	color: 			#000000;

	width: 			30em;
	margin: 		0 auto;
	padding: 		0.5em;
	position:		absolute;
	top: 			50px;
	text-align:		left;
	font-size:		80%;
	line-height: 		1.4em;
}

/**************************************************************************************
* 画像処理
**************************************************************************************/
p.resizeimage {
//   min-width: 400px; /* 最小幅 */
	margin:			0px;
}
p.resizeimage img{
	width:			100%;
	margin:			0px;
}
/*
@media screen and (min-width: 641px) {
	p.resizeimage img {
		width:			640px;
		margin:			0px;
	}
}
@media screen and (max-width: 640px) {
	p.resizeimage img {
		width:			95%;
		margin:			0px;
	}
}
*/

/**************************************************************************************
* トップ画像
**************************************************************************************/
.topimage{
	margin:			0px;
}

.topimage img{
	width:			100%;
	margin:			0;
}
/**************************************************************************************
* 図表キャプション
**************************************************************************************/
/* 図 */
.figuretitle
{
	width:			90%;
	text-align:		center;
	font-weight:		bold;
	color:			#333;
}
.figurecaption
{
	width:			90%;
	margin:			0em auto;
	border-bottom: 		1px solid #ccc;
	font-size:		90%;
	color:			#666;
}

/* 表 */
.tabletitle
{
	width:			90%;
	text-align:		center;
	font-weight:		bold;
	color:			#333;
}
.tablecaption
{
	width:			90%;
	margin:			0em auto;
	border-bottom: 		1px solid #ccc;
	font-size:		90%;
	color:			#666;
}



/**************************************************************************************
* メインコンテナ
**************************************************************************************/
.UpperBody
{
	width: 			100%;
	float:			left;
	background-color:	#f8f8f8;
}
.MiddleBody
{
	width: 			100%;
	float:			left;
	background-color:	#f8f8f8;
}
.LowerBody
{
	width: 			100%;
	float:			left;
	background-color:	#333333;
}

.UpperContainer
{
	margin: 		0 auto;
	width: 			1100px;
}
.MiddleContainer
{
	margin: 		0 auto;
	width: 			1100px;
}
.LowerContainer
{
	margin: 		0 auto;
	width: 			1100px;
}

@media screen and (max-width: 980px) {
.UpperBody
{
	width: 			100%;
//	float:			left;
	background-color:	#ffffff;
}
.MiddleBody
{
	width: 			100%;
//	float:			left;
	background-color:	#ffffff;
}
.LowerBody
{
	width: 			100%;
//	float:			left;
	background-color:	#333333;
}

.UpperContainer
{
	margin: 		0 auto;
	width: 			95%;
}
.MiddleContainer
{
	margin: 		0 auto;
	width: 			95%;
}
.LowerContainer
{
	margin: 		0 auto;
	width: 			95%;
}
}
/**************************************************************************************
* トップ
**************************************************************************************/
.top
{
	width: 			100%;
	height:			0px;
	margin:			0px	0px;
}
.info
{
	width: 			100%;
	background-color:	#BBEEFF;
	padding:		5px 0px;
}

/**************************************************************************************
* トップ画像
**************************************************************************************/
.UpperImage
{
	width: 			100%;
	float:			center;
	margin:			0px;
}

.UpperImage > img
{
	width:			100vw;
	padding:		0px;
}
@media screen and (max-width: 980px) {
	.UpperImage > p > img {
		width:		100vw;
		padding:	0px;
	}
}
/**************************************************************************************
* ヘッダメニュー
**************************************************************************************/
.nav:before {
	display:		table;
	content: 		"";
}
.nav:after {
	display:		table;
	content: 		"";
	clear: 			both;
}
.UpperNavList {
	background-color:	#cccccc;
	list-style: 		none;
	float:			left;
	width:			100%;
	margin: 		0;
	padding:		0;
}
@media screen and (min-width: 981px) {
	.UpperNavList > li {
		background-color:	#cccccc;
	  	float : 		left;
		width:			215px;
		font-size:		77%;
		height:			32px;
	}

}
@media screen and (max-width: 980px) {
	.UpperNavList > li {
		background-color:	#cccccc;
		font-size:		77%;
		height:			35px;
	}
}
.UpperNavList > li > a {
	padding:		7px 0 7px;
	display:		block;
	text-align:		center;
	word-wrap:		break-word;
	line-height:		1.4em;
	color:			#000000;
}
.UpperNavList > li > a:hover,
.UpperNavList > li > a:focus {
	background:		#4080ff;
	text-decoration: 	none;
	color:			#ffffff;
}


/**************************************************************************************
* 左カラム
**************************************************************************************/

.LeftColumn
{
	width: 			750px;
	float:			left;
	background-color:	#FFFFFF;
	padding:		15px	10px;
	margin:			0px	0px;

}

@media screen and (max-width: 980px) {
	.LeftColumn
	{
		background-color:	#FFFFFF;
		line-height:		28px;
		padding:		10px 0px 10px;
		margin:			0px	0px;
		width: 			100%;
	}
}

.LeftColumn > .LeftTitle > h1
{
	width: 			95%;
	padding:		0em 0.4em;
	font-size:		170%;
	color:			#555555;
	line-height:		1.8;
}
/*
.LeftColumn > h2 {
	padding:		5px 0px 5px 5px;
}

.LeftColumn > h3 {
	padding:		5px 0px 5px 5px;
}
*/
.LeftColumn > p {
	padding:		0.4em 0;
}

/**************************************************************************************
* パンくず
**************************************************************************************/
.LeftPan
{
	width: 			97%;
}
.LeftPan > ul
{
	padding:		0em 0.4em;
	list-style-type: 	none;
	font-size: 		70%;
}
.LeftPan > ul > li
{
	display: 		inline;
	margin-right: 		0em;
}
.LeftPan > ul > li > a {
	padding-right:  	2em;
	background: 		url(../image/common/PankuzuArrow.gif) no-repeat right;
}


/**************************************************************************************
* 要約
**************************************************************************************/
.LeftAbstract
{
	width: 			97%;
	padding:		0.25em 0.4em;
}

.LeftColumn > .LeftAbstract > h1
{
	width: 			95%;
	padding:		0em 0.4em;
	font-size:		170%;
	color:			#555555;
	line-height:		1.8;
}
.LeftAbstract > p {
	padding:		0.4em 0;
}
.LeftAbstract > p.leftKeywords {
	font-size: 		80%;
	padding:		0.4em 0;
}
.LeftAbstract > p > .huto{
	font-weight:		bold;
	color:			#ff7700;
}
/*.LeftAbstract > p > img {
	display: 		block;
	margin-left:		auto;
	margin-right:		auto;
	width:			100%;
	vertical-align:		bottom;
	max-width:		100%;
}*/
.LeftAbstract > p > img {
	display: 		block;
	margin-left:		auto;
	margin-right:		auto;
	width:			100%;
	height:			auto;
	vertical-align:		bottom;
	max-width:		100%;
}
/*.LeftAbstract > ul, ol 
{
	padding:		0em 1.5em;
}*/
.LeftAbstract > ul, ol{
	margin:			0.25em auto;
	padding:		0em 1em;
}
.LeftAbstract > ul > li {
/*	border-bottom:		1px dashed #ccccee;*/
	border-bottom:		1px solid #ccccee;
	margin-bottom:		0.25em;
	background-color: 	#fafaff;
}
.LeftAbstract > ol > li {
/*	border-bottom:		1px dashed #ccccee;*/
	border-bottom:		1px solid #ccccee;
	margin-bottom:		0.25em;
	background-color: 	#fafaff;
}
/* 広いボックス */
.LeftAbstract > .BoxTextRed {
	width:			80%;
	padding:		1em;
	margin:			1em	auto;
	font-size:		85%;
	border:solid 1px #ef5350;
	background-color:#ffebee;
}
/**************************************************************************************
* 更新日
**************************************************************************************/
.LeftUpdate
{
	width: 			97%;
	padding:		0 0.4em;
}
.LeftUpdate > p {
	font-size: 		70%;
	margin:			0.5em	auto;
	color:			#555555;
}
/**************************************************************************************
* キーワード
**************************************************************************************/
.LeftKeywords
{
	width: 			97%;
	margin:			0 0.5em;

}

/**************************************************************************************
* 目次
**************************************************************************************/
.LeftTest{
		margin:			0px	0px;
}
/*
@media screen and (min-width: 981px) {
	.LeftContent2
	{
		width: 			45%;
		padding:		0px	10px;
		margin:			0px	0px;
		font-size:		85%;
		line-height:		1.6;
	}
}
@media screen and (min-width: 981px) {
	.LeftContent
	{
		width: 			45%;
		float:			left;
		padding:		0px	10px;
		margin:			0px	0px;
		font-size:		85%;
		line-height:		1.6;
	}
}
@media screen and (max-width: 980px) {*/
	.LeftContent
	{
/*		width: 			97%;
		padding:		1em	0.5em;
		margin:			1em	auto;*/
		padding:		0.25em 	0.25em;
		margin:			0.25em 	0;
		line-height:		1.6;
	}

.LeftContent > ol{
	margin:			0 	auto;
	padding:		0em 	0.5em 	0.25em 	1.75em;
}
.LeftContent > ol > li{
	margin-bottom:		0.25em;
}
.LeftContent > ol > li > ol{
	margin:			0 	auto;
	padding:		0em 	0em 	0em 	1.0em;
}
.LeftContent > ol > li > ol > li {
	margin:			0.25em	0em;
}
.LeftContent > ol > li > ol > li > ol{
	margin:			0 	auto;
	padding:		0em 	0em 	0em 	1.0em;
}
.LeftContent > ol > li > ol > li > ol > li{
	margin:			0.25em	0em;
}

/**************************************************************************************
* 目次横広告
**************************************************************************************/
@media screen and (min-width: 981px) {
	.LeftAdsense2
	{
		width: 			43%;
		margin:			10px 	0px;
	}
}
/*
@media screen and (min-width: 981px) {
	.LeftAdsense
	{
		width: 			43%;
		float:			right;
		margin:			10px 	0px;
	}
}
@media screen and (max-width: 980px) {*/
	.LeftAdsense
	{
		text-align:		center;
		width: 			97%;
		padding:		1em	0.5em;
		margin:			1em	auto	2em;
	}

/**************************************************************************************
* メニュー
**************************************************************************************/
.LeftMenu
{
	width: 			100%;
	float:			left;

}
.LeftMenu > h2 
{
	padding:		5px 0px 5px 5px;
}


/**************************************************************************************
* テキスト本体
**************************************************************************************/

@media screen and (min-width:801px){
	.LeftTextBody
	{
		float:			left;
		width: 			97%;
		margin:			0 0.5em;
	}
	.LeftTextBody > h2 {
		padding:		0.25em 0 0.25em 0.25em;
		margin:			3em 0 1.5em;

	}
}
@media screen and (max-width:800px){
	.LeftTextBody
	{
		float:			left;
		width: 			95%;
		margin:			0 0.5em;
	}
	.LeftTextBody > h2 {
		padding:		0.25em 0 0.25em 0.25em;
		margin:			2.5em 0em 1.5em;
	}
}
.LeftColumn > .LeftTextBody > h1
{
	width: 			95%;
	padding:		0em 0.4em;
	font-size:		170%;
	color:			#555555;
	line-height:		1.8;
}
.LeftTextBody > h3 {
	padding:		0px 0px 0px 5px;
	margin:			50px 0px 30px 5px;
	border-left: 		10px solid #7bb5e4;
}
.LeftTextBody > h4 {
	padding:		0em 1em;
	margin:			2em 0 1em;
	border-bottom: 		1px solid #7bb5e4;
}
.EntryText h2 > span {font-weight:bold;}
.EntryText h3 > span {font-weight:bold;}
.EntryText h4 > span {font-weight:bold;}
.LeftTextBody > p {
	width: 			100%; 
	padding:		0.5em 0em;
}
.LeftTextBody > p.tag > img {
	float: 			left;
	width:			0%;
}
.LeftTextBody > br.tagclear {
	clear: 			both;
}
.LeftTextBody > img {
/*	width: 			80%;*/
/*	max-width:		640px;*/
	max-width:		100%;
}
.LeftTextBody > p > img {
	display: 		block;
	margin-left:		auto;
	margin-right:		auto;
	width:			100%;
	height:			auto;
	vertical-align:		bottom;
	max-width:		100%;
}
.LeftTextBody > p > .huto{
	font-weight:		bold;
	color:			#ff7700;
}

.LeftTextBody > hr {
	width:			95%;
	margin:			1em auto;
	height: 		1px;
	border: 		0px;
	border-style: 		dotted;
	background-color: 	#cccccc;
}

.LeftTextBody > ul, ol{
	margin:			0.25em auto;
	padding:		0em 1.5em;
}
.LeftTextBody > ul > li {
/*	border-bottom:		1px dashed #ccccee;*/
	border-bottom:		1px solid #ccccee;
	margin-bottom:		0.5em;
	background-color: 	#fafaff;
}
.LeftTextBody > ol > li {
/*	border-bottom:		1px dashed #ccccee;*/
	border-bottom:		1px solid #ccccee;
	margin-bottom:		0.5em;
	background-color: 	#fafaff;
}
.LeftTextBody > ul > li > .huto{
	font-weight:		bold;
	color:			#ff7700;
}
/* マーカー */
.LeftTextBody > p > .makerR {
	background-color:	#ffbbbb;
}
.LeftTextBody > p > .makerG {
	background-color:	#bbffbb;
}
.LeftTextBody > p > .makerB {
	background-color:	#eeeeff;
}
/* /マーカー */

/* スパン */
.interview{
	font-weight:		bold;
	color:			#00695C;
}


.LeftTextBody > table > tr > td > ul {
	list-style-type:none;
}

/* 関連記事 */
.LeftTextBody > .RelatedBox {
	width:			95%;
	font-size:		95%;
	margin:			0.5em auto;
	padding:		0.25em;
	border:			solid 1px #aaaaaa;
	background:		#fafafa;
	line-height:		1.6;
}
.LeftTextBody > .RelatedBox > a {
	margin:			2em 0em 0em;
	line-height:		2.0;
	font-size:		105%;
}
.LeftTextBody > .RelatedBox > a > img{
	margin:			0.5em 1em;
	max-width: 		70px;
	height: 		auto;
}


.LeftTextBody > .RelatedBox > p.RelatedCategory {
	margin:			0.5em 1em 0em;
	padding:		0em;
	font-weight:		bold;
	color:			#4466cc;
}
.LeftTextBody > .RelatedBox > p.RelatedTitle {
	display:		none;
/*	margin:			1em 0em 0em;
	padding:		0em;
	color:			#4466cc;
	font-size:		85%;*/
}
.LeftTextBody > .RelatedBox > p.RelatedText {
	margin:			0em;
	padding:		0em 0.25em;
	font-size:		90%;
}

.LeftTextBody > .RelatedTitle {

	padding:		0;
	margin:			0;
}
.LeftTextBody > .RelatedText {
	padding:		0;
}
/* 関連記事 */
/**************************************************************************************
  AAPrime
**************************************************************************************/
/*@charset "utf-8";*/
.aaprad{
    display: table;
    width: 100%;
    position: relative;
    clear: both;
    line-height: 1.2;
}
/*サムネイル画像*/
.aaprad-img{
    float: 	left;
    line-height: 	1;
    overflow: 	hidden;
    position: 	relative;
    padding: 	10px 0 10px 10px;
    /*サムネイル画像枠サイズはこちら*/
    width: 	100px;
    height: 	100px;
}
.aaprad-img > a {
	display:	block;


}
.aaprad-img a img{
	width:	 	100%;
 	height:	 	auto;
	border:	 	none;
}
/*タイトル*/
.aaprad-title{
	overflow:	 hidden;
}
.aaprad-title a {
	padding:	8px;
	display:	block;
    /*タイトルのフォント指定等はこちら*/
/*	font-weight:	bold;*/
/*	color:		#000;*/

}
.aaprad-description{
    overflow: hidden;
}
.aaprad-description a {
    padding: 0 8px 8px;
    display: block;
    /*本文のフォント指定等はこちら*/
    font-size: 0.87rem;
    text-decoration: none;
	line-height:		1.8;
	color:		#000;
}
/*広告主体主名称*/
.aaprad-company{
    overflow: hidden;
    margin-bottom: 24px;
}
.aaprad-company a {
    padding: 0 8px;
/*    display: block;*/
    /*広告主体主名称のフォント指定等はこちら*/
    color: #999;
    font-size: 0.73rem;
    text-decoration: none;
}
.aaprad-info{
    position: absolute;
    bottom: 7px;
    right: 10px;
}
.aaprad-info a {
    text-decoration: none;
    font-family: Arial,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
    vertical-align: middle;
    color: #555;
    font-size: 10px;
}
.aaprad-info img {
    margin-left: 4px;
    display:inline-block;
    vertical-align: middle;
}
.aaprad-thumbnail .aaprad-title ,
.aaprad-thumbnail .aaprad-description ,
.aaprad-thumbnail .aaprad-company {
    margin-left:116px;
}

/* 狭いボックス */
.LeftTextBody > .NarrowBoxText {
	width:			90%;
	background:		#fafafa;
	padding:		2px;
	margin:			2px	auto;
	border:			2px solid #abc5ff;
	font-size:		90%;
}
.span2box {
	width:			90%;
	background-color:	#fafafa;
	display:		block;
	border:			1px solid gray;
	padding:		1em; 
	margin:			1em	auto;
	font-size:		90%;
}

a .span2box {
	background-color:	#f0f0ff;
}
a:hover .span2box {
	background-color:	skyblue;
	color:			blue;
}
/* /狭いボックス */

/* 広いボックス */
.LeftTextBody > .BoxText {
	width:			90%;
	background:		#fafafa;
	padding:		1em;
	margin:			1em	auto;
	border:			2px solid #abc5ff;
	font-size:		85%;
}

.LeftTextBody > .BoxText > h3,
.LeftTextBody > .BoxText > h4 {
	color:			#5b758f;
	background:		#e0e0e0;
	font-size:		130%;
	padding:		0.1em;
}
.LeftTextBody > .BoxText > p{

}
.LeftTextBody > .BoxText > ul > li{
	margin-left:		5em;
}
/*
.LeftTextBody > .BoxText > img{
	margin-right:		20px;
}
*/
@media screen and (min-width:360px){
	.LeftTextBody > .BoxText > img{margin-right:	10px;}
	.LeftTextBody > .BoxText > a > img{margin:	1em}
}
@media screen and (max-width:359px){
	.LeftTextBody > .BoxText > a > img{display:block;margin:1em auto; padding:1em; width:50px;}
}

/* 広いボックス */
.LeftTextBody > .BoxTextRed {
	width:			90%;
	padding:		1em;
	margin:			1em	auto;
	font-size:		85%;
	border:solid 1px #ef5350;
	background-color:#ffebee;
}

.LeftTextBody > .BoxTextRed > h3,
.LeftTextBody > .BoxTextRed > h4 {
	color:			#000000;
	font-size:		130%;
	padding:		0.1em;
}
.LeftTextBody > .BoxTextRed > p{

}
.LeftTextBody > .BoxTextRed > ul > li{
	margin-left:		5em;
}
/*

.LeftTextBody > .BoxTextRed > img{
	margin-right:		20px;
}
*/
@media screen and (min-width:360px){
	.LeftTextBody > .BoxTextRed > img{margin-right:	10px;}
	.LeftTextBody > .BoxTextRed > a > img{margin:	1em}
}
@media screen and (max-width:359px){
	.LeftTextBody > .BoxTextRed > a > img{display:block;margin:1em auto; padding:1em; width:50px;}
}


/* トップボックス */
.LeftTextBody > .MenuBox {
	width:			94%;
	background:		#fafafa;
	padding:		10px 5px;
	margin:			10px	auto;
	border:			5px solid #eaeaea;
	font-size:		90%;
}

.LeftTextBody > .MenuBox > h3{
	font-size:		135%;
	filter: 		progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#ffffff', endColorstr = '#7bb5e4');
	ms-filter: 		"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = '#ffffff', endColorstr = '#7bb5e4')";
	background-image: 	-moz-linear-gradient(left, #ffffff, #7bb5e4);
	background-image: 	-ms-linear-gradient(left, #ffffff, #7bb5e4);
	background-image: 	-o-linear-gradient(left, #ffffff, #7bb5e4);
	background-image: 	-webkit-gradient(linear, left top, right top, from(#ffffff), to(#7bb5e4));
	background-image: 	-webkit-linear-gradient(left, #ffffff, #7bb5e4);
	background-image: 	linear-gradient(left, #ffffff, #7bb5e4);
	opacity: 		0.86;
	-ms-filter: 		progid:DXImageTransform.Microsoft.Alpha(Opacity = 86);
	filter: 		alpha(opacity = 86);
}


.LeftTextBody > .MenuBox > p{

}
.LeftTextBody > .MenuBox > img{
	margin:			5px 20px;
}

@media screen and (min-width:360px){
	.LeftTextBody > .MenuBox > ul{
		list-style-type: 	none;
		padding:		0em 0em;
		margin:			0em 1em;
	}
	.LeftTextBody > .MenuBox > a > img{margin:1em}
	.LeftTextBody > .MenuBox > img{margin:1em}
}
@media screen and (max-width:359px){
	.LeftTextBody > .MenuBox > ul{
		list-style-type: 	none;
		padding:		0.5em;
		margin:			0.5em;
	}
	.LeftTextBody > .MenuBox > a > img{display:block;margin:0.5em auto; padding:0.75em; width:90%;}
	.LeftTextBody > .MenuBox > img{display:block;margin:0.5em auto; padding:0.75em; width:90%;}
}
/*
.LeftTextBody > .MenuBox > a > img{
	margin:			5px 20px;
}
*/
/* LowerAdsenseBox */
/*
.LeftTextBody > .LowerAdsenseBox{margin:0.5em auto;overflow:hidden;}
.LeftTextBody > .LowerAdsenseBox > .LBoxLeft{margin:1em;float:right}
.LeftTextBody > .LowerAdsenseBox > .LBoxRight{margin:1em;float:left}
.LeftTextBody > .LowerAdsenseBox > .LBoxLeft > p{margin:0em;padding:0em;}
.LeftTextBody > .LowerAdsenseBox > .LBoxRight > p{margin:0em;padding:0em;}
*/
/* LowerAdsenseBox */
@media screen and (min-width:801px){
.LeftTextBody > .LowerAdsenseBox{margin:0.5em auto;overflow:hidden;padding:0.5em 0em;}
.LeftTextBody > .LowerAdsenseBox > .LBoxLeft{margin:1em;float:right}
.LeftTextBody > .LowerAdsenseBox > .LBoxRight{margin:1em;float:left}
.LeftTextBody > .LowerAdsenseBox > .LBoxLeft > p{margin:0em;padding:0em;}
.LeftTextBody > .LowerAdsenseBox > .LBoxRight > p{margin:0em;padding:0em;}
}
@media screen and (max-width:800px){
.LeftTextBody > .LowerAdsenseBox{text-align: center;margin-top:1em; margin-bottom: 2em;margin-left:auto; margin-right:auto;overflow:hidden;padding:0.5em auto}
.LeftTextBody > .LowerAdsenseBox > .LBoxLeft{width:100%; margin-top:1em; margin-left:auto; margin-right:auto}
.LeftTextBody > .LowerAdsenseBox > .LBoxRight{width:100%; margin-top:1em; margin-left:auto; margin-right:auto}
.LeftTextBody > .LowerAdsenseBox > .LBoxLeft > p{margin:0em auto;padding:0em;}
.LeftTextBody > .LowerAdsenseBox > .LBoxRight > p{margin:0em auto;padding:0em;}
}


/**************************************************************************************
* ボトムアドセンス
**************************************************************************************/
@media screen and (min-width: 1025px) {
	.BottomLeftAdsense
	{
		float:			left;
		width:			48%;
	}
}
@media screen and (max-width: 1024px) {
	.BottomLeftAdsense
	{
		width:			95%;
	}
}
@media screen and (min-width: 1025px) {
	.BottomRightAdsense
	{
		float:			right;
		width:			48%;
	}
}
@media screen and (max-width: 1024px) {
	.BottomRightAdsense
	{
	       display:			none;
	}
}

/**************************************************************************************
* 右カラム
**************************************************************************************/

.RightColumn
{
	width: 			320px;
	float:			right;
	background-color:	#ffffff;
	padding:		10px	5px;
	margin:			0px	0px;
	line-height:		1.6;
}

@media screen and (max-width: 980px) {
  .RightColumn
  {
	background-color:	#ffffff;
	padding:		0px;
	margin:			0px	auto;
	width: 			100%;
	line-height:		1.6;
  }
}

.RightColumn > h2 {
	padding:		0.25em	0.5em;
	margin:			0px	0px;
	font-size:		95%;
}

.RightColumn > h3 {
	font-size:		95%;
}

.RightColumn > p {
	padding:		0.25em	0.25em;
	font-size:		90%;
}


.RightColumn > ul {
	padding:		0.4em 0.3em 0.4em 1.6em;
	list-style-image: 	url(../image/common/List.gif);
	font-size:		90%;
	line-height:		1.6;
}

.RightColumn  > ul > li {
	margin-bottom:		0.75em;
}


@media screen and (min-width: 981px) {
	.RightColumn > .DMMboxSkyscraper
	{
		text-align: center;
	}
}
@media screen and (max-width: 980px) {
	.RightColumn > .DMMboxSkyscraper
	{
		display:none;
	}
}
@media screen and (min-width: 981px) {
	.RightColumn > .DMMboxRectangle
	{
		display:none;
	}
}
@media screen and (max-width: 980px) {
	.RightColumn > .DMMboxRectangle
	{
		text-align: center;
	}
}
/**************************************************************************************
* ボトム
**************************************************************************************/
.Bottom{
	background-color:	#333333;
	padding:		2em	0em;
	margin:			0em	auto;
	width: 			1100px;
}

@media screen and (max-width: 980px) {
	.Bottom{
		background-color:	#333333;
		padding:		0px;
		margin:			0px	auto;
		width: 			95%;
	}
}

.Bottom > p {
	font-size:		90%;
	padding:		0em 1em;
	margin:			0px;
	color:			#ffffff;
}
.Bottom > p.mail {
	padding-top:		1em;
}
.Bottom > p.copyright {
	text-align:		center;
	padding:		1em 0em;
}
.Bottom > p > a{
	color:			#ffffff;
}

/**************************************************************************************
  ソーシャルボタン
**************************************************************************************/
.sns-btn{
	text-align:		center;
	padding:		1em;
}

.pocket-btn{

	display:		inline-block;
}

#wrap{
	width:			1000px;
	margin:			10px auto;
}

#social_box{
	background-color:	#bbeeff;
	width:			100px;
	margin-left:		-150px;
	text-align:		center;
	position:		fixed;
	bottom:			50px;
	list-style-type:	none;
	padding:		1em;
}

/*「 id 」 　＝ 1回しか使えない。(特定の部分の名前) */
/*「 class 」 ＝ 何回も使える。(分類するときに使う名前)*/ 
/**************************************************************************************
  ソーシャルボタン
**************************************************************************************/
/*  toggle button  */
#navTgl:checked ~ .contents {
	-webkit-transform:	translateX(200px);
	transform:		translateX(200px);
}
#navTgl {
	display:		none;		/* 要素も取得されず、完全にその場にない扱い */
	overflow:		hidden;		/* はみ出た部分は表示されません */
}
label {	/* ボタンの位置 */
	cursor: 		pointer;	/* カーソルの形状 */
	position: 		fixed;		/* 絶対位置固定 */
	top: 			0;
	left: 			0;
}
.open {
	display:		block;
	z-index:		2;
	width:			50px;
	height:			50px;
	color: 			#ffffff;
	background-color:	#555555;
	font-size: 		2em;
	line-height:		50px;
	text-align:		center;
	-webkit-transition:	-webkit-transform .5s;
	transition:		transform .5s;
  opacity:			0.8;
}
#navTgl:checked + .open {			/* 隣接セレクタは、要素と要素が直接隣接している場合（直後の弟）に適用されるセレクタ */
	display:		block;
	background-color:	#7777aa;
	color: 			#000000;
	-webkit-transform:	translateX(220px);
	transform:		translateX(220px);
  	opacity:		1.0;
}
.close {
	pointer-events:		none;
	z-index:		1;
	width:			100%;
	height:			100%;

}
#navTgl:checked ~ .close {
 	pointer-events:		auto;
	background-color:	rgba(0,0,0,.3);
}

#panel-btn-icon{
	display:		block;
	position:		absolute;
	top:			50%;
	left:			50%;
	width:			14px;
	height:			2px;
	margin:			-1px 0 0 -7px;
	background:		#ffffff;
	transition:		.5s;
}
#panel-btn-icon:before,
#panel-btn-icon:after{
	display:		block;
	content:		"";
	position:		absolute;
	top:			50%;
	left:			0;
	width:			14px;
	height:			2px;
	background:		#fff;
	transition:		.5s;
}
#panel-btn-icon:before{
	margin-top:		-6px;
}
#panel-btn-icon:after{
	margin-top:		4px;
}


.menu {
	display:		block;
	z-index: 		1;
	position:		fixed;
	overflow:		auto;
	top:			0;
	left:			0;
	width:			200px;
	height:			100%;
	padding:		10px;
	background-color: 	#222222;
	-webkit-transform:	translateX(-100%);
	transform:		translateX(-100%);
	-webkit-transition:	-webkit-transform .5s;
	transition:		transform .5s;
}
#navTgl:checked ~ .menu {
	  -webkit-transform:	translateX(0);
	  transform:		translateX(0);
}
.menu p,
.menu li a {
 	color:			#aaa;
}
.menu p {
	font-size:		14px;
	font-weight:		bold;
	padding:		10px 0 10px 10px;
	text-align:		center;
	border-bottom:		1px solid #ddd;
}
.menu ul,
header nav ul {
	padding:		0;
	margin:			0 0 20px ;
}
.menu li {
	border-bottom:		1px solid #ddd;
	font-size:		14px;
	line-height:		1.6;
}
.menu li a,
header nav li a {
	display:		block;
	padding:		1em;
	text-decoration:	none;
	line-height:		1.6;
}
.menu li a:hover {
	background-color:	#fff;
 	color:			#333;
}
/**************************************************************************************
  コピーボタン
**************************************************************************************/
.copy_btn {
	width: 			300px;
	height: 		15px;
	display: 		block;
	border: 		2px solid #ABC;
	text-align: 		center;
	font-weight: 		bold;
	font-size:		90%;
	padding: 		20px 0 26px;
	margin: 		1em auto 2em;
}
.copy_btn:hover {
	cursor:			pointer;
}
.copy_btn.copied {
	pointer-events:		none;
	background:		#aed6ff;
	opacity: 		0.6;
}
.copy_btn.copied:hover {
	cursor:			auto;
}

/**************************************************************************************
  ページトップボタン
**************************************************************************************/
#pageTop {
  position:			fixed;
  bottom:			20px;
  right:			0px;
}
 
#pageTop a {
  display:			block;
  z-index:			999;
  padding:			10px 0 0 3px;
  width:			40px;
  height: 			40px;
	color: 			#ffffff;
	background-color:	#aaaaaa;
  font-weight: 			bold;
  text-decoration:		none;
  text-align:			center;
  opacity:			0.7;
}
 
#pageTop a:hover {
  text-decoration:		none;
  opacity:			0.8;
}

.g-ytsubscribe{
	width:290px;
}

.iframe-wrap {
  position: relative;
  width: 100%;
  padding-top: 120%;
  margin-left: auto;
  margin-right: auto;
}
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}