@charset "Shift_JIS";

/* nipro
-----------------------------------------------------*/
#container h1 {
	background: none;
}
#contents {
	width: 856px;
	margin: 40px auto;
}
#contents a {
	color: #6D6D6D;
}
#contents a:hover {
	color: #fd5b2f;
	text-decoration: underline;
}

ul {
	list-style: none;
}

h3,
h4,
h5 {
	margin-bottom: 10px;
}

th,
td {
	border: 2px solid #C8C8CA !important;
	color: #414141 !important;
}

#index dt {
	width: 8em;
	_width: 10em;
	padding: 0.3em 1em;
	background: #429415;
	font-weight: bold;
	color: #fff;
}
#index dd {
	margin-top: -1.5em;
	margin-bottom: 12px;
	padding-left: 11em;
	padding-bottom: 15px;
	border-bottom: 1px dotted #429415;
}

/* paging
----------------------------- */
.paging {
	_zoom: 1;
	overflow: hidden;
	clear: both;
	padding: 15px 0 7px;
}

.paging p {
	float: left;
	width: 310px;
	background: #429415;
}

.paging ul {
	list-style: none;
	float: right;
	width: 533px;
	height: 23px;
	font-size: 95%;
	background: #E6E6E6;
}

.paging ul li {
	float: right;
	margin-top: 4px;
	margin-right: -1px;
	padding: 0 8px;
	border-right: 1px solid #000;
	color: #000;
	line-height: 1.1em;
}

.paging ul li.now {
	font-weight: bold;
}

/* title
----------------------------- */
#title {
	margin-bottom: 25px;
}

#title h2,
#title p {
    display: table-cell;
    vertical-align: middle;
}

* html #title h2,
* html #title p {/*for IE6 */
    display: inline;   
    _zoom: 1;   
}

*:first-child+html #title h2,
*:first-child+html #title p {/*for IE7 */
    display: inline;   
    zoom: 1;   
}

#title h2 {
	width: 340px;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}
#title p {
	width: 510px;
	color: #7EB84A;
	font-weight: bold;
	font-size: 95%;
}

/* sukoyaka_copy
----------------------------- */
#sukoyaka_copy {
	margin-bottom: 10px;
	padding: 10px 13px 5px;
	background: #DAEDD0;
	color: #429415;
}
#sukoyaka_copy strong {
	/* display: block; */
	font-weight: bold;
}
#sukoyaka_copy span {
    padding-left: 1em;
}
#sukoyaka_copy p {
	font-size: 90%;
}
#sukoyaka_copy p#sukoyaka_copy_notes {
    padding-left: 1em;
    text-indent: -1em;
}

/* block
----------------------------- */
.block {
	margin-bottom: 30px;
}
.block:after {
	content: "　";
	clear: both;
	height: 0;
	display: block;
}

/* point
----------------------------- */
.point li  {
	padding-left: 15px;
	background: url(image/sukoyaka_point.gif) no-repeat 0 5px;
}

/* clear
------------------------- */
.paging:after {
	content: "　";
	clear: both;
	height: 0;
	display: block;
}


@media screen and (max-width: 600px) {
/****************************************************
    600px未満に適用
****************************************************/
#contents {
	width: auto;
	margin: 40px 0;
}

.toindex {
	width: auto;
	overflow: hidden;
}

#index dt {
	width: 4em;
	_width: 6em;
}
#index dd {
	padding-left: 7em;
	margin-top: -2em;
}



/* title
----------------------------- */
#title h2,
#title p {
    display: block;
}

#title h2 {
	width: auto;
	margin: 0 0 15px;
	padding: 0;
	background: none;
	border: none;
}

#title p {
	width: auto;
	color: #7EB84A;
	font-weight: bold;
	font-size: 95%;
}

/* sukoyaka_copy
----------------------------- */
#sukoyaka_copy span {
    display: block;
    padding-left: 0;
}

/* paging
----------------------------- */
.paging {
	_zoom: 1;
	overflow: hidden;
	clear: both;
	padding: 15px 0 7px;
}

.paging p {
	float: none;
	width: auto;
	background: #429415;
}

.paging ul {
	list-style: none;
	float: none;
	width: auto;
	height: 28px;
	background: #E6E6E6;
}

.paging ul li {
	float: right;
	font-size: 14px;
	margin-top: 4px;
	margin-right: -1px;
	padding: 0 8px;
	border-right: 1px solid #000;
	color: #000;
	line-height: 1.1em;
}

.paging ul li.now {
	font-weight: bold;
}
/* block
----------------------------- */
.block img {
	float: none;
	max-width: 100%;
	height: auto;
}
/***************************************************/
}