@charset "utf-8";
*{
	padding: 0;
	margin: 0;
	font-size: 100%;
	list-style: none;
}
html,
body{
height: 100%;
}

body{
font-size: 110%;
color: #000000;
background-color: lightgray;
line-height: 1.6;
text-align: center;
}

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

img{
vertical-align: bottom;
border: none;
}

#container {
margin-left: auto;
margin-right: auto;
width:750px;
min-height: 100%;
background: #FFFFFF right top repeat-y;
}

* html #container{
height: 100%;
}

h1#head {
height: 300px;
padding-right: 50px;
background: #FFFFFF url(image/top_torigo_00.png) no-repeat;
background-color: white;
text-align: right;
}

h1#head img{
margin-top: 80px;
}

#navi{
height: 49px;
border-bottom: 2px solid #000000;
background: url(image/bar_back.png) repeat-x;
}
#navi li{
float: left;
width:  16%;
/*height: 50px;*/
border-right: 1px solid #556b2f;
background: url(image/bar_back.png) right top no-repeat;
text-align: center;

}

#navi li.lastChild{ 
width: 19%;
background: none;
border: none;
}

#navi li a{
display: block;
width: 100%;
}

#content{
clear: both;
/*overflow: auto;*/
/*margin: 20px 80px;*/
margin-top:100px; margin-left: 50px; margin-right: 40px; margin-bottom: 30px;
/*min-height: 400px;*/

text-align: left;
}

#concept{
/*margin-right: 300px;*/
width: 450px;

}

#information{
/*float: right;*/
margin-top: 100px;
height:100px;
width: 300px;
overflow-y:scroll;
}




.section p{
margin:14px 0;
/*line-height: 0.5;*/
}

.section h2{
border-bottom: 1px solid #DDDDDD;
font-size: 18px;
}

#footer{
clear: both;
margin: 0 20;
padding: 30px;
border-top: 1px solid #000000;
text-align: center;
line-height: 1;
}