@charset "UTF-8";

/* ===================================
	File Name   : about-anjin.css
	Discription : About Anjin Page Layout CSS
	Editors     : Taz Sakurai
	Last Editor : Taz Sakurai
	Last Update : 2009/12/09
====================================== */

/*========== Style Contents ==========

	1. Page Redefinition
	2. About Anjin Introduction
	3. About Anjin Detail

====================================== */



/*===== ■1. Page Redefinition =====*/
#Contents {clear: both;} /* For DreamWeaver View */

/* Global Navigation  */

ul#GlobalNavi a#BtnAboutAnjin {background-position: -154px -45px;}

/* Footer Navigation  */
#Footer a#TextNaviAboutAnjin {
	color: #339999;
}

/* Clear Release  */
#AboutAnjinDetail .Section p:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#AboutAnjinDetail .Section p {
	display: inline-block;
}

/* Hides from IE-mac ￥*/
*html #AboutAnjinDetail .Section p {
	height: 1%;
}

#AboutAnjinDetail .Section p {
	display: block;
}







/*===== ■2. About Anjin Introduction =====*/
#AboutAnjinIntro ul {
	width: 760px;
	margin: 0px auto;
}

#AboutAnjinIntro ul li {
	padding-bottom: 10px;
}

#AboutAnjinIntro ul a {
	display: block;
	background: url(../../about-anjin/img/btn_vol01.jpg) no-repeat;
	width: 760px;
	height: 100px;
}

#AboutAnjinIntro ul #BtnVol02 a {background: url(../../about-anjin/img/btn_vol02.jpg) no-repeat;}
#AboutAnjinIntro ul #BtnVol03 a {background: url(../../about-anjin/img/btn_vol03.jpg) no-repeat;}
#AboutAnjinIntro ul #BtnVol04 a {background: url(../../about-anjin/img/btn_vol04.jpg) no-repeat;}
#AboutAnjinIntro ul #BtnVol05 a {background: url(../../about-anjin/img/btn_vol05.jpg) no-repeat;}

#AboutAnjinIntro ul a:hover,
#AboutAnjinIntro ul #BtnVol02 a:hover,
#AboutAnjinIntro ul #BtnVol03 a:hover,
#AboutAnjinIntro ul #BtnVol04 a:hover,
#AboutAnjinIntro ul #BtnVol05 a:hover {
	background-position: 0px -100px;
}





/*===== ■3. About Anjin Detail =====*/
#AboutAnjinDetail h2 {
	margin-bottom: 20px;
}

#AboutAnjinDetail h3 {
	margin: 0px auto 20px;
	width: 792px;
}

#AboutAnjinDetail .Section p {
	width: 790px;
	margin: 0px auto 30px;
	line-height: 1.7;
}

#AboutAnjinDetail .Section p span {
	float: left;
	background: #0B425F;
	padding: 5px;
	margin: 0px 10px 10px 0px;
}

#AboutAnjinDetail .Section p span em {
	display: block;
	padding: 5px 0px 0px;
	line-height: 1.2;
	text-align: center;
	color: #FFFFFF;
	font-size: 85%;
}

#AboutAnjinDetail .Section p span em strong {
	font-weight: normal;
	font-size: 90.9%;
}

#AboutAnjinDetail .Section p.RightPhoto span {
	float: right;
	margin: 0px 0px 10px 10px;
}

#AboutAnjinDetail .Section p sup {
	font-size: 60%;
}

#AboutAnjinDetail .Section ul {
	width: 500px;
	margin: 0px auto;
}

#AboutAnjinDetail .Section ul li {
	float: left;
	padding: 0px 88px 0px 0px;
}

#AboutAnjinDetail .Section ul li#BtnNext {
	float: right;
	padding: 0px;
}

#AboutAnjinDetail .Section ul a {
	display: block;
	background: url(../../about-anjin/img/btn_about-anjin-top.jpg) no-repeat;
	width: 170px;
	height: 13px;
}

#AboutAnjinDetail .Section ul li#BtnPreview a {background: url(../../about-anjin/img/btn_preview.jpg); width: 66px;}
#AboutAnjinDetail .Section ul li#BtnNext a {background: url(../../about-anjin/img/btn_next.jpg); width: 41px;}

#AboutAnjinDetail .Section ul a:hover,
#AboutAnjinDetail .Section ul li#BtnPreview a:hover,
#AboutAnjinDetail .Section ul li#BtnNext a:hover {
	background-position: 0px -13px;
}

#AboutAnjinVol01 ul li#BtnAboutAnjinTop {
	padding: 0px 88px 0px 154px;
}

#AboutAnjinDetail p.CaptionText {
	clear: both;
	text-align: right;
	font-size: 77%;
}