@charset "UTF-8";

/* ***********************************************************

* Stylesheet : Section > top > common
* Since:          2012-03-26
* Last Modified:  2012-10-16 > CHIKARA OTA

* ********************************************************* */

#article .section{
	clear:both;
	margin:20px 10px;
	padding:0;
	background:none;
	}

#article .greybox{
	padding:9px;
	background:#f0f0f0;
	border:1px solid #ccc;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}

#article .yellowbox{
	padding:9px;
	background:#ffe;
	border:1px solid #dd0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}

#article a.link-out{ padding:0 22px 0 0;	background:url(../../images/link/link_outer.gif) right top no-repeat; background-size:contain;	}
#article a.link-pdf{ padding:0 22px 0 0;	background:url(../../images/link/link_pdf.gif) right top no-repeat; background-size:contain;	}
#article a.link-file{ padding:0 22px 0 0;	background:url(../../images/link/link_file.gif) right top no-repeat; background-size:contain;	}
#article a.link-zip{ padding:0 22px 0 0;	background:url(../../images/link/link_zip.gif) right top no-repeat; background-size:contain;	}
#article a.link-xls{ padding:0 22px 0 0;	background:url(../../images/link/link_xls.gif) right top no-repeat; background-size:contain;	}

#article .figure a img			{border:1px solid #ccc; padding:3px;}
#article .figure a:hover img	{border:1px solid #aaa; padding:3px;}
#article .figure a:visited img	{border:1px solid #ccc; padding:3px;}

/* ***********************************************************

　H1,H2,H3,H4,H5,H6,P

* ********************************************************* */

#article h1,
#article h2,
#article h3,
#article h4{
	margin:10px;
	padding:0;
	font-weight:bold;
	}

	#article h1	{font-size:106.25%;　margin:10px 15px 15px; color:#52473d;}
	#article h2	{font-size:93.75%;	border-bottom:1px solid #ccc;	}
	#article h3	{font-size:87.5%;	border-bottom:1px dotted #ccc;		}
	#article h4	{font-size:81.25%;	}

#article p{
	margin:10px 15px 1.5em;
	padding:0;
	font-size:81.25%;
	font-weight:normal;
	/*text-indent: 1em;（1文字空けたい場合）*/
	line-height:1.75;
	}

	#article p.caption{
		margin:0;
		padding:0;
		font-size:75%;
		font-weight:normal;
		text-indent: 0;
		line-height:1.4;
		}

/* ***********************************************************

　UL,OL,DL

* ********************************************************* */
	

#article ul{
	margin:10px;
	padding:0;
	list-style:none;
	}

	#article ul li{
		margin:0 0 0.5em 25px;
		padding:0;
		font-size:81.25%;
		list-style:square;
	}

	#article ul ul{
		margin:10px;
		padding:0;
		list-style:none;
		}

	#article ul ul li{
		margin:0 0 0.5em 25px;
		padding:0;
		font-size:100%;
		list-style:square;
		}

	#article ul.triangle{
		margin:10px;
		padding:0;
	}

	#article ul.triangle li{
		margin:0 0 0.5em 10px;
		padding:0 0 0 15px;
		font-size:81.25%;
		list-style:none;
		background:url(/ja2/images/common/img_arrow01.png) 0 3px no-repeat;
	}

	#article ul.triangle ul{
		margin:10px;
		padding:0;
		list-style:none;
		}

	#article ul.triangle ul li{
		margin:0 0 0.5em 10px;
		padding:0 0 0 15px;
		font-size:100%;
		list-style:none;
		background:url(/ja2/images/common/img_arrow01.png) 0 3px no-repeat;
		}

	#article ul.list-none li{
		margin:10px;
		padding:0;
		list-style:none;
	}

	#article ul.list-none ul{
		margin:10px;
		padding:0;
		list-style:none;
		}

	#article ul.list-none ul li{
		margin:0 0 0.5em 25px;
		padding:0;
		font-size:100%;
		list-style:square;
		}

	#article ul.list-none ul{
		margin:10px;
		padding:0;
		list-style:none;
		}

	#article ul.list-none ul li{
		margin:0 0 0.5em 10px;
		padding:0 0 0 15px;
		font-size:100%;
		list-style:none;
		}

#article ol{
	margin:10px;
	padding:0;
	list-style:none;
	}

	#article ol li{
		margin:0 0 0.5em 25px;
		padding:0;
		font-size:81.25%;
		list-style:decimal;
	}


#article dl{
	margin:10px;
	padding:0;
	font-size:81.25%;
	font-weight:normal;
	}

	#article dt{
		margin:0;
		padding:0;
		font-weight:bold;
		}

	#article dd{
		margin:0 0 0 1em;
		padding:0;
		font-weight:normal;
		}


