/*
Theme Name : Sample Theme
Theme URI : http://192.168.202.51/wordpress/
Description : This is my Sample theme.
*/

/* 初期化 */
body,div,p,h1,h2,h3,h4,ul,li,ol,dl,dd,dt {
	margin: 0;
	padding: 0;
}

table,tr,td {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	vertical-align: middle;
}

/* サイト */
#wrapper {
	width: 970px;
	margin: 20px auto 0 auto;
	border: 1px solid #CCCCCC;
}
	a:link,
	a:visited {
	color: #343434;
	text-decoration: none;
}
	a:hover,
	a:active {
	color: #343434;
	text-decoration: underline;
}

/*ヘッダー*/
#wrapper #header {
	height: 160px;
	width: 970px;
	margin-bottom: 0px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #b4d465;
	background-image: url(images/blog_illust.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#wrapper #header #header_ti {
	float: left;
	margin-left: 20px;
	padding-top: 20px;
}
#wrapper #header .ti_text {
	font-size: 21px;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro";
}
#wrapper #header .ti_text a:link,
#wrapper #header .ti_text a:visited {
	color: #486a00;
	text-decoration: none;
}
#wrapper #header .ti_text a:hover,
#wrapper #header .ti_text a:active {
	color: #22ac38;
	text-decoration: none;
}
#wrapper #header .subti_text {
	font-size: 13px;
	color: #486a00;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
#wrapper #header .submenu {
	float: right;
	margin-right: 20px;
	margin-top: 20px;
}
#wrapper #header .submenu li {
	font-size: 11px;
	display: inline;
	list-style-type: none;
	color: #cce198;
}
#wrapper #header .submenu li a:link,
#wrapper #header .submenu li a:visited {
	color: #cce198;
	text-decoration: none;
}
#wrapper #header .submenu li a:hover,
#wrapper #header .submenu li a:active {
	color: #8fc31f;
	text-decoration: none;
}

#wrapper #mainContents {
	border-top-style: solid;
	border-top-width: 10px;
	border-top-color: #cde298;
	overflow: hidden;
}

/* メイン */
div#main   {
            width : 765px;
            float : left;
           }

/* TOP要メイン */
/* コンテンツ */
div#content {
            width : 560px;
            float : right;
            margin-bottom : 14px;
            border-bottom : solid 1px 000000;
           }
p#pagetitle {
            font-size : 0.875em;
            font-weight : bold;
            color : #81511c;
            border : dotted 1px #81511c;
            text-align : center;
            padding : 10px 0;
            margin-top : 20px;
           }

/* コメント */
#comments  {
            clear : both;
           }
div#com    {
            border : solid 1px #cde298;
            padding : 0 18px;
            margin-top : 45px;
           }
textarea   {
            width : 360px;
           }
div#com h3 {
            font-size : 0.875em;
            border-bottom : solid 1px #cde298;
            padding-bottom : 3px;
            margin-top : 20px;
            margin-bottom : 10px;
           }
div#com p  {
            font-size : 0.75em;
           }
div.compost {
            border-bottom : dotted 1px #cde298;
           }
p.cominfo  {
            text-align : right;
           }
p#comfeed img {
            vertical-align : middle;
           }
p#comfeed  {
            background-color : #e3cab9;
            padding : 8px;
            margin-top : 30px;
            margin-bottom : 30px;
           }
p#trurl    {
            background-color : #e3cab9;
            padding : 8px;
            margin-bottom : 30px;
           }
/* トラックバック */
div#tr     {
            border : solid 1px #cde298;
            padding : 0 18px;
            margin-top : 20px;
           }
div#tr h3  {
            font-size : 0.875em;
            border-bottom : solid 1px cde298;
            padding-bottom : 3px;
            margin-top : 20px;
           }
div#tr p   {
            font-size : 0.75em;
           }

/* サイドバー */
div#sidebar {
            width : 171px;
            float : left;
            margin-top : 20px;
            margin-bottom : 20px;
            margin-left: 20px;
           }
div#sidebar h2, div#sidebar2 h2 {
	background-image : url(images/menu_board.gif);
	background-repeat : no-repeat;
	font-size : 13px;
	color : #362e2b;
	padding : 6px 20px;
	margin : 0;
	display: block;
	height: 30px;
           }
div#sidebar li, div#sidebar2 li {
	font-size : 13px;
	list-style-type : none;
	line-height: 1.2em;
	margin-bottom : 4px;
	margin-left: 4px;
	background-image : url(images/listmark.png);
	background-position : 0 2px;
	background-repeat : no-repeat;
	padding-left : 12px;
	vertical-align : top;
           }

div#sidebar ul, div#sidebar2 ul {
            margin : 0px 0px 20px;
            padding : 0
           }
div#sidebar2 ul li li {
	font-size : 1em;
	line-height: 1.5em;
	background-image : url(images/listmark.png);
	background-position : 0 8px;
	padding-left : 12px;
	padding-top: 4px;
           }
div#sidebar2 ul ul {
            margin-left : 0px;
           }

/* サイドバー2 */
div#sidebar2 {
            width : 171px;
            float : right;
            margin-top : 20px;
            margin-bottom : 20px;
	    margin-right: 20px;
           }
#sidebar2 #serch_box {
        width: 161px;
	margin-bottom: 20px;
	margin-left: 4px;
}

