@charset "euc-jp";

/* CSS Document */



/* welcombutton

---------------------------------------- */

.welcombutton1,

.welcombutton2,

.welcombutton3,

.welcombutton4,

.welcombutton5 {

	position:absolute;

	z-index:10;

	height: 30px;

}

.welcombutton1{

	left: 369px;

	top: 17px;

}

.welcombutton2{

	left: 307px;

	top: 53px;

}

.welcombutton3{

	left: 360px;

	top: 394px;

}

.welcombutton4{
	left: 235px;
	top: 548px;

}

.welcombutton5{
	left: 505px;
	top: 576px;

}





/* index

---------------------------------------- */

#index_main {

	float: left;

	width: 400px;

	margin-right: 10px;

}

#index_main #topimg {

	margin-bottom: 10px;

	vertical-align: bottom;

}

#index_main #subject {

	width: 374px;

	margin-left: 13px;

	position:relative;

}

#index_main #subject img {

	margin-bottom: 5px;

	vertical-align: bottom;

}

#index_main #subject li {

	line-height: 1%;

}

#subject #sub1 {

	float: left;

	width: 172px;

	margin-right: 30px;

}

#subject #sub2 {

	float: left;

	width: 172px;

}

#banner {

	float: right;

	width: 175px;

}

#banner li {

	line-height: 1%;

}

#banner img {

	vertical-align: bottom;

}





/* index2

---------------------------------------- */

#indexbox{

	margin:15px 20px;



}

#indexnavi {

	width:500px;

	float:left;

}

#inbox{

	width:500px;

	position:relative;
	
	
}

#inbox_half{
 
    width:245px;
	
	float:left;
	
	
	
}

#indexnavi p {

	line-height:180%;

	margin-bottom:2px;

}

#indexbutton {
	width:205px;
	float:right;

}

#indexbutton p {

	margin-bottom:5px;

}

.bigtitle,

.middletitle,

.smalltitle,

.bigtitle2,

.middletitle2,

.smalltitle2 {

	background-image:url(../image/contents/arrow.gif);

	background-repeat:no-repeat;

	padding-left:15px;

	padding-right:5px;

}

.list_sty01 { 

    list-style-image:url(../image/contents/arrow.gif); list-style-position:inside;
	
	
	
	padding-left:15px;

	padding-right:5px;
}	



    
     
.bigtitle {

	margin-left:13px;

	margin-right:10px;

	font-size:14px;

	background-position:2px 10px;

}

.middletitle {

	margin-left:20px;

	margin-right:10px;

	background-position:2px 8px;

}

.smalltitle {

	margin-left:27px;

	margin-right:10px;

	background-position:2px 9px;

}



.bigtitle2 {

	margin-left:13px;

	margin-right:10px;

	font-size:14px;

	background-position:2px 5px;

}

.middletitle2 {

	margin-left:20px;

	margin-right:10px;

	background-position:2px 3px;

}

.smalltitle2 {

	margin-left:27px;

	margin-right:10px;

	background-position:2px 4px;

}



/* contents

---------------------------------------- */

#main {

	float: left;

	width: 475px;

	margin-top: 10px;

}

#con_main {

	width:100%;

}



/* message

---------------------------------------- */

#picture {

	float: left;

	width: 132px;

	margin-right: 15px;

}

#textarea {

	float: left;

	width: 315px;

	line-height: 150%;

}



/* faculty

---------------------------------------- */

.faculty {

	margin-bottom: 20px;

	padding-bottom: 20px;

	background: url(../image/contents/dot.gif) repeat-x bottom;

	line-height: 150%;

}

.faculty:after {

	display: block;

	visibility: hidden;

	clear: both;

	height: 0;

	content: ".";

}

.faculty p {

	padding:0 10px;

}

/* holly hack \*/

*:first-child+html .faculty {

	height:1%;

}

*html .faculty {

	height: 1%;

}

/* holly hack end */



.icon {

	float: left;

	width: 131px;

	margin-right: 15px;

}

.line1 {

	float: right;

	width: 310px;

	padding-bottom: 15px;

	background: url(../image/contents/dot.gif) repeat-x bottom;	

}

.line2 {

	float: right;

	width:310px;

	padding-top: 15px;

	padding-bottom: 15px;

	background: url(../image/contents/dot.gif) repeat-x bottom;	

}

.noline1 {

	float: right;

	width: 310px;

	padding-top: 15px;

}.noline2 {

	float: right;

	width: 310px;

}