/*
Theme Name: original
Theme URI: http://ie-plus.net/article/
Description: original
Author: Darksky
*/
@import "/main3.css";


* {
	padding: 0;
	margin: 0;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-family: "Tahoma", "MS UI Gothic", "Osaka";
	font-family:'ヒFFFラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
	font-family:'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif;
	font-size: 14px;
	background: #ffffff;
}


a{
/*	text-decoration: none;	*/
}
a:hover{
	color: #ff0000;
	text-decoration: underline;
	background-color: #ffcc00;
}
a:visited{
	color: #0000ff;
}


img {
	border: none;
}


/* サイドバー */
#sidebar {
}

#sidebar ul	{
	margin-left: 10px;
	padding-left: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
}

#sidebar ul li {
	color: #88ccff;
	list-style-type: none;
	list-style-image: url(/images/p.gif);
}

#sidebar h2	{
	font-size: medium;
	background-color: #FBFBFB;
	border: solid 1px #F0F0F0;
	border-left: solid 5px #FF8F4F;
	color: #000000;
	margin: 0;

	padding: 3px;
	padding-top: 4px;
	padding-left: 5px;
}


div.sidebox{
	margin-top: 0px;
	margin-bottom: 10px;
	background: #F5F5F5;
	background: #FFFFFF;
	border: 1px solid #202428;
	padding: 0px;
	padding-bottom: 5px;
	background: url(/images/z.png);
	background-repeat: repeat-x;
}


div.sidebox h3 {
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 3px;
	padding: 0px;
	padding-left: 10px;
	background: #F0F0F0;
	border-bottom: 1px solid #202428;
	background: url(/images/h3.png);
	background-repeat: repeat-x;
	font-size: 14px;
}


div.sidebox p{
	padding: 5px;
	font-size: 12px;
}


/* コンテンツ */
h1{
	color: #000000;
	margin-top: 0px;
	margin-bottom: 8px;
	padding: 20px;
	background: #F0F0F0;
	border: 1px solid #202428;
	background: url(/images/h1.png);
	background-repeat: repeat-x;
	font-size: 20px;
}

div.item{
	margin-top: 0px;
	margin-bottom: 8px;
	background: #F5F5F5;
	background: #FFFFFF;
	border: 1px solid #202428;
	background: url(/images/y.png);
	background-repeat: repeat;
}
div.item h2 {
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 3px;
	padding: 0px;
	padding-left: 15px;
	background: #F0F0F0;
	border-bottom: 1px solid #202428;
	background: url(/images/h2.png);
	background-repeat: repeat-x;
	font-size: 20px;
}
div.item h3 {
	color: #000000;
	margin: 5px;
	margin-bottom: 3px;
	padding: 2px;
	padding-left: 10px;
	background: #F0F0F0;
	border: 1px solid #C0C0C0;
	font-size: 18px;
}


div#content div.item p{
	padding: 10px;
}


/* 右カラム */
div#ad{
	margin-top: 0px;
	margin-bottom: 5px;
	margin-bottom: 5px;
	background: #F0F0F1;
	border: 1px solid #202428;
	padding: 0px;
	padding-bottom: 5px;
}


div#ad ul {
	margin-left: 10px;
	padding-left: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
}

div#ad ul li {
	color: #88ccff;
	list-style-type: none;
	list-style-image: url(/images/p.gif);
}


.space {
	margin: 0;
	margin-bottom: 10px;
	padding: 0px;
}


.space2 {
	margin: 0;
	margin-bottom: 15px;
	padding: 0px;
}


.mark{
	background-position: left center;
	background-repeat : no-repeat ;
	padding-left: 16px;
	background-image : url(/images/mark1.gif);
}


/* ++++++ コンテンツ部分のデザイン ++++++ */
.post {
/*
	border: solid 1px #CCCCCC;
	padding: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
*/
	margin-bottom: 10px;
}


.post h2 {
	font-size: x-large;
	font-weight: bold;
	background-image : url(images/mark.gif);
	background-position: left center;
	background-repeat : no-repeat ;
	padding-left: 30px;
/*	padding: 5px;*/
/*	background-color: #EEEEEE;	*/
/*	border: solid 1px #C0C0C0;	*/
	border-bottom: solid 1px #000000;
}


.post h2 a {
	color: #000000;
	text-decoration: none;
}


.entry {
	padding: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
}


.entry p {
	font-size: 12pt;
/*
	text-indent: 0.5em;
	text-indent: 1em;
*/
    line-height: 130%;
	color: #000000;
	margin-bottom: 1em;
}


.pagenav {
	font-size: 0.75em;
}