/* カレンダー */
#wp-calendar {
            width : 100%;
            margin-bottom : 20px;
            font-size : 0.75em;
           }
#wp-calendar a:link,
#wp-calendar a:visited {
	color: #8fc31f;
	text-decoration: none;
}
#wp-calendar a:hover,
#wp-calendar a:active {
	color: #8fc31f;
	text-decoration: underline;
}
#wp-calendar td, #wp-calendar th {
            text-align : center;
           }
#wp-calendar caption {
        background-image : url(images/menu_board.gif);
	background-repeat : no-repeat;
	font-size : 13px;
	color : #362e2b;
	padding : 6px 20px;
	margin : 0;
        text-align : left;
           }
#wp-calendar #prev {
            text-align : left;
            padding-top : 3px;
            padding-left : 3px;
           }
#wp-calendar #next {
            text-align : right;
            padding-top : 3px;
            padding-right : 3px;
           }
p.feed     {
            font-size : 0.75em;
            font-family : Verdana, Helvetica, sans-serif;
            border : solid 1px #cde298;
            padding : 5px;
            margin : 25px 0;
           }
	p.feed a:link,
	p.feed a:visited {
	color: #959595;
	text-decoration: none;
}
	p.feed a:hover,
	p.feed a:active {
	color: #959595;
	text-decoration: underline;
}
p.feed img   {
            vertical-align : middle;
            margin-right : 8px;
           }

/* 検索 */
input#s    {
            width : 161px;
            margin-bottom : 5px;
           }

/* 記事 */
div.post   {
            border : solid 3px #cde298;
            padding : 18px;
            margin : 20px auto
           }

div.post h2 {
	background-image : url(images/mark.png);
	background-repeat : no-repeat;
	background-position : 0 1px;
	font-size : 17px;
	border-bottom : solid 1px #cde298;
	padding-left : 22px;
	padding-bottom: 5px;
	margin : 0;
           }
div.post p {
            font-size : 0.75em;
            line-height : 1.6;
            margin-top : 10px;
           }
div.post a:link,
div.post a:visited {
	color: #81511c;
	text-decoration: none;
}
div.post a:hover,
div.post a:active {
	color: #81511c;
	text-decoration: underline;
}
p.postinfo {
            color : #959595;
            text-align : right;
            margin : 20px 0 0;
            clear : both;
           }
p.postinfo a:link,
p.postinfo a:visited {
	color: #959595;
	text-decoration: none;
}
p.postinfo a:hover,
p.postinfo a:active {
	color: #959595;
	text-decoration: underline;
}

/* ページリンク */
p.pagelink {
        color: #959595;
}
	p.pagelink a:link,
	p.pagelink a:visited {
        font-size: 0.75em;
	color: #959595;
	text-decoration: none;
}
	p.pagelink a:hover,
	p.pagelink a:active {
        font-size: 0.75em;
	color: #959595;
	text-decoration: underline;
}
span.pageprev {
            float : left;
           }
span.pagenext {
            float : right;
           }
div.clr_float {
            clear : both;
           }

/* 記事内の画像 */
.aligncenter {
            display : block;
            margin-left : auto;
            margin-right : auto;
           }

div.post img {
            border : none;
           }

.alignleft {
            float : left;
            margin-right : 10px;
            margin-bottom : 2px;
           }

.alignright {
            float : right;
            margin-left : 10px;
            margin-bottom : 2px;
           }

.wp-caption {
            border : solid 1px #aaaaaa;
            text-align : center;
            padding-top : 5px;
            margin-top : 10px;
           }

/*フッター*/
#wrapper #footer {
	height: 50px;
	background-color: #cde298;
}
#wrapper #footer p {
	background-image: url(images/tonbologo.png);
	background-repeat: no-repeat;
	background-position: 60px 0px;
	float: left;
	height: 19px;
	font-size: 11px;
	color: #486a00;
	display: block;
	width: 200px;
	margin-top: 16px;
	margin-left: 20px;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	line-height: 1.7em;
}
#wrapper #footer address {
	font-size: 11px;
	font-style: normal;
	color: #486a00;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
        font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

/* IE6用ハック*/
* html #wrapper #header #header_ti {
	margin-left: 10px;
}
* html #wrapper #header .ti_text {
	margin-bottom: 4px;
}
* html #wrapper #header .submenu {
	margin-right: 10px;
}
* html div#sidebar {
　　　margin-left: 10px;
            margin-bottom : 10px;
}
* html div#sidebar2 {
　　　margin-right: 10px;
            margin-bottom : 10px;
}
* html #sidebar2 #serch_box {
	margin-bottom: 0px;
}
* html div.post   {
            margin-bottom : 10px;
           }
* html div#content {
            margin-bottom : 7px;
           }
* html #wrapper #footer p {
	margin-left: 10px;
}
* html #wrapper #footer address {
	margin-right: 10px;
}

/* Mac safari用ハック */
body:first-of-type  #wrapper #footer p {
	background-position: 70px 0px;
	margin-top: 17px;
}
body:first-of-type  #wrapper #footer address {
	margin-top: 18px;
}
body:first-of-type .post h2 {
	background-position : 0 4px;
	padding-bottom: 3px;
}
body:first-of-type #sidebar li,
body:first-of-type #sidebar2 li {
	background-position : 0 0;
}