/*-----内容------
	1:html and body general
	2:header  800
	3:container  800
	4:contents        468
		definition listing
	5:navi sidebar     右
		listing         160
	6:ad   
	7:footlink and footcopy
	2:clearfix  ------*/


/*-------1:genral -------------------------*/


* {padding:0;margin:0;}

address,em,strong {font-style:normal;font-weight:normal;}
li {list-style:none;}
h1,h2,h3,h4 {font-size:100%;font-weight:normal;}
img {border:0;}

a:link {color: #fa6708;
  text-decoration: underline;}

a:visited {  color: #ad4501;
  text-decoration: underline;}

a:hover {  color: #c9336f;
  text-decoration: underline;}

body {font-size: 100%;
  text-align: center;
  line-height:1.6em;
  color:#d0d0d0;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro";
  padding: 0;
  margin: 0;
  background-color:#b9b9b9;}

#wrapper {text-align: left;
  margin:0;
  width: 100%;
  background-color:#353535;}

/* -------3:header------------ */
#header {padding:0px;
  background:url(../images/season_halloween_h1.gif) no-repeat;
  background-position:center;
  height:177px;
  margin-bottom:14px;}

#header .wrapper_in {
  text-align: left;
  margin:0 auto;
  width: 800px;}

h1 {font:bold 128% fantasy;
  color:#ffffff;
  padding:35px 100px 15px 100px;
  /*margin-bottom: 0.5em;*/
}

#header .description {color:#FFFFFF;
font-size: 104%;
line-height:1.2em;
padding:0px 100px 5px 100px;}


/* -------4:container------------ */
#container{width:800px;
background-color:#353535;
margin:0 auto;
padding:10px;}

#container #contents {
  /*padding:2em 29px 4em 30px;*/
  margin:10px;
}
/* ------5:contents------------ */
h2 {font:bold 108% fantasy;
color:#ff7111;
margin-bottom: 1em;
padding:0 60px 13px 60px;
background:url(../images/season_halloween_h2.gif) no-repeat;
height:33px;
width:758px;}

/*--- ul menu ----*/

ul {list-style: none;
	margin-bottom:8px;
	padding:18px 68px 18px 78px;
	font:bold 16px/28px cursive;
	letter-spacing:0.1em;
	cursor:pointer;}

ul a:link{color:#ffffff;font-weight:bold;
	text-decoration: undeline;
	display: block;}

ul a:visited{color:#ccffcc;}
ul a:hover{padding:8px;
	border:2px solid #dcdcdc;
	border-radius:8px;}

/* -- APIを使ってみよう！ -- */
#api .php_area{padding:15px 20px 30px 20px;}


/* -------7:footer------------ */
#footer {clear: both;
  padding: 0.5em 0 1em;}

#footer #copyright{font-size:10px;}

#footer{ text-align: center;
height:61px;
padding:0px;
background:url(../images/season_halloween_fotter.gif) no-repeat;
background-position:center;}

.up{text-align:right;padding:0 28px 0 0}



/* ---------------------------------------- #footer内の指定 */


/* 以下 CSSデザインサンプルクレジット部分 */
#cds{ display: none; }
/* -------2:clearfix------------ */
.clear{clear:both;}

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

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */