@charset "shift_jis";
* {
	margin: 0;
	padding: 0;
}

html,body {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size:12px;
	color:#666666;
	text-align:center;
	scrollbar-face-color: #C1DA84;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #C1DA84;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	background: #FFFFFF url(../img/back.jpg) repeat-x center top;
}

#site {
	width: 800px;
	border-left:solid #666666 1px;
	border-right:solid #666666 1px;
	background: #FFFFFF url(../img/head01.jpg) no-repeat center top;
	margin:0px auto;
}
#site_top {
	width: 800px;
	border-left:solid #666666 1px;
	border-right:solid #666666 1px;
	background: #FFFFFF url(../img/head02.jpg) no-repeat center top;
	margin:0px auto;
}
#con {
	width: 234px;
	height:100%;
	margin-left:8px;
	border-left:solid #666666 1px;
	border-right:solid #666666 1px;
	background: #FFFFFF url(../img/conback.jpg) center top;
}
.logo{
	height:244px;
	background-color:#FFFFFF;
	}
#menu01 {
	width: 213px;
	margin-top:35px;
}
#menu01 ul{
	padding: 0px;
	margin-left: 11px;
	list-style-type: none;
}
#menu01 li{
	margin-bottom:11px;
}
#menu01 li a{
	width: 213px;
	height: 34px;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
}
#menu01 li a:hover{
	width: 213px;
	height: 34px;
	background-repeat: no-repeat;
}
#menu01 li#comp a{
    background-image: url(../img/1-1.gif);
}
#menu01 li#comp a:hover{
	background-image: url(../img/1-2.gif);
}
#menu01 li#mess a{
    background-image: url(../img/2-1.gif);
}
#menu01 li#mess a:hover{
	background-image: url(../img/2-2.gif);
}
#menu01 li#succ a{
    background-image: url(../img/3-1.gif);
}
#menu01 li#succ a:hover{
	background-image: url(../img/3-2.gif);
}
#menu01 li#rec a{
    background-image: url(../img/4-1.gif);
}
#menu01 li#rec a:hover{
	background-image: url(../img/4-2.gif);
}
#menu01 li#staf a{
    background-image: url(../img/5-1.gif);
}
#menu01 li#staf a:hover{
	background-image: url(../img/5-2.gif);
}
#menu01 li#blog a{
    background-image: url(../img/6-1.gif);
}
#menu01 li#blog a:hover{
	background-image: url(../img/6-2.gif);
}
#foot_icon{
	width:213px;
	height:22px;
	margin-left:11px;
	padding-bottom:230px;
	}
#foot_icontop{
	width:213px;
	height:22px;
	margin-left:11px;
	padding-bottom:319px;
	}
.home {
display:inline;
float:left;
}
.home a {
width:68px;height:22px;text-indent:-2000px;
background:url(../img/home.gif) no-repeat;
text-decoration: none;display:block;
}
.home a:hover {
background:url(../img/home2.gif) no-repeat;
}
.mail { 
margin-right:4px; display:inline;
float:left;
}
.mail a {
width:68px;height:22px;text-indent:-2000px;
background:url(../img/mail.gif) no-repeat;
text-decoration: none;display:block;
}
.mail a:hover {
background:url(../img/mail2.gif) no-repeat;
}
.bok { 
margin-right:4px; display:inline;
float:left;
}
.bok a {
width:68px;height:22px;text-indent:-2000px;
background:url(../img/bok.gif) no-repeat;
text-decoration: none;display:block;
}
.bok a:hover {
background:url(../img/bok2.gif) no-repeat;
}
/*.blog { 
margin-top:11px;display:inline;
float:left;
}
.blog a {
width:213px;height:34px;text-indent:-2000px;
background:url(../img/6-1.gif) no-repeat;
text-decoration: none;display:block;
}
.blog a:hover {
background:url(../img/6-2.gif) no-repeat;
}*/
#foot{
	width:234px;
	height:116px;
	text-align:center;
	background-color:#FFFFFF;}
#footimg{
	margin-top:14px;
	margin-bottom:5px;
	}
#right{
	width:529px;
	margin-top:287px;
	margin-left:15px;
	}
.r01{
	width:279px;
	text-align:center;
	float:left;
	}
.r02{
	width:232px;
	text-align:right;
	margin-left:17px;
	float:left;
	}
.imgbot8{
	margin-bottom:8px;
	}
.taxbox01{
	width:258px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-size:12px;
	line-height:15px;
}
.taxbox02{
	margin-top:8px;
	text-align:left;
	font-size:12px;
	line-height:15px;
	border-bottom:dotted #666666 1px;
}
.taxbox03{
	width:500px;
	margin-top:8px;
	text-align:left;
	font-size:12px;
	line-height:15px;
}
.taxbox04{
	width:500px;
	margin-top:8px;
	text-align:left;
	font-size:12px;
	line-height:15px;
	border-bottom:dotted #666666 1px;
}
#bot20{
	margin-bottom:20px;
}
.pad5{
	padding:5px;
	}
#title{
	font-size:18px;
	font-weight:bold;
	color:#669900;
	border-left:solid #999999 2px;
	padding:5px;
	}
.title2{
	font-size:14px;
	font-weight:bold;
	}
#in {
	height: 510px;
	overflow: auto;
	margin-left:10px;
}
#in2 {
	height: 527px;
	overflow: auto;
	margin-left:10px;
}
.bule12{
	font-size:12px;
	color:#1A7BB4;
	}
/*リンク*/
#hyper{
	font-size:12px;
	text-align: right;
	margin-bottom:4px;
	color: #1A7BB4;
}

#hyper a {
	color: #1A7BB4;
	text-decoration: none;
}
#hyper a:hover {
	color: #1A7BB4;
	text-decoration: underline;
}
#link01{
	font-size:12px;
	text-align: center;
	margin-top:20px;
	margin-bottom:4px;
	color: #1A7BB4;
}

#link01 a {
	color: #1A7BB4;
	text-decoration: none;
}
#link01 a:hover {
	color: #1A7BB4;
	text-decoration: underline;
}
#link02{
	font-size:12px;
	text-align: center;
	margin-top:52px;
	margin-bottom:4px;
	color: #1A7BB4;
}

#link02 a {
	color: #1A7BB4;
	text-decoration: none;
}
#link02 a:hover {
	color: #1A7BB4;
	text-decoration: underline;
}
.form{
	font-size:12px;
	padding:3 0 5 15px;
	}
#popup{
	width:517px;
	background-color:#FFFFFF;
	margin-top:10px;
}