@charset "UTF-8";

body {
	color: #FFFFFF;
	font-size: 75%;
	line-height:1.8;
	font-family: "Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
	
	background:url(../images/vertical_cloth.png) repeat ;
}
#wrapper {
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 0 10px;
}
#logo {
	position: relative;
	z-index: 200;
	padding: 47px 0 22px 10px;
}
#nav {
	position: absolute;
	right: 14px;
	top: 90px;
	z-index: 210;
	width: 180px;
	height: 14px;
	right: 14px;
}
#nav li#nav01 {
	position: absolute;
	right: 0px;
	top: 0;
	width: 180px;
	text-align:right;
}
#nav li#nav02 {
	position: absolute;
	right: 0;
	top: 0;
}
.category {
	float: left;
	width: 150px;
	margin: 0 11px 50px 0;
	padding: 10px 10px 10px 10px;
	background: #000000;
}
.category2 {
	float: left;
	width: 151px;
	margin: 0 0 50px 2px;
	padding: 10px 10px 10px 10px;
	background: #000000;
}
#architecture {
	margin: 0 0 50px 0;
}
.category ul li {
	margin-top: 10px;
}
.category2 ul li {
	margin-top: 10px;
}
#copyright {
	clear: both;
	padding-bottom: 50px;
	font-family: 'Petit Formal Script', cursive;
	font-size: 9px;
	font-weight: 400;
	text-align: center;
}

.text {
	color: #FFFFFF;
	font-size: 75%;
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	background: #1A1A1A;
	padding: 8px 0 8px 0px;
}

a {
   color:#ccc;
   text-decoration:none;
}

a:hover {
   color:#eee;
   text-decoration:none;
}




#top {
	float: left;
	width: 900px;
	margin: 0 0 10px 0;
	padding: 0px;
	background: #000;
}

#top .left {
	float: left;
	width: 410px;
	height: 420px;
	margin: 0 30px 10px 0;
	padding: 10px;
	background: #000000;
}

#top .right {
	float: left;
	width: 410px;
	height: 420px;
	margin: 0 0px 10px 0;
	padding: 10px;
	background: #000000;
}

#index {
	float: left;
	width: 900px;
	height: 320px;
	margin: 22px 0px 10px 0;
	padding: 200px 0 0 0;
	text-align:center;
	background: url(../images/patterns_09.png) repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000), color-stop(0.59, #000505), color-stop(0.53, #060241), color-stop(0.00, #000));
	background: url(../images/patterns_09.png) repeat, -webkit-linear-gradient(top, #000 0%, #060241 53%, #000505 59%, #000 100%);
	background: url(../images/patterns_09.png) repeat, -moz-linear-gradient(top, #000 0%, #060241 53%, #000505 59%, #000 100%);
	background: url(../images/patterns_09.png) repeat, -o-linear-gradient(top, #000 0%, #060241 53%, #000505 59%, #000 100%);
	background: url(../images/patterns_09.png) repeat, -ms-linear-gradient(top, #000 0%, #060241 53%, #000505 59%, #000 100%);
	background: url(../images/patterns_09.png) repeat, linear-gradient(to bottom, #000 0%, #060241 53%, #000505 59%, #000 100%);
}

#index2 {
	float: left;
	width: 900px;
	height: 320px;
	margin: 22px 0px 10px 0;
	padding: 230px 0 0 0;
	text-align:center;
	background-image:url(../images/top.jpg)
	
}

.gradient01	{
	background: -moz-linear-gradient(top, #990, #066);　/* Firefox用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#990), to(#066));　/* Safari,Google Chrome用 */
}

.fttop1 { font-family: 'Roboto Condensed', sans-serif; font-size: 32px;font-weight: 400; text-shadow: 1px 1px 5px #333; }
.ft1 { font-family: 'Roboto Condensed', sans-serif; font-size: 64px;font-weight: 400; }
.ft2 { font-family: 'Roboto Condensed', sans-serif; font-size: 64px;font-weight: 700; }
.fttop2 { font-family: 'Roboto Condensed', sans-serif; font-size: 32px;font-weight: 700; text-shadow: 1px 1px 5px #333; }

.ft3 { font-family: 'Roboto Condensed', sans-serif; font-size: 24px;font-weight: 400; }
.ft4 { font-family: 'Roboto Condensed', sans-serif; font-size: 24px;font-weight: 700; }

.ft5 { font-family: 'Roboto Condensed', sans-serif; font-size: 11px;font-weight: 400; }