@charset "utf-8";

/* 

CSS Information

 File name:      door.css

 Author:         Administrator

 Style Info:     index.php

----------------------------------------------------- */

/* base.css Override

*************************** \*/

.area1{

	float: left;
	text-align: left;
	width:215px;
	margin-right:8px;
}

.area2{

	float: left;
	text-align: left;
	width:215px;
	margin-right:8px;
}

.area3{

	float: left;
	text-align: left;
	width:215px;
	margin-right:8px;
}

.area4{

	float: left;
	text-align: left;
	width:215px;
	margin-right:8px;
}

#areaLink{

width:900px;
margin:0 auto;

}

#wrapper {

	width: 900px;
	padding: 0 30px;

	background: #fff url() repeat-x top center;

	text-align: center;

}

#header {

	width: 900px;

	height: auto;

	background: none;

	text-align: left;

}

#header h1 {

	float: none;

	width: 900px;

	height: auto;
	color: #fff;

}

.section {

	background: none;

	border: none;

}

#article{

	float: none;

	width: 900px;

}

#footer{

	width: 900px;

	background: none;

	border-top: none;
	
	color: #000;

}

/* article

*************************** \*/

#entrance {

	margin: 0 auto;

	width: 390px;

	height: 70px;

}

* html #entrance {

	margin: 0;

}

#entrance li {

	display: table-cell;

	width: 130px;

	height: 70px;

	text-align: center;

	vertical-align: middle;

}

#entrance li a,
#entrance li a:link,
#entrance li a:hover,
#entrance li a:visited,
#entrance li a:active {
	color: #fff;
}

* html #entrance li {

	display: block;

	float: left;

	overflow: hidden;

}

*+html #entrance li {

	display: block;

	float: left;

}

* html #entrance li a {

	display: block;

	margin-top: 25px;

}

*+html #entrance li a {

	display: block;

	margin-top: 25px;

}

/*************** 2012/04/06 追記 \*/

#article #areaLink .area1,
#article #areaLink .area2,
#article #areaLink .area3{
	float: left;
	text-align: left;
	width:219px;
	margin-right:8px;
}

#article #areaLink .area4 {
	float: left;
	text-align: left;
	width:219px;
}

#areaLink li h3{
	font-size: 123.1%;
	font-weight: bold;
	text-align: left;
	margin-bottom:10px;
	height:30px;
}

#article #areaLink .area1 h3{
	text-align: left;
}

#article #areaLink .area4 h3{
	text-align:right;
}

#areaLink li h4{
	height:22px;
	padding:0;
	margin:0;
}

#article #areaLink .area1 h4{
	text-align: left;
}

#article #areaLink .area4 h4{
	text-align:right;
}

#areaLink li ul li{
	text-align:center;
}

ul#areaLink li.area4 ul li{
	margin: 0 auto;
}

#areaLink ul li p{
	text-align: center;
}

ul#areaLink li ul li p span{
	display:block;
	text-align:left;
	font-size:85%;
	padding-left:10px;
}
/**************************************/

#linkList li {

	float: left;

	padding: 2px 3px;

	width: 144px;

	height: 66px;

	font-size: 85%;

	text-align: center;

	overflow: hidden;

}

* html #linkList li {

	width: 150px;

	height: 70px;

}

#aboutLink {

	text-align: left;

}

#aboutLink p {

	padding-left: 70px;

}

#aboutLink p .size {

	display: inline-block;

	width: 70px;

	vertical-align: top;

}

#aboutLink h3 {

	padding: 2px;

	background: #639;

	color: #fff;

	font-weight: bold;

}

/* */