@charset "UTF-8";

/* ********************************

 style.css for guia 

******************************** */

/* //////////////////////////////////////////////////////////////// title */

div#titleArea{
	background:url(img/bg_head.jpg) no-repeat left top;
}

	div#titleArea h1{
		top:70px;
		right:20px;
	}
		div#titleArea dl#topicpath dt{
			font-size:77%;
			color:#E5E5E5;
		}


		dl#topicpath dt,
		dl#topicpath dd{
			/*color:#b6b5b5;*/
			color:#FFF;
		}

/* //////////////////////////////////////////////////////////////// copyArea */

div#copyArea{
	background:url(img/bg_main.jpg) no-repeat left top;
}

	div#copyArea h2,
	div#copyArea p{
		position:relative;
		margin-left:327px;
	}
	div#copyArea h2 img{
		margin-top:139px;
	}
	
	div#copyArea p{
		width:296px;
		margin-top:7px;
	}

/* //////////////////////////////////////////////////////////////// main */

div#mainIn{
	/*padding-bottom:140px;
	padding-bottom:85px;
	color:#70706b;
	padding-top:30px;*/
}

div#mainIn.consulta{
	/*padding-top:40px;*/
}



/* //////////////////////////////////////////// インデックス */

div#indexList{
}

	div#indexList p{
		text-align:justify;
		text-justify:distribute;
		font-size:85%;
		line-height:1.75;
		color:#bababa;
		position:relative;
		padding-bottom:5px;
	}
		div#indexList p span{
			background-color:#171717;
			padding:1px;
		}
		
		div#indexList p.next{
			font-size:77%;
		}
		
	div#indexList h3{
		margin-bottom:8px;
	}


/* フラメンコの歴史 */

div#indexHistory{
	position:relative;
	background:url(img/bg_index01.jpg) no-repeat left top;
	width:300px;
	height:447px;
}

	div#indexList h2{
		position:absolute;
		top:60px;
		left:30px;
	}
	
	h4.dot02{
		padding-left:0px !important;
	}
	
	div#indexHistory p{
		/*top:328px;
		left:50px;
		width:240px;*/
		top:303px;
		left:30px;
		width:240px;
	}

/* コンパスについて */

div#indexCompas{
	position:relative;
	background:url(img/bg_index02.jpg) no-repeat left top;
	width:330px;
	height:109px;
	padding-top:40px;
	padding-right:20px;
	text-align:right;
}

	div#indexCompas h3{
		margin-bottom:15px;
	}
	
	div#indexCompas p{
		/*width:230px;
		text-align:right;
		left:100px;*/
		width:270px;
		text-align:right;
		left:60px;
		/left:0;
}


/* コンパス別曲種解説、フラメンコ曲種解説 */

div#indexExplicacion{
	position:relative;
	background:url(img/bg_index03.jpg) no-repeat left top;
	width:310px;
	height:206px;
	padding:20px;
	padding-bottom:0;
	padding-top:92px;
}

	div#indexList div.explicacionIn01{
		/*margin-bottom:68px;
		margin-bottom:48px;*/
	}
	
		div#indexList div.explicacionIn01 h3{
			position:absolute;
			left:20px;
			top:20px;
		}

		div#indexList div.explicacionIn01 p{
			/*width:172px;*/
			width:210px;
			margin-left:73px;
		}

	div#indexList div.explicacionIn02{
		text-align:right;
		padding-left:60px;
	}
	
		div#indexList div.explicacionIn02 h3{
			margin-top:7px;
		}
	
		div#indexList div.explicacionIn02 p{
			/*width:206px;*/
			width:250px;
			text-align:right;
		}

/* 用語集と相談室 */

div#termino,
div#consulta{
	width:279px;
}

div#termino h4,
div#consulta h4{
	margin-bottom:19px;
}

div#termino p.alignRight,
div#consulta p.alignRight{
	margin-right:10px;
}


/* //////////////////////////////////////////// フラメンコの歴史 */

div#boxHistory01{
	background:url(/common/css/img/line_dot02.gif) repeat-x left bottom;
	padding-bottom:41px;
	margin-bottom:31px;
}

	div.history p{
		text-align:justify;
		text-justify:distribute;
	}
	
	div.history div.fl{
		padding-left:57px;
		width:98px;
	}

	div.history div.fr{
		width:357px;
	}
	
		div.history div.fr dl{
			margin-top:27px;
		}
			div.history div.fr dl dt{
				float:left;
				width:130px;
			}
			div.history div.fr dl dd{
				float:right;
				width:208px;
				font-size:78% !important;
				color:#93938c;
				text-align:justify;
				text-justify:distribute;
			}
	
	div.history h3{
		margin-left:18px;
	}

/* 詳細ページ共通 */

