@charset "utf-8";

/* lower_yasashi.css */

/*プロパティ順番
////////////////////////////////////////////////////*//*


	Mozillaが採用している「ボックスモデルによる記述順番」

	01 display
	02 list-style
	03 position
	04 float
	05 clear
	06 width
	07 height
	08 margin
	09 padding
	10 border
	11 background
	12 color
	13 font
	14 text-decoration
	15 text-align
	16 vertical-align
	17 white-space
	18 other text
	19 content


///////////////////////////////////////////////////////*/

/* 共通設定
////////////////////////////////////////////////////*/

body {
	color:#535353;
}

h3 {
	display:none;
}

p {
	line-height:1.7;
	padding:0 10px;
}

div.container {
	width:612px;
	clear:both;
}

ul.footer {
	clear:both;
	padding:18px 7px 0 0;
}

p.link {
	text-align:right;
}

p.link a:link,
p.link a:visited {
	color:#4c5ca4;
	text-decoration:underline;
}

p.link a:hover {
	color:#4c5ca4;
	text-decoration:none;
}

/* ローカルナビ
////////////////////////////////////////////////////*/

ul.navi {
	height:93px;
	padding-left:117px;
	margin-bottom:15px;
	background:url(../yasashi/img/common/h_house.jpg) no-repeat 0 0;
}

ul.navi li {
	float:left;
}

ul.footer li {
	float:right;
	width:76px;
	height:30px;
	margin-left:10px;
}

/* 格コンテンツ
////////////////////////////////////////////////////*/


/*index.html
-----------------------------------------------------*/

div#index1 div.article01,
div#index1 div.article02 {
	clear:both;
	margin-bottom:40px;
}

div#index1 div.article01 h4 {
	marign-bottom:30px;
}

div#index1 p {
	padding:0 15px;
}

div#index1 div.contentRight {
	clear:both;
}

div#index1 div.contentRight div.photo {
	float:right;
	margin-left:10px;
}

div#index1 div.contentLeft {
	clear:both;
}

div#index1 div.contentLeft div.photo {
	float:left;
	margin-right:10px;
}

div#index1 div.article01 div.contentLeft div.photo {
	margin-top:-85px;
	margin-bottom:15px;
}

div#index1 div.article02 div.contentRight div.photo {
	margin-top:-40px;
	margin-bottom:15px;
}

div#index1 div.article02 div.contentRight {
	margin-bottom:40px;
}

div#index1 div.article02 p img {
	float:left;
}

/*index2.html
-----------------------------------------------------*/

div#index2 div.article01 {
	background:url(../yasashi/img/02/img_0201.gif);
	height:517px;
	text-indent:-9999px;
	margin-bottom:60px;
}

div#index2 div.article02 h4 {
	margin-bottom:10px;
}

div#index2 div.article02 p {
	padding: 0 10px;
}

div#index2 div.article02 {
	margin-bottom:40px;
}

/*index3.html
-----------------------------------------------------*/

div#index3 div.article01 div.content01 {
	height:270px;
	background:url(../yasashi/img/03/img_0301.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

div#index3 div.article01 div.content02 {
	height:275px;
	background:url(../yasashi/img/03/img_0301.jpg) no-repeat 0 -270px;
	text-indent:-9999px;
}

div#index3 div.article01 div.content03 {
	height:264px;
	background:url(../yasashi/img/03/img_0302.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

div#index3 div.article02 {
	background:url(../yasashi/img/03/img_0304.jpg) no-repeat 0 0;
	height:201px;
}

div#index3 div.article03 {
	background:url(../yasashi/img/03/img_0304-06.jpg) no-repeat;
	height:292px;
}

div#index3 div.article04 {
	background:url(../yasashi/img/03/img_0304-07.jpg) no-repeat;
	height:316px;
}

div#index3 p.photo {
	text-align:right;
}

div#index3 div.article02,
div#index3 div.article03,
div#index3 div.article04 {
	text-indent:-9999px;
}

/*index4.html
-----------------------------------------------------*/

div#index4 div.article01 {
	margin-bottom:30px;
}

div#index4 div.article01 h4 {
	margin-bottom:10px;
}

div#index4 div.article01 div.content {
	border-left:14px solid #e2e2e2;
	margin-top:25px;
	margin-left:10px;
	padding-left:15px;
}

div#index4 div.article02 {
	margin-bottom:30px;
}

div#index4 div.article02 p {
	margin-top:20px;
}

div#index4 div.article02 div.photo {
	float:right;
	margin-top:-107px;
	margin-left:10px;
}

/*index5.html
-----------------------------------------------------*/
div#index5 div.article01 {
	height:342px;
	margin-bottom:40px;
	background:url(../yasashi/img/05/h_photo.jpg) no-repeat;
	text-indent:-9999px;
}

div#index5 div.content {
	width:580px;
	background:url(../yasashi/img/05/content_head.gif) no-repeat 0 top;
	overflow:hidden;
	margin:auto;
	float:left;	
}

div#index5 div.content_bottom{
	margin:0 0 40px 0px;
	background:url(../yasashi/img/05/content_bottom.gif) no-repeat;
	float:left;
	width:579px;
	height:14px;
}


*html div#index5 div.content {
	zoom:1;
}

div#index5 div.content{
	padding:17px 25px 0;
}

div#index5 div.content dl dt {
	width:295px;
	float:left;
	line-height:1.6;
	margin-right:10px;
}

div#index5 div.content dl dt img {
	float:left;
	margin-right:15px;
}

div#index5 div.content dl dd.photo {
	width:200px;
	float:left;
	margin-left:5px;
	margin-top:20px;
}



/***********************************************
追加200911
************************************************/

div.content img{
	float:left;
}

div.content div.content_01{
	width:400px;
	float:left;
}


div.content .content_name{
	float:left;
	margin-left:10px;
	width:180px;
}

div.content .add{
	float:right;
	margin-right:20px;
	width:190px;
}

div.content div.url{
	clear:right;
	clear:left;
	float:left;
	margin:75px 0 0 10px;
	width:100%;
}

div#index5 div.content .text {
	width:540px;;
	margin-top:10px;
	line-height:1.6;
	float:left;
	clear:left;
}
