/*************************************************
*
* 鈴乃屋
* Copyright(C)Suzunoya.  All rights reserved.
*
* tenchijin.css
* 天地人
*
* 01. TOP
* 02. No.1
* 03. No.2
* 04. No.3
* 05. No.4
* 06. etc
*
*************************************************/

/*************************************************
* 01. TOP
*************************************************/
#atsuhime {
	margin: 0 auto 15px auto;
	padding: 0;
	width: 800px;
}
#atsuhime h1#top_h1 {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 161px;
	background: url(../images/top_h1.jpg) no-repeat;
}
#atsuhime p#read {
	width: 800px;
	height: 144px;
	background: url(../images/top_read.jpg) no-repeat;
}


/* h2基本設定 */
#atsuhime h2 {
	margin: 0 0 5px 0;
	width: 370px;
	height: 30px;
}
#atsuhime h2#top_01 {
	background: url(../images/top_h2_1.gif) no-repeat;
}
#atsuhime h2#top_02 {
	background: url(../images/top_h2_2.gif) no-repeat;
}
#atsuhime h2#no1_02 {
	background: url(../no1/images/no1_h2_1.gif) no-repeat;
}
#atsuhime h2#no2_01 {
	background: url(../no2/images/no2_h2_01.gif) no-repeat;
}
#atsuhime h2#no2_02 {
	background: url(../no2/images/no2_h2_02.gif) no-repeat;
}
#atsuhime ul#top_list li {
	margin: 0 0 20px 0;
	* margin: 0 0 15px 0;
	width: 400px;
	float: left;
}
#atsuhime ul#top_list li img {
	margin: 0 5px 0 0;
	float: left;
}
#atsuhime ul#top_list02 li {
	margin: 0 0 20px 0;
	* margin: 0 0 15px 0;
	width: 800px;
	float: left;
}
#atsuhime ul#top_list02 li img {
	margin: 0 5px 0 0;
	float: left;
}
#atsuhime h3 {
	font-size: small;
}
#atsuhime #prof_ph {
	margin: 0 0 20px 10px;
	width: 220px;
	float: right;
}
#atsuhime #prof_ph img {
	width: 220px;
	height: 350px;
	background: url(../images/top_ph_01.gif) no-repeat;
}
#atsuhime #prof_ph a {
	margin: 5px auto;
	width: 220px;
	color: #fff;
	text-align: center;
	background: #3e242f;
	display: block;
}



/*************************************************
* 02. No.1
*************************************************/
#atsuhime
#h1area {
	width: 800px;
	height: 270px;
}
#atsuhime
.h1area_no1 {
	background: url(../no1/images/h1area_no1.gif) no-repeat;
}
#atsuhime ul.photo_list {
	clear: both;
}
#atsuhime ul.photo_list li {
	margin: 0 15px 20px 15px;
	* margin: 0 10px 20px 10px;
	width: 235px;
	text-align: center;
	float: left;
}
#atsuhime ul.photo_list li img {
	margin: 0 0 10px 0;
}
#atsuhime ul.photo_list li p {
	text-align: left;
}
#atsuhime ul.photo_list li h3 {
	margin-bottom: 0.5em;
	font-size: small;
	color: #a9523f;
}
#atsuhime ul.photo_list02 {
	clear: both;
}
#atsuhime ul.photo_list02 li {
	padding-right: 25px;
	width: 235px;
	text-align: center;
	float: left;
}
#atsuhime ul.photo_list02 li img {
	margin: 0 0 10px 0;
}
#atsuhime ul.photo_list02 li p {
	text-align: left;
}
#atsuhime ul.photo_list02 li h3 {
	margin-bottom: 0.5em;
	font-size: small;
	color: #a9523f;
	text-align: left;
}
#atsuhime p#to_index {
	clear: both;
	text-align: center;
}
#atsuhime p#to_index a {
	padding: 5px 10px;
	background: #f6f6f6;
	border: 1px solid #ccc;
}
#atsuhime img.map {
	margin-bottom: 15px;
}



