@charset "utf-8";

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;
}

h1 , h2 , h3 , h4, h5 , h6 {
	font-size: 100%;
}

body {
	background-color: #111;
	color: white;
	font: 15px/1.5 ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
}

a {
	color: white;
}

.context.detail a {
	color: #18d1ff;
}

ul {
	list-style: none;
}

#categoryArchiveList #contents ul li a .entryDate ,
.changeMode ,
.prevnext ,
#trackback ,
.info ,
#adForContent ,
#Afiri ,
.more ,
#blogParts ,
#popularEntry ,
#recommendSite ,
#awasete ,
#profile ,
#AdS ,
.topLink ,
#aboutEblog ,
#logo a img ,
.AdS.linkUnit ,
.feedIcon ,
#visitedIcoEx ,
#grobalMenu ,
#menu #AdLink ,
#footer {
	display: none;
}

#logo a {
	background: url(images/iph_logo.png) left top no-repeat;
	display: block;
	margin: 0 auto 10px;
	width: 249px;
	height: 65px;
}

#menu {
	border-top: solid 3px gray;
}
	#menu #category {
		margin-bottom: 2em;
	}
	
	#menu #category ul li ,
	#menu #recentEntry ul li {
		border-top: solid 1px #666;
		border-bottom: solid 1px black;
	}
		#menu #category ul li:nth-child(2n) ,
		#menu #recentEntry ul li:nth-child(2n) {
			background-color: #333;
		}
		
		#menu #category ul li:nth-child(2n+1) ,
		#menu #recentEntry ul li:nth-child(2n+1) {
			background-color: #444;
		}
		
		#menu #category ul li a {
			display: block;
			text-decoration: none;
			padding: 25px 20px 25px 20px;
		}
			#menu #category ul li a::before {
				content: "»";
			}
			
			#menu #recentEntry ul li a[href*="hatena"] {
				display: none;
			}

.titCategory ,
.titREntry ,
.menuTitle ,
h1.entryTitle ,
h1#arcCateTitle ,
body#index h2.sectionTitle {
	background: #252525 url(images/iph_bg.png) left top repeat-x;
	-webkit-border-image: url(images/iph_bdr.png) 2 2 2 2 / 2px;
	margin-bottom: 1.5em;
	padding: 5px 10px;
}

body:not([id~="index"]) h2.sectionTitle ,
h3.sectionTitle {
	background: url(/layout/images/ico_title.gif) 2px 0.6em no-repeat;
	letter-spacing: 0.3em;
	padding: 5px 10px 5px 18px;
	margin-top: 2em;
	margin-bottom: 1em;
}
	h2.sectionTitle + h3.sectionTitle {
		margin-top: 0;
	}
	
	body:not([id~="index"]) h2.sectionTitle {
		border-bottom: solid 1px white;
	}

.indexBox {
	margin-bottom: 2em;
}

.entryList , 
.blogRecentryList {
	border-top: solid 1px black;
	border-bottom: solid 1px #666;
}

.blogRecentryList {
	margin-bottom: 2em;
}

.entryList li ,
.blogRecentryList li ,
#categoryArchiveList #contents ul li {
	border-top: solid 1px #666;
	border-bottom: solid 1px black;
}
	.entryList li:nth-child(2n) ,
	.blogRecentryList li:nth-child(2n) ,
	#categoryArchiveList #contents ul li:nth-child(2n) {
		background-color: #333;
	}
	
	.entryList li:nth-child(2n+1) ,
	.blogRecentryList li:nth-child(2n+1) ,
	#categoryArchiveList #contents ul li:nth-child(2n+1) {
		background-color: #444;
	}

	.entryList li a ,
	.blogRecentryList li a:first-of-type ,
	#menu #recentEntry ul li a ,
	#categoryArchiveList #contents ul li a {
		background: url(images/iph_ico_link.png) 98% 50% no-repeat;
		display: block;
		text-decoration: none;
		padding: 25px 20px 25px 20px;
	}
	
	.blogRecentryList li a[href*="hatena"] {
		display: none;
	}

.comBody p ,
.para {
	margin-bottom: 2.5em;
}

.date {
	margin-bottom: 0.5em;
}

.context.detail {
	background-color: #333;
	padding: 25px;
	margin-bottom: 1em;
}

.pickup {
	background-color: black;
	margin: 0 3px;
	padding: 0 4px;
}

.pickupBox.demo ,
.pickupBox.download {
	-webkit-border-image: url(/layout/images/iph_bdr2.png) 4 4 4 4 / 4px;
	background-color: #2f2f2f;
	padding: 15px;
}

#comForm {
	margin-bottom: 1em;
}
	#comForm .comTitle {
		background: url(/images/ico_comment.gif) left center no-repeat;
		border-bottom: 1px solid #ced7ff;
		color: white;
		font-weight: bold;
		margin-bottom: 8px;
		padding-left: 15px;
	}
	
	#comForm .name ,
	#comForm .email ,
	#comForm .url {
		margin-bottom: 0.5em;
	}

.comArt {
	background: url(/layout/images/bg_entryTitle_border.gif) left bottom repeat-x;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.comAuthor {
	margin-bottom: 1em;
}

.comDate {
	color: #aaa;
	font-size: 90%;
	text-align: right;
}