@charset "euc-jp";
/* CSS Document */

/*
/////////////////////////////////
//							   //
//	目神サイト　目神について用	//
//	CSS Edit				   //
//							   //
//	ROCOZ GRAPHICS W.kimura	   //
//	2008.03.24				   //
//							   //
//	追加CSSは日付を記入		   //
/////////////////////////////////



*/


/**================================= Contents Setting =================================**/

/******** About ********/

/* unit1 */

#about .unit1{
	margin-top			:	2px;
	margin-left			:	2px;
	width				:	720px;
}

#about .unit1 img.left{
	float				:	left;
	margin-top			:	4px;
}

#about .unit1 .unit_r{
	float				:	left;
	width				:	410px;
}

#about .unit1 .unit_r h2{
	margin-bottom		:	20px;
	margin-left			:	30px;
}

#about .unit1 .unit_r p.txt_megami{
	color				:	#BC0203;
	font-size			:	14px;
	font-weight			:	bold;
	margin				:	18px 0 14px 30px;
}

#about .unit1 .unit_r p.txt_megami img{
	margin-right		:	15px;
	vertical-align		:	middle;
}

#about .unit1 .unit_r p{
	line-height			:	1.6;
	margin-left			:	30px;
}

#about .unit1 .unit_r p.gnp{
	font-size			:	10px;
	margin-top			:	25px;
	margin-left			:	0;
	z-index				:	0;
}

#about .unit1 .unit_r p.gnp img{
	float				:	left;
	margin-right		:	10px;
}


/* unit2 */

#about .unit2{
	margin-top			:	33px;
	text-align			:	center;
}

#about .unit2 ul{
	margin				:	14px 0 20px;
}

#about .unit2 ul li{
	display				:	inline;
}

/* unit3 */

#about .unit3{
	background			:	#FFF url(../images/about/bg_about_boxmdl.gif) repeat-y top left;
	margin-top			:	33px;
	margin-left			:	22px;
	width				:	679px;
}

#about .unit3 .ttl_box{
	background			:	url(../images/about/bg_about_boxtop.gif) no-repeat top left;
	margin-bottom		:	33px;
	width				:	679px;
}

#about .unit3 .ttl_box h2{
	float				:	left;
	padding				:	22px 291px 0 31px;
}

#about .unit3 .ttl_box p{
	float				:	left;
	padding-top			:	24px;
}

#about .unit3 ul{
	background			:	url(../images/about/bg_about_boxbtm.gif) no-repeat left bottom;
	padding				:	0 25px 28px 25px;
}

#about .unit3 ul li{
	float				:	left;
	line-height			:	1.4;
	margin-right		:	23px;
	width				:	140px;
}

#about .unit3 ul li.last{
	margin-right		:	0;
}

#about .unit3 ul li img{
	margin-bottom		:	15px;
}

/* unit4 */

#about .unit4{
	margin-top			:	50px;
	width				:	718px;
}

#about .unit4 h2{
	text-align			:	center;
	width				:	718px;
}

#about .unit4 ul{
	background			:	url(../images/about/bg_about_recom.gif) repeat-y left top;
	border-top			:	#CCC solid 1px;
	border-bottom		:	#CCC solid 1px;
	padding				:	19px 36px 10px;
	width				:	646px;
}

#about .unit4 ul.btm{
	border-top			:	none;
	padding-top			:	10px;
}

#about .unit4 ul li{
	float				:	left;
	margin-right		:	75px;
	width				:	165px;
	text-align			:	center;
}

#about .unit4 ul li img{
	margin-bottom		:	7px;
}

#about .unit4 ul li.r{
	margin-right		:	0;
}



/******** Detail ********/

#detail{
	border-bottom		:	#999 dashed 1px;
}

#detail .ttl_unit{
	padding-bottom		:	20px;
	width				:	720px;
}

#detail .ttl_unit h2{
	float				:	left;
	padding				:	5px 330px 0 5px;
}

#detail .ttl_unit p{
	padding-top			:	5px;
	float				:	left;
}

/* unit1 */

#detail .unit1{
	border-top			:	#999 dashed 1px;
	padding				:	20px 0px 15px 20px;
}

#detail .unit1 img{
	vertical-align		:	middle;
	margin-right		:	25px;
}

/* unit2 */

#detail .unit2{
	border-top			:	#999 dashed 1px;
	padding				:	25px 0 35px 15px;
}

#detail .unit2_l{
	float				:	left;
	margin-right		:	15px;
	width				:	500px;
}

#detail .unit2 ul{
	float				:	left;
}

#detail .unit2 ul li{
	font-size			:	10px;
	margin-top			:	10px;
	text-align			:	center;
}

#detail .unit2 ul li img{
	margin-bottom		:	5px;
}

#detail h3{
	font-size			:	16px;
	font-weight			:	bold;
	line-height			:	38px;
	padding-left		:	45px;
}

#detail .unit2 h3.mrk1{
	background			:	url(../images/about/mark_detail1.gif) no-repeat left center;
}

#detail .unit2 p{
	line-height			:	1.7;
	margin-top			:	20px;
}

/* unit3 */

#detail .unit3{
	border-top			:	#999 dashed 1px;
	padding				:	25px 0 30px 15px;
}

#detail .unit3 h3.mrk2{
	background			:	url(../images/about/mark_detail2.gif) no-repeat left center;
}

#detail .unit3 h3.mrk3{
	background			:	url(../images/about/mark_detail3.gif) no-repeat left center;
}

#detail .unit3 h3.mrk4{
	background			:	url(../images/about/mark_detail4.gif) no-repeat left center;
}

#detail .unit3 .inner_unit3{
	margin-top			:	20px;
	width				:	701px;
}

#detail .unit3 p.left{
	float				:	left;
	margin-right		:	32px;
	text-align			:	center;
	width				:	179px;
	font-size			:	10px;
}

#detail .unit3 img{
	line-height			:	1.8;
	padding-bottom		:	10px;
}

#detail .unit3 p.right{
	float				:	left;
	line-height			:	1.7;
	width				:	490px;
}