/**************00:htmlset****************************************************************************************/
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
	color: #444444;
	}

a:link{color: #0000ff;text-decoration:none}
a:visited{color:#CC6600;text-decoration: none;}
a:hover{color:#CC0000;text-decoration: underline;}



* { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W4","Osaka", "メイリオ","ＭＳ Ｐゴシック ", "verdana",sans-serif; }
img {border: none;}
ul,li {list-style-type: none;}
li{display:list-item;zoom:normal;} 

html{
height:100%;
}

body{
height:100%;
}

body > #main {
height: auto;
}


h1{
float:left;
}
/**************00:font-style****************************************************************************************/
.large01{
font-size:14px;
font-weight:bold;
}

.small{
font-size:12px;
color:#999999;
}

.read{
line-height:170%;
}

/**************00:mainlayout****************************************************************************************/
#main{
background-image:url(../images/bg_foot.gif);
/*background-color:#ffcdd9;*/
width:100%;
height:100%;
min-height: 100%;
background-repeat:no-repeat;
background-position:center;
margin:0px;
padding:0px;
}

#mainbox{
background-image:url(../images/bg_main.jpg);
background-repeat:repeat-x;
margin:0px;
padding:0px;
clear:both;
}

#wrapper{
width:850px;
margin:auto;
font-size:14px;
clear:both;
padding-top:18px;
}

#header{
/*margin-top:18px;*/
clear:both;
}

#pan{
border-bottom:1px dashed #999;
font-size:10px;
padding:5px;
margin-bottom:10px;
}

#contents{
width:630px;
float:left;
margin-bottom:20px;
}

#sidearea{
width:190px;
float:right;
margin-bottom:20px;
}

/**************00:header****************************************************************************************/
#naviheadright{
margin-left:555px;
}

#bt_top a{
margin-top:7px;
margin-left:150px;
display:block;
width:124px;
height:12px;
background-image:url(../images/bt_topoff.gif);
background-repeat:no-repeat;
text-indent:-9999px;
}

#bt_top a:hover{
background-image:url(../images/bt_topon.gif);
background-repeat:no-repeat;
}


#navi_head {
width: 277px;
margin:0px;
padding:0px;
height:23px;
/*float:right;*/
}

#navi_head ul {
margin:0px;
padding:0px;
}

#navi_head li {
height:23px;
background-image:url(../images/navi_head.gif);
display:block;
margin:0px;
padding:0px;
float:left;
list-style-type: none;
}

#navi_head li a {
text-decoration:none;
font-size:6px;
height:23px;
display:block;
text-indent:-9999px;
background-image:url(../images/navi_head.gif);
}

/* ************************************** */
#navi_head #navi01 {
	width: 96px;
	background-position: 0px 0px;
}
#navi_head #navi01 a:link, #navi_head #navi01 a:visited {
	width: 96px;
	background-position: 0px 0px;
}
#navi_head #navi01 a:hover {
	background-position: 0px -23px;
}
/* ************************************** */
#navi_head #navi02 {
	width: 92px;
	background-position: -96px 0px;
}
#navi_head #navi02 a:link, #navi_head #navi02 a:visited {
	width: 92px;
	background-position: -96px 0px;
}
#navi_head #navi02 a:hover {
	background-position: -96px -23px;
}
/* ************************************** */
#navi_head #navi03 {
	width: 89px;
	background-position: -188px 0px;
}
#navi_head #navi03 a:link, #navi_head #navi03 a:visited {
	width: 89px;
	background-position: -188px 0px;
}
#navi_head #navi03 a:hover {
	background-position: -188px -23px;
}


/*****************************************************************************************************************/
/**************00:mainnavi****************************************************************************************/
#navi {
width: 850px;
margin:0px;
padding:0px;
height:60px;
clear:both;
}

#navi ul {
margin:0px;
padding:0px;
}

#navi li {
height:60px;
background-image:url(../images/navi.gif);
display:block;
margin:0px;
padding:0px;
float: left;
list-style-type: none;
}

#navi li a {
text-decoration:none;
font-size:9px;
height:60px;
display:block;
text-indent:-9999px;
background-image:url(../images/navi.gif);
}