.postmetadata {
	font-size: small;
	border-top: 3px dotted #CCCCCC;
	padding-top: 5px;
	margin-bottom: 30px;
	text-align: right;
}


/* Icons */
#recentposts{
	background: url(/images/recentposts.gif);
	background-repeat: no-repeat;
}
#category{
	background: url(/images/category.gif);
	background-repeat: no-repeat;
}
#archives{
	background: url(/images/archives.gif);
	background-repeat: no-repeat;
}


/* カレンダー */
#calendar table	{
	width: 100%;
	text-align: center;
	color: #000000;
	border-collapse: collapse;
	margin-bottom: 20px;
	}

#calendar th, #calendar td	{
	padding: 5px 0;
	border: solid 1px #538ad8;
	}

#calendar a	{
	text-decoration: none;
	color: #3366aa;
	}

#calendar caption	{
	padding: 3px 0;
	}

#calendar tfoot td	{
	border: none;
	}

#calendar tfoot td#prev	{
	text-align: left;
	}

#calendar tfoot td#next	{
	text-align: right;
	}


/* ++++++ コメント部分のデザイン ++++++ */
#comments h3	{
	font-size: 0.75em;
	border-bottom: solid 2px #538ad8;
	padding-bottom: 5px;
	}

.com	{
	font-size: 0.75em;
	border-bottom: dotted 2px #88ccff;
	padding-bottom: 8px;
	margin-bottom: 12px;
	}

.com p	{
	margin: 5px 0;
	}

.commeta	{
	color: #888888;
	text-align: right;
	}

#tb	{
	font-size: 0.75em;
	background-color: #EEEEEE;
	border: solid 1px #C0C0C0;
	padding: 3px;
	padding-left: 5px;
	line-height: 150%;
}

#commentform	{
	font-size: 0.75em;
	}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */




.item ul	{
	margin-left: 15px;
	padding-left: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.item ul li {
	color: #88ccff;
	list-style-type: none;
	list-style-image: url(/images/p.gif);
	margin-bottom: 2px;
	padding-right: 10px;
}




div.list{
	margin-top: 0px;
	margin-bottom: 8px;
	background: #F5F5F5;
	background: #FFFFFF;
	background: #F8F8FF;
	border: 1px solid #202428;
/*
	background: url(/images/y.png);
	background-repeat: repeat;
*/
}
div.list h2 {
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 3px;
	padding: 0px;
	padding-left: 15px;
	background: #F0F0F0;
	border-bottom: 1px solid #202428;
	background: url(/images/h2.png);
	background-repeat: repeat-x;
	font-size: 20px;
}
div.list h3 {
	color: #000000;
	margin: 5px;
	margin-bottom: 3px;
	padding: 2px;
	padding-left: 10px;
	background: #F0F0F0;
	border: 1px solid #C0C0C0;
	font-size: 18px;
}
.list p{
	padding: 10px;
}


.list ul	{
	margin-left: 15px;
	padding-left: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.list ul li {
	color: #000000;
	list-style-type: none;
	list-style-image: url(/images/p.gif);
	margin-bottom: 10px;
	padding-right: 10px;
}


.list a{
/*	text-decoration: none;	*/
}
.list a:hover{
	color: #ff0000;
	text-decoration: underline;
	background-color: #ffffff;
}
.list a:visited{
	color: #0000ff;
}


div.reg {
	color: #000000;
	margin: 5px;
	padding: 5px;
	padding-left: 8px;
	padding-right: 8px;
	background: #F0F0F0;
	border: 1px solid #C0C0C0;
}


div.reg h3 {
	color: #000000;
	margin: 1px;
	margin-top: 10px;
	margin-bottom: 2px;
	padding: 2px;
	padding-left: 5px;
	background: #FFF8DC;
	border: 1px solid #DAA520;
	font-size: 14px;
}


div.reg table {
	border: 1px solid #C0C0C0;
	background: #FFFFFF;
}
div.reg th {
	text-align: center;
	color: #FFFFFF;
	background: #000080;
	border: 1px solid #000080;
}
div.reg td {
	word-break: break-all;
	color: #000000;
	background: #C0C0C0;
}
div.reg td.key{
	text-align: center;
	color: #FFFFFF;
	width: 65px;
	background: #000080;
	border: 1px solid #000080;
}


.warning{
	color: #FF0000;
}


a.download{
	margin-left: 18px;
	padding-left: 20px;
	background-image: url("/images/dl.gif");
	background-repeat: no-repeat;
	background-position: left center;
}


.amazon{
	font-size: 12px;
}