@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,"ＭＳ Ｐゴシック",sans-serif;
  font-size:100%;
  margin:0;
  padding:0;
}

body{
  color:#333;
  background:url('../img/back_html.jpg') 0 0 repeat-x #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,"ＭＳ Ｐゴシック",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:830px;
  margin:0 auto;
}


#contents{
  float:right;
  width:620px;
  margin-bottom:35px;
}


#side{
  float:left;
  width:190px;
}


#footer{
  clear:both;
  text-align:center;
  padding:15px 0 35px;
  border-top:1px solid #555;
  background:#fff;
}




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

	Clear Default CSS

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

ul#navigation,dl#sirius ul,#side ul,#footer ul{
  list-style:none;
  padding:0;
  margin:0;
}



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

	Decoration

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

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

h1{
  text-align:center;
  width:830px;
  padding-top:30px;
}

h1 img{
  margin:45px 0 10px;
}

p#description{
  text-align:center;
  margin-bottom:45px;
}


dl#sirius{
  position:absolute;
  width:830px;
  height:44px;
  top:0;
  left:0;
}

dl#sirius dt{
  float:left;
  width:200px;
}

dl#sirius dd{
  text-align:right;
  line-height:44px;
}

dl#sirius dd ul li{
  display:inline;
  margin:0 0 0 15px;
}

dl#sirius dd ul li a:link,
dl#sirius dd ul li a:visited{
  text-decoration:none;
  color:#333;
  padding-left:10px;
  background:url('../img/icon_01.gif') 0 50% no-repeat;
}



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

div.section{
  overflow:hidden;
  width:620px;
  padding-top:50px;
}

div.section h2{
  margin-bottom:10px;
}


div.section div.section{
  padding-top:25px;
}

div.section h3{
  font-size:110%;
  padding-left:20px;
  background:url('../img/icon_02.gif') 0 50% no-repeat;
}


p.middle-pagetop{
  text-align:right;
  padding-top:35px;
}



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

ul#navigation{
  float:left;
  text-align:center;
  width:190px;
  height:306px;
  background:url('../img/back_navigation.jpg') 0 0 no-repeat;
}

ul#navigation li{
  width:170px;
  padding:10px 0;
  margin:3px auto 0;
}

ul#navigation li.top{
  margin-top:0;
}



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

p.link{
  float:left;
  text-align:left;
  width:400px;
  height:43px;
}


p.pagetop{
  float:right;
  text-align:right;
  width:400px;
  height:43px;
}


p#copyright{
  clear:both;
  width:830px;
}