@charset "UTF-8";

/* ------------------------------------------------------------*/
/*----------------- くらしの透視図（index）で使用 -----------------*/

	#kuras_header{
		padding-top:10px;
		width: 855px;
		margin: auto;
	}
	#kuras_text{
		width: 800px;
		margin: auto;
		margin-top:20px;
		text-align: left;
	}
	
	.kuras_naiyou{
		width: 855px;
		padding-top:30px;
		margin:auto;
		text-align: left;
		clear:both;
	}
	
	.kuras_naiyou .left{
		width: 422px;
		height: 230px;
		float: left;
		background-color: #D1D1D1;
		background-image:url("../img/kuras_top_img/toushizu_koumok_bg.jpg");
		background-position: top;
		background-repeat: no-repeat;
	}
	
	.kuras_naiyou .right{
		width: 422px;
		height: 230px;
		float: right;
		background-color: #D1D1D1;
		background-image:url("../img/kuras_top_img/toushizu_koumok_bg.jpg");
		background-position: top;
		background-repeat: no-repeat;
	}
	
	.naiyou_title{
		margin: 10px 0px;
		color: #0033FF;
		font-weight:bold;
		background-image: url("../img/kuras_top_img/toushizu_mark.jpg");
		background-repeat: no-repeat;
		background-position: 0px 6px;
		padding-left: 12px;;
	}
	
	.naiyou_title img{
		margin-right: 3px;
	}
	.naiyou .text{
		width: 213px;
		/*height:135px;*/
		margin-left: 12px;
	}
	.naiyou_photo{
		width: 172px;
		height: 131px;
		margin-right:10px;
		background-image: url("../img/kuras_top_img/toushizu_photo_bg.jpg");
		float: right;
	}
	.naiyou_photo img{
		width: 164px;
		height: 123px;
		margin: 4px;
	}
	
	.naiyou a{
		margin:8px;
		float: right;
		color: #0099ff;
		text-decoration: underline;
	}
	
	.naiyou a:link {
		color:#0099ff;
		text-decoration:underline;
	}
	
	.naiyou a:visited {
		color:#0099ff;
		text-decoration:underline;
	}
	
	.naiyou a:hover {
		color:#ff0000;
		text-decoration:underline;
	}
	
	.naiyou a:active {
		color:#ff0000;
		text-decoration:underline;
	}
	
	.naiyou{
		width: 213px;
		float: left;
	}

/* ------------------------------------------------------------*/
/*----------------- くらしの透視図（家族）で使用 -----------------*/

/* ---------------------- 画像差し替えで使用 -------------------------*/
	#switch_img{
		width: 320px;
		height: 234px;
		margin-left: 534px;
		position: absolute;
	}
	#mask{
		width: 351px;
		height: 265px;
		margin-top: -15px;
		margin-left: 518px;
		position: absolute;
		background-image: url('../img/header_img/mask.png');
	}
	#gradation{
		width: 827px;
		height: 234px;
		margin-left: 27px;
		position: absolute;
		background-image: url(' ../img/header_img/gradation.png');
	}
 
	#main_img_sentence_kuras_more span{
		width: 306px;
		/*font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ P明朝',serif;*/
		font-weight: bold;
		color: #0033FF;
	}
	
	#main_img_sentence_kuras_more{
		width: 500px;
		height:234px;
		padding-top:15px;
		text-align: left;
		position: absolute;
	}
	
	#main_img_sentence_kuras_more #text{
		width: 500px;
		text-align: left;
		margin-top:30px;
	}
	
	family_name_line{
		margin-top:10px;
		position:absolute;
		left: 0;
		float: left;
		width: 500px;
		background-image: url(../img/kuras_more_img/kurasi_more_line.jpg);
		background-repeat: repeat-x;
		background-position: center;
		display: inline;
	}
	
	#family_name{
		background-color: #FFFFFF;
		/*font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ P明朝',serif;*/
		font-weight: bold;
		padding-left: 5px;
		float: right;
		position: relative;
	}
	
	#family_name img{
		padding-bottom: 5px;
	}
		
	 #kuras_more_naiyou_out{
		width: 850px;
		margin: auto;
	}
	
	.kuras_more_sub_title {
		padding-top: 30px;
		clear: both;
		/*font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ P明朝',serif;*/
		font-weight: bold;
		color: #0033FF;
		text-align: left;
	}
	
	.kuras_more_sub_title #leftquote{
		margin-bottom: 8px;
	}
	
	.kuras_back{
		padding-top:20px;
		clear: both;
		text-align: center;
	}
	
	.kuras_back a:link {
		color:#0099ff;
		text-decoration:underline;
	}
	
	.kuras_back a:visited {
		color:#0099ff;
		text-decoration:underline;
	}
	
	.kuras_back a:hover {
		color:#ff0000;
		text-decoration:underline;
	}
	
	.kuras_back a:active {
		color:#ff0000;
		text-decoration:underline;
	}