﻿/* CSS Document */

body{
	margin:0px auto;
	padding:0px auto;
	font-size:0.8em;
	font-family: Arial,Helvetica,sans-serif;
	text-align:center;
}

/* コンテナ */
#base{
	width:900px;
	border:1px solid #999999;
	margin:0px auto;
	background-image:url(img/WB00819_.gif);
	text-align: left;
}

#base #osirasePlus{
	margin:0px 50px 0px 50px;
	color:#FF0000;
}

#base #osirasePlus p{
	margin:0px 0px 10px 0px;
	line-height:1.2em;
	padding:0px 0px 1px 0px;
	font-size:22px;
	font-weight:bold;
}

#base #osirasePlus a{
	color:#006633;
	text-decoration:none;
}

#base #osirasePlus a:hover{
	color:#FF3300;
	text-decoration:underline;
}

/* ヘッダー */
#topImg{
	/*border-bottom:1px solid #999999;*/
	width:900px;
	height:250px;
	background-image:url(img/yuuai_top.jpg);
	background-repeat:no-repeat;
}

#topLink{
	/*border:1px solid #999999;*/
	display:inline;
	padding:0px;
	margin:80px 0px 0px 10px;
	width:auto;
	float:left;
}

#topLink p{
	float:left;
	padding:2px;
	background-color:#FFFFFF;
	margin:0px 1px 0px 0px;
	border:1px solid #333333;
}

#bottomImg{
	/*border-bottom:1px solid #999999;*/
	width:900px;
	height:200px;
	background-image:url(img/yuuai_bottom.jpg);
	background-repeat:no-repeat;
}


#toumeiLink{
	width:300px;
	height:100px;
	float:right;
}

#toumeiLink img{
	border:0px;
}

#toumeiLink a{
	text-decoration:none;
}

#toumeiLink a:hover{
	text-decoration:none;
}

#bottomText{
	/*border:1px solid red;*/
	text-align:center;
	padding:110px 0px 0px 0px;
	margin:0px;
}

#bottomText p{
	color:#FFFFFF;
	font-size:12px;
	margin:2px 0px 0px 0px;
	padding:1px;
}

.navi{
	width:250px;
	/*background-color:#CCCCCC;*/
	/*border:1px dashed #999999;*/
	padding:0px;
	margin:0px 0px 0px 0px;
	display:inline;
}

.fLeft{
	float:left;
	margin-left:10px;
}

.fRight{
	float:right;
	margin-right:10px;
}


/* ナビ共通 */
.navi h1{
	background-color:#006666;
	font-size:1.2em;
	font-weight:normal;
	color:#FFFFFF;
	padding:2px 0px 2px 5px;
	margin:15px 0px 5px 0px;
}

.navi h2{
	background-color:#95EAB7;
	font-size:10px;
	font-weight:normal;
	color:#006666;
	padding:2px 0px 2px 10px;
	margin:5px 0px 5px 10px;
}

.navi p{
	font-size:1.0em;
	margin:2px 0px 0px 25px;
	border-bottom:1px dashed #CCCCCC;
}

.navi a{
	color:#006666;
	text-decoration:none;
}

.navi a:hover{
	color:#FF0000;
	text-decoration:underline;
}

ul.second {
	margin-left:0;
	padding-left:0;
	padding:3px 0px 3px 10px;
	margin-top: 0;
/*	background-color:#ff0000; */
}

ul.second li{
/*	display:inline; */
	list-style-type:none;
	padding:3px 0px;
	font-size:1em;
/*	background-color:#95EAB7; */
}



ul.third{
	list-style-type:none;
	margin-left:0;
	padding-left:0;
	padding:3px 0px 3px 15px;
	margin-top: 0;
/*	background-color:#ff3399; */
}

ul.third li{
/*	display:inline; */
	padding-right:10px;
	font-size:1.0em;
	border-bottom:1px  dashed #CCCCCC;
}

ul.third li a{
	text-decoration:none;
}

.center{
	width:380px;
	float:left;
	/*background-color:#666666;*/
	margin:10px 0px 0px 0px;
	display:inline;
	text-align:center;
}