#article dl.date{
	margin:10px;
	padding:0;
	font-size:81.25%;
	font-weight:normal;
	}

	#article dl.date dt{
		float:left;
		width:10em;
		margin:0;
		padding:3px 0;
		font-weight:normal;
		}

	#article dl.date dd{
		margin:0;
		padding:3px 0 3px 11em;
		font-weight:normal;
		border-bottom:1px dotted #ccc;
		}

/* ***********************************************************

　FIGURE

* ********************************************************* */

#article .figure{
	margin:0 15px 10px;
	padding:0;
	background:none;
	}

/* ***********************************************************

　TABLE

* ********************************************************* */

#article table{
	width:94%;
	margin:20px auto;
	padding:0;
	border-collapse:collapse;
	background:#fff;
	}

	#article table caption{
		margin:0 0 2px;
		padding:0;
		font-size:75%;
		}

	#article tr.odd{	background:#f3f3f3;	}
	#article tr.even{	background:#fff;	}

	#article th,
	#article td{
		margin:0;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		border-left:1px dotted #ccc;
		border-right:1px dotted #ccc;
		font-size:81.25%;
		}

	#article td{		padding:6px;	}
	#article th{		font-weight:bold;	padding:9px 6px;	background:#f6f6f6 url(/ja2/images/common/img_th_bg.gif) left top repeat-x;	}
	#article thead th{	font-weight:bold;	padding:9px 6px;	background:#f6f6f6 url(/ja2/images/common/img_th_bg.gif) left top repeat-x;	}

	#article .noborderL{	border-left:none;	}
	#article .noborderR{	border-right:none;	}


/* ***********************************************************

　Gallery

* ********************************************************* */

#article .gallery{
	margin:10px 0;
	padding:9px 9px 14px;
	border:1px solid #eee;
	background:#fff;
	}

	#article .gallery h2{
		margin:0 0 10px;
		padding:0;
		font-size:81.25%;
		border:none;
		}

	#article .gallery .frame{
		margin:0 0 5px 5px;
		padding:0;
		}



/* ***********************************************************

　Works-Info

* ********************************************************* */

#article .works-info{
	margin:10px 0;
	padding:9px 9px 14px;
	border:1px solid #eee;
	background:#fff;
	}

	#article .works-info h2{
		margin:0 0 10px;
		padding:0;
		font-size:81.25%;
		border:none;
		}

/* ***********************************************************

　RelatedEntries

* ********************************************************* */

#article .relatedentry{
	margin:0;
	padding:10px 0;
	background:#e5dfbe;
	}

	#article .relatedentry h2{
		margin:0 15px 10px;
		padding:0;
		font-size:81.25%;
		border:none;
		}

@media screen and (max-width: 480px) {
	#article .relatedentry{
			width:100%;
			margin:0 auto;
			padding:0;
			background:#e5dfbe;
			text-align:center;
		}
}


/* ***********************************************************

　Social-Area

* ********************************************************* */

#article .social-area{
	margin:10px 15px;
	padding:10px 10px 15px;
	background:none;
	}

	#article .social-area #hatena,
	#article .social-area #evernote,
	#article .social-area #twitter,
	#article .social-area #pinterest,
	#article .social-area #google_plusone,
	#article .social-area #facebook_like{
		margin:0 10px 0 0;
		float:left;
		}

/* ***********************************************************

　facebook-comment

* ********************************************************* */

#article .facebook-comment{
	margin:10px 0;
	padding:9px 9px 14px;
	border:1px solid #eee;
	background:#fff;
	}


/* ***********************************************************

　Thumbnail-Area

* ********************************************************* */

#article .thumbnail-area{
	margin:0;
	padding:0;
	background:none;
	}

	#article .thumbnail-area h2{
		margin:0 0 10px;
		padding:0;
		font-size:81.25%;
		border:none;
		}

@media screen and (max-width: 480px) {
	#article .thumbnail-area{
			width:100%;
			margin:0 auto;
			padding:0;
			background:none;
			text-align:center;
		}
}

/* ***********************************************************

　Thumbnail

* ********************************************************* */

#article .thumbnail{
	float:left;
	width:178px;
	height:238px;
	margin:5px;
	padding:0;
	border:1px solid #ddd;
	background:#fff;
	}

	#article .thumbnail-pict{
		margin:10px 10px 0;
		padding:0;
		}

	#article .thumbnail h3{
		margin:5px 10px 0;
		padding:0;
		font-size:13px;
		line-height:1.3;
		font-weight:bold;
		border-bottom:none;
		}

	#article .thumbnail h3 a{
		color:#555;
		}

	#article .thumbnail p{
		margin:5px 10px 0;
		padding:0;
		font-size:11px;
		line-height:1.3;
		font-weight:bold;
		border-bottom:none;
		}

	#article .thumbnail p a{
		color:#555;
		}

@media screen and (max-width: 480px) {
	#article .thumbnail{
		clear:both;
		width:90%;
		height:auto;
		margin:1% auto;
		padding:0 0 5px;
		border:1px solid #ddd;
		background:#fff;
			text-align:center;
		}
}