@charset "utf-8";
/* ===========================================================================
CSS Information

Update:2008/09/01

reset
link
Clear Fix Hack (Float Clear Hack)
header
footer
glovalNavi
contents
=========================================================================== */

/*----------------------------------------------------------------------------
	reset
----------------------------------------------------------------------------*/

*{
	margin:0;
	padding:0;
	line-height:1.0;
	font-size:12px;
}

body{
	padding:0 0 0 0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:center;
	color:#333;
	/*
	background:#fdf3ea;
	*/
}


html{
	overflow-y:scroll;
}

html, body{

}

body{
	height:100%;
}

img{border:none;vertical-align:top;}
ul{list-style:none;}
 
/*----------------------------------------------------------------------------
	link
----------------------------------------------------------------------------*/

a{color:#333;text-decoration:none;}
/*
a:visited {color:#006699;}
*/
a:hover{color:#666;text-decoration:none;}
a:active{color:#FF3333;}
*:focus{-moz-outline-style: none;}
a { outline: none; }

/*----------------------------------------------------------------------------
	Clear Fix Hack (Float Clear Hack)
----------------------------------------------------------------------------*/

#panList:after,
#mainR:after,
#main:after,
.clearfix:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	overflow:hidden;
}

.clearfix{
/*\*//*/
display: inline-table !important;
/**/
}
/*http://d.hatena.ne.jp/zariganitosh/20080509/1210294157*/


li,img, div, input{behavior: url("iepngfix.htc")}

#hackH100{
	height:100%;
	width:100%;
}

#wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -80px;
	width:900px;
	text-align:left;
	background:#FFF;
}

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

#header{
	width:900px;
	height:170px;
	margin:20px 0 18px 0;
}

#index #header{
	margin:20px 0 45px 0;
}

#header h1{

}


/*----------------------------------------------------------------------------
	footer
----------------------------------------------------------------------------*/

#footer,
.push{
	height:80px;
}

#footer{
	clear:both;
	width:900px;
	margin:0 auto;
	background:url(common/images/footer.jpg) top no-repeat;
	text-align:right;
}

#footer p{
	padding:40px 0 0 0;
}


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

#main{
	width:900px;
	position:relative;
}

#mainL{
	width:520px;
	float:left;
}

#contents{
	width:510px;
	position:relative;
}


#mainR{
	width:375px;
	float:right;
}

#sideL{
	width:180px;
	float:left;
}

#sideR{
	width:180px;
	float:right;
}

.sideTit{
	margin:0 0 10px 0;
	padding:0 0;
}

.sideUL{
	margin:0 0 20px;
	background:#f8f6ee;
	border:1px solid #d9d4c4;
	padding:10px 0 0;
}

.sideUL li{
	margin:0 10px 10px 10px;
	line-height:1.4;
}

.sideUL ul{
	padding:10px 0 0 0;
}

.sideULComment{
	margin:0 0 20px;
	background:#f8f6ee;
	border:1px solid #d9d4c4;
	padding:10px 0 0;
}

.sideULComment div{
	padding:0 5px 5px 5px;
	margin:0 10px 10px 10px;
	background:url(common/images/dot_3_1_333.gif) repeat-x bottom;
}

.sideULComment li{
	margin:0 0 10px 0;
	line-height:1.4;
}

.sideULComment ul li{
	margin:0 10px 5px 15px;
}

.sideULComment ul li a{
	background:url(common/images/arrow_01.gif) left center no-repeat;
	padding:0 0 0 15px;
}

#blogParts{
	margin:0 0 20px;
}


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

#debug{
	position:absolute;
	top:20px;
	left:20px;
	z-index:100;
}

.pan{
	margin:0 0 10px 0;
}

.pan2{
	margin:0 0 10px 0;
	text-align:center;
}


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


#policyUl{
	margin:0 0 0 0;
}

#policyUl li{
	line-height:1.4;
	margin:0 0 10px 0;
	background:url(common/images/policy_li.png) 5px 4px no-repeat;
	padding:0 5px 0 25px;
}

#panList{
	width:500px;
	margin:0 0 10px 10px;
}

#panList li{
	float:left;
	margin:0 10px 0 0;
}

#panList li a{
	background:url(common/images/arrow_01.gif) right center no-repeat;
	/*background:url(common/images/li_pankuzu.gif) right center no-repeat;*/
	padding:0 15px 0 0;
	line-height:1.4;
}