/*************************************************
* 03. No.2
*************************************************/
#atsuhime
.h1area_no2 {
	background: url(../no2/images/h1area_no2.gif) no-repeat;
}
#access_area {
	margin: 10px 10px 30px 10px;
	background: #ebe9dd;
}
#access_area img {
	margin: 10px 20px 10px 10px;
	float: left;
}
#access_area h3 {
	margin: 10px 0 5px 0;
	width: 500px;
	float: left;
}
#access_area ul {
	line-height: 1.5;
	float: left;
}
#right_pic_no2 {
	margin: 0 0 10px 10px;
	text-align: center;
	float: right;
}
#kakeizu {
	margin: 0 auto 10px auto;
	width: 732px;
	display: block;
}
#right_pic_no2 img {
	width: 220px;
	height: 260px;
	background: url(../no2/images/no2_ph12.jpg);
}
#right_pic_no2 a {
	margin: 5px auto;
	padding: 5px;
	color: #fff;
	text-align: center;
	background: #3e242f;
	display: block;
}
.list_big li {
	width: 360px!important;
}
.list_small li {
	margin: 0 10px 20px 10px!important;
	width: 172px!important;
}


	
/*************************************************
* 04. No.3
*************************************************/
#atsuhime
.h1area_no3 {
	background: url(../no3/images/h1area_no3.jpg) no-repeat;
}
#left_txt_no3 {
	width: 420px;
	float: left;
}
#right_pic_no3 {
	margin-bottom: 30px;
	padding: 10px;
	width: 350px;
	text-align: center;
	background: #ebe9dd;
	float: right;
}
#right_pic_no3 img {
	width: 318px;
	height: 210px;
	background: url(../no3/images/no3_ph15.gif) no-repeat;
}
#right_pic_no3 a {
	margin: 5px auto;
	padding: 5px;
	text-align: center;
	color: #fff;
	background: #3e242f;
	display: block;
}
#right_pic_no3 p {
	text-align: left;
}
.vertical_photo_area {
	clear: both;
	width: 300px !important;
}
.vertical_photo_txt {
	width: 170px;
	float: right;
}
#no3-bg01,
#no3-bg02,
#no3-bg03,
#no3-bg04,
#no3-bg05,
#no3-bg06,
#no3-bg07,
#no3-bg08,
#no3-bg09 {
	clear: both;
	margin-bottom: 10px;
}
#no3-bg01 {
	background: url(../no3/images/no3_bg01.gif) right bottom no-repeat;
}
#no3-bg02 {
	background: url(../no3/images/no3_bg02.gif) no-repeat;
}
#no3-bg04 {
	background: url(../no3/images/no3_bg03.gif) no-repeat;
}
#no3-bg05 {
	margin-bottom: 10px;
	padding-bottom: 0;
}
#no3-bg06 {
	margin-bottom: 0;
	background: url(../no3/images/no3_bg04.gif) right bottom no-repeat;
}
#no3-bg07 {
	margin-bottom: 0;
	background: url(../no3/images/no3_bg05.gif) no-repeat;
}
#no3-bg09 {
	margin-bottom: 0;
	background: url(../no3/images/no3_bg06.gif) right bottom no-repeat;
}
.box01 {
	margin-bottom: 15px;
}
.box01 td {
	vertical-align: top;
}
.box01 td h3 {
	margin-bottom: 0;
	padding-left: 5px;
	display: block;
}
.box01 td p {
	margin: 0;
	padding-left: 5px ;
	display: block ;
}
#no3_ph03 {
	width: 250px;
	height: 200px;
	background: url(../no3/images/no3_ph03.jpg) no-repeat;
	display: block;
}



/*************************************************
* 05. No.4
*************************************************/
#atsuhime
.h1area_no4 {
	background: url(../no4/images/h1area_no4.jpg) no-repeat;
}
#atsuhime h2#no4_01 {
	background: url(../no4/images/no4_h2_1.gif) no-repeat;
}
#atsuhime h2#no4_02 {
	clear: both;
	margin-top: 10px;
	background: url(../no4/images/no4_h2_2.gif) no-repeat;
}
.inner_right h3,
.inner_left h3,
.no5_box h3 {
	margin-bottom: 0.5em;
	font-size: small;
	color: #a9523f;
}
.photo_area {
	clear: both;
	margin-top: 10px;
	padding-bottom: 10px;
	width: 800px;
	border-bottom: 1px dotted #ccc;
}
#atsuhime .none {
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#atsuhime
.no5_box {
	padding-bottom: 23px;
}
#atsuhime
.no5_box
.floatL {
	float: left;
}
#atsuhime
.no5_box
.floatR {
	float: right;
}
#atsuhime
.box_brown {
	padding: 10px;
	background-color: #ebe9dd;
}



/*************************************************
* 06. etc
*************************************************/

/* imgの位置 */	
img.img_left {
	float: left;
}
img.img_right {
	float: right;
}


.inner_right {
	margin-left: 10px;
	_margin-left: 5px;
	width: 485px;
	float: left;
}
.inner_photo_box {
	padding: 10px;
	width: 465px;
	background: #ebe9dd;
}
.inner_photo_box dl.right_box {
	margin-right: 0;
	float: right;
}
.inner_photo_box dl {
	margin-right: 10px;
	width: 380px;
	display: block;
	float: left;
}


/* 区切り */
#area_cut1,
#area_cut2 {
	padding-bottom: 30px;
	background: url(../no4/images/area_cut.jpg) bottom no-repeat;
	border: none;
}


/* 京都御苑の写真小 */
#inner_photo_box_l {
	clear: both;
	padding: 10px;
	background: #ebe9dd;
}
.kyoto_photo_r { 
	clear: both;
	margin-top: 10px;
	padding-bottom: 10px;
	width: 780px;
	border-bottom: 1px dotted #ccc;
}
.kyoto_photo_r dl {
	display: block;
	float: left;
}
.kyoto_photo_l {
	clear: both;
	margin-top: 10px;
	padding-bottom: 10px;
	width: 780px;
	border-bottom: 1px dotted #ccc;
}
.kyoto_photo_l dl {
	display: block;
	float: right;
}


#memonote {
	margin-bottom: 20px;
	padding-right: 30px;
	padding-left: 30px;
	width: 740px;
	background: url(../images/note_bg.gif) 17px 0 repeat-y;
}
#memonote .dot {
	background-image: none !important;
}
#memonote .over {
	margin-right: -13px;
	margin-left: -13px;
}
#memonote .photo_list p {
	padding-right: 10px;
	padding-left: 15px;
}
#memonote .photo_list li {
	margin-right: 0 !important;
	margin-left: 0 !important;
	padding-right: 6px!important;
	padding-left: 6px!important;
	width: 224px !important;
}