@charset "shift_jis";


body {
margin: 0px;
background-color: #F0F0F0;
margin-left: auto;
margin-right: auto;
font-family: "ＭＳ ゴシック",Osaka,sans-serif;
color: #333333;
background-color: #ffffff;
}

h1,h2,h3,h4,p,img,ul,ol,li { margin: 0px; padding: 0px; }
a img { border: none; }

/*******************  font ***********************/

h1,h2 { font-size: 90%; }
h3 {
font-size: 78%;
color: #468f04;
border-left: solid 3px #468f04;
margin: 20px 0px 5px 0px;
padding-left: 10px; }
p,ol,ul { font-size: 78%; line-height: 150%; font-family: "ＭＳ ゴシック",Osaka,sans-serif; }

.size10 { font-size: 65%; line-height: 120%; color: #333333; }
.size12 { font-size: 78%; line-height: 150%; color: #333333; }
.size14 { font-size: 90%; line-height: 150%; color: #333333; }
.caution { font-size: 78%; line-height: 150%; font-family: "ＭＳ ゴシック",Osaka,sans-serif; color: #660000; }
.caution02 { color: #ff6600; }

sup { font-size: 65%; }

/*******************  link ***********************/

A:link { color: #0666c9; text-decoration: none; }
A:visited { color: #0666c9; text-decoration: none; }
A:hover { color: #e7a60b; text-decoration: none; }
A:active { color: #e7a60b; text-decoration: underline; }

/*  indexのテキストリンクで使用　*/
A.gray:link { color: #333333; text-decoration: none; }
A.gray:visited { color: #333333; text-decoration: none; }
A.gray:hover { color: #e7a60b; text-decoration: none; }
A.gray:active { color: #e7a60b; text-decoration: none; }

/*******************  common contentarea ***********************/

#contentarea {
width: 840px;
background-image: url(../img/bg_side.gif);
background-position: center top;
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
}

#contentbody {
width: 800px;
margin-left: 20px;
margin-right: 20px;
}

#copyright{
	width: 840px;
	margin-left: auto;
    margin-right: auto;
	}
	
/******  banner  *******/
.banner { margin-top: 5px; }	

/* 回り込み解除で使用 */
hr { display: none; }
.clear-both { clear: both; }
.hidden { display: none; }