@charset "shift_jis";
/*----------------------------
  CSS 担当者名 Document 2008.03
  Last Update 2008.10.03 Chiaki


　├ メインイメージ
　├ トップページ用コンテンツボックス
　└ メイン
	　├ 新着情報
	　├ お知らせ一覧
	　├ フォト・ピックアップ
	　└ ご挨拶
　


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

@import "common.css";


/*####################　mainImage　####################*/
#HeadImage {
	width:839px;
	margin:0 auto;
	}

#HeadImage h2{
	background:url(../../img/main-image.jpg) center no-repeat;
	width:831px;
	height:215px;
	margin-left:4px;
	text-indent:-9999px;
	}
/*####################　トップページ用コンテンツボックス　####################*/
.contentsBox {width:581px;}
.contentsBox p {
	line-height:1.6;
	margin-bottom:12px;
	}

/*####################　メイン　####################*/

#Main {padding-top:10px;}




/*　警報・注意報　*/
#Attention {
	border:1px solid #ffc8ec;
	background:#ffe8f7;
	margin:0 0 25px;
	padding:10px;
	}
#Attention ul{
	background:#fff;
	padding:8px 6px;
	}
#Attention li {
	background:url(../../img/line-dotted.gif) bottom repeat-x;
	margin-bottom:8px;
	padding-bottom:8px;
	}
#Attention li.end {
	background:none;
	margin-bottom:0;
	padding-bottom:0;
	}
#Attention li p {
	display:block;
	background:url(../../img/arrow-pink_square.gif) 6px 0.4em no-repeat;
	padding-left:23px;
	font-size:16px;
	font-weight:bold;
	}





/*　新着情報　*/
#News p.rss{
	float:right;
	background:url(../../img/ico-rss.gif) 0 0 no-repeat;
	width:33px;
	height:12px;
	margin:5px 0 0;
	}
#News p.rss a{
	display:block;
	height:13px;
	text-indent:-9999px;
	}

#Main #News .title {
	background:url(../img/line-dotted.gif) left bottom no-repeat;
	width:581px;
	margin:0 0 10px 0;
	padding-bottom:7px;
	}
#Main #News  p {
	margin:0 5px 12px 10px;
	}
#Main #News .title h2{
	float:left;
	width:80px;
	height:45px;
	margin:0 5px 0 0;
	}
#Main #News .title p.date{
	width:400px;
	margin:0;
	text-align:left;
	color:#999999;
	}
#Main #News .title h3{
	width:445px;
	_width:530px;
	padding-left:85px;
	font-size:18px;
	font-weight:bold;
	color:#1a499d;
	}
#Main #News .title h3 a{color:#1a499d;}
#Main #News .title h3 a:hover{
	color:#1a499d;
	text-decoration:underline;
	}
#Main #News p.photo{
	clear:both;
	float:left;
	border:3px solid #e4e3e3;
	margin:0 9px 20px 0;
	}
#Main #News p.more {
	display:inline;
	float:right;
	background:url(../../img/button-more01.gif) 0 0 no-repeat;
	width:89px;
	height:25px;
	margin:0 15px 10px 0;
	}
#Main #News  .more a{
	display:block;
	width:85px;
	height:20px;
	text-indent:-9999px;
	}
	
/*　お知らせ一覧　*/
#Main #News .newslist{
	position:relative;
	clear:both;
	background:url(../../img/wall-newslist.gif) left bottom no-repeat;
	width:581px;
	margin-bottom:15px;
	padding-bottom:10px;
	}
#Main #News .newslist h3{
	width:581px;
	height:38px;
	}
#Main #News .newslist p{
	position:absolute;
	top:5px;
	left:483px;
	width:89px;
	height:23px;
	}
#Main #News .newslist p a{
	background:url(../img/s.gif);
	display:block;
	height:23px;
	text-indent:-9999px;
	}
#Main #News .newslist dl{
	background:url(../../img/line-newslist.gif) left bottom no-repeat;
	width:544px;
	margin:0 10px 2px 15px;
	}
#Main #News .newslist dl.end{ background:none;}
#Main #News .newslist dt{
	display:inline;
	float:left;
	width:62px;
	_width:79px;
	padding:6px;
	color:#666666;
	}
#Main #News .newslist dd{
	background:none;
	display:inline;
	float:left;
	width:400px;
	padding:6px 6px 6px 20px;
	text-align:left;
	}
#Main #News .newslist dd a{color:#1a499d;}
#Main #News .newslist dd a:hover{
	color:#1a499d;
	text-decoration:underline;
	}
#Main #News .title:after,
#Main #News p.more:after,
#Main #News .newslist dl:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

/*　フォト・ピックアップ　*/

#Main #News .photolist{
	background:url(../img/line-dotted.gif) left bottom no-repeat;
	width:581px;
	margin-bottom:20px;
	padding-bottom:15px;
	}
#Main #News .photolist ul{
	width:581px;
	}

#Main #News .photolist li{
	float:left;
	width:70px;
	height:52px;
	margin:0 3px 0 0;
	}
#Main #News .photolist li a{
	background:url(../img/s.gif) 0 0 no-repeat;
	width:70px;
	height:52px;
	}
#Main #News .photolist li.end{ margin:0;}
#Main #News .photolist ul:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

/*　ご挨拶　*/

#Main #Slogan{margin-bottom:40px;}
#Main #Slogan .title h2{
	display:inline;
	float:left;
	margin:0 5px 15px 0;
	}
#Main #Slogan .title h3{
	display:inline;
	float:left;
	width:490px;
	margin:13px 0 15px 0;
	text-align:left;
	}
#Main #Slogan p{clear:left;}
#Main #Slogan p.photo{
	display:inline;
	float:right;
	clear:none;
	width:130px;
	height:142px;
	margin:0 0 10px 10px;
	}
#Main #Slogan p.end{
	display:inline;
	float:left;
	clear:left;
	width:275px;
	}
#Main #Slogan p span{font:bold 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

#Main #Slogan ol{
	float:left;
	clear:left;
	width:275px;
	_width:265px;
	margin:0 0 10px 20px;
	_margin-left:0;
	list-style:decimal;
	_padding-left:40px;}
#Main #Slogan li{
 	margin:0 0 5px 0;
	font-weight:bold;
	}
	
*:first-child+html #Main #Slogan ol  {width:265px;margin-left:0;padding-left:40px}	/* for IE7 */	

#Main #Slogan:after,
#Main #Slogan .title:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
	




/*end*/