@import url("base.css");

ul#header-navi
{
  /*width:484px;*/
  width:454px;
  height:22px;
  float:left;
  background:url("../img/dot_bg.gif") repeat;
  list-style:none;
  padding:3px 0 0 24px;
  margin-left:30px;
}

ul#header-navi li
{
  display:inline;
  padding:0px 5px;
}

ul#header-navi li a
{
  color:#666;
  font-size:10px;
  font-weight:bold;
}



div#header form#cse-search-box
{
  width:220px;
  float:right;
  color:#B2A093;
  font-size:8px;
  vertical-align:middle;
}
div#header form#cse-search-box label
{
  font-size:8px;
}
div#header form#cse-search-box label, div#header form#cse-search-box input
{
vertical-align:middle;
margin:3px 2px;
}

#cse-search-box input#q
{
  width:113px;
  border:1px solid #B2A093;
}


div#out-wrapper
{
  width:910px;
  height:auto;
  overflow:hidden;
  clear:both;
  margin:10px auto;
}

div#in-wrapper
{
  width:705px;
  float:left;
}

div#main
{
  /*width:635px;*/
  width:705px;
  float:right;
}
div#main h2
{
  padding-top:20px;
}

div#main h2.pagetitle {
	background:url(../img/h2_back.gif) no-repeat;
	text-indent:20px;
	height: 30px;
	width: 502px;
	color: #666;
	font-weight:bold;
	font-size:120%;
	margin:10px 0 10px -10px;
  padding:5px 0 10px 0;
}

div#main h3
{
  padding:20px 0 10px 0;
}

div#main p.message
{
	color: #FF0000;
}

ul#main li
{
  display:inline;
	margin:10px 0 10px 0;
}

div#in-wrapper div#main
{
  width:502px;
}

div#menu
{
  width:164px;
  height:auto;
  float:left;
}

div#submenu
{
  width:164px;
  float:right;
}

/* inquiry */

table.inquiry_table
{
  width:100%;
  border:1px solid #CCC;
  border-collpase:collapse;
  padding:30px;
}
table.inquiry_table tbody th
{
  background:#EEEEEE;
  border-bottom:1px dotted #BCBAA1;
  width:120px;
  text-indent:10px;
  font-size:10px;
  text-align:left;
  padding:20px;
}
table.inquiry_table tbody td
{
  border-bottom:1px dotted #BCBAA1;
  font-size:10px;
}

table.inquiry_table tbody td.input
{
  width:320px;
  padding:33px 15px;
}

div.pub_header p
{
  width:100%;
  margin-top:20px;
  margin-bottom:20px;
}


/* blog一覧 */
dl.bloglist
{
  width:503px;
  height:auto;
  overflow:hidden;
  border-bottom:1px dotted #666; 
  margin:5px 0;  
  clear:both;
}

dl.bloglist dt
{
  width:96px;
  float:left;
}

dl.bloglist dt img
{
  padding:2px;
  border:1px solid #CCC;
}

dl.bloglist dd
{
  width:500px;
}
/* ranking一覧 */
dl.bloglist dt.rank
{
  width:36px;
  
}
dl.bloglist dt.rank img
{
  border:0;
}
dl.bloglist dt.profile_img
{
  width:96px;
}
dl.bloglist dd.rankdetail
{
  width:500px;
}


/* 右カラム */
div#ranking
{
  width:164px;
  margin:0;
  padding:0px 0px 30px 0px;
}

div#ranking h3
{
  width:100%;
  height:16px;
  background:url("../img/submenu_ranking_bg.gif") top center no-repeat;
  color:#FFF;
  font-size:8px;
  padding-top:8px;
  text-indent:10px;
  margin:0;
}
div#ranking ul
{
  padding:0px;
  margin:-10px 0px 0px 0px;
  width:162px;
  height:auto;
  border-width:0px 1px 1px 1px;
  border-style:solid;
  border-color:#EEEEEE;
  overflow:hidden;
}
div#ranking ul li
{
  width:162px;
  height:40px;
  margin:0px 0px 9px 0px; 
  padding:0;
  border-bottom:1px dotted #BDBAAB;
  background-position: 3px 3px;
  background-repeat:no-repeat;
  font-size: 8.5px;  
  clear:both;
  overflow:hidden;
}

a.rankingtitle
{
  margin-top:3px;
  font-size: 10px;  
  font-weight: bold;  
  color:#666;
}
div#ranking ul li p
{
  font-size:8px;
  padding:3px 0px 0px 20px;
}

div#ranking ul li.rank1
{
  background-image:url("../img/rank1.gif");
}
div#ranking ul li.rank2
{
  background-image:url("../img/rank2.gif");
}
div#ranking ul li.rank3
{
  background-image:url("../img/rank3.gif");
}
div#ranking ul li.rank4
{
  background-image:url("../img/rank4.gif");
}
div#ranking ul li.rank5
{
  background-image:url("../img/rank5.gif");
}
div#ranking ul li.rank6
{
  background-image:url("../img/rank6.gif");
}
div#ranking ul li.rank7
{
  background-image:url("../img/rank7.gif");
}
div#ranking ul li.rank8
{
  background-image:url("../img/rank8.gif");
}
div#ranking ul li.rank9
{
  background-image:url("../img/rank9.gif");
}
div#ranking ul li.rank10
{
  background-image:url("../img/rank10.gif"); 
  border:0;
}

div#ranking dl dd
{
  display:block;
  width:164px;
  height:27px;
  margin:0;
  padding:0;
  overflow:hidden;
}

/* infomation */
ul#info
{
  width:100%;
  margin:0;
  padding:0;
  list-style-position:inside;
  list-style-image:url("../img/info_icon.gif");
}

ul#info li, ul#info li a
{
  font-size:9px;
  line-height:150%;
}

ul#info li
{
  padding:0;
  margin:0;
}

/* whatsnew list */
ul#whatsnew
{
  list-style:none;
  padding:0;
  margin:0;
  /*margin-left:-15px;*/
}

ul#whatsnew li
{
  text-indent:0;
  line-height: 20px;
}
ul#whatsnew li span.date
{
  color:#8EC0C7;
}