@charset "utf-8";
/********************************RESET SECTION******************************************************/
/* CSS Document */

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

* {
	margin: 0;
	padding: 0;
}


html{
/*overflow:-moz-scrollbars-vertical;*/
}



textarea{
overflow:auto;
}



/********************************HERE WE GO!******************************************************/

body {
background:url(/img/wbg.gif) repeat-x #D6E9F8;
color: #cccccc;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

}

#logo {
position:relative;
left: 20px;
}

a {
color: #FFFFFF;
text-decoration:none;
}
a:visited {
color:#CCCCCC;
}


#header {


}



#wrapper {
margin-left:auto;
margin-right:auto;
width: 980px;
padding: 0px;
}


#right {
width: 650px;
float: right;
position:relative;
top: 40px;
margin-bottom: 20px;
}

#left {
width: 290px;
float:left;
}

#footer {
text-align: center;
}
/*****CONTENT*******/


#hatena_top {
background-color:#333333;
}
#content_top {
background:url(/img/fire.gif) no-repeat top;
height:87px;
width: 650px;
}

#content_footer {
clear:both;
background-color:#666666;
padding-bottom: 10px;
}
#hatena{
padding: 20px;
}

#hatena li {
height: 75px;
}
#hatena h2 {
width:470px; 
float:right;
height: 75px;
overflow:hidden;
display: table;
 #position: relative;
  overflow: hidden;
  }
#hatena h2 a {
   display: table-cell;
    #position: absolute;
     #top: 20%;
     vertical-align: middle;

}


.hotness {
background:url(/img/points.gif) no-repeat top;
height: 75px;
width: 115px;
float:left;
color:#ffffff;
font-weight:bold;
text-align:center;
}
.hotness span {
position:relative;
font-size: 20px;
top: 15px;
left: -10px;
width: 115px;
}



#pagination {
padding-top: 30px;
margin-left:auto;
margin-right:auto;
text-align: center;
font-size: 12px;
margin-bottom: 10px;
}

#pagination a {
/*border: 1px dashed #91CE1E;*/

padding: 3px 5px 3px 5px;
margin-right: 5px;
margin-left: 5px;
}

#current {
background-color:#4BBFFD;
color:black;
/*border: 1px solid #91CE1E; */
padding: 3px 5px 3px 5px;
margin-right: 5px;
margin-left: 5px;
}


#pagination img {
display:none;
}

#pagination a img {
display:inline;
}

.box_heading {
display:inline;
}

.box {
float: right;
height:auto;
width: 267px;
}
#program {
background:url(/img/program.gif) no-repeat top;
height: 98px;
}

#design {
background:url(/img/design.gif) no-repeat top;
height: 68px;
}
.box_bottom {
background:url(/img/boxbottom.gif) no-repeat bottom;
height: 19px;
clear:both;
width: 267px;
}

.box ul {
padding: 5px 5px 5px 10px;
font-size: 12px;
float: left;
width: 267px;
background:url(/img/lbg.gif) repeat-y top left;
}

.box ul li {
width: 230px;
display:block;
padding: 5px;
border-bottom: 1px dashed #FF9900;
}
.last {
border-bottom:none !important;
}

.box ul li span {
background:url(/img/boxline.gif) no-repeat bottom;
}

.box a {
color:#B36B00;
text-decoration:underline;
}

#footer {
clear:both;
display:block;
padding: 20px;
margin-top: 50px;
background-color:#333333;
color:#ffffff;
}