/* CSS初期化
----------------------------------------------------------- */

*{
	margin:0px;
	padding:0px;
}

img {
	border:none;
}

body {
	background:#ffffff;
	color:#7f7f7f;
	font-family:Verdana, Arial, sans-serif;
	/*font-family:Verdana,sans-serif, "Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS Gothic";*/
	/*text-align:left;*/
	line-height:160%;
	font-size:62.5%;
}

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

.clearfix{
	display:inline-block;
}


/* Hides from IE-mac
----------------------------------------------------------- */

*html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}


/* 英語、URL折り返し ie safari用 
----------------------------------------------------------- */

.wordbreak_ie_safari{
	word-break:break-all;
}


/* テキスト
----------------------------------------------------------- */

h1{
	font-family:Helvetica, Arial, Geneva, sans-serif;
	font-size:2em;
	font-weight:bold;
	color:#282828;
	letter-spacing:-0.7px;
}

h2{
	font-size:1.3em;
	color:#282828;
	padding:10px 0px 0px 0px;
	font-weight:normal;
}

h4{
	font-size:1.2em;
	color:#666666;
	padding:0px 0px 5px 0px;
	font-weight:normal;
}

.txt_s{
	font-size:0.9em;
}

.txt_s_light{
	font-size:0.9em;
	color:#999999;
}

.txt_ms{
	font-size:1.1em;
}

.txt_ms_light{
	font-size:1.1em;
	color:#666666;
}

.txt_m{
	font-size:1.2em;
}

.txt_m_light{
	font-size:1.2em;
	color:#999999;
}

.txt_l{
	font-size:1.4em;
}

.txt_red{
	color:#FF3300;
}


/*blockquote {
	font-style:italic;
	color:#999999;
}*/


/* リンク
----------------------------------------------------------- */

a:link,
a:visited,
a:active {
	color:#7f7f7f;
	text-decoration:underline;
}

a:hover{
	color:#282828;
	/*background-color:#282828;*/
	text-decoration:underline;
}



h1 a:link,
h1 a:visited,
h1 a:active {
	color:#282828;
	text-decoration:none;
}

h1 a:hover{
	color:#ffffff;
	background-color:#282828;
	text-decoration:none;
}


.pagebute a:link,
.pagebute a:visited,
.pagebute a:active {
	color:#7f7f7f;
	text-decoration:none;
	font-weight:normal;
}

.pagebute a:hover{
	color:#ffffff;
	background-color:#282828;
	text-decoration:none;
	font-weight:normal;
}

.pagetop a:link,
.pagetop a:visited,
.pagetop a:active {
	color:#7f7f7f;
	text-decoration:none;
}

.pagetop a:hover{
	color:#7f7f7f;
	background-color:#ffffff;
	text-decoration:underline;
}

.entrybody a{
	overflow:hidden;
	outline:none;
}

.entrybody a:hover img{
	background-color:#ffffff;
}

.entrymeta a:link,
.entrymeta a:visited,
.entrymeta a:active {
	color:#7f7f7f;
	text-decoration:none;
}

.entrymeta a:hover{
	color:#ffffff;
	background-color:#282828;
	text-decoration:none;
}

#footer a:link,
#footer a:visited,
#footer a:active {
	color:#7f7f7f;
	text-decoration:none;
}

#footer a:hover{
	color:#ffffff;
	background-color:#282828;
	text-decoration:none;
}

#sidebar a:link,
#sidebar a:visited,
#sidebar a:active {
	display:block;
	width:200px;
	color:#7f7f7f;
	text-decoration:none;
}

#sidebar a:hover{
	display:block;
	width:200px;
	color:#ffffff;
	background-color:#282828;
	text-decoration:none;
	
}

#sideLogo a:link,
#sideLogo a:visited,
#sideLogo a:active {
	color:#ffffff;
	text-decoration:none;
}

#sideLogo a:hover{
	color:#ffffff;
	background-color:#ffffff;
	text-decoration:none;
	
}


/* リスト
----------------------------------------------------------- */

ul.none{
}

ul.none li {
	list-style-type:none;
}

ul.normal{
	list-style:none;
	margin:0 0 0 10px;
}

ul.normal li {
	padding:2px 0 0 0;
}

/* リストナビゲーション
----------------------------------------------------------- */

