/*
Theme Name: JavaScriptTips
Theme URI: http://javascript.webcreativepark.net
Description: JavaScriptTips Style
Version: 1.0
Author: KazumaNishihata
Author URI: http://blog.webcreativepark.net
*/

/*
 * Rest Style by YUI
 *
 ---------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,
h5,h6,pre,form,fieldset,input,textarea,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%; 
	font-weight:normal; 
}
q:before,q:after { 
	content:''; 
}
abbr,acronym {
	border:0;
}

/*
 * Layout Style
 *
 ---------------------------------*/
div#container{
	margin:0 auto;
	width:810px;
}
div#main{
	float:right;
	width:650px;
}
div#contents{
	float:left;
	width:490px;
}
div#ad{
	float:right;
	width:160px;
}
div#navi{
	float:left;
	width:160px;
}
div#footer{
	clear:both;
}

/*
 * Common Style
 *
 ---------------------------------*/

body{
	background:#000;
	font-size:small;
}
a{
	color:#647F2F;
}
a:hover{
	color:red;
}

.view_all{
	text-align:right;
}
/*
 *container Style
 *
 ---------------------------------*/
div#container{
	background:#FFF;
	line-height:1.2;
}
/*
 *header Style
 *
 ---------------------------------*/
div#header{
	background:#000;
	border-bottom:10px #D6D3CD solid;
	position:relative;
}
div#header h1{
	padding-top:25px;
}
div#header h1 strong{
	color:white;
	position:absolute;
	right:0pt;
	top:0pt;
}
div#header h1 a{
	color:#FFF;
	text-decoration:none;
	font-size:2em;
	font-family:Arial,Verdana,Helvetica;
}
div#header h1 a:hover{
	color:#DAED9C;
}
/*
 *main Style
 *
 ---------------------------------*/
div#main h2 {
	margin:19px 20px;
	border:#D6D3CD 1px solid;
	border-left:#D6D3CD 10px solid;
	padding:5px;
}
div#main h2 a{
	color:black;
	text-decoration:none;
}
div#main p {
	margin:20px;
}
div#main img.size-full {

	border:1px solid #CCC;
}
div#main table {
	margin:20px;
	border:1px solid #666666;
}
div#main table th{
	padding:10px;
	font-weight:bold;
	background:#DBEFB3;
	border:1px solid #ccc;
}
div#main table td{
	padding:10px;
	background:#DBEFB3;
	border:1px solid #ccc;
}
div#main p.sbm {
	text-align:right;
}
div#main ol ,
div#main ul {
	margin:20px;
}
div#main ul li{
	list-style-type:disc;
	margin-left:15px;
}
div#main ol li{
	list-style-type:decimal;
	margin-left:15px;
}

div#main h3 {
	padding:3px;
	margin:20px 20px;
	font-weight:bold;
	color:#647F2F;
	border-left:#D6D3CD 5px solid;
}
div#main pre {
	margin:20px;
	font-size:12px;
	border:1px solid #D6D3CD;
	padding:1em;
	background:#DBEFB3;
	overflow:auto;
}
*+html div#main pre{
	overflow: scroll;
} 
* html div#main pre{
	width:420px;
	overflow: scroll;
}
div#main img.feed{
	float:right;

}
/*
 *Contact Form Style
 *
 ---------------------------------*/
form label input {
	width:90%;
}
form label textarea{
	width:90%;
	height:200px;
}
/*
 *sidebar Style
 *
 ---------------------------------*/
div.sidebar dl dt{
	margin:4px;
	color:#A4AFA9;
	font-weight:bold;
	font-size:13px;
	padding:3px;
	border-bottom:2px #D6D3CD solid;
}
div#navi.sidebar dl dd{
	padding:7px 0 7px 7px;
	letter-spacing:0pt;
}
div#navi.sidebar dl dd ul.children li{
	margin-left:10px;
}
div#navi.sidebar #searchform input{
	width:90%;
}
div#navi.sidebar ol li{
	list-style-type:decimal;
	margin-left:15px;
	margin-bottom:10px;
}
div#navi.sidebar ol li img{
	position:relative;
	left:100px;
}
/*
 *footer Style
 *
 ---------------------------------*/
div#footer{
	background:#000;
	border-top:10px #D6D3CD solid;
	text-align:right;
	color:#FFF;
	font-size:11px;
	line-height:3em;
}
div#footer a{
	text-decoration:none;
	color:#FFF;
}