@charset 'UTF-8';

/*
---------------------------------------------------------------
■ init
---------------------------------------------------------------*/

div, p, ul, li{	margin:0; padding:0; }
h1, h2, h3{
	margin:0; padding:0;
	font-size:100%;
	font-weight:normal;
}
ul, li{
	margin:0; padding:0;
	list-style:none;
}
a img{
	border: none;
}

a{ color:#808080;text-decoration:none; }
a:link   { color:#808080; }
a:visited{ color:#808080; }
a:hover  { color:#bfbfbf;}
a:active { color:#808080; }
hr{
	border:0;
	border-top:1px solid #808080;
	margin:15px 0;
}
input{
	border:1px solid #000;
	margin-bottom:5px;
	background-color:#fff;
	width:100%;
}
input.btn{
	padding:3px;
	width:30%;
}
textarea{
	border:1px solid #000;
	margin-bottom:5px;
	background-color:#fff;
	width:100%;
}

/*
---------------------------------------------------------------
■ main
---------------------------------------------------------------*/

body {
	margin:0; padding:0;
	background:#fff url(http://www.ideasketch.jp/img/bg_top.gif) 50% 85px no-repeat;
	font-size:12px;
	font-family: Helvetica, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	text-align:left;
}
p{
	line-height:1.5;
}
#base{
	margin:0 auto; padding:0 0 0px 27px;
	width:827px;
}
#btn{
	text-align:center;
}
.tuzuki{
	margin:5px 0 0 0;
	text-align:right;
	}

/* for ie */

*html #base{ padding-left:0;width:854px;}
*:first-child+html #base{ padding-left:0;width:854px;}

/*  --- header -------------------- */

#header {
	width:800px; height:100px;
	text-align:left;
	margin-top:12px;
}

#header h2{
	float:left;
	margin:10px;
	width:100%;
}

/*  --- contents -------------------- */


#contents {
	padding:25px 25px 25px 15px;
	width:565px;
	text-align:left;
	float:left;
}
#contents h2{
	font-weight:bold;
	font-size:120%;
	margin-bottom:15px;
	margin-left:0;
}
#contents h3{
	padding-left:65px;
	background:url(http://www.ideasketch.jp/img/title_marker.gif) 1px 2px no-repeat;
	font-weight:bold;
	margin-bottom:15px;
	clear:both;
}
#contents h3.cate{
	padding-left:0px;
	background:none;
	font-weight:bold;
	margin-bottom:15px;
	clear:both;
}
#contents p.entryFooter{
	text-align:right;
}

#contents .entry{
	margin-bottom:25px;
}
.archiveTitle{
	margin-bottom:15px;
	padding-top:20px;
	background:url(http://www.ideasketch.jp/img/logo.gif) 1px 50% no-repeat;
	height:35px;
}
.archiveTitle h2{
	padding-left:65px;
}
.comment{
	margin-bottom:50px;
}


/*  --- navi -------------------- */

#navi{
	padding:25px 15px 25px 25px;
	width:150px;
	float:left;
}
#navi h2{
	margin-bottom:5px;
	display:block;
	clear:both;
}
#navi ul{
	margin-bottom:15px;
	padding-left:25px;
	float:left;
}
#navi ul ul{
	margin-bottom:0;
}

#navi li{
    display: block; 
    clear: both;
	font-size:90%;
	margin:3px 0;
}

/*
	border:1px solid #000;
*/

/* ---------------------- */

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

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

.cls{
	clear:both;
}
.nobodr{
	border:none;
}	
.dblk{
	display:block;
}
.ctr{
	margin:0 auto;
	text-align:center;
}

--