@charset "utf-8";

/*//////////////////////////////////////////////////////////

	1: Application all
	2: Flame layout
	3: Decoration
	4: SOHO
	5: Links

//////////////////////////////////////////////////////////*/



/*=========================================================

	Application all

==========================================================*/

html,body{
  text-align:center;
  line-height:1.3;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
  font-size:100%;
  margin:0;
  padding:0;
}

body{
  color:#333;
  width:100%;
  background:url('../images/bg1.jpg') 50% 0 repeat-x #DBF5FC;
}

table{
  text-align:left;
  font-size:100%;
}


a{text-decoration:underline;}
a:link{color:#05c;}
a:visited{color:#70a;}
a:hover{color:#3ac;}

img{
  vertical-align:text-bottom;
  border:0;
}

h1,h2,h3,h4,h5,h6{
  font-size:100%;
  margin:0;
}

form,p,dl,dd{
  padding:0;
  margin:0;
}

input,select,textarea{
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Verdana,Arial,"ＭＳ Ｐゴシック",sans-serif;
  font-size:100%;
}

hr{
  height:1px;
  padding:0;
  margin:0;
  border:0;
}

address,em{
  font-style:normal;
}




/*=========================================================

	Flame layout

==========================================================*/

#container{
  position:relative;
  text-align:left;
  font-size:82%;
  width:800px;
  margin:0 auto;
  background:#a7e7ff;
}

#contents{
  width:510px;
  padding:0 26px 10px;
  background:url('../images/back_contents.gif') 0 0 repeat-y;
}

* html #contents{
  width:562px;
}


#footer{
  text-align:center;
  width:800px;
  padding:61px 0 25px;
  background:url('../images/back_footer.gif') 0 0 no-repeat #95d8f2;
}




/*=========================================================

	Clear Default CSS

==========================================================*/

ul#navigation{
  list-style:none;
  padding:0;
  margin:0;
}

ul#navigation li{
  padding-top:10px;
}




/*=========================================================

	Decoration

==========================================================*/

h1{
  width:562px;
}


ul#navigation{
  position:absolute;
  top:0;
  right:4px;
  width:202px;
}






#footer dl dt,
#footer dl strong{
  color:#078CC0;
}

#footer dl dd a:link,
#footer dl dd a:visited{
  color:#333;
}



/*=========================================================

	SOHO

==========================================================*/

p#description{
  color:#000;
  width:470px;
  height:160px;
  padding:170px 46px 20px;
  background:url(../images/back_description.jpg) 0 0 no-repeat #fff;
}

* html p#description{
  width:562px;
  height:350px;
}


div.section{
  overflow:hidden;
  width:510px;
  padding-top:26px;
}


div.map h2{
  float:left;
  width:112px;
}

div.map p{
  float:right;
  width:388px;
}

p.contact{
  text-align:center;
  margin-top:10px;
}





div.term ul{
  list-style:outside;
  padding:0 10px 0 30px;
  margin:0;
  background:#edf0f4;
}

div.term ul li{
  padding-top:5px;
}

div.term p{
  padding:10px;
  background:#edf0f4;
}


div.merit h2{
  font-weight:normal;
  font-size:120%;
  color:#7a3;
  margin-bottom:5px;
}





/*=========================================================

	Links

==========================================================*/

.links h2{
  font-weight:normal;
  font-size:120%;
  color:#555;
}

.links dl{
  margin:15px 0;
  border-top:1px dotted #ccc;
}

.links dl dt{
  padding:10px 10px 5px;
}

.links dl dt a{
  font-weight:bold;
}

.links dl dd{
  padding:0 10px 10px;
  border-bottom:1px dotted #ccc;
}


.links p.admin{
  font-size:80%;
  color:#777;
}

.links p.admin a:link,
.links p.admin a:visited,
.links p.admin a:hover{color:#555;}