@charset "utf-8";
/* Whole Configuation */
body{
  background-color:#FFFFFF;
  margin:0;
  font-size:80%;
  color: #333333;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

a:link{color:#F77832;}
a:visited{color:#F88257;}
a:hover{color:#E33BBF;text-decoration: none;}


#wrapper{
  background-color:#303030;
  width:900px;
  position:relative;
  margin:0 auto;
}

/* header*/

#header{
  margin:0 20px;
}
#header #top{
  height:26px; /*32px*/
  color:#a3999f;
  font-size:13px;
  padding:6px 0 0 10px;
  background-image:url(images/header/top_bg.gif);
  background-repeat:repeat-x;
}

#header #main{
  width:860px;
  height:88px;
  background-image:url(images/header/bg.gif);
  background-repeat:repeat-x;
}

#header #main #left{
  width:576px; /*600px*/
  height:78px; /*88px*/
  padding:10px 0 0 24px;
  float:left;
}

#header #main #right{
  width:250px; /*260px*/
  position:relative;
  height:48px; /*88px*/
  padding-top:40px;
  padding-right:10px;
  text-align:right;
  float:left;
}

/* Ad */
#ad{
  width:860px;
  margin:0 20px;
  background-color: #da037b;
  text-align:left;
}

#body{
  width:860px;
  margin:0 20px;
  background-color:#ffffff;
}

/* Right Column (Article) */
#body #right{
  width:640px;
  float:right;
  margin:0px;
  background-color:#ffffff;
}
#body #right h1{
  width:600px; /* 640px */
  height:24px; /* 38px */
  background-image:url(images/h1_bg.gif);
  background-repeat:no-repeat;
  padding:12px 2px 2px 38px;
  margin:0;
  font-size:14px;
  color:#666666;
}
#body #right h2{
  width:600px; /* 640px */
  height:14px; /* 24px */
  background-image:url(images/h2_bg.gif);
  background-repeat:no-repeat;
  padding:5px 2px 5px 30px;
  margin:12px 0 4px 8px;
  font-size:14px;
  color:#666666;
}
#body #right h3{
  margin:10px 0 0px 10px;
  color:#ff6829;
  font-weight:bold;
}
#body #right p{
  margin:10px 0px 12px 10px;
  padding-right:18px;
  color:#333333;
  line-height:140%;
}
#body #right li{
  color:#333333;
  line-height:140%;
}
#body #right hr{
  color:#333333;
  margin:20px 80px;
}
#body #right #body-topad{
  margin:4px 0px 0px 10px;
}

/* Left Column (Menu) */
#body #left{
  width:220px;
  float:right;
  margin:0px;
  background-color:#ffffff;
}
#body #left #menu{
  
}
#body #left #menu h2{
  width:218px;
  height:24px;
  background-color:#c9a274;
  background-image:url(images/menu_h2_bg.gif);
  background-repeat:no-repeat;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  margin:0;
}
#body #left #menu h2 span{
  color:#f0e6d3;
  font-size:12px;
  line-height:24px;
  letter-spacing:1px;
  margin:0px 0px 0px 38px;
}
#body #left #menu ul{
  background-color:#f0e6d3;
  margin:0;
  padding:6px 0 6px 34px;
  border-right: 2px solid #ffffff;
  line-height:140%;
  list-style:circle;
}
#body #left #menu p{
  background-color:#f0e6d3;
  margin:0;
  padding:8px 0 6px 18px;
  border-right: 2px solid #ffffff;
  line-height:120%;
}
#body #left #login{
   width: 218px;
   border-top:2px solid #ffffff; 
   border-right:2px solid #ffffff; 
}
#body #left #login #head{
    background-color:#c9a274;
	color:#ffffff;
	margin:0px;
	padding:2px 0 2px 0;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}
#body #left #login p{
    background-color:#f0e6d3;
	line-height:140%;
	margin:0px;
	padding:5px 10px;
}
#body #left #login form{
    background-color:#f0e6d3;
	margin:0px;
	padding:5px 10px;
}
#body #left #login form label{
    font-size:13px;
	margin:6px 0;
	display:block;
	font-weight:bold;
	color:#666666;
}
#body #left #login form label input{
    width:160px;
}



/* Copiright / Footer */

#copyright{
  clear:both;
  line-height:30px;
  text-align:center;
  color:#CCCCCC;
  background-color:#303030;
}

#searchbox{
  position:absolute;
  right: 34px;
  top: 42px;
}
#searchbox div,form{
  margin:0;
  padding:0;
}