/*************************************************
*
* 鈴乃屋
* Copyright(C)Suzunoya.  All rights reserved.
*
* atsuhime.css
* 篤姫
*
* 01. TOP
* 02. No.1
* 03. No.2
* 04. No.3
* 05. No.4
* 06. No.5
* 07. etc
*
*************************************************/

/*************************************************
* 01. TOP
*************************************************/
#atsuhime {
	margin: 0 auto 15px auto;
	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 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: 260px;
	background: url(../images/top_ph_01.gif) no-repeat;
}
#atsuhime
#prof_ph a {
	margin: 5px auto;
	width: 220px;
	text-align: center;
	color: #fff;
	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 p#to_index {
	clear: both;
	text-align: center;
}
#atsuhime p#to_index a {
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: #f6f6f6;
}
#atsuhime img.map {
	margin-bottom: 15px;
}


/*************************************************
* 03. No.2
*************************************************/
#atsuhime
.h1area_no2 {
	background: url(../no2/images/h1area_no2.gif) no-repeat;
}
#atsuhime h2#no2_01 {
	background: url(../no2/images/no2_h2_1.gif) no-repeat;
}
#atsuhime h2#no2_02 {
	background: url(../no2/images/no2_h2_2.gif) no-repeat;
}
#atsuhime h2#no2_03 {
	clear: both;
	background: url(../no2/images/no2_h2_3.gif) no-repeat;
}
#atsuhime h2#no2_04 {
	clear: both;
	background: url(../no2/images/no2_h2_4.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;
	text-align: center;
	color: #fff;
	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-color: #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;
}


/*************************************************
* 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;
}


/*************************************************
* 06. No.5
*************************************************/
#atsuhime
.h1area_no5 {
	background: url(../no5/images/h1area_no5.jpg) no-repeat;
}
#atsuhime h2#no5_01 {
	background: url(../no5/images/no5_h2_01.gif) no-repeat;
}
#atsuhime h2#no5_02 {
	background: url(../no5/images/no5_h2_02.gif) no-repeat;
}
#atsuhime
.dot {
	background: url(../no5/images/dot.gif) left bottom repeat-x;
}
#atsuhime
.dot2 {
	background: url(../no5/images/dot2.gif) left bottom repeat-x;
}
#atsuhime
.wave {
	background: url(../no5/images/wave.gif) left bottom repeat-x;
}
#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;
}


/*************************************************
* 07. 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;
}