@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:#eee;
  background:#111;
}

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


a{text-decoration:underline;}
a:link{color:#f05;}
a:visited{color:#a05;}
a:hover{color:#3ac;}

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

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

form,p{
  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{
  font-size:82%;
  width:100%;
}

#layout{
  width:800px;
  margin:0 auto;
}

#wrap{
  text-align:left;
  color:#333;
  width:780px;
  padding:10px 10px 15px 10px;
  background:#fff;
}

#wrap:after{
  content:".";
  display:block;
  visibility:hidden;
  clear:both;
  height:0px;
}

#contents{
  float:left;
  width:570px;
}

#side{
  float:right;
  width:200px;
}

#footer{
  width:100%;
  padding:50px 0;
}



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

	Clear Default CSS

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

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

dl{
  padding:0;
  margin:0;
}



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

	Decoration

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

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

h1{
  float:left;
  width:292px;
}

h1 a{
  display:block;
  padding-top:20px;
}

p#description{
  float:right;
  text-align:right;
  width:500px;
  padding-top:20px;
}

p#description img{
  margin-top:3px;
}

ul#navigation{
  clear:both;
  width:620px;
  height:66px;
  padding:45px 71px 0;
  margin:0 19px 38px;
}

ul#navigation:after{
  content:".";
  display:block;
  visibility:hidden;
  clear:both;
  height:0px;
}

ul#navigation li{
  float:left;
}





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

p#pagetop{
  text-align:right;
}



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

div#melmaga{
  width:198px;
  margin-bottom:25px;
  border:1px solid #ccc;
}

div#melmaga form fieldset{
  padding:0;
  margin:0;
  border:0;
}

div#melmaga p{
  padding:5px;
}

div#melmaga p input.text{
  vertical-align:middle;
  width:117px;
  height:20px;
  padding:3px;
  margin-right:10px;
  border:1px solid #555;
  background:#fff;
}

div#melmaga p input.button{
  vertical-align:middle;
}


ul#sidenavi{
  text-align:center;
  height:240px;
  padding-top:34px;
}

ul#sidenavi li{
  margin-bottom:5px;
}

ul#sidenavi li a{
  text-decoration:none;
}

ul#sidenavi li a:hover{
  background:#f07;
}



div#pickup{
  width:180px;
  color:#fff;
  padding:10px;
  margin-top:25px;
}

div#pickup h2{
  text-align:center;
  width:200px;
  margin:0 -10px;
}

div#pickup div.pickupgirl{
  clear:both;
  margin-top:15px;
}

div#pickup div.pickupgirl h3{
  float:right;
  width:64px;
}

div#pickup div.pickupgirl p{
  padding-right:69px;
}

div#pickup div.pickupgirl p img{
  display:block;
}

div#pickup div.pickupgirl p a,
div#pickup div.pickupgirl p a:visited{
  text-decoration:none;
  display:block;
  border:3px solid #eee;
}
div#pickup div.pickupgirl p a:hover{border:3px solid #f07;}



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

#footer ul{
  margin-bottom:5px;
}

#footer ul li{
  display:inline;
  margin:0 5px;
}

#footer ul li a,
#footer ul li a:visited{color:#ddd;}
#footer ul li a:hover{color:#fff;}

#footer p{
  color:#999;
  padding:25px 0 15px;
}