div#main.historyArea{
	/*padding:41px 30px 30px 0;
	position:relative;
	padding-left:320px;*/
	background:#171717 url(/clase/css/img/bg_about.gif) repeat-x left bottom;
	margin-bottom:-85px;
}

	div#main.historyArea h2{
		margin-left:30px;
		margin-bottom:35px;
		color:#bababa;
	}
			div#main.historyArea h2 span{
				font-size:129%;
			}

	div#main.historyArea h3{
		margin-right:68px;
		margin-left:14px;
		display:inline;
	}
	
	
	div#main.historyArea div.fl{
		width:240px;
	}

	div#main.historyArea div.fr{
		width:320px;
		padding:60px 30px 42px 60px;
		background-color:#f5f5ea;
	}
	
		div#main.historyArea div.fr h4{
			margin-bottom:12px;
		}

		div#main.historyArea div.fr p{
			text-align:justify;
			text-justify:distribute;
		}
			div#main.historyArea div.fr p span{
				width:120px;
				text-align:center;
			}
			
			div#main.historyArea p.w200{
				width:200px;
				text-align:center !important;
			}


/* //////////////////////////////////////////// コンパスについて */

div#mainIn.compas{
	/*padding-top:45px;*/
}
div#compasCopy{
	margin-bottom:19px;
}

	div#compasCopy .fl{
		width:230px;
	}
	div#compasCopy .fr{
		width:330px;
		padding-left:30px;
	}

div.compasIn{
	background:url(/common/css/img/bg_th_style02.gif) repeat left top;
}

/* コンパスを理解する */

div#boxCompas01{
	padding:21px 53px 23px 19px;
	margin-bottom:10px;
}
	
	div#boxCompas01 .fl{
		width:263px;
		float:left;
	}
	
	div#boxCompas01 .fr{
		width:196px;
		float:right;
		margin-top:15px;
	}
	
div#boxCompas01 h4{
	margin-bottom:24px;
	margin-top:18px;
}

/* 基本コンパス */

div#boxCompas02{
	padding:39px 48px 23px 19px;
	margin-bottom:10px;
}

	div#boxCompas02 .fl{
		width:225px;
		text-align:center;
	}
		div#boxCompas02 .fl h4{
			margin-bottom:72px;
		}
	div#boxCompas02 .fr{
		width:252px;
	}
		div#boxCompas02 h5{
			color:#171717;
			font-weight:bold;
			margin-top:15px;
			margin-bottom:10px;
			font-size:93%;
		}
	

/* //////////////////////////////////////////// コンパス別曲種解説 */

div.boxGuia{
}

	div.boxGuia h3{
		font-size:152%;
	}
	
	
		
		div.boxGuia dl dt{
			background:url(/common/css/img/bg_th_style01.gif) repeat left bottom;
			padding:4px 0 3px 15px;
			margin-top:13px;
		}
		
			div.boxGuia dl dt span{
				color:#ab1b1b;
				font-size:120%;
				font-weight:bold;
			}
			
		div.boxGuia dl dd{
			padding:10px 0 0 15px;
		}

/* //////////////////////////////////////////// フラメンコ曲種解説 */

/*div#boxExplicacion{
}

	div#boxExplicacion div.fr{
		width:340px;
		position:relative;
	}

	div#boxExplicacion div.fl{
		width:230px;
		margin-top:24px;
	}*/

/* コンテンツ */

div.boxExplicacion h3{
	font-size:167%;
	line-height:1.0;
	color:#171717;
	border-bottom:5px solid #000;
	padding:0 105px 4px 10px;
	letter-spacing:-1px;
	position:relative;
	zoom:1;
}

	div.boxExplicacion h3 span.first{
		font-size:125%;
	}
	div.boxExplicacion h3 span.defaultF{
		display:block;
		font-size:45.4%;
		color:#595956;
	}

div.boxExplicacion span.rhythm{
	position:absolute;
	right:5px;
	top:0px;
}

p#rhythm{
	position:absolute;
	right:0;
	top:3px;
	background:url(img/icon_musicalnote.gif) no-repeat left top;
	padding-left:19px;
	margin:0 !important;
}

div.boxExplicacion h4,
div.boxExplicacion p,
div.boxExplicacion dl{
	margin-left:10px;
}

div.boxExplicacion h4,
div.boxExplicacion dt{
	/*color:#b25a59;*/
	color:#ab1b1b;
	font-weight:bold;
	background:url(/common/css/img/line_dot02.gif) repeat-x left top;
	font-size:93%;
	padding-top:15px;
	margin-top:10px;
}

	div.boxExplicacion h4.first,
	div.boxExplicacion dt.first{
		background:none;
	}

div.boxExplicacion p,
div.boxExplicacion dd{
	margin-top:14px;
}


/* //////////////////////////////////////////// フラメンコ用語集 */

div#listTermino ul.fl{
	width:292px;
}

div#listTermino ul.fr{
	width:280px;
}

div#listTermino ul li{
	margin-bottom:13px;
}

th.espanol,
th.japanese{
	width:50%;
}

/* //////////////////////////////////////////// フラメンコ相談室 */

ul#listQ{
	margin-top:30px;
}

	ul#listQ li{
		margin-bottom:13px;
		line-height:1.67;
	}

dl.faqList{
	width:554px;
	margin:0 auto;
}

	dl.faqList dt,
	dl.faqList dd{
		padding-left:43px;
	}
	
	dl.faqList dt{
		background:url(img/icon_q.gif) no-repeat left top;
		font-weight:bold;
		padding-bottom:6px;
		padding-top:6px;
		margin-top:30px;
	}
	
	dl.faqList dd{
		background:url(img/icon_a.gif) no-repeat left top;
		padding-bottom:8px;
		padding-top:8px;
		margin-top:20px;
	}