@charset "Shift_JIS";

html {
	margin:0;
	padding:0;
	border:0;
}

/*全体設定。ここで一括してcenterとし、textが入るセレクタ個別にleft、もしくはjustifyと設定する*/

body {
	text-align:center;
	font-size:12px;
	letter-spacing:1px;
	line-height:1.5em;
	font-family:Verdana,"ＭＳ P ゴシック",Osaka;
	color:#333;
	word-break: break-all ;
	word-wrap: break-word ;
}

/*背景画像は650×450だが、ボーダー1pxで囲っているため、IE対策のため2pxずつpxを加算してる。
Margin-left:auto, margin-right:autoはどのブラウザでも中心に据えるため必須*/

.top {
	position:relative;
	top:50px;
	left:0px;
	width:652px;
	height:452px;
	background-image:url(../img/topback.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #DCDCDC;
}

/*ヘッドのコンテンツ設定。align:leftは別にいらないかも？*/

.contents {
	text-align:left;
	position:absolute;
	top:115px;
	left:202px;
}

/*各コンテンツの設定、ここでfloat:leftとすることでコンテンツが真横に並ぶ*/

.contents div {
	float:left;
}

/*ロゴ下の「rin-ka」設定。基本的には.contentsと同じ*/

.subtitle {
	text-align:left;
	position:absolute;
	top:115px;
	left:1px;
}

/*イメージに一括してボーダーなし*/

img {
	border:none
}

/*各コンテンツのhover時に出る画像*/

#menu08 {
	background-image:url(../img/subrinka_a.jpg);
}

#menu01 {
	background-image:url(../img/info_a.jpg);
}

#menu02 {
	background-image:url(../img/cafe_a.jpg);
}

#menu03 {
	background-image:url(../img/gallery_a.jpg);
}

#menu04 {
	background-image:url(../img/school_a.jpg);
}

#menu05 {
	background-image:url(../img/bbs_a.jpg);
}

#menu06 {
	background-image:url(../img/access_a.jpg);
}

#menu07 {
	background-image:url(../img/link_a.jpg);
}

/*コンテンツボタンの大きさ。display:blockと定義することで、ブロック指定ができる*/

.contents a {
	display:block;
	width:64px;
	height:20px;
	text-decoration:none;
}

/*サブタイトルボタンの大きさ*/

.subtitle a {
	display:block;
	width:84px;
	height:20px;
	text-decoration:none;
}

/*画像のnover時、htmlのほうに貼り付けた画像を消す。消すことで、id値に割り当てた画像がみえる。
今のところ全imageに適応するので、後々切り分ける必要があるかも*/

a:hover img {
	visibility:hidden;
}

/*重要：IE対策として、cssでロールオーバー設定する場合、hover時に背景色をしてしないと適応しない。かならず設定する*/

.contents a:hover {
	background-color:khaki;
}

.subtitle a:hover {
	background-color:khaki;
}



/*copyright*/

.copy {
	position:absolute;
	top:457px;
	left:0px;
	font-size:10px;
	text-align:right;
	display:block;
	width:650px;
}

/*what'sNew の位置*/

.news {
	position:absolute;
	top:250px;
	left:350px;
	background-color:#FFF;
}


/*本文*/

p {
	margin:10px 0px;
	padding:0px;
	text-align:justify;
}

/*subtop用*/
.banner {
	position:relative;
	top:50px;
	left:0px;
	width:652px;
	height:452px;
	background-image:url(../img/banner.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #DCDCDC;
}

.main {
	width:650px;
	height:309px;
	position:absolute;
	top:141px;
	left:1px;
	scrollbar-face-color:#FF6666;
}

/*リンク関係
x
	border: none;
}

a {
}

a:link    {
 }

a:visited { } 

a:hover   { 
}
  
a:active  { 
	
} 

.subtitle a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px;
	padding:3px 0px;
	font-weight:bold;
	display:block;
	width:72px;
	text-align:center;
}


.subtitle a:hover   { 
	color:#FF6666;
}

td.contents a{
	display:block;
	padding:5px 0px;
	text-decoration:none;
	color:#FFFFFF;
	background-color:#FF6666;
}

td.contents a:hover {
	background-color:#000000;
}
*/