@charset "utf-8";
/** ----------------------------------------------------------------------------

	@ Style Name    : common/css/module.css

---------------------------------------------------------------------------- **/
/** ----------------------------------------------------------------------------
 *	Layout
---------------------------------------------------------------------------- **/
/**
 *	#contentsList (Index Page)
---------------------------------------------------------------------------- **/
#contents ul.contentsList {
	float:right;
	margin:0 0 0 0;
	*margin:0 0 30px -40px;
	_margin:0 0 0 -80px;
	zoom:1;
	background:none;
}
#contents ul.contentsList li {
	float:left;
	width:288px;
	margin:0 0 30px 30px;
	list-style:none;
	background:none;
	padding:0;
	border:#ccc solid 1px;
}
#contents ul.contentsList li img.photo{
	margin:2px;
	}
#contents ul.contentsList li a.title {
	text-decoration:none;
	height:32px;
	line-height:32px;
	font-size:18px;
	background:url(../imgs/ls_dd.gif) no-repeat 0 4px;
	padding-left:15px;
	}

/**
 *	#contents (Inner Page)
---------------------------------------------------------------------------- **/
/* h2 */
#mainContents h2 {
	background:url(../imgs/bg_h2.gif) 0 0 no-repeat;
	height:60px;
	line-height:60px;
	color:#669999;
	font-size: 22px;
	padding-left:20px;
	
	}

/* h3 */
#contents h3 {
	margin:0 0 15px 0;
	padding:5px 0 5px 10px;
/*	background:url(../imgs/bg_h3.gif) 0 0 repeat;*/
	background:#9cc;
	color:#FFF;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
}

/* h4 */
#contents h4 {
	margin:0 0 15px 0;
	padding:3px 0 3px 30px;
	background:url(../imgs/bg_h4.gif) 10px 10px no-repeat;
	border-bottom:2px solid #ccc;
	color:#333;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
}

/* section */
#contents .section{
	margin:0 10px 10px 10px;
}
#contents .photoRight {
	float:right;
	margin:0 0 10px 10px;
}
#contents .photoLeft {
	float:left;
	margin:0 10px 10px 0;
}
#contents .section p{
	text-indent: 1em;
	padding:0 0 10px 0;
}

#contents .section p.indentback{
	text-indent:  -1em;
	padding-left: 1em;
	padding:0 0 0px 0;
}

#contents .section p.right{
              text-align: right;
	padding:-10px 0 0 0;
}

#contents .section p strong{
	font-weight:bold;
	color:#399;
}
#contents .section .lead{
	border-left:2px #66b5bf solid;
	margin-left:1em;
	margin-bottom:10px;
	}

#contents .section .lead > p{
	text-indent:inherit;
	padding-left:12px;
	font-size:22px;
	font-family:
   "ヒラギノ明朝 ProN W3",
   "HiraMinProN-W3",
   "HG明朝E",
   "ＭＳ Ｐ明朝",
   "MS PMincho",
   "MS 明朝",
   serif;
	
	}
#contents .section .lead > p span{font-size:14px;}
/* ul */
#contents ul {
	margin:0 0 20px 0;
	padding:5px 10px;
	width:660px;
	background:#f7f7f2;
}
#contents ul li {
	padding:5px 0 5px 20px;
	background:#f7f7f2 url(../imgs/ls_ul_li.gif) 0 10px no-repeat;
}

/* dl */
#contents dl {
	margin:0 0 20px 0;
	width:680px;
}
#contents dl dt {
	margin:0 0 1px 0;
	padding:5px 0 5px 30px;
	background:#f7f7f2 url(../imgs/ls_dt.gif) 10px 10px no-repeat;
}
#contents dl dd {
	margin:0 0 20px 0;
	padding:5px 0 5px 30px;
	background:url(../imgs/ls_dd.gif) 10px 10px no-repeat;
	border-top:1px dotted #ccc;
}

/* table */
#contents table {
	margin:0 0 20px 0;
	width:678px;
	border-collapse:collapse;
}
#contents .section table {
	width:660px;
}
#contents table th {
	padding:5px 10px;
	border:1px solid #ccc;
	background:url(../imgs/bg_h3.gif) 0 0 repeat;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
}
#contents table th.thGray {background:#f7f7f2;color:#333;}
#contents table td {
	padding:5px 10px;
	border:1px solid #ccc;
}

/*btn*/
#contents p.btn{ margin-bottom:10px;}
#contents p.btn a{
	background:#f4ba12;
	padding:15px;
	text-decoration:none;
	font-size:1.3em;
	color:#fff;
}
#contents p.btn a:hover{
	background:#f0b300;
	
	}
/** ----------------------------------------------------------------------------
 *	@@. Clearfix
---------------------------------------------------------------------------- **/
#contents .contentsList ul:after,
#contents .section:after,
#contents ul:after,
#contents dl:after,
#contents table:after {
	visibility:hidden;
	clear:both;
	display:block;
	content:" ";
	height:0;
	font-size:0;
}
* html #contentsList ul,
* html #contents .section,
* html #contents ul,
* html #contents dl,
* html #contents table {zoom:1; /* IE6 */}
*:first-child+html #contentsList ul,
*:first-child+html #contents .section,
*:first-child+html #contents ul,
*:first-child+html #contents dl,
*:first-child+html #contents table {zoom:1; /* IE7 */}