@charset "Shift_JIS";

*{
	margin:0;
	padding:0;
}

html{
	height:100%;
}

body{
	text-align:center;
	height:100%;
	color:#666;
	font-size:12px;
	line-height:18px;
}

body > #wrapper{
	height:auto;
}

h1,h2{
	text-indent:-9999px;
}

#wrapper{
	height:100%;
	min-height:100%;
	width:848px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align:left;
	margin:auto;
}

hr{
	display:none;
}

h1{
	width:848px;
	height:245px;
	background:url(../img/header.jpg) no-repeat;
	position:relative;
}

h1 img#logo{
	position:absolute;
	top:10px;
	left:18px;
	border:0;
}



h1 img#present{
	position:absolute;
	top:90px;
	left:470px;
	border:0;
}

h1 img#presentbtn{
	position:absolute;
	top:191px;
	left:509px;
	border:0;
}

#container{
	width:810px;
	margin:auto;
	text-align:center;
}

#question h2{
	width:810px;
	height:46px;
	margin:15px 0 0 0;
	background:url(../img/ttl_q.gif) no-repeat left top;
}

#question p{
	margin:15px 0;
}

#question strong{
	font-size:18px;
}

#question em{
	font-weight:bold;
	font-style:normal;
	font-size:14px;
	color:#c00;
}

#question img{
	margin:0 0 10px 0;
}

#reason{
	width:806px;
	border:2px solid #c00;
	text-align:center;
	padding-bottom:15px;
}

#reason #r1{
	width:380px;
	margin:10px 5px 10px 15px;
	_margin:9px;
	float:left;
}

#reason #r2{
	width:380px;	
	margin:10px 15px 10px 5px;
	_margin:9px;
	float:right;
}



#reason #r3{
	width:380px;	
	margin:10px 15px 10px 5px;
	_margin:9px;
	float:right;
}

#r1 h3,
#r2 h3{
	text-indent:-9999px;
	width:380px;
	height:49px;
	margin:0 0 10px 0;
}

#r3 h3{
	text-indent:-9999px;
	width:380px;
	height:49px;
	margin:0 0 10px 0;
}

#r1 h3{
	background:url(../img/ttl_reason01.gif) no-repeat left top;
}

#r2 h3{
	background:url(../img/ttl_reason02.gif) no-repeat left top;
}



#r3 h3{
	background:url(../img/ttl_reason02_02.gif) no-repeat left top;
}

#r1 strong,
#r2 strong{
	font-weight:normal;
	border:1px solid #c00;
	padding:3px;
	display:block;
}

#r3 strong{
	font-weight:normal;
	border:1px solid #c00;
	padding:3px;
	display:block;
}

#r1 strong span,
#r2 strong span{
	font-weight:bold;
	color:#c00;
	line-height:14px;
	padding:2px;
	margin-right:3px;
}

#r3 strong span{
	font-weight:bold;
	color:#c00;
	line-height:14px;
	padding:2px;
	margin-right:3px;
}

.law{
	margin:auto;
	width:363px;
	height:31px;
	background:url(../img/arrow_law.gif) no-repeat;
	text-indent:-9999px;
}

#reason ul{
	text-align:left;
	padding:5px;
	background-color:#ffc;
}

#reason li{
	margin:5px 5px 5px 20px;
}

#r1 p,
#r2 p{
	text-align:left;
	padding:0 20px;
}

#r3 p{
	text-align:left;
	padding:0 20px;
}

#r1 img,
#r2 img{
	margin:15px 0 0 0;
}

#r3 img{
	margin:15px 0 0 0;
}

#diagram{
	margin:15px 0;
	padding:15px;
	font-weight:bold;
	color:#c00;
	font-size:14px;
	line-height:18px;
	border:1px solid #ccc;
}

#diagram img{
	margin:10px 0 0 0;
}

#present,
#course,
#news{
	text-align:left;
	margin-bottom:20px;
}

#present h2{
	width:810px;
	height:43px;
	background:url(../img/ttl_present.gif) no-repeat;
}
#present p{
	float:left;
	margin:10px;
	width:571px;
	_width:561px;
}

