@charset "UTF-8";

/* ===================================
	File Name   : top.css
	Description : Top Page Layout CSS
	Editors     : Taz Sakurai
	Create Date : 2010/11/12

	Update Description :
		2011/04/13 Modify - jQuery Navigation
		2011/01/28 Modify - Main Visual width
		2010/11/16 Appended - Value Style
		2010/11/12 File Create
====================================== */

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

	1. Individual Redefinition
	2. Top Introduction
	3. Top Side
	4. Top Diary Memo
	5. 
	6. 
	*. Clear Release
	
====================================== */





/*===== ■1. Individual Redefinition =====*/
#Header ul li a#BtnTop {background-position: 0px -40px;}
#Footer ul li a#BtnFootTop {background-position: 0px -34px;}

body {
	background: #000000 url(img/bg_body-top.jpg) top repeat-x;
	color: #333333;
	line-height: 1.5;
    margin: 0px auto;
}

#Entirety {
	background: url(common/img/img_header-visual.jpg) no-repeat center top;
}

#Header {
	height: 614px;
}

#TopMain {
	width: 900px;
	margin: 0px auto 40px;
}

h1 {
	width: 1000px;
	margin: 0px auto;
}

/* Header Items */
#Header h1 {
	padding: 15px 15px 3px;
}






/*===== ■2. Top Introduction =====*/
#TopIntro {
	display: inline;
	float: left;
	width: 580px;
	margin: 0px 0px 30px;
}

#TopIntro h2 {
	margin: 20px 0px 5px;
}

#TopIntro p {
	width: 500px;
	margin: 0px 0px 10px;
	padding-left: 70px;
	font-size: 93%;
}

#TopIntro ul {
	padding-left: 70px;
}

#TopIntro ul li {
	float: left;
	background: url(common/img/mark_arrow-right-blue.png) no-repeat 0px 6px;
	padding: 5px 15px 0px 15px;
	font-size: 93%;
}





/*===== ■3. Top Side =====*/
#TopSide {
	display: inline;
	float: right;
	background: url(common/img/bg_side-end.png) no-repeat bottom;
	padding-bottom: 10px;
	width: 300px;
}

#TopSide dl {
}

#TopSide dl dd {
	background: url(common/img/bg_side.png) repeat-y;
	width: 300px;
}

#TopSide dl dd ul li {
	background: url(common/img/line_dotted-white.jpg) repeat-x 0px bottom;
	padding: 0px 0px 5px;
	margin: 0px 15px;
	width: 270px;
}

#TopSide dl dd ul li.last-child {
	background: none;
}

#TopSide dl dd ul li strong {
	display: block;
	background: url(common/img/mark_foot-mark-blue.png) no-repeat left 7px;
	padding: 10px 5px 5px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
	color: #25DAFF;
}

#TopSide dl dd ul li strong span {
	font-size: 83.3%;
}

#TopSide dl dd ul li p {
	width: 250px;
	padding: 0px 5px 5px 15px;
	margin: 0px;
	font-size: 93%;
}

#TopSide dl dd ul.LinkList {
	float: right;
}

#TopSide dl dd ul.LinkList li {
	background: url(common/img/mark_arrow-right-blue.png) no-repeat left 6px;
	padding: 5px 0px 5px 15px;
	margin: 0px 15px 0px 0px;
	width: auto;
	font-size: 93%;
}






/*===== ■4. Top Diary Memo =====*/
#TopDiaryMemo {
	display: inline;
	float: left;
	width: 580px;
}

#TopDiaryMemo h3 {
	margin: 0px 15px 10px;
}

#TopDiaryMemo ul {
	padding: 0px 0px 0px 65px;
}

#TopDiaryMemo ul li {
	float: left;
	display: inline;
	border: 1px solid #FFFFFF;
	margin: 1px;
	padding: 1px;
	width: 44px;
	height: 44px;
	overflow: hidden;
}

#TopDiaryMemo ul li a {
	display: block;
	width: 44px;
	height: 44px;
	overflow: hidden;
}

#TopDiaryMemo ul li img {
	width: 44px;
	height: auto;
}

#TopDiaryMemo ul li.memo img {
	width: auto;
	height: 44px;
}

#TopDiaryMemo li a:hover img {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

#TopDiaryMemo ul.LinkList {
	float: right;
	padding: 10px 0px 0px 0px;
}

#TopDiaryMemo ul.LinkList li {
	float: none;
	border: none;
	margin: 0px;
	background: url(common/img/mark_arrow-right-blue.png) no-repeat left 6px;
	padding: 5px 0px 5px 15px;
	margin: 0px 15px 0px 0px;
	width: auto;
	font-size: 93%;
	width: auto;
	height: auto;
	overflow: auto;
}

#TopDiaryMemo ul.LinkList li a {
	display: inline;
	width: auto;
	height: auto;
	overflow: auto;
}






/*===== ■5.  =====*/






/*===== ■6.  =====*/






/*===== ■*.Clear Release  =====*/
#TopMain,
#TopDiaryMemo ul,
#TopSide dl dd {
	/zoom: 1;
}

#TopMain:after,
#TopDiaryMemo ul:after,
#TopSide dl dd:after {
	content: '';
	display: block;
	clear: both;
}