/* ************************************** */
#navi #navi01 {
	width: 190px;
	background-position: 0px 0px;
}
#navi #navi01 a:link, #navi #navi01 a:visited {
	width: 190px;
	background-position: 0px 0px;
}
#navi #navi01 a:hover {
	background-position: 0px -60px;
}
#navi.navi01 #navi01 a {
	background-position: 0px -120px !important;
}
/* ************************************** */
#navi #navi02 {
	width: 193px;
	background-position: -190px 0px;
}
#navi #navi02 a:link, #navi #navi02 a:visited {
	width: 193px;
	background-position: -190px 0px;
}
#navi #navi02 a:hover {
	background-position: -190px -60px;
}
#navi.navi02 #navi02 a {
	background-position: -190px -120px !important;
}
/* ************************************** */
#navi #navi03 {
	width: 154px;
	background-position: -383px 0px;
}
#navi #navi03 a:link, #navi #navi03 a:visited {
	width: 154px;
	background-position: -383px 0px;
}
#navi #navi03 a:hover {
	background-position: -383px -60px;
}
#navi.navi03 #navi03 a {
	background-position: -383px -120px !important;
}
/* ************************************** */
#navi #navi04 {
	width: 100px;
	background-position: -537px 0px;
}
#navi #navi04 a:link, #navi #navi04 a:visited {
	width: 100px;
	background-position: -537px 0px;
}
#navi #navi04 a:hover {
	background-position: -537px -60px;
}
#navi.navi04 #navi04 a {
	background-position: -537px -120px !important;
}
/* ************************************** */
#navi #navi05 {
	width: 100px;
	background-position: -637px 0px;
}
#navi #navi05 a:link, #navi #navi05 a:visited {
	width: 100px;
	background-position: -637px 0px;
}
#navi #navi05 a:hover {
	background-position: -637px -60px;
}
#navi.navi05 #navi05 a {
	background-position: -637px -120px !important;
}
/* ************************************** */
#navi #navi06 {
	width: 113px;
	background-position: -737px 0px;
}
#navi #navi06 a:link, #navi #navi06 a:visited {
	width: 113px;
	background-position: -737px 0px;
}
#navi #navi06 a:hover {
	background-position: -737px -60px;
}
#navi.navi06 #navi06 a {
	background-position: -737px -120px !important;
}


/**************00:footernavi****************************************************************************************/
#navi_foot {
background-color:#ffffff;
width:830px;
padding:10px 10px 0px 10px;
border-top:1px dashed #999;
clear:both;
height:19px;
}

#navi_foot01 ul {
margin:0px;
padding:0px;
}

#navi_foot01 li {
height:11px;
background-image:url(../images/navi_foot01.gif);
display:block;
margin:0px;
padding:0px;
float: left;
list-style-type: none;
}

#navi_foot01 li a {
text-decoration:none;
font-size:6px;
height:11px;
display:block;
text-indent:-9999px;
background-image:url(../images/navi_foot01.gif);
}

/* ************************************** */
#navi_foot01 #navi01 {
	width: 91px;
	background-position: 0px 0px;
}
#navi_foot01 #navi01 a:link, #navi_foot01 #navi01 a:visited {
	width: 91px;
	background-position: 0px 0px;
}
#navi_foot01 #navi01 a:hover {
	background-position: 0px -11px;
}

/* ************************************** */
#navi_foot01 #navi02 {
	width: 72px;
	background-position: -91px 0px;
}
#navi_foot01 #navi02 a:link, #navi_foot01 #navi02 a:visited {
	width: 72px;
	background-position: -91px 0px;
}
#navi_foot01 #navi02 a:hover {
	background-position: -91px -11px;
}
/* ************************************** */
#navi_foot02{
float:right;
}

#navi_foot02 a {
width:124px;
height:19px;
font-size:9px;
background-image:url(../images/navi_foot02.gif);
background-repeat:no-repeat;
display:block;
text-indent:-9999px;
}

#navi_foot02 a:hover {
font-size:9px;
background-image:url(../images/navi_foot02.gif);
background-repeat:no-repeat;
background-position: 0px -19px;
}

/* ************************************** */

/**************00:footer****************************************************************************************/
#footer{
width:830px;
margin:auto;
padding:9px;
font-size:12px;
border-top:3px solid #bd3366;
clear:both;
}




.color_red {
	color: #F00;
}