@charset "UTF-8";
img {
	vertical-align: top;
	border: none;
}
/*IE6*/
* html img {
	vertical-align: bottom;
}
/*IE7*/
*:first-child+html img {
	vertical-align: bottom;
}
/* clearfix */
.clf {
	zoom: 1;/*for IE 5.5-7*/
}
.clf:after {/*for modern browser*/
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
/* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

div#container {
	clear: both;
	margin: 0 auto;
	width: 944px;
	background: #191919; padding: 18px;
}
p.pankuzu {
	margin-top: -20px;
	margin-bottom: 20px;
}

.L_col {
	background: #fffece;
	padding: 40px 20px;
	margin: 20px 0 60px 0;
	float: left;
	width: 940px;
	position: relative;
	}


.form_col { margin: 30px 0 0 0;}
/* .img_L_col { float: left; margin-left:8px;} */

.img_L_col { position: absolute; left: 630px; top: 145px; background: url(../images/img_03.png) 0 0 no-repeat; width: 325px; height: 123px;}

.Top_img_col_box { width: 980px; margin-right: -20px; margin-top: 6px;}
.Top_img_col {
	position: relative;
	border: 1px solid #ccc; float: left;
	margin-right: 18px;
	margin-bottom: 18px;
}
.Top_img_col p{
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	margin: 0;
	padding: 5px;
	background: #000;
	filter: Alpha(opacity=70);
	opacity: 0.7;
	font-size: 12px;
	line-height: 1.1rem;
	width: 290px;
	}
.Top_img_col a {
	text-decoration: none;
	font-size: 12px;
}
.Top_img_col a:hover p{
	text-decoration: underline;
}

.Top_img_col a img { width: 300px;}





/************************************************************
 * 小動物
 ************************************************************/
.pa													{ position: absolute;}
.vaM												{ vertical-align: middle;}
.ilB												{ display: inline-block;}
.mT5												{ margin-top: 5px;}
.mT6												{ margin-top: 6px;}
.mT8												{ margin-top: 8px;}
.mT10												{ margin-top: 10px;}
.mT15												{ margin-top: 15px;}
.mT20												{ margin-top: 20px;}
.mT30												{ margin-top: 30px;}
.mR3												{ margin-right: 3px;}
.mR5												{ margin-right: 5px;}
.mR10												{ margin-right: 10px;}
.mR13												{ margin-right: 11px;}
.mR15												{ margin-right: 15px;}
.mR20												{ margin-right: 20px;}
.mL3												{ margin-left: 3px;}
.mL4												{ margin-left: 5px;}
.mL10												{ margin-left: 10px;}
.mL20												{ margin-left: 20px;}
.mL30												{ margin-left: 30px;}

.mB5												{ margin-bottom: 5px;}
.mB10												{ margin-bottom: 10px;}
.mB15												{ margin-bottom: 15px;}
.mB20												{ margin-bottom: 20px;}
.fgRed												{ color: #c00;}
.fgLGray											{ color: #999;}
.fgOrange											{ color: #ff7200;}
.iMG												{ display: block; text-indent: -9999px; text-decoration: none; outline: none;}
.taL												{ text-align: left !important;}
.taC												{ text-align: center !important;}
.taR												{ text-align: right !important;}
.arial												{ margin-right: 1px; font-weight: 700; font-family: Arial; vertical-align: -1px;}
.fs10												{ font-size: 10px;}
.fs12												{ font-size: 12px;}
.fs14												{ font-size: 14px;}
.fs15												{ font-size: 15px;}
.fs16												{ font-size: 16px;}
.fs18												{ font-size: 18px;}
.fs24												{ font-size: 24px;}
.nml												{ font-weight: 400 !important;}
.bold												{ font-weight: 700 !important;}
.ls1												{ letter-spacing: 1px;}
.glay   											{ color: #666;}
.red   												{ color: #FF0000;}
.clb   												{ clear:both;}
.fll												{ float: left;}
.flr												{ float: right;}	
.w150												{ width: 150px;}	
.font_Arial											{ font:Arial;}
.fontgold											{ color: #c78305;}
.p10												{ padding: 10px;}

/******************************
 ソーシャルエリア全体を囲む要素
 * 他のコンテンツと距離を取りたい場合は[margin]を設定して下さい
******************************/
.social-area-syncer
{
	width: 100% ;
	min-height: 190px ;
	padding: 1.5em 0 ;
}

/* デスクトップPCでは高さを拡張する */
@media screen and ( min-width:480px )
{
	.social-area-syncer
	{
		min-height: 119px ;
	}
}

/******************************
 [ul]要素
******************************/
/* スマホ */
ul.social-button-syncer
{
	width: 238px ;
	margin: 24px auto ;
	padding: 0 ;
	border: none ;
	list-style-type: none ;
}

/* デスクトップ */
@media screen and ( min-width:480px )
{
	ul.social-button-syncer
	{
		width: 410px ;
	}
}

/******************************
 [li]要素
******************************/
ul.social-button-syncer li
{
	float: left ;
	text-align: center ;
	height: 71px ;
	margin: 0 8px ;
	padding:0 ;
}

/******************************
 各種ボタン
******************************/
/* [Twitter] */
.sc-tw
{
	width: 71px ;
}

/* [Facebook] */
.sc-fb
{
	z-index: 99 ;
	width: 69px ;
}

/* [LINE] */
.sc-li
{
	width: 50px ;
}

.sc-li-img
{
	border: none ;
	margin: 0 auto ;
	padding:0 ;
	width: 36px ;
	height: 60px ;
}

/* デスクトップPCではLINEボタンを表示しない */
@media screen and ( min-width:480px )
{
	.sc-li
	{
		display: none ;
	}
}