ul.nav {
	overflow:hidden;
	margin:5px 0 0 0;
	padding:0px;
}

ul.nav li {
	display:inline;
	margin:0px;
	padding:0 8px 0 8px;
	border-left:1px #cccccc solid;
	list-style-type:none;
	zoom:1;
}


/* 余白ボックス
----------------------------------------------------------- */

.box01{
	padding:5px 0 0 0;
}

.box02{
	padding:20px 0 0 0;
}

.box03{
	padding:30px 0 0 0;
}

.box04{
	padding:25px 0 10px 0;
}

.box05{
	padding:0 0 10px 0;
}

.box06{
	padding:10px 0 0 0;
}

.box07{
	padding:20px 0 20px 0;
}

.box08{
	padding:2px 0 30px 0;
}


/* フロートボックス
----------------------------------------------------------- */

.box_170{
	width:170px;
	float:left;
	text-align:right;
	position:relative; bottom:3px;
}

.box_430{
	width:430px;
	float:left;
	vertical-align:bottom;
}


/* インプット
----------------------------------------------------------- */
input.searchBox{
	width: 120px;
}


/* レイアウト
----------------------------------------------------------- */
/*#wrapper{
	width:900px;
	margin:0px auto;
}*/

.pagebute {
	margin:60px 0px 0px 0px;
	text-align:center;
	font-weight:bold;
}

#sideLogo {
	margin:40px 0px 0px 20px;
	width:100px;
	text-align:left;
	height:800px;
	position:fixed;
}

#container {
	width:600px;
	text-align:left;
	min-height:800px;
	height:auto;
	position:absolute;
	/*position:relative;*/
	top:0;
	left:165px;

}

#content {
	width:600px;
	text-align:left;
	position:relative;
	top:0;
	left:0;
}

/*#sidewrap {
	margin-top:60px;
	position:fixed;
	_position:absolute;
	top:0;
  	*_top:expression(eval(document.body.scrollTop));
	width:200px;
	left:800px;
	text-align:right;
}*/

#sidewrap {
	margin-top:60px;
	position:fixed;
	width:200px;
	top:0;
	right:50px;
	text-align:right;

	/* IE5 later && javascript-on */
	position: expression('absolute');
	top: expression(documentElement.scrollTop + 0 + 'px');
	left: expression(documentElement.scrollRight + 50 + 'px');
}

#sidebar {
	width:200px;
	top:0;
	left:0;
	text-align:right;
}

#footer {
	text-align:left;
	width:600px;
	margin:30px 0 30px 0;
	float:none;
	clear:both;
}

.entry {
	margin:60px 0 0 0;
	padding:0 0 0 0;
}

.entrymeta {
	color:#cccccc;
	padding:0 0 10px 0;
}

.entrytitle {
	padding:0 0 0 0;
}

.entrybody {
	padding:0 0 0 0;
}


.entrybody img {
/*	border:solid #cccccc 1px;
	background-color:#ffffff;
	padding:3px;*/
	margin:5px 0 0 0;
}


/* ボーダー
----------------------------------------------------------- */
.border_none{
	border:none;
}

.line_200{
	width:200px;
	height:1px;
	overflow:hidden;
	background-color:#eaeaea;
}

.line_500 {
	border-bottom:1px solid #eaeaea;
	padding:0 0 10px 0;
	width:500px;
}

.line_600 {
	border-bottom:1px solid #eaeaea;
	height:1px;
	padding:0 0 40px 0;
	width:600px;
}

.line_600_result {
	border-top:1px solid #eaeaea;
	height:1px;
	margin:20px 0 20px 0;
	padding:20px 0 0 0;
	width:600px;
}

.header_line{
	width:100%;
	height:2px;
	overflow:hidden;
	background-color:#282828;
}

/* 引用文
----------------------------------------------------------- */
blockquote{
	padding:10px;
	border:dotted 1px #cccccc;
	margin:10px 0;
	/*background-color:#232323;*/
	width:580px;
}

/* ソースコード表示
----------------------------------------------------------- */
pre{
	font-family:"Courier New", Courier, monospace;
	background-color:#eeeeee;
	/*border:1px dotted #dddddd;*/
	color:#333333;
	font-size:1.1em;
	margin:20px;
	padding:10px;
}