/*************************************************
*
* 鈴乃屋
* Copyright(C)Suzunoya.  All rights reserved.
*
* ryomaden.css
* 龍馬伝
*
* 01. TOP
* 02. No.1
* 03. No.2
* 04. No.3
* 05. No.4
* 06. etc
*
*************************************************/

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


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

.floatR { float:right; }
.floatL { float:left; }

#ryoumaden
#h1area {
	width: 800px;
	height: 270px;
}
#ryoumaden p span { font-weight:bold; color:#AD2B0F; }
#ryoumaden dt { font-weight:bold; color:#AD2B0F; }
#ryoumaden dd p { margin-bottom:10px; }



/*************************************************
* 02. No.1
*************************************************/
#ryoumaden
.h1area_no1 {
	background: url(../no1/images/h1area_no1.jpg) no-repeat;
}
.no1_box {
	width:800px;
}
.ph_box {
	width:780px;
	padding:0 10px;
	margin-bottom:30px;
	clear:both;
}

.tx440 {
	width:440px;
	display:block;
}
.tx550 {
	width:550px;
	display:block;
}

.ph205 {
	width:205px;
	margin:0 10px 0 0;
}
.ph210 {
	width:210px;
	display:block;
}
.ph275 {
	width:275px;
	margin:0 10px 0 0;
}
.ph325 {
	width:325px;
	display:block;
}
.ph330 {
	width:330px;
	display:block;
	margin:0;
}

.ph_box p { margin:0; }


#bg01 {	background: url(../no1/images/bg01.gif) no-repeat bottom left; }
#bg02 {	background: url(../no1/images/bg02.gif) no-repeat bottom right; }
#bg03 {	background: url(../no1/images/bg03.gif) no-repeat; background-position:570px 30px; }
#bg04 {	background: url(../no1/images/bg04.gif) no-repeat bottom left; }
#bg05 {	background: url(../no1/images/bg05.jpg) no-repeat top; width:800px; height:513px; clear:both; padding-top:22px; }

.memonote {
	margin-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px;
	width: 740px;
	background: url(../images/note_bg.gif) 17px 0 repeat-y;
	clear:both;
}
.memonote h2.memo_ttl {
	color:#AD2B0F !important;
	margin-bottom:10px !important;
	display:block !important;
	font-size:1.1em !important;
	height:auto!important;
	padding-top:10px !important;
}
.memonote .over {
	margin-right: -13px;
	margin-left: -13px;
}
.memonote .photo_list p {
	padding-right: 10px;
	padding-left: 15px;
}

#ryoumaden p#to_index {
	clear: both;
	text-align: center;
}
#ryoumaden p#to_index a {
	padding: 5px 10px;
	background: #f6f6f6;
	border: 1px solid #ccc;
}

/*************************************************
* 02. No.2
*************************************************/
#ryoumaden
.h1area_no2 {
	background: url(../no2/images/h1area_no2.jpg) no-repeat;
}
.no2_box {
	width:800px;
}
.ph_box02 {
	width:780px;
	padding:0 10px;
	margin-bottom:20px;
	clear:both;
}

#no2_bg01 {	background:url(../no2/images/bg_img01.jpg) no-repeat bottom left; }
#no2_bg02 {	background:url(../no2/images/bg_img02.jpg) no-repeat bottom left; }
#no2_bg03 {	background:url(../no2/images/bg_img03.jpg) no-repeat bottom right; }
#no2_bg04 {	background:url(../no2/images/bg_img04.jpg) no-repeat bottom right; }
#no2_bg05 {	background:url(../no2/images/bg_img05.jpg) no-repeat bottom right; }
#no2_bg06 {	background:url(../no2/images/bg_img06.jpg) no-repeat bottom left; }
#no2_bg07 {	background:url(../no2/images/bg_img07.jpg) no-repeat bottom; padding-bottom:360px; margin-bottom:0; }

.ph190 img,
.ph185 img { margin-bottom: 5px; }

.ph190 { width:190px; margin-right:6px; }
.ph185 { width:185px; }

.ph_txt580 { width:580px; display:block; }
.ph_txt530 { width:530px; display:block; }
.ph_txt500 { width:500px; display:block; }
.ph_txt430 { width:430px; display:block; }
.ph_txt380 { width:380px; display:block; }



/*************************************************
* 03. No.3
*************************************************/
#ryoumaden
.h1area_no3 {
	background: url(../no3/images/h1area_no3.jpg) no-repeat;
}
.no3_box {
	width:800px;
}
.ph_box03 {
	width:780px;
	padding:0 10px;
	margin-bottom:20px;
	clear:both;
}