/* 友愛会ロゴ */
.yuuaiMark{
	background-image:url(img/yuuai_sy_200.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:200px;
}

/* バナー */
.banner{
	margin-top:20px;
}

.banner p{
	margin:0px 0px 2px 0px;
	padding:0px;
}

.banner img{
	border:0px;
	padding:0px;
	margin:0px;
}

.banner a{
	text-decoration:none;
}

.banner a:hover{
	text-decoration:none;
}

/* お知らせ・更新履歴 */
.news{
	border:1px solid #006666;
	border-top:0px;
	background-color:#FFFFFF;
	margin:0px 0px 0px 0px;
	overflow-x:hidden;
	overflow-y:scroll;
	padding:5px;
	width:auto;
	height:200px;
}

.news p{
	font-size:12px;
	margin:1px 0px 4px 10px;
	border-bottom:1px dashed #999999;
	color:#666666;
}

.news h1{
	font-size:12px;
	color:#333333;
	font-weight:normal;
	padding:1px;
	margin:5px 1px 2px 2px;
	border-bottom:1px solid #333333;
	background-color:#FFFFFF;
}

.mainChild {
	margin-left:15px;
}

.mainChild h1{
	font-size:16px !important;
}

/* コンテンツ */
#main {
	width:600px;
	padding:0px;
	margin:0px 0px 0px 10px;
	display:inline;
	float:left;
}

#main h1{
	font-size:1.7em;
	font-weight:normal;
	margin:20px 0px 25px 0px;
	padding:1px;
	border-bottom:1px solid #0033CC;
	color:#0033CC;
}

#main h2{
	font-size:1.4em;
	font-weight:normal;
	margin:10px 0px 2px 10px;
	padding:1px;
	border-bottom:1px solid #999999;
	color:#333333;
	line-height:1.4;
}

#main h3{
	font-size:1.2em;
	font-weight:normal;
	margin:10px 0px 2px 20px;
	padding:1px;
	border-bottom:1px solid #999999;
	color:#333333;
	line-height:1.4;
}

#main h4{
	font-size:12px;
	font-weight:normal;
	margin:10px 0px 2px 30px;
	padding:1px;
	border-bottom:1px solid #999999;
	color:#333333;
}

#main p{
	font-size:1em;
	line-height:2.0;
	margin:2px 5px 0px 40px;
	padding:1px;
	color:#333333;
}


#main img{
	float:left;
	border:1px solid #333333;
	padding:0px;
	margin:5px 10px 5px 0px;
}

#main img.photo{
	float:left;
	border:0px solid #333333;
	padding:0px;
	margin:5px 30px 5px 0px;
}

#main a{
	color:#006600;
	text-decoration:none;
}

#main a:hover{
	color:#FF3300;
	text-decoration:underline;
}

/*
.al{
	font-size:12px;
	color:#FF3300;
	margin-left:20px;
	padding:0px 2px 0px 10px;
	background-image:url(img/alert.gif);
	background-repeat:no-repeat;
	
}
*/

.al{
	font-size:12px !important;
	color:#FF3300 !important;
	margin-left:60px !important;
	padding:0px 2px 0px 10px !important;
	background-image:url(img/alert.gif) !important;
	background-repeat:no-repeat !important;
}





/* ナビ用 */
.layer1 h1{
	font-size:12px;
	font-weight:normal;
	padding:2px;
	margin:5px 0px 2px 20px;
	background-color:#99FFCC;
	color:#006633;
}


.layer2{
	margin-left:10px;
}


.layer2 h1{
	font-size:12px;
	font-weight:normal;
	padding:2px 2px 2px 5px;
	margin:5px 0px 2px 0px;
	background-color:#B9ECC8;
	color:#006666;
}

.layer2 .layer2 h1{
	color:#333333;
	padding:2px;
	background-color:#FFFFFF;
	border-bottom:1px solid #333333;
}

.layer1 p, .layer2 p{
	border-bottom:1px dashed #CCCCCC;
}


