/********** コモン **********/

a:link{ color: #666666; text-decoration: none;}

a:visited { color: #666666; text-decoration: none;}

a:hover { color: #5fa500; text-decoration: none;}

a:active { color: #5fa500; text-decoration: none;}







body {

	background-color: #e0ffff;

	background: url(../images/header_bg.gif) repeat-x;

	margin: 0px;

	padding: 0px;

	width: 100%;

	height: 100%;

	text-align:center;

}



body, td, th {

	color: #666666;

}



#pack {

	width: 760px;

	margin-left: auto;

	margin-right: auto;

	text-align: justify;

}



.clear {

	clear: both;

	margin: 0;

	padding: 0;

	width: 100%;

	background-color: #888888;

}



strong {

	font-weight: normal;

}



/* CSS第二水準まで準拠している環境向け。 */

em {

	font-family: monospace;

	font-style: normal;

	font-weight: normal;

	background-image: url("../images/EmphasizingDot.GIF");

	background-repeat: repeat-x;

	padding: 0.3em 0 0;

	/* 画像を表示しない設定で強調を表すための背景色。 */

	background-color: #cfc;



	/* CSS第三水準の背景・枠線モジュールを実装している環境向け。 */

	background-image: url("../images/EmphasizingDot2.GIF"), none;

	background-clip: padding-box, content-box;

	background-size: 1em 1.3em, auto;

	}



/* 入れ子になった<em>要素では二重に傍点が打たれてしまうのでそれを回避。 */

em em {

	background: transeparent none;

	padding: 0;

	}



p {

	line-height: 150%;

	margin-bottom: 1em;

}



.nowrap {

	white-space: nowrap;

}





.noMargin{

	margin: 0;

}











/********** ヘッダ関連 **********/

#header {

	width: 760px;

	height:72px;

	zoom: 100%;

}



#header:after {

	content: '';

	display: block;

	visibility: hidden;

	height: 0;

	clear: both;

}



#headerLeft {

	width: 641px;

	margin:8px 0 0 0;

	float: left;

}



#headerLeftLogo {

	float: left;

	margin:0 20px 0 0;

}



.headerLeftSubMenu {

	margin-top: 7px;

	margin-left: 13px;

	float: left;

	font-size: 11px;

}





.headerLeftSubMenu a:link{ color: #5fa500; text-decoration: none;}

.headerLeftSubMenu a:visited { color: #5fa500; text-decoration: none;}

.headerLeftSubMenu a:hover { color: #85ca27; text-decoration: none;}

.headerLeftSubMenu a:active { color: #85ca27; text-decoration: none;}



.headerLeftSubMenu img {

	margin-right: 5px;

}



#headerRight {

	background: url(../images/fontsize_bg.gif) no-repeat;

	width: 102px;

	height: 37px;

	float: right;

	padding:26px 0 0 17px;

}



#headerRightS, #headerRightM, #headerRightL{

	zoom: 100%;

}



#headerRightS div, #headerRightM div, #headerRightL div{

	float: left;

}



#headerRightS:after, #headerRightM:after, #headerRightL:after {

	content: '';

	display: block;

	visibility: hidden;

	height: 0;

	clear: both;

}











/********** バナーエリア関連 **********/

.banners {

	margin-bottom: 19px;

}



.banners img {

	margin-bottom: 5px;

}





.pageTop {



	text-align: right;

	padding-right: 5px;

	padding-top: 10px;

	width: 564px;

	border-top: 1px solid #5ea300;

}







/********** フッタ関連 **********/

#footer {

	margin:32px 0 0 0;

	height: 50px;

	border-top: 2px solid #5ea300;

}



#footerInner {

	padding-top: 18px;

	width: 760px;

	margin-left: auto;

	margin-right: auto;

	text-align: right;

	font-size: 11px;

}



#footerInner a:link{ color: #7e7e7e; text-decoration: none;}

#footerInner a:visited { color: #7e7e7e; text-decoration: none;}

#footerInner a:hover { color: #85ca27; text-decoration: none;}

#footerInner a:active { color: #85ca27; text-decoration: none;}



#footerInner img {

	margin-right: 5px;

}













/********** コンテンツエリア関連 **********/



.caption {

	font-size: 90%;

}



hr {

	color: #888888;

	background-color: #888888;

	height: 1px;

	border-style: solid;

	border: none;

	margin: 1em 0px;

}



.indent {

	text-indent: 1em;

}



.content {

	margin-bottom: 20px;

}



#mainLeft a:link{ color: #5fa500; text-decoration: none;}

#mainLeft a:visited { color: #5fa500; text-decoration: none;}

#mainLeft a:hover { color: #85ca27; text-decoration: none;}

#mainLeft a:active { color: #85ca27; text-decoration: none;}