@charset "utf-8";

* {margin:0;padding:0;}
html{height:100%; margin-bottom:1px; }
body {margin:0;padding:0;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; }
h1 { margin:0; padding:10; }
img { border:0 none; }
p { padding:0; margin:0; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; }
a { text-decoration:none; margin:0; padding:0; }
ul,ol,li,dl,dt,dd { margin:0; padding:0; }
.body {text-align:left;font-size: 14px; line-height: 150%; color: #333333; letter-spacing: normal}
table { border:0 none; border-spacing:0; }
input { margin:0; padding:0; font-size:12px; vertical-align:top; }
address {margin:0; padding:0;color:#333; font-style:normal; font-size:12px; text-align: left;}
.list { font-size:14px; line-height:150%; text-align:left; }
.list p{ font-size:14px; line-height:150%; text-align:left; }
a:hover img.banner { border:1px solid red;}
ul li{list-style:none; list-style-type:none}
.list2 { font-size:14px; line-height:150%; text-align:left; }
.list2 p{ font-size:14px; line-height:150%; text-align:left; }
.mawarikomi { float: right; margin-right: 5px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px;}
.honbun { line-height: 150%; margin-right: 10px; margin-left: 10px;}
.mawarikomihidari {	float: left; margin-right: 10px; margin-left: 5px; margin-top: 5px; margin-bottom: 5px;}
.box-green{border:solid 1px #349534;background:#C9FFCA;color:#000000;padding:5px;text-align:center;font-size:12px;line-height: 130%;margin: 10px;width: 90%;}
.box-green p{font-size:14px;line-height:140%;text-align:justify;}
.box-green li{font-size:14px;line-height:200%;text-align:justify;}
.box-gray{border:solid 1px #DEDEDE; background:#EFEFEF;color:#222222;padding:4px;text-align:center;}
.box-yellow{
	border:solid 1px #DEDEDE;
	color:#222222;
	padding:4px;
	text-align:center;
	width: 90%;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 180%;
	background-color: #F5F3E5;
}
.box-yellow p{
	font-size:16px;
	text-align:justify;
	margin-right: 8px;
	margin-left: 8px;
	line-height: 24px;
	margin-bottom: 5px;
	}
.box-blue{
	border:solid 1px #0066CC;
	background:#ECF6F7;
	color:#000000;
	padding:5px;
	text-align:center;
	font-size:16px;
	line-height: 150%;
	margin: 10px;
	width: 90%;
	}
.box-blue p{
	font-size:16px;
	line-height:150%;
	text-align:justify;
	}
.box-red{width: 90%;border: 1px red solid; padding: 10px; margin: 20px 0; background: #fffafa;font-size: 16px}
.box-red p{
	font-size:16px;
	line-height:150%;
	text-align:justify;
	}
.back {font-size: 14px;	line-height: 200%;text-align: center;margin-top: 15px;margin-bottom: 10px; font-weight:bold;}
.txtbox {text-align: justify;width: 90%;background-color: #FFFFFF;font-size: 14px;line-height: 150%;margin-top: 15px;margin-bottom: 10px;}
.txtbox p{font-size: 14px; margin-bottom: 15px;}
.footer_text{font-size:12px; line-height:180%; text-align: center; font-family: Arial, Helvetica, sans-serif;}
.orange li {
	background-image:url(../images/orange.png);
	font-size:12px;
	line-height: 24px;
	text-align: left;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left top;
	font-style: normal;
	text-indent: 14px;
	}
div#main a:hover img,div#contents a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}
/* Rollover System */
a:link { text-decoration:none; color: #0066CC; }
a:visited { text-decoration:none; color: #800080; }
a:hover { color:#FF6600; text-decoration:underline;}
a:active { color:#ff6600; text-decoration: underline;}

a.button {
    /* Sliding right image */
    background: transparent url('http://www.peg.or.jp/images/button_blue_right.png') no-repeat scroll top right; 
    display: block;
    height: 35px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 6px;
    padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: #000000;
    font-size:12px;
    font-weight:bold;
}
a.button span {
    /* Background left image */ 
    background: transparent url('http://www.peg.or.jp/images/button_blue_left.png') no-repeat; 
    display: block;
    line-height: 25px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 7px 0 5px 18px;
} 
a.button:hover span{text-decoration:underline;}
ruby {
ruby-align: distribute-space;
ruby-overhang: auto;
ruby-position: above;
}
rt ,rp {
	font-size:10px;
	line-height:10px;
	}
/*styles of numbers*/
DIV.scott {	PADDING-RIGHT: 3px;	PADDING-LEFT: 3px;PADDING-BOTTOM: 3px;MARGIN: 3px;PADDING-TOP: 3px;TEXT-ALIGN: center;font-size:14px;font-weight: bold;}
DIV.scott A {BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #009933; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none}
DIV.scott A:hover {BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6}
DIV.scott A:active {BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6}
DIV.scott SPAN.current {BORDER-RIGHT: #b2e05d 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b2e05d 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #b2e05d 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #b2e05d 1px solid; BACKGROUND-COLOR: #b2e05d}
DIV.scott SPAN.disabled {BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid}
/*反転時の文字色・背景色 */
::selection {background: #F8E6AF;color:#666666;}
::-moz-selection {background: #F8E6AF;color:#666666;}