@charset "UTF-8";

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}

html{background:  ;}

body{
    font: 14px/22px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
	color: #333;
	} 

a{ color: #09c; text-decoration: underline;}
	a:hover{ color: #8bc; }

.clear{ clear: both; line-height: 0}
	


/*********************************************************************************/


/***** header *****/

.head-out{
   background-color : #000 ;
   font-color : #fff ;
   min-width : 1100px ;
}

.header{
   width : 1100px ;
   height : 80px ;
   margin : 0 auto ;
   padding : 30px 0 0 0 ;
}

.header h1{
   font-size : 30px ;
   font-color : #fff ;
}

.header a{
   color : #fff ;
   text-decoration : none ;
}


/******* contents *******/

#contents{
   width : 1100px ;
   margin : 20px auto ;
   padding : 0 5px ;
}


/***** main *****/

div.main{
   width : 800px ;
   margin : 30px 0 0 0px ;
   float : left ;
}

div.entry{
   width : 190px ;
   height : 400px ;
   margin : 5px 5px ;
   font-size : 18px ;
   font-weight : 900 ;
   float : left ;
   overflow : hidden ;
}

div.entry img{
   width : 200px ;
}

/***** side *****/

div.side{
   width : 230px ;
   margin : 30px 0 0 10px ;
   float : right ;
}

.widget{
   margin : 10px 0 ;
}