@charset "Shift_JIS";

@import "top.css";
/*トップページのみのCSS*/
#wrap{
	width:900px;
	height:800px;
	margin:0px;
	padding:0px;
	margin:0px auto;
}

/*最新情報以下
-----------------------------------------------------*/
#main_content{
	background:url(../img/top_img/content_bg2.png) no-repeat;
	margin:0px;
	height:320px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 90px;
}

/*左側Project＆Diaryを含む枠
-----------------------------------------------------*/
#left{
	width:730px;
	margin:0px 5px 0px 0px;
	float:left;
}

#left2{
	width:450px;
	margin:0px 5px 0px 0px;
	float:left;
}



.new{
	margin:7px 0px 0px 0px;
}
/*月日＆イベントのお知らせなど更新部分の枠
-----------------------------------------------------*/
.over{
	margin:10px 0px 0px 0px;
	width:250px;
	height:40px;
}

.over2{
	margin:10px 0px 0px 0px;
	width:140px;
	height:40px;
}


.news2{
margin:10px 0px 0px 0px ;
}
.date{
	font-size:10px;
	color:#333333;
	padding:3px 0px 0px 10px;
}
.news{
	font-size:12px;
	color:#333333;
	padding:3px 0px 0px 10px;
	margin:0px 0px 0px 0px;
}

/*詳しくはこちら→のロールオーバー
-----------------------------------------------------*/
.detail{
	padding:3px 0px 0px 10px;
}

.detail a{
	display:block;
	overflow:hidden;
	width:96px;
	height:0 !important;
	height /**/:12px;
	background:url(../img/top_img/news_link.png);
	background-repeat:no-repeat;
	padding:12px 0px 0px 0px;
	background-position:0px 0px;
}

.detail a:hover{
	background-position:0px -31px;
}
/*詳しくはこちら→のロールオーバーここまで*/

/*Spiritual Happy Project背景画像
-----------------------------------------------------*/
#project{
	margin:8px 5px 0px 0px;
	width:260px;
	height:230px;
    background:url(../img/top_img/spirituarl_bgcolor.png) repeat;
	float:left;
}

#project_galla{
	margin:8px 5px 0px 0px;
	width:139px;
	height:230px;
	background:url(../img/top_img/gallary_new_bgcolor.png) repeat;
	float:left;
}

#project_acce{
	margin:8px 5px 0px 0px;
	width:139px;
	height:230px;
	background:url(../img/top_img/accesary_bgcolor.png) repeat;
	float:left;
}


#diary{
	float:left;
	width:139px;
	height:230px;
	background:url(../img/top_img/diary_new_bgcolor.png) repeat;
	margin-top: 8px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 0px;
}


#project h3{
  display:block;
  width:260px ;
  height:44px;
  background:url(../img/top_img/spirituarl_h3.png) no-repeat;
  text-indent:-9999px;
}


#project_galla h3{
  display:block;
  width:139px;
  height:44px;
  background:url(../img/top_img/gallary_new_h3.png)  no-repeat top left;
  text-indent:-9999px;
}


#project_acce h3{
  display:block;
  width:139px;
  height:44px;
  background:url(../img/top_img/accesary_h3.png)  no-repeat top left;
  text-indent:-9999px;
}



#diary h3{
  display:block;
  width:139px;
  height:44px;
  background:url(../img/top_img/diary_new_h3.png) no-repeat top left;
  text-indent:-9999px;
}




/*Diaryページへ→のロールオーバー
-----------------------------------------------------*/
.detail_2{
	padding:6px 0px 0px 10px;
	float:left;
}

.detail_2 a{
	display:block;
	overflow:hidden;
	width:96px;
	height:0 !important;
	height /**/:12px;
	background:url(../img/top_img/news_link.png);
	background-repeat:no-repeat;
	padding:12px 0px 0px 0px;
	background-position:0px 0px;
}

.detail_2 a:hover{
	background-position:0px -31px;
}
/*Diaryページへ→のロールオーバーここまで*/



/*アクセサリーページ最新情報
-----------------------------------------------------*/
#acce_n{
	float:left;
	margin:8px 0px 0px 0px;
	width:139px;
	height:112px;
	background:url(../img/top_img/acce.png) no-repeat;
}

/*Diaryページへ→のロールオーバー
-----------------------------------------------------*/
.acce_n_2{
	padding:6px 0px 0px 20px;
	float:left;
}

.acce_n_2 a{
	display:block;
	overflow:hidden;
	width:105px;
	height:0 !important;
	height /**/:12px;
	background:url(../img/top_img/news_link.png);
	background-repeat:no-repeat;
	padding:12px 0px 0px 0px;
	background-position:0px 0px;
}

.acce_n a:hover{
	background-position:0px -32px;
}
/*Diaryページへ→のロールオーバーここまで*/




/*右側「ごあいさつ」部分
-----------------------------------------------------*/
#right{
	float:left;
	margin:0px 0px 0px 0px;
	width:320px;
}

.greeting{
	margin:7px 0px 0px 0px;
}

.host{
	text-align:right;
	margin:7px 20px 0px 0px;
}

/*フッター部分
------------------------------------------------------*/
#footer{
	padding:0px 0px 0px 90px;
}

#footer p{
	color:#FFFFFF;
	font-weight:bold;
}
#footer_menu{
	margin:0px 0px 15px 0px;
}
#footer ul{
	list-style:none;
	height:20px;
}
#footer li{
	display:inline;
	float:left;
}
#footer_menu a{
	overflow:hidden;
	display:block;
	background:url(../img/footer_menu.png);
	background-repeat:no-repeat;
	padding:20px 0px 0px 0px;
	height:0 !important;
}
#footer_menu01 a{
	width:80px;
	background-position:0px 0px;
}
#footer_menu02 a{
	width:150px;
	background-position:-80px 0px;
}
#footer_menu03 a{
	width:110px;
	background-position:-230px 0px;
}	
	
#footer_menu01 a:hover{background-position:0px -36px;}
#footer_menu02 a:hover{background-position:-80px -36px;}
#footer_menu03 a:hover{background-position:-230px -36px;}

address{
	font-style:normal;
	margin:15px 0px 0px 0px;
}