@charset "UTF-8";

/* ===================================
	File Name   : top.css
	Discription : Top Page Layout CSS
	Create Date : 2011/02/08
	Last Editor : Taz Sakurai

	Update Discription :
	 2011/02/16 : ドットラインをGifに変更
	 2011/02/14 : Update
====================================== */

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

	1. Individual Redefinition
	2. Section [TopSide]
	3. Section [InfoForBeliever]
	3. Section [TopTopics]
	4. 

	*. Clear Release
	
====================================== */





/*===== ■1. Individual Redefinition =====*/
#Contents ul#GlobalNavi li a#BtnTop {background-position: -200px -90px;}
#Footer ul#FooterNavi li a#BtnFootTop {background-position: -200px -626px; width: 66px;}

body {
	background: url(img/bg_body-top.jpg) repeat-x;
}

#Header {
	height: 340px;
}

#Contents ul#GlobalNavi {
	padding: 0px 0px 0px 15px;
}

.Section {
	width: auto;
	margin: 0px;
}

h2 {
	margin: 0px 0px 0px;
}




/*===== ■2. Section [TopSide]  =====*/
#TopSide {
	clear: both;
	display: inline;
	float: right;
	padding: 29px 50px 0px 0px;
	width: 350px;
}

#TopSide dl dt strong {
	display: block;
	background: #D9CBAB;
	padding: 5px 10px;
	line-height: 1;
}

#TopSide dl dd {
	border-left: 1px solid #D9CBAB;
	border-right: 1px solid #D9CBAB;
	border-bottom: 1px solid #D9CBAB;
	padding: 0px 0px 10px;
}

#TopSide dl dd ol {
	padding-bottom: 5px;
	background: url(img/bg_about-adam-end.jpg) no-repeat bottom;
	margin: 0px 15px 10px;
	width: 320px;
}

#TopSide dl dd ol li {
	list-style: none;
	border-left: 1px solid #2E230D;
	border-right: 1px solid #2E230D;
	padding: 3px 3px 0px 10px;
	width: 305px;
	font-size: 85%;
}

#TopSide dl dd ol li span {
	display: block;
	float: left;
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#TopSide dl dd ol li em {
	display: block;
	float: right;
	width: 250px;
}

#TopSide dl dd ol li.TwoYear span {
	width: 75px;
}

#TopSide dl dd ol li.TwoYear em {
	width: 225px;
}

#TopSide dl dd p {
	padding: 10px 15px;
	margin: 0px;
	line-height: 1.7;
	font-size: 85%;
}

#TopSide dl dd ul li {
	padding-left: 155px;
}

#TopSide dl dd ul li a {
	display: block;
	background: url(common/img/img_btn.png) no-repeat 0px -570px;
	width: 184px;
	height: 30px;
}

#TopSide dl dd ul li a:hover {
	background-position: -200px -570px;
}





/*===== ■3. Section [InfoForBeliever]  =====*/
#InfoForBeliever {
	display: inline;
	float: left;
	padding: 34px 0px 0px 42px;
	width: 480px;
}

#InfoForBeliever ul#InfoListForBeliever {
	margin: 15px 0px 15px 15px;
	width: 450px;
}

#InfoForBeliever ul#InfoListForBeliever li {
	background: url(common/img/line_dotted-brown.gif) repeat-x bottom;
	padding: 7px 0px 7px 15px;
}

#InfoForBeliever ul#InfoListForBeliever li.last-child {
	background: none;
}

#InfoForBeliever ul#InfoListForBeliever li em {
	display: block;
	float: left;
	background: url(common/img/mark_circle-yellow.jpg) no-repeat left 6px;
	padding: 1px 5px 0px 15px;
	width: 75px;
	line-height: 1.2;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 77%;
	color: #7A5815;
}

#InfoForBeliever ul#InfoListForBeliever li em span {
	font-size: 140%;
}

#InfoForBeliever ul#InfoListForBeliever li p {
	float: left;
	width: 330px;
	margin: 0px;
}


#InfoForBeliever ul.BtnBeforeLink {
	padding-right: 15px;
}

#InfoForBeliever ul.BtnBeforeLink li {
	float: right;
}

#InfoForBeliever ul.BtnBeforeLink li a {
	display: block;
	background: url(common/img/img_btn.png) no-repeat 0px -510px;
	width: 140px;
	height: 30px;
}

#InfoForBeliever ul.BtnBeforeLink li a:hover {background-position: -200px -510px;}





/*===== ■4. Section [TopTopics]  =====*/
#TopTopics {
	display: inline;
	float: left;
	padding: 34px 0px 0px 42px;
	width: 480px;
}

#TopTopics ul#TopicsList{
	margin: 15px 0px 15px 15px;
	width: 450px;
}

#TopTopics ul#TopicsList li {
	background: url(common/img/line_dotted-brown.gif) repeat-x bottom;
	padding: 7px 0px 7px 15px;
}

#TopTopics ul#TopicsList li.last-child {
	background: none;
}

#TopTopics ul#TopicsList li em {
	display: block;
	float: left;
	background: url(common/img/mark_circle-yellow.jpg) no-repeat left 6px;
	padding: 1px 5px 0px 15px;
	width: 75px;
	line-height: 1.2;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 77%;
	color: #7A5815;
}

#TopTopics ul#TopicsList li em span {
	font-size: 140%;
}

#TopTopics ul#TopicsList li p {
	float: left;
	width: 330px;
	margin: 0px;
}


#TopTopics ul.BtnBeforeLink {
	padding-right: 15px;
}

#TopTopics ul.BtnBeforeLink li {
	float: right;
}

#TopTopics ul.BtnBeforeLink li a {
	display: block;
	background: url(common/img/img_btn.png) no-repeat 0px -540px;
	width: 140px;
	height: 30px;
}

#TopTopics ul.BtnBeforeLink li a:hover {background-position: -200px -540px;}








/*===== ■*.Clear Release  =====*/
#TopSide ol li:after,
#InfoForBeliever ul li:after,
#TopTopics ul li:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#TopSide ol li,
#InfoForBeliever ul li,
#TopTopics ul li {
	display: inline-block;
}

/* Hides from IE-mac ￥*/
*html #TopSide ol li,
*html #InfoForBeliever ul li,
*html #TopTopics ul li {
	height: 1%;
}

#TopSide ol li,
#InfoForBeliever ul li,
#TopTopics ul li {
	display: block;
}
/* End hides from IE-mac ￥*/