#no3_bg01 {	background:url(../no3/images/bg_img01.jpg) no-repeat bottom right; }
#no3_bg02 {	background:url(../no3/images/bg_img02.jpg) no-repeat bottom left; }
#no3_bg03 {	background:url(../no3/images/bg_img03.jpg) no-repeat bottom right; }
#no3_bg04 {	background:url(../no3/images/bg_img04.jpg) no-repeat bottom left; }
#no3_bg05 {	background:url(../no3/images/bg_img05.jpg) no-repeat bottom right; }
#no3_bg06 {	background:url(../no3/images/bg_img06.jpg) no-repeat bottom right; }
#no3_bg07 {	background:url(../no3/images/bg_img07.jpg) no-repeat; background-position:480px 15px;}
#no3_bg08 {	background:url(../no3/images/bg_img08.jpg) no-repeat; background-position:590px 0px; }
#no3_bg09 {	background:url(../no3/images/bg_img09.jpg) no-repeat bottom left; }

.ph190 img,
.ph185 img { margin-bottom: 5px; }

.ph190 { width:190px; margin-right:6px; }
.ph185 { width:185px; }
.ph225 { width:225px; }

.ph_txt580 { width:580px; display:block; }
.ph_txt530 { width:530px; display:block; }
.ph_txt500 { width:500px; display:block; }
.ph_txt430 { width:430px; display:block; }
.ph_txt380 { width:380px; display:block; }



/*************************************************
* 04. No.4
*************************************************/
#ryoumaden
.h1area_no4 {
	background: url(../no4/images/h1area_no4.jpg) no-repeat;
}
.no4_box {
	width:800px;
}
.no4SubBox {
	clear:both;
	margin-bottom: 50px;
}
.no4_box h2 {
	margin: 10px 0 5px;
}
.no4_box h3 {
	color: #ad2b0f;
	font-weight: bold;
	margin: 50px 0 10px 10px;
}
.no4_box h4 {
	font-weight: bold;
	margin: 30px 0 10px 10px;
	/margin-top: 50px;
}

.line {	margin: 5px 0 5px 10px; }

.photoArea {	}
.cap4 {			margin: 0 5px;	}
.cap4_left20 {	margin-left: 20px;	}
.cap4_left15 {	margin: 0 5px 0 15px;	}
.cap4_top10 {	padding-top: 10px;	}
.cap4_top30 {
	margin-top: 30px;
	/margin-top: 40px;
}

.cap41 {	margin-top: 125px;	}
.cap42 {
	background: url(../no4/images/no4_bg01.jpg) no-repeat 0 10px;
	padding-top: 200px;
	text-align: right;
}
.cap43 {
	width: 290px;
	padding-top: 280px;
}



/*************************************************
* 05. No.5
*************************************************/
#ryoumaden
.h1area_no5 {
	background: url(../no5/images/h1area_no5.jpg) no-repeat;
}
.no5_box {
	width:800px;
}
.no5SubBox {
	clear:both;
	margin-bottom: 50px;
}
.no5_box h2 {
	margin: 10px 0 5px;
}
.no5_box h3 {
	color: #ad2b0f;
	font-weight: bold;
	margin: 50px 0 10px 10px;
}
.no5_box h4 {
	font-weight: bold;
	margin: 30px 0 10px 10px;
	/margin-top: 50px;
}

.no5_box .line {padding: 15px 0 0 10px; }

.no5_box .bg01 {
	width:788px;
	background: url(../no5/images/no5_bg01.jpg) no-repeat right bottom;
}

.no5_box .bg02 {
	width:788px;
	background: url(../no5/images/no5_bg02.jpg) no-repeat 410px bottom;
}

.cap4_top5 {padding-top: 5px;}
.cap4_top15 {
	margin-top: 15px;
	/margin-top: 25px;
}
.cap4_top20 {
	margin-top: 20px;
	/margin-top: 30px;
}

.line02 { margin: 15px 0 15px 10px; }

.cap_brown {
	margin: 5px 0 0 0;
	padding: 5px 0;
	text-align: center;
	color: #CCC;
	background: #3e242f;
	display: block;
}

.cap_brown a {
	text-decoration:underline;
	color: #fff;	
}

.photoArea {	}
.photoArea ul li { float:left;}

/*--------------------------------------------*/

/* clearfix                                   */

/*--------------------------------------------*/

.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: block;
	min-height: 1%;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}