@charset "utf-8";
/*↑必ず1行目に書く。認識されないから。@charsetが文字を規定する文法*/
/* 全称セレクタとタグそのもの */

/*↓ブラウザによってデフォルト値が違うので、それをさけるために、すべてのタグに関して設定する。メイリオは文字がきれい。書く順番はこのままで！誰もが一番きれいにみえる。*/
* {
    margin:             0;
    padding:            0;
    list-style-type:    none;
    line-height:        1;
    font-family:        'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/*画像にリンクを貼った時につく枠をとる。最初から決まっているルールを入れるのもあり。*/
img {
    border:             0;
}
 
/* ClearFix */
/*clearfixというクラスにふられているafterのこと。ピリオド.がコンテンツの幅いっぱいいっぱいにブロック要素が見えないようにｄivの下につく。この3つの.clearfixのものは、必ず書く。IEのバグがあるので全部書かないとだめ。*/
.clearfix:after {
    content:            ".";
    display:            block;
    clear:              both;
    height:             0;
    visibility:         hidden;
}
 
.clearfix {
    min-height:         1px;
}
 
* html .clearfix {
    height:             1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}

/*おおまかなレイアウト*/
body{
	text-align:		left;
	color:			#333333;
	background-image:url(bk.gif);
	background-repeat:repeat;
}

/*widthは最近は画面が大きくなってきたので、900か950か960がいいかな。*/
#wrapper {
	text-align:			left;
	margin:				5px  auto;
	width:				960px;
	background-image:url(1.jpg);
	background-repeat:repeat;
	background-color:	;	
}

#header{
	position:	relative;
	width:		960px;
	height:		50px;
}

#header img{
	float:				left;
}
#header a img{
	margin:				20px 50px;
}
.top{
	margin:				10px 50px;
	
}
#header .right_img{
	position:			absolute;
	top:				0px;
	left:				710px;
}
.header_line{
	clear:				both;
	margin-left:		228px;
}


#footer{
	text-align:			right;
	height:				75px;
	font-size:			0.8em;
	padding-right:		10px;
}
#footer img{
	float:				left;
	margin-bottom:		5px;
}
#main{
	position:			relative;

}
#main_left{
	float:				left;
	width:				220px;
	padding:			5px;
}
#add {
	position: 			absolute;
	top:				402px;
	left				0px;
	width: 				300px;
	height:				300px;
	float:				left;
}

#add p {
	width:				250px;
	height:				200px;
	position:			absolute ;
	top: 				180px;
	left: 				5px;
	text-shadow:		#EEEEEE 3px 1px 3px;
    filter:				shadow(color=#EEEEEE,direction=135,strength=3);
	 	}

#main_right{
	float:				right;
	width:				720px;
	padding:			5px;
}

/*　#main_rightの中身*/
/*きちんと特定できるように名前をつけること！idをつけておく。後で困る*/

#main_right  .right_p{
	width:				330px;
	margin:				40px 100px 10px 0;
	float:				right;
	border-bottom:		1px dotted salmon;
	position:			relative;
	line-height:		1.2em;

}
#main_right  .left_p{
	width:				330px;
	margin:				20px 10px 10px 10px;
	float:				left;
	border-bottom:		1px dotted salmon;
	line-height:		1.2em;

}


#main_right  .left_img{
	margin:				10px 10px 10px 35px;
	float:				left;
	text-align:			center;
}

#main_right  .right_img{
	margin:				23px 50px 5px 10px;
	float:				right;
	text-align:			center;
	position:			relative;
}

#main_right #school{
	float:				left;
	margin:				50px 40px 5px 60px;

	
}
.itemphoto{
	margin-left:45px;
	margin-top:10px;
}