#present a {
	display:block;
	width:209px;
	height:62px;
	background:url(../img/btn_present.gif) no-repeat 0 0;
	text-indent:-9999px;
	float:right;
	margin:5px 0 5px 5px;;
}
#present a:hover{
	display:block;
	width:209px;
	height:62px;
	background:url(../img/btn_present.gif) no-repeat 0 -62px;
	text-indent:-9999px;
	float:right;
	margin:5px 0 5px 5px;;
}
#course h2{
	width:810px;
	height:43px;
	background:url(../img/ttl_course.gif) no-repeat;
	clear:both;
}


#course h3{
	width:810px;
	height:15px;
	background:url(../img/ttl_course_01.gif) no-repeat;
	clear:both;
}

#course div{
	background:url(../img/arrow_course.jpg) no-repeat;
	margin:10px 0 0 10px;
}

#course div span{
	font-weight:bold;
	margin-left:30px;
}

#course a{
	margin-left:20px;
	font-size:16px;
	font-weight:bold;
	color:#006;
}
#course a:hover{
	text-decoration:none;
}

#course p,
#news p{
	margin:10px;
}

#news h2{
	width:810px;
	height:43px;
	background:url(../img/ttl_news.gif) no-repeat;
}

#gotop{
	text-align:right;
	margin:0 10px 0 0;
	clear: both;
}

#footer{
	text-align:right;
	margin:15px 0 0 0;
	padding:10px 10px 5px 0;
	border-top:1px solid #ccc;
}


.cl:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.cl {display: inline-block;}

/* Hides from IE-mac \*/
* html .cl {height: 1%;}
.cl {display: block;}
/* End hide from IE-mac */


/*--------------------------------------------------------------------
Œš’z�Ý”õ ŠJ�u�u�À‚̃Xƒ^ƒCƒ‹
--------------------------------------------------------------------*/
div.clear {
clear:both;
}

div#architectural_equipment{
width: 810px;
margin: 0;
padding: 20px 0 0;
}

div#architectural_equipment h2{
width: 810px;
height: 40px;
background: url(../img/architectural_equipment_title.jpg) no-repeat;
display: block;
}

div#architectural_equipment ul{
list-style-type: none;
text-align: left;
}

div#architectural_equipment ul li{
line-height: 1.5em;
}

div#architectural_equipment ul li.detail_bt{
background: url(../img/architectural_equipment_bt_on.jpg) no-repeat;
width: 130px;
height: 40px;
margin: 5px 0;
}

div#architectural_equipment ul li.detail_bt a {
background: url(../img/architectural_equipment_bt_off.jpg) no-repeat;
width: 130px;
height: 40px;
display:block;
overflow:hidden;
text-indent:-9999px;
}

div#architectural_equipment ul li.detail_bt a:hover {
background: url(../img/architectural_equipment_bt_on.jpg) no-repeat;
}


/*--------------------------------------------------------------------
Œš’z�Ý”õŽmŽóŒ±‘Î�ô �uŒš’z�Ý”õŽmŠw‰ÈbbƒR�[ƒX�v‚̃Xƒ^ƒCƒ‹
--------------------------------------------------------------------*/
div#architectural_equipment div#architectural_equipment01{
width: 375px;
float: left;
display: inline;
margin: 0 0 10px 10px;
}

div#architectural_equipment div#architectural_equipment01 div#architectural_equipment01_01{
width: 375px;
margin: 0;
padding: 0;
}

div#architectural_equipment div#architectural_equipment01 div#architectural_equipment01_01 h3{
width: 375px;
height: 60px;
background: url(../img/architectural_equipment_sub_title01.jpg) no-repeat;
display: block;
text-indent:-9999px;
margin: 5px 0 0 0;
}

div#architectural_equipment div#architectural_equipment01 div#architectural_equipment01_02{
width: 375px;
margin: 40px 0 0 0;
padding: 0;
}

div#architectural_equipment div#architectural_equipment01 div#architectural_equipment01_02 h4{
width: 375px;
height: 35px;
background: url(../img/architectural_equipment_sub_title02.jpg) no-repeat;
display: block;
text-indent:-9999px;
margin: 5px 0 0 0;
}


div#architectural_equipment div#architectural_equipment01 div#architectural_equipment01_02 p#kakudai{
width: 190px;
margin: 5px auto;
}

div#architectural_equipment div#architectural_equipment01 div#architectural_equipment01_02 p#kakudai_text {
background: url(../img/architectural_equipment01_02_bt.jpg) no-repeat left top;
margin: 5px 0 5px 100px;
}

