@charset "utf-8";

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

	1: Application all
	2: Flame layout
	3: Decoration

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



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

	Application all

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

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

body{
  position:relative;
  color:#fff;
  width:100%;
  background:url('../img/back_html.jpg') 50% 0 repeat-x #050e2c;
}

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


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

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;
  padding:25px 0;
  margin:0 auto;
}


#contents{
  float:left;
  width:570px;
  padding:0 0 35px 10px;
}


#side{
  float:right;
  width:200px;
  padding-bottom:35px;
}


#footer{
  clear:both;
  width:800px;
}



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

	Clear Default CSS

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

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



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

	Decoration

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

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

#index h1{
  float:left;
  width:178px;
}

#index p#top-image{
  float:right;
  width:600px;
}


ul#navigation{
  line-height:100px;
  text-align:center;
  width:800px;
  height:100px;
  margin-bottom:25px;
  background:url('../img/back_navigation.gif') 0 0 no-repeat;
}

ul#navigation li{
  display:inline;
  font-weight:bold;
  font-size:120%;
  margin:10px;
}

ul#navigation li a:link,
ul#navigation li a:visited{
  color:#157;
}

ul#navigation li a:hover{
  color:#050e2c;
}



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

div.section{
  width:570px;
  margin-top:15px;
}

h2{
  position:relative;
  font-weight:normal;
  font-size:200%;
  width:570px;
  padding:0 0 15px 10px;
  margin:0 0 0 -10px;
  background:url('../img/back_title.png') 0 100% no-repeat;
}

h3{
  line-height:35px;
  font-size:120%;
  color:#be0;
  padding-left:35px;
  margin-bottom:5px;
  background:url('../img/back_h3.gif') 0 50% no-repeat;
}



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

ul.banner li{
  margin-bottom:10px;
}





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

#footer a:link,
#footer a:visited{
  color:#cbd5f4;
}
#footer a:hover{
  color:#fff;
}

ul#store-list{
  text-align:center;
  width:800px;
}

ul#store-list li{
  display:inline;
  width:160px;
}


#footer hr{
  color:#121f4f;
  margin:25px 0;
  background:#121f4f;
}


#footer ul.footer-navi{
  text-align:center;
  line-height:2;
}

#footer ul.footer-navi li{
  display:inline;
  margin:5px;
}


#footer p#pagetop{
  text-align:right;
  margin-top:25px;
}

#footer p#copyright{
  text-align:center;
}