@charset "Shift_JIS";

/*�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�w�b�h�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q*/
#head{
	border-bottom:5px solid #B3B2B4;
	font-size:90%;
	background:#FFF;
	}

ul#h-navi{
	padding:8px 0 0px;
	text-align:right;
	}

a.top-rogo{
	display:block;
	margin:0;
	width:220px;
	height:70px;
	background:url(../img/rogo.gif) no-repeat center center;
	}

/*�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�R���e���c�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q*/

#main{}
#side{}

h1.midashi{
	margin:10px 20px 10px 20px;
	padding:0px 0px;
	}
p.midashi{
	margin:-10px 20px 10px 20px;
	padding:0px 0px;
	}
h2.midashi{
	font-size:90%;
	width:550px;
	height:25px;
	text-align:left;
	margin:10px 0px 5px 0px;
	padding:4px 0px 0 10px;
	background:url("../img/h2-bg.gif") no-repeat 0 0;
	}
#office #wrap #content .midashi{
	font-size:90%;
	width:720px;
	height:25px;
	text-align:left;
	margin:10px 0px 5px 0px;
	padding:4px 0px 0 10px;
	background:url("../img/h2-bg5.gif") no-repeat 0 0;
	}

h3{
	font-size:90%;
	margin:10px 0px 5px 0px;
	padding:0px 0px;
	}
	
#content{
	margin:10px 20px 20px 20px;
	padding:0px 0px;
	}

ul.side-info{
	background:#FFF url("../img/rogo-s.gif") no-repeat 10px 5px;
	width:110px;
	font-size:80%;
	padding:40px 7px 3px 7px;
	margin:10px 0px 0px 15px;
	border-top:1px solid #CCC;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
	border-left:1px solid #CCC;
	}
* html ul.side-info{
	width:130px;
	}


/*�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�t�b�^�[�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q�Q*/

p.totop{
	color:#0860A8;
	font-size:80%;
	text-align:right;
	margin:0 20px 10px 0;
	clear:both;
	}
p.totop a{
	color:#0860A8;
	}
p.topage{
	margin:0 0 0 20px;
	clear:both;
	}
p.topage .stay{
	color:#B5293A;
	}
	
#foot{
	clear:both;
	text-align:right;
	margin:0px 0 0px 0;
	padding:2px 10px;
	color:#FFF;
	font-size:80%;
	background:#000;
	}




/*�Q�Q�Q�Q�Q�Q�Q�S�́Q�Q�Q�Q�Q�Q�Q�Q*/

*{
	margin:0;
	padding:0;
	font-family: "�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","Helvetica","Arial","�l�r �o�S�V�b�N",sans-serif;
	font-style:normal;
	}
	
img{border:0;}
li{list-style:none;}


/*�Q�Q�Q�Q�Q�Q�Q�����Q�Q�Q�Q�Q�Q�Q�Q*/
body {font-size:100%;}
body a{font-size:100%;color:#333;text-decoration:none;}
body a:visited{}
body a:hover{color:#B5293A;text-decoration:underline;}
body a:active{color:#FF0000;text-decoration:none;}


h1{line-height:1.3em;font-weight: bold;color:#333;}
h2{line-height:1.3em;font-weight: bold;color:#333;}
h3{line-height:1.3em;font-weight: bold;color:#333;}
h4{line-height:1.3em;font-weight: bold;color:#333;}
p{font-size:80%;line-height:1.5em;color:#333;}
li{font-size:80%;line-height:1.5em;color:#333;}
em{color:#FF0000;}


/*�T�C�Y*/
.big{font-size:120%}
.small{font-size:80%;line-height:1.3em}
.x-small{font-size:75%;line-height:1.3em}
/*�F*/
.orenge{color:#FF6600;}
.green{color:#006D2C;}
.mos-green{color:#3C6746;}
.high-green{color:#00CC00;}
.pink{color:#F40159;}
.white{color:#FFF;}
.red{color:#FF0000;}
/*��*/.blue{color:#0874D0;}




/*�Q�Q�Q�Q�Q�Q�Q ���Z�Q�Q�Q�Q�Q�Q�Q�Q*/


img.point{margin:2px 2px -2px 0;}
.clear{clear:both;} 
.none{display:none;}
#none{display:none;}
.center{text-align:center;}
.right{width:100%;text-align:right;}
.line{clear:both;margin:5px 0;width:auto ;height:5px ;border-top:1px solid #33A65E; }
.waku{padding:4px;margin:5px;border:1px solid #CCC;background:#FFF;}