#panList li span{
	line-height:1.4;
}

#howToForm{
	margin:0 0 20px 0;
}

#textareaSource{
	width:450px;
	border:3px solid #CCC;
	background:#F4F4F4;
	padding:5px 5px;
	line-height:1.2;
}

#partImg{
	margin:0 0 20px 0;
}

.body{
	margin:0 0 30px;
	background:url(common/images/entry_back.jpg) top repeat-x;
	padding:20px 12px 0;
}

p{
	line-height:1.4;
}

#contents h2{
	clear:both;
	color:#333;
	font-weight:bold;
	font-size:14px;
	margin:0 0 2px 0;
	padding:6px 12px;
	background:url(common/images/h2_back.gif) repeat;
	background:#F4F4F4;
}

#contents h2 a{
	font-size:14px;
}

#contents h3{
	color:#333;
	font-size:12px;
	margin:0 0 20px 0;
}

.p01{
	margin:0 0 20px 0;
}

.p02{
	margin:0 0 10px 0;
}

.p03{
	margin:0 0 40px 0;
}

.team{
	line-height:1.4;
}

.time-mt{
	text-align:right;
	margin:0 10px 30px 0;
}


.entryInfo{
	text-align:right;
	margin:0 0 40px 0;
	background:url(common/images/dot_3_1_333.gif) repeat-x top;
	padding:10px 20px 0;
}

.entryInfo li{
	margin:0 4px 0 0 !important;
	margin:0 4px 0 0;
	border-right:1px solid #666;
	padding:0px 6px 0px 0 !important;
	padding:0px 6px 0px 6px;
	display:inline;
}

.entryInfo li a{
	padding:0 5px 5px 5px;
	background:url(common/images/dot_3_1_333.gif) repeat-x bottom;
}

.entryInfo li a:hover{
	text-decoration:none;
	color:#999;
	background:none;
}

.entryInfo li.noLine{
	border-right:none;
	padding:0 0 0 0 !important;
	padding:0 0 0 6px;
}


/* comments */


#comments{
	padding:10px 10px;
	margin:0 0 10px;
}

#commentsInner{
	background:#F4F4F4;
	width:100%;
	padding:10px 0 20px;
}

#comments h2{
	margin:0 0 20px 0;
	background:#F4F4F4;
	padding:5px 10px;
}

#commentsTop{
	margin:0 0 20px;
}

.comments-content .comment{
	padding:0 10px 10px 10px;
	background:url(common/images/dot_3_1_333.gif) repeat-x bottom;
	margin:0 0 10px;
}

.comment-detail{
	margin:0 0 5px;
}

.comment-content p{
	line-height:1.4;
}

#commentTit{
	margin:0 0 20px 0;
	background:#F4F4F4;
	padding:5px 10px;
}

#comment-form-url{
	margin:0;
	padding:0;
}

label{
	width:120px;
	float:left;
	display:block;
	text-align:right;
	margin:0 10px 0;
	line-height:1.4;
}


label.hackLabel{
	float:left;
	width:auto;
	text-align:left;
}

#comments div.lComment input{
	border:none;
	padding:2px;
}

.lComment{
	width:130px;
	float:left;
	text-align:right;
}

.rComment{
	float:left;
	width:300px;
}

.commentsWrap{
	clear:both;
	margin:0 0 10px 0;
	width:100%;
}

#comments-open-footer{
	clear:both;
	margin:0 0 0 160px;
}

#comments textarea,
#comments input{
	border:3px solid #CCC;
	padding:4px 2px 2px 2px;
}

#comment-author,
#comment-email,
#comment-url{
width:220px;
}

#comment-text{
width:300px;
margin:0 0 10px 0;
}

#comment-preview,
#comment-submit{
cursor:pointer;
}

#alpha{
margin:30px;
}

#page-title{
margin:0 0 10px;
}

#error-p{
color:#CC0000;
margin:0 0 20px;
}

#backBtn{

}

#backBtn a{
	padding:0 5px 10px 5px;
	background:url(common/images/dot_3_1_333.gif) repeat-x bottom;
}

.size{
margin:0 0 10px 0;
font-weight:bold;
padding:8px 5px;
background:url(common/images/dot_3_1_333.gif) bottom repeat-x;
}

.fl{
float:left;
}
.fr{
float:right;
}