div#architectural_equipment div#architectural_equipment01 div#architectural_equipment01_02 p#kakudai_text a {
background: url(../img/architectural_equipment01_02_bt.jpg) no-repeat left top;
color:#ff9a02;
display:block;
height:100%;
padding: 3px 0 3px 30px;
text-decoration:underline;
}

div#architectural_equipment div#architectural_equipment01 div#architectural_equipment01_02 p#kakudai_text a:hover {
background: url(../img/architectural_equipment01_02_bt.jpg) no-repeat left top;
color: #666666;
text-decoration:none;
}

div#architectural_equipment div#architectural_equipment01 div#architectural_equipment01_02 p{
margin: 10px 0 5px 0;
text-align: left;
}

div#architectural_equipment div#architectural_equipment01 div#architectural_equipment01_03{
width: 375px;
margin: 20px 0 0 0;
padding: 0;
}


div#architectural_equipment div#architectural_equipment01 div#architectural_equipment01_03 h5{
width: 375px;
height: 40px;
background: url(../img/architectural_equipment_sub_title03.jpg) no-repeat;
display: block;
text-indent:-9999px;
margin: 0;
}

div#architectural_equipment div#architectural_equipment01 div#architectural_equipment01_03 ul{
width: 373px;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
list-style-type: none;
}

div#architectural_equipment div#architectural_equipment01 div#architectural_equipment01_03 ul li{
line-height: 1.5em;
padding: 5px;
}

/*--------------------------------------------------------------------
ŽÀ–±�u�À �uŒš’z�ÝŒvŽÒ‚ªŠw‚Ԋ‹«�E�Ý”õƒR�[ƒX  �¬‹K–ÍŒš’z•¨•Ò�v‚̃Xƒ^ƒCƒ‹
--------------------------------------------------------------------*/
div#architectural_equipment div#architectural_equipment02{
width: 375px;
float: right;
display: inline;
margin: 0 10px 10px 0;
border-left: 2px solid #999999;
border-left-style: dotted;
padding: 0 0 0 20px;
}

div#architectural_equipment div#architectural_equipment02 div#architectural_equipment02_01{
width: 375px;
margin: 0;
padding: 0;
}

div#architectural_equipment div#architectural_equipment02 div#architectural_equipment02_01 h3{
width: 375px;
height: 80px;
background: url(../img/architectural_equipment_sub_title04.jpg) no-repeat;
display: block;
text-indent:-9999px;
margin: 5px 0 0 0;
}

div#architectural_equipment div#architectural_equipment02 div#architectural_equipment02_02{
width: 375px;
margin: 20px 0 0 0;
padding: 0;
}

div#architectural_equipment div#architectural_equipment02 div#architectural_equipment02_02 h4{
width: 375px;
height: 35px;
background: url(../img/architectural_equipment_sub_title05.jpg) no-repeat;
display: block;
text-indent:-9999px;
margin: 5px 0 0 0;
}

div#architectural_equipment div#architectural_equipment02 div#architectural_equipment02_02 p.photo01{
float: left;
border: 1px solid #cccccc;
padding: 2px;
width: 173px;
margin: 10px 0 5px 0;
display: inline;
}

div#architectural_equipment div#architectural_equipment02 div#architectural_equipment02_02 p.photo02{
float: right;
border: 1px solid #cccccc;
padding: 2px;
width: 173px;
margin: 10px 0 5px 0;
display: inline;
}

div#architectural_equipment div#architectural_equipment02 div#architectural_equipment02_03{
width: 375px;
margin: 20px 0 0 0;
padding: 0;
}


div#architectural_equipment div#architectural_equipment02 div#architectural_equipment02_03 h5{
width: 375px;
height: 40px;
background: url(../img/architectural_equipment_sub_title06.jpg) no-repeat;
display: block;
text-indent:-9999px;
margin: 0;
}

div#architectural_equipment div#architectural_equipment02 div#architectural_equipment02_03 ul{
width: 373px;
border-bottom: 1px solid #999999;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
list-style-type: none;
}

div#architectural_equipment div#architectural_equipment02 div#architectural_equipment02_03 ul li{
line-height: 1.5em;
padding: 5px;
}