* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size : 13px;
	line-height: 150%;
}

body{
background: url(images/back.gif) repeat-y 50% #333;
color: #ccc;
text-align: center;
line-height: 150%;
}

h1{
font-size: 19px;
line-height: 150%;
font-weight: bold;
margin-top: 10px; 
background: url(images/dot_1.gif) no-repeat 10px 5px #333;
text-indent: 35px;
}

h2{
font-size: 15px;
font-weight: bold;
line-height: 200%;
text-indent: 50px;
}

dl{
margin-left: 20px;
}


dd{
margin-left: 20px;
}

a img {
	border:none;
}

hr {
	clear: both;
	height: 1px;
}

strong {
	color: #ccc;
}

img{
vertical-align: top;
border: 0;
}

a{
color: #fff;
}

#wrapper{
width: 815px;
margin:0 auto;
text-align: center;
}


#sitemast{
margin: 0 auto;
line-height: 200%;
}
#head{
width: 815px;
height:110px;
margin: 0 auto;
text-align: left;
background: url(images/line.gif) repeat-x 0 104px;
}

#main{
width: 560px;
float: right;
text-align: left;
}

#main a{
color: #ccc;
text-decoration: none;
}
#main h1{
width: 550px;
}

#main a:hover{
text-decoration: underline;
color: #fff;
}


#main dt{
color: #ccc;
font-weight: bold;
margin-bottom: 5px;
margin-top: 25px;
border-bottom: 1px dashed #666;
}

#main dd{

}

#main_hp{
width: 600px;
float: right;
text-align: left;
margin-top: 20px;
border-left: 1px solid ;
padding-left: 10px;
}

#main_hp a{
color: #ccc;
font-weight: bold;
text-decoration: none;
}
#main_hp h1{
width: 550px;
}

#main_hp a:hover{
text-decoration: underline;
}

#main_hp dt{
color: #ccc;
font-weight: bold;
margin-bottom: 5px;
margin-top: 10px;
}

#main_hp table{
margin-left: 70px;
}

#main_hp td{
padding-left: 10px;
}


#main_hp li{
margin-bottom: 15px;
list-style: none;
line-height: 150%;
}





.renraku{
float: right;
margin-top: 15px;
text-align: right;
}

#midashi{
text-align: left;
}

.midashi{
font-weight : bold;
font-size : 16px;
margin-bottom : 10px;
margin-top : 10px;
color : white;
border-bottom: 1px dotted;
}

.box1{
width : 180px;
float : left;
height : 170px;
background-color : #232323;
margin : 3px;
padding : 5px;
overflow: hidden;
}


.box1 a:hover img{
border: 1px red solid;
margin: -1px;
}

.list_ul{
margin-top : 5px;
margin-right : 10px;
font-size : 13px;
line-height: 120%;
}
.list_lih{
margin-bottom : 10px;
margin-left : 50px;
}

.left{
width: 230px;
background-color: #333;
text-align: left;
float: left;

}

.left ul{
margin: 20px ;
}

.left a{
color: #ccc;
}

.left a:hover{
color: #fff;
}

.left_hp{
width: 180px;
text-align: left;
float: left;
}

.left_hp ul{
margin: 10px ;
}

.left_hp li{
margin-bottom: 10px ;
list-style: none;
color: red;
}

.left_hp a:hover{
text-decoration: underline;
}

.left_hp a{
color: #ccc;
text-decoration: none;
}

.info{
margin-left: 15px;
font-size: 12px;
}
.navi{
width: 480px;
margin-top: -18px;
margin-right: 30px;
float: right;
overflow: hidden;
}

.bttn{
display:block;
height:33px;
width:119px;
background: url("images/btn02.jpg") no-repeat;
text-align: center;
float: left;
}

.bttn a{
display:block;
width:119px;
height:33px;
background: url("images/btn01.jpg") no-repeat;
color:#ccc;
line-height: 34px;
text-decoration : none;
}

.bttn a:hover{
height: 33px;
background-image: none;
color:#99ff00;
}

.bttn_c{
display:block;
height:33px;
width:119px;
background: url("images/btn01.jpg") no-repeat;
color: #99ff00;
line-height: 34px;
float: left;
text-align: center;
}

.image_left{
float: left;
}

.honbun{
padding:10px;
height: 220px;
font-size: 13px;
line-height:160%;
background-color: #525B61;
border-bottom: 3px solid #ccc;
border-right: 3px solid #ccc;
border-left: 4px solid #ccc;
color: #ccc;
}

.honnbun_box{
margin-left : 40px;
margin-bottom : 10px;
padding : 10px;
border-width : 1px;
border-style : dotted;
border-color : gray;
background-color : #121212;
line-height : 140%;
}

#foot{
line-height: 170%;
margin: 0 auto;
clear:both;
margin-top: 20px;
}

#foot a{
text-decoration: none;
font-size: 12px;
color: #666;
}

#foot a:hover{
color: red;
text-decoration: underline;
}

#copyright{
margin: 0 auto;
font-size: 12px;
color: #666;
}

.clear{
clear:both;
}