@charset "utf-8";

/****************************************************************
*																*
*							拡張スタイル						*
*																*
****************************************************************/

/* -----------------------------
								
		むろずみ保育園			
								
================================
	■共通スタイル				
================================
: 	0-1.基本設定
: 	0-2.カラム別スタイル
:	0-3.エリア別スタイル
:	0-4.共通スタイル

================================
	■ページ別スタイル			
================================
: 	1-1.index

----------------------------- */



/****************************************************************
*						■共通スタイル							*
****************************************************************/

/* -------------------------------------------------
	0-1.基本設定
------------------------------------------------- */
body {
	background:#FFF;
}
#container {
	width:950px;

}
#contents, #index2 #contents {
	background:url(../../images/tdktest030.mediaxis.jp/common/contents_bg.gif) no-repeat 0 0 #FFF;
	border:none;
	margin:0px;
}

/* リンク */
a:link, active {
	color:#F30;
	text-decoration:none;
}
a:hover {
	color:#F30;
	text-decoration:underline;
}

/* テーブル */
table.address td{
	line-height:1.8;
}



/* -------------------------------------------------
	0-2.カラム別スタイル
------------------------------------------------- */

/* 2カラム時
=========================================== */
#index2 #mainContents {
	width:740px;
	float:right;
}

#index2 #mainContentsInner{
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:20px;
	float:left;
	width:720px;
}

/* 3カラム時
=========================================== */
#index1 #mainContents {
}



/* -------------------------------------------------
	0-3.エリア別スタイル
------------------------------------------------- */

/* ロゴ
=========================================== */
#header {
	width: 950px ;
	height: 80px ;
	display:block;
	padding: 0 ;
	clear: both ;
	background:#FFF;
	position:relative;
}

#header h1 {
	margin:0px;
	position:absolute;
	top:10px;
	left:285px;
}

#header h1,
#header h1 a {
	width:380px;
	height:60px;
	background:url(../../images/tdktest030.mediaxis.jp/common/logo.gif) no-repeat 50% 50%;

}


/* トップ右側メニュー
=========================================== */
#headNavi{
	position:absolute;
	top:30px;
	height:30px;
	margin-right:10px;
}

/* 左・右メニュー
=========================================== */
#subContents1{
	width:210px;
	display:block;
	margin-left:14px;
}
#navi {
}

/* バナーエリア
=========================================== */

/* メインイメージ
=========================================== */
#mainImg{
	width:950px;
	margin:0px;
	background:none; 
}

#mainImg object{
	display:none;
}


/* メインエリア
=========================================== */

/* フッターメニュー
=========================================== */
#footer {
	color:#666;
	width:950px;
	height:100px;
	background:url(../../images/tdktest030.mediaxis.jp/index/line2.gif) no-repeat center top #FFF;
	display:block;
	text-align:center;
	margin-top:30px;
}

#footer p {
	margin-top:30px;
}

#footer #footNavi {
	margin-top:10px;
	top:40%;
}

#footer #copyright {
	margin-top:20px;
}



/* -------------------------------------------------
	0-4.共通スタイル
------------------------------------------------- */

/* ページタイトル */
#mainContents #mainContentsInner h3 {
}

/* サブタイトル */
.subtitle {
}

/* 見出し1 */
#mainContents #mainContentsInner h4 {
}

/* 見出し2 */
#mainContents #mainContentsInner h5 {
}

/* Clearfix */
.clearfix {
	display: inline-block; /* IE7 float解除 */
}
.clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

/* -------------------------------------------------
	0-5.h3の設定（背景画像）
------------------------------------------------- */
#index2 #topindex #mainContents #mainContentsInner #newsTop h3,
#index2 #newsindex #mainContents #mainContentsInner h3 {
	background: url(/images/material/31/h3_ttl_news.gif) no-repeat;
	margin: 0px;
	width: 500px;
	color: #808080;
	text-indent: 10px;
}


#index2 #newsindex #mainContents #mainContentsInner h4 {
	background: url(../../images/tdktest030.mediaxis.jp/index/line2.gif) repeat-x scroll 0 120%;
}


/****************************************************************
*						■ページ別スタイル						*
****************************************************************/
/* -------------------------------------------------
	1-1.index
------------------------------------------------- */
#topindex  table{
	width:80%;
}

#topindex table td{
	text-align:left;
	width:50%;
	line-height:20px;	
}

#topindex table td p{
	margin-bottom:10px;
}


div.textArea{
	width:550px;
	text-align:left;
	margin:10px 0px;
	padding:10px;
	color:#333;
}

div.textArea p{
	margin-bottom:10px;
}

div.textArea p b{
	font-weight:bold;
}


div.photoArea{
	width:550px;
	height:200px;
	margin:10px 0px 50px 0px;
}

div.photoArea img{
	float:left;
	vertical-align:middle;
	margin:10px 24px 10px 0px;
}

#topindex #mainContents #mainContentsInner #newsTop {
	width:500px;
}

#topindex #mainContents #mainContentsInner #newsTop h3 {
	background: url(/images/material/31/h3_ttl_news.gif) no-repeat;
	width: 500px;
	font-color: #808080;
}

#topindex #mainContents #mainContentsInner #newsTop ul.newsList {
	background: #ffffff;
}

/* -------------------------------------------------
	1-2.INFOMATION
------------------------------------------------- */
#index2 #newsindex #mainContents #mainContentsInner {
	width: 510px;
	margin: 0;
}

#index2 #newsindex #mainContents #mainContentsInner #news ul.newsNavi,
#index2 #newsindex #mainContents #mainContentsInner #news ul.newsList {
	background: #ffffff none repeat scroll 0 0;
}

