@charset "utf-8";

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

	[index.css] project
	
	(C)Shinkousoku Printing Inc.

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


/* clearfix
------------------------------------------------------------*/
div.index:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}
*:first-child+html div.index {
	zoom: 1;
}
* html div#content div.index {
	zoom: 1;
}

/*----------------------------------------------------------*/

div#content h2 {
	background: url(../img/title_index.gif) no-repeat;
}

div.index {
	margin: 0 0 40px;
	background: url(../../common/img/content/index_background.gif) repeat-y;
}

div.index div {
	float: left;
	width: 200px;
	margin: 0 40px 0 0;
}

div.index div.last {
	margin: 0;
}

div.index h3 {
	margin: 0 0 10px;
	border: 5px solid #E8E0CF;
	background: url(../../common/img/content/index_btn_bg.jpg) no-repeat 0 center;
	line-height: 1.2857;
	font-size: 116.6%;
}
div.index h3:hover {
	background-position: -200px center;
}

div.index h3 a {
	display: table-cell;
	vertical-align: middle;
	width: 156px;
	height: 60px;
	padding: 0 6px 0 26px;
	background: url(../../common/img/bullet/index.gif) no-repeat 6px center;
	border: 1px solid #FFF;
	font-style: normal;
	color: #333;
}
* html div.index h3 a {
	display: block;
	width: 190px;
	height: auto;
	padding: 20px 6px 20px 26px;
}
*:first-child+html div.index h3 a {
	display: block;
	height: auto;
	padding: 20px 6px 20px 26px;
}

div.index h3 a:hover {
	color: #06C;
}

div.index p {
	margin: 0;
	line-height: 1.5;
	text-align: justify;
	text-justify: inter-ideograph;/*IE*/
}

div.section h5 {
	margin: 60px 0 0px;
}
/* figure */
div.section p.figure {
	margin: 1.6666em 0 1.6666em 24px !important;
}

/* table */
div.section th,
div.section td {
	padding: 0.25em 0.5em;
	border: 1px solid #CCC;
}

div.section th {
	background: #E0F0FF;
	font-size: 83.333%;
}

/* clearfix
------------------------------------------------------------*/
div.index:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
}
*:first-child+html div.index {
	zoom: 1;
}
* html div#content div.index {
	zoom: 1;
}