@charset "shift_jis";

/*
information{
	ファイル名:/css/index.css;
	概要:このCSSファイルはindex.htmlコンテンツ部の設定を記述しています。;
	サイト名：ひまわり会ホームページ
}
 */

/*******************************************************************************

コンテンツ

1.基本設定読み込み

2.コンテンツ部表示領域設定

3.左部に表示されている要素
	：表示領域の設定
	：お知らせ
		：領域設定
		：タイトル
		：お知らせ1件あたりの表示
		：一覧へのリンク部

4.右部に表示されている要素
	：表示領域の設定
	：ひまわり通信へのリンクボタン
	：所在地（タイトル）
	：所在地（本文）

*******************************************************************************/


/*1.基本設定読み込み
************************************************************/

@import "base.css";



/*2.コンテンツ部表示領域設定
************************************************************/

div#main {
	width: 740px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	clear: both;
	margin: 0px;
}



/*3.左部に表示されている要素
************************************************************/

/*** 表示領域の設定 ***/
div.left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 470px;
}


/*** お知らせ部設定 ***/
/* 領域設定 */
div.news {
	padding: 10px;
	width: 420px;
	border: 1px solid #999999;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #EEEED9;
}

/* タイトル */
div.news h2 {
	margin: 0px;
	width: 400px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF6600;
	font-size: 1.3em;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-weight: bold;
}

/* お知らせ1件あたりの表示 */
div.news p {
	width: 420px;
	clear: both;
	margin: 0px;
	padding: 0px;
}
div.news p span.date {
	margin: 0px;
	float: left;
	width: 115px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
div.news p span.text {
	margin: 0px;
	float: right;
	width: 300px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

/* 一覧へのリンク部 */
div.news p.gotoList {
	text-align: right;
	margin: 0px;
	width: 410px;
	clear: both;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 0.8em;
}
div.news p.gotoList img {
	margin: 0px;
	height: 10px;
	width: 10px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}



/*4.右部に表示されている要素
************************************************************/

/*** 表示領域の設定 ***/
div.right {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 270px;
}


/*** ひまわり通信へのリンクボタン ***/
p.entyo {
	padding: 0px;
	height: 60px;
	width: 220px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


/*** 所在地（タイトル） ***/
p.addressTitle {
	padding: 0px;
	width: 220px;
	background-image: url(../images/title_address.jpg);
	height: 25px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	line-height: 25px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}


/*** 所在地（本文） ***/
address {
	width: 200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #E8E6C6;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #BDB99D;
	border-right-color: #BDB99D;
	border-bottom-color: #BDB99D;
	border-left-color: #BDB99D;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-style: normal;
}
address p {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
address p.tel {
	font-size: 1.2em;
}

/*** 20110421追加_モバイルサイトへのリンクボタン ***/
p.banner {
	padding: 0px;
	width: 220px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}