@charset "utf-8";

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

	1: Application all
	2: Flame layout
	3: Decoration

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



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

	Application all

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

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

body{
  color:#333;
  width:100%;
  background:#fff;
}

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


a{text-decoration:underline;}
a:link{color:#17e;}
a:visited{color:#157;}
a:hover{color:#3af;}

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,"�E��E� �E�ゴシチE��",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%;
  color:#333;
  width:900px;
  margin:0 auto;
  background:#eee;
}


#contents{
  float:left;
  width:632px;
  margin:20px 0 0 20px;
}


#side{
  float:right;
  width:208px;
  margin:20px 20px 0 0;
}


#footer{
  clear:both;
  text-align:center;
  padding:0 0 20px 0;
  background:#fff;
}




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

	Clear Default CSS

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

ul#navigation,ul#header-navi,ul#main-image,#side ul,#footer ul{
  list-style:none;
  padding:0;
  margin:0;
}



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

	Decoration

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

/*== Header ==============================================*/

h1{
  position:absolute;
  width:380px;
  height:117px;
  background:#fff;
}

p#description{
  text-align:right;
  color:#777;
  padding:25px 0 0;
  background:#fff;
}

address#header-address{
  text-align:right;
  color:#777;
  padding:10px 0 30px 0;
  background:#fff;
}

address#header-address a:link,address#header-address a:visited{
  color:#333;
}
address#header-address a:hover{
  color:#777;
}


ul#header-navi{
  clear:both;
  overflow:hidden;
  width:900px;
  height:21px;
  background:#fff;
}

ul#header-navi li{
  display:inline;
  margin-right:5px;
}


ul#navigation{
  position:relative;
  z-index:1;
  width:900px;
  height:70px;
}

ul#navigation li{
  float:left;
}

ul#navigation li a img{
  background : url(back_blank.gif);
}






/*== Contents ============================================*/

div.section{
  overflow:hidden;
  width:590px;
  padding:20px;
  margin-bottom:20px;
  border:1px solid #ccc;
  background:#fff;
}

div.section h2{
  font-size:150%;
  font-weight:normal;
  padding:1px 0 1px 10px;
  margin-bottom:5px;
  border-left:3px solid #035;
}


div.section p.page-description{
  padding-top:15px;
}


div.section .section{
  padding:0;
  margin:20px 0 0 0;
  border:0;
}

div.section .section h3{
  font-size:130%;
  font-weight:normal;
  color:#3ae;
}





/*== Side ================================================*/

p.banner img{
  display:block;
  margin-bottom:10px;
}




/*== Footer ==============================================*/

#footer p#pagetop{
  text-align:right;
  padding-bottom:50px;
}


#footer ul#footer-navi li{
  display:inline;
  padding:0 10px;
}

p#copyright{
  padding:20px 0 0 0;
  margin-top:50px;
  border-top:1px dotted #ccc;
}