/* 
Theme Name: typeR-01
Theme URI: http://denkasi.com/
Description: 勉強も兼ねて。一人が投稿する個人ブログ用途を想定
Version: 0.0
Author: toaruR
Author URI: http://denkasi.com/blog/


※ページングはpagenaviプラグインを前提にしてます。
http://lesterchan.net/wordpress/readme/wp-pagenavi.html
*/

* {
	margin:0;
	padding:0;
}

html {
	overflow-y: scroll;
}

.clearfix:after { content:" ";clear:both;display:block;height:0;visibility:hidden;font-size:0;line-height:0;overflow:hidden; }
.clearfix { display:inline-block;min-height: 1%; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/


body {
	margin:0;
	padding:0;
	background:#ffffff url("img/basebg.jpg") repeat-x 0 0;
	/*background:#aaaaaa;*/
	font-family:"ＭＳ Ｐゴシック","MS PGothic",Tahoma,Verdana,Arial,sans-serif;
	line-height:1.6em;
	font-size:0.92em;
	color: #333333;
}

p {
	margin:0 0 2em 0;
	line-height:1.6em;
}

a:link {
	color: #333399;
	text-decoration:none;
}
a:visited {
	color: #111144;
	text-decoration:none;
}
a:hover,
a:active {
	color:#ff6600;
	text-decoration:none;
}

blockquote {
	margin:1em;
	padding:0 0 0 1em;
	border-left:4px solid #aaaaaa;
	color:#666666;
}

code {
	display:block;
	width:600px;
	margin:10px 0 0 0;
	padding:10px;
	border:2px solid #fdfdfd;
	overflow:auto;
}

/*************** Header */

#header {
	display:block;
	width: 900px;
	height:240px;
	background:#ffffff url("img/header.jpg") no-repeat 0 0;
	margin: 0 auto;
	padding:0;
}
#header ul#headerMenu {
	display:block;
	width:895px;
	height:34px;
	margin: 0;
	padding:5px 0 0 5px;
	list-style: none;
	overflow:hidden;
}

#header ul#headerMenu ul.children {
	display:none;
}

#header ul#headerMenu li {
	display:inline;
}

#header ul#headerMenu a {
	float:left;
	display:block;
	width:99px;
	height:29px;
	padding:5px 0 0 0;
	margin :0 1px 0 0;
	text-decoration: none;
	text-align:center;
	font-size: 100%;
	color:#ffffff;
	background:#000000;
	border:0;
	filter:alpha(opacity=70); /*IE*/
	-moz-opacity:0.70; /*FF*/
	opacity:0.70;
}

#header ul#headerMenu a:hover, 
#header ul#headerMenu a:active,
#header ul#headerMenu .current_page_item a,
#header ul#headerMenu .current-cat a,
#header ul#headerMenu .current-cat-parent a {
	background:#ff6600;
	color:#eeeeee;
	filter:alpha(opacity=100); /*IE*/
	-moz-opacity:100; /*FF*/
	opacity:100;
}

#header h1#headerTitle {
	float:left;
	display:block;
	width:586px;
	height:57px;
	margin:0;
	padding:106px 0 0 14px;
	font-size:44px;
	font-weight:normal;
	line-height:1;
	color:#ffffff;
	overflow:hidden;
	text-indent:-9000em;/*背景画像化しちゃったので(ノД｀)*/
}
#header h2#headerDescription {
	float:left;
	display:block;
	width:586px;
	height:33px;
	margin:0;
	padding:0 0 0 14px;
	font-size:16px;
	font-weight:normal;
	line-height:1;
	color:#ffffff;
	overflow:hidden;
	text-indent:-9000em;/*背景画像化しちゃったので(ノД｀)*/
}

#header h1#headerTitle a,
#header h2#headerDescription a {
	margin:0;
	padding:0;
	color:#ffffff;
}
#header #headerSearchformContainer {
	float:right;
	display:block;
	width:193px;
	height:26px;
	margin:0;
	padding:170px 6px 0 0;
	font-size:12px;
	font-weight:normal;
	line-height:1;
	color:#ffffff;
	overflow:hidden;
}

#header #headerSearchformContainer form {
	margin:0;
	padding:0;
}
#header #headerSearchformContainer input#searchWords {
	float:left;
	display:block;
	width:163px;
	height:16px;
	margin:0 6px 0 0;
	_margin:0 3px 0 0;/*IE6*/
	padding:2px;
	border:0;
	overflow:hidden;
	filter:alpha(opacity=75); /*IE*/
	-moz-opacity:0.75; /*FF*/
	opacity:0.75;
}
#header #headerSearchformContainer input#searchWords:hover,
#header #headerSearchformContainer input#searchWords:focus {
	filter:alpha(opacity=100); /*IE*/
	-moz-opacity:1.0; /*FF*/
	opacity:1.0;
}

#header #headerSearchformContainer a#sm {
	display:block;
	width:20px;
	height:20px;
	margin:0;
	padding:0;
	text-indent:-9000em;
	background:url(img/submit.gif) no-repeat 0 0;
	overflow:hidden;
}

#header #headerSearchformContainer a#sm:hover {
	background-position:0 -20px;
}


/*************** Common */

#container {
	width: 888px;
	margin: 0 auto;
	padding:0 6px 6px 6px;
	background:#ffffff;
}


#container h2 {
	padding: 4px;
	font-weight:bold;
	font-size: 160%;
	line-height:1.2em;
	border-bottom:1px solid #cccccc;
}

#container h3 {
	padding: 4px;
	font-weight:bold;
	font-size: 100%;
	line-height:1.2em;
	border-bottom:1px solid #cccccc;
}
#container abbr {
	border:0;
}
/*************** Main */

#mainContainer {
	float:left;
	width:689px;
	padding:0;
	margin:0;
	background:#f5f5f5 url(img/bg.gif) repeat-x 0 bottom;
}


#mainContainer div.cornarHead {
	display:block;
	padding:0;
	margin:0;
	border-top:6px solid #ffffff;
	overflow:hidden;
}

#mainContainer .pagetitle {
	float:left;
	width:631px;
	padding:10px 10px 10px 14px;
	line-height:1;
	border:0;
	background:url(img/bg-s.gif) repeat-x 0 top;
}
#mainContainer .pagetitle.pagetitleforlist {
	float:left;
	width:631px;
	padding:10px 10px 10px 14px;
	line-height:1;
	border:0;
	background:url(img/bg-s.gif) repeat-x 0 top;
}
#mainContainer .pagetitle.pagetitleforlist a {
	padding:0 10px 0.4em 20px;
	background:url(img/icon-linklist.gif) no-repeat 0 0;
}

#mainContainer .pagetitle.nonrss {
	width:665px;
}

#mainContainer .categoryRSS {
	float:right;
	display:block;
	width:24px;
	height:24px;
	margin:0;
	padding:10px 10px 10px 0;
	overflow:hidden;
	background:url(img/bg-s.gif) repeat-x 0 top;
}

#mainContainer .categoryRSS a {
	display:block;
	width:24px;
	height:24px;
	margin:0;
	padding:0;
	text-indent:-9000em;
	background:url(img/icon-feed-24x24.gif) no-repeat 0 0;
	overflow:hidden;
}

#mainContainer .categoryOutline {
	clear:both;
	display:block;
	width:665px;
	margin:0px;
	padding:4px  10px 6px 14px;
	line-height:1;
	border-top:1px solid #cccccc;
}

#mainContainer .categoryOutline p {
	margin:0px;
	padding:0px;
}

#mainContainer .post {
	clear:both;
	border-top:6px solid #ffffff;
	margin:0 0 1em 0;
	padding:0;
}
#mainContainer .post.tie {
	border-top:6px solid #fafafa;
}

#mainContainer .post .meta {
	padding:16px 16px 10px 16px;
	/*border-top:1px solid #555588;*/
	border-bottom:1px solid #cccccc;
	background:#f5f5f5 url(img/titleline-bg.gif) repeat-x 0 bottom;
}

#mainContainer .post .meta H2.title {
	margin:0;
	padding:0;
	border:0;
}

#mainContainer .post .meta p {
	margin:6px 0 0 0;
	padding:0;
	color:#999999;
}

#mainContainer .post .meta .metaCategory {
	display:block;
	font-size:140%;
}
#mainContainer .post .meta .metaDate {
	display:block;
	width:100%;
	font-size:110%;
	color:#666666;
	text-align:right;
}

#mainContainer .entry {
	padding: 16px 16px 10px 16px;
}

#mainContainer .entry STRONG {
	color:#ff6600;
}


#mainContainer .entry h3 {
	position:relative;
	left:-16px;
	padding:0.5em 0 0.5em 1em;
	background:url(img/h3-bg2.gif) no-repeat 0 0;
	/*background:url(img/h3-bg.gif) repeat-y 0 0;*/
	/*background:url(img/pointer-h3.gif) no-repeat 0 0.20em;*/
}

#mainContainer .entry h4 {
	margin:0 0 0.5em 0;;
	padding:0 0 0 0.4em;
	font-size:1em;
	font-weight:bold;
	line-height:1.1;
	border-left:0.3em solid #aaaacc;
}

#mainContainer .entry p {
	margin: 0 0 1em 0;
}
#mainContainer .entry ul {
	margin: 0 0 1em 0;
	padding: 0 0 0 0.4em;
	list-style-type:none;
}
#mainContainer .entry ul li {
	line-height:1.6em;
	margin:0;
	padding:0 0 0 0.8em;
	background:url(img/icon-entry-pointer.gif) no-repeat 0 0.45em;
}
#mainContainer .entry ul ul {
	margin: 0;
	padding: 0 0 0 0.4em;
	list-style-type:none;
}

#mainContainer .entry ol {
	margin: 0 0 1em 0;
	padding: 0 0 0 2.2em;
	listStylePosition:outside;
}
#mainContainer .entry ol ul {
	padding:0;
	list-style-type:none;
}
#mainContainer .entry ol ul li {
	list-style-type:none;
	padding:0 0 0 2em;
	background:none;
}


#mainContainer .entry h2,
#mainContainer .entry h3 {
	font-weight:bold;
	margin:0 0 0.8em 0;
	border:0;
}

#mainContainer .entry img {
	border:0;
	margin:4px 4px 4px 0px;
	padding:2px;
	overflow:hidden;
}
#mainContainer .entry img.avatar {
	padding:0 0 2em 0;
	border:0;
}
#mainContainer .entry img.alignright {
	margin:4px 0px 4px 4px;
}
#mainContainer .entry a img {
	padding:2px;
	border:0;
}
#mainContainer .entry a:hover img {
	padding:0px;
	border:2px solid #ff6600;
}

#mainContainer .entry a:link {
	color: #333399;
	font-weight:bold;
	text-decoration:underline;
}
#mainContainer .entry a:visited {
	color: #111144;
	font-weight:bold;
	text-decoration:underline;
}
#mainContainer .entry a:hover,
#mainContainer .entry a:active {
	color:#ff6600;
	text-decoration:underline;
}
#mainContainer .entry a.more-link {
	position:relative;
	left:16px;
	min-height:24px;
	_heihgt:24px;
	display:block;
	margin:1em 0;
	padding:0 54px 0.5em 0;
	font-size:80%;
	text-align:right;
	background:url(img/icon-linkmore.gif) no-repeat right bottom;
}


#mainContainer .returnTop {
	float:right;
	display:block;
	width:19px;
	height:20px;
	margin:0;
	padding:0 10px;
	font-size:80%;
	overflow:hidden;
}
#mainContainer .returnTop a {
	display:block;
	width:19px;
	height:20px;
	margin:0;
	padding:0;
	text-indent:-9000em;
	background:url(img/icon-linktop.gif) no-repeat 2px 2px;
	overflow:hidden;
}

#mainContainer .comments {
	margin:0;
	padding:0 10px 0 28px;
	font-size:90%;
	color:#999999;
	background:url(img/icon-comments.gif) no-repeat 10px 3px;
	border-bottom:1px dotted #cccccc;
}

#mainContainer .post .trackback {
	 margin:0;
	 padding:0 10px 0 28px;
	 font-size:80%;
	 color:#666666;
	 border-bottom:1px dotted #cccccc;
}

#mainContainer .post .trackback input{
	 margin:0;
	 padding:0;
	 width:330px;
	 font-weight:normal;
	 color:#999999;
	 background:transparent;
	 border:0;
}

#mainContainer .feed {
	padding:0 0 0 16px;
	background:url(img/icon-feed-12x12.gif) no-repeat 0 0;
}


/*************** Comments */

h3#respond {
	padding:24px 16px 12px 16px;
	border:0;
}
h3#comments {
	
	padding:10px 16px;
	border:0;
}
h3#comments a{
	border:0;
}

#mainContainer .commentlist {
	margin:0;
	padding:0;
}

#mainContainer .commentlist a:link,
#mainContainer .commentlist a:visited,
#mainContainer .commentlist a:active, 
#mainContainer .commentlist a:hover {
	text-decoration:underline;
}



#mainContainer .commentlist li {
	list-style-type:none;
	margin: 0;
	padding: 10px 16px 10px 16px;
	line-height:1;
	border-top:1px dotted #cccccc;
	font-size:90%;
}


#mainContainer .commentlist li p.commentAvatar {
	float:left;
	display:block;
	margin:0;
	padding:0 1em 1.4em 0;
}

#mainContainer .commentlist li .commentMeta {
	display:block;
	margin:0;
	padding:0;
	line-height:1;
}

#mainContainer .commentlist li .commentMeta .commentType {
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
}
#mainContainer .commentlist li .commentMeta .commentAuthor {
	display:block;
	margin:0;
	padding:6px 0;
	font-size:160%;
}
#mainContainer .commentlist li .commentMeta .commentDate {
	display:block;
	margin:0;
	padding:0;
}
#mainContainer .commentlist li .commentMain {
	clear:both;
	display:block;
	margin:0;
	padding:0;
}
#mainContainer .commentlist li .commentMain p {
	margin:0;
	padding: 0 0 1em 0;
}

#mainContainer .commentlist li em {
	font-weight:bold;
}
#container .commentlist li.authorcomment {
	background:#f0f0f0;
}

#container .nocomments {
	font-size:90%;
	color:#999999;
	text-align:center;
}

#mainContainer pre_ {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	
	display:block;
	width:600px;
	margin:10px 0 0 0;
	padding:10px;
	border:2px solid #fdfdfd;
	overflow:auto;
}


/*************** Comment Form */


#commentform {
	margin:0;
	padding:16px;
}

#commentform input {
	width:150px;
	padding:5px;
	background:#ffffff;
	border:1px solid #cccccc;
}

#commentform textarea {
	width: 446px;
	padding:5px;
	background:#ffffff;
	border:1px solid #cccccc;
}

#commentform input#submit {
	width:150px;
	padding:5px;
	background:#ffffff;
	border:1px solid #cccccc;
}

#commentform input:hover,
#commentform textarea:hover,
#commentform input#submit:hover,
#commentform input:focus,
#commentform textarea:focus,
#commentform input#submit:focus {
	background:#ffffff;
	border:1px solid #ff6600;
}

#commentform p.explanationOfAvatar {
	display:block;
	margin:0;
	padding:0;
}

#commentform p.explanationOfAvatar a {
	display:block;
	min-height:40px;
	_height:40px;
	padding:0 0 0 40px;
	line-height:1.4;
	background:url(img/icon-gravatar.gif) no-repeat 0 0;
}
#commentform p.explanationOfAvatar span.caption {
	font-size:80%;
}

/*************** Sidebar */

#container .sidebar {
	float:left;
	width:199px;
	font-size:90%;
	padding:0;
	margin:6px 0 0 0;
	background:#f5f5f5 url(img/bg.gif) repeat-x 0 bottom;
}

#container .sidebar.sb2 {}

#container .sidebar p,
#container .sidebar form {
	padding:10px;
	margin:0;
}

#container .sidebar ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

#container .sidebar li {
	padding:0;
	margin:0;
	padding:0;
	background:none;
	margin-bottom:2em;
}

#container .sidebar .widget li {
	border-bottom:1px dotted #cccccc;
}

#container .sidebar .widget_categories li {
	border:none;
}


#container .sidebar h2.widgettitle {
	padding: 8px 10px 6px 10px;
	font-weight:bold;
	font-size: 100%;
	line-height:1.2em;
	border-bottom:1px solid #cccccc;
}

#container .sidebar .widget {
	padding:0;
	margin:0 0 0 0;
	border-bottom:6px solid #ffffff;
	border-left:6px solid #ffffff;
}

#container .sidebar ul ul {
	padding:10px 6px;
	margin:0 0 0 10px;
}

#container .sidebar ul ul ul {
	padding:0;
	margin:0px 0 0 10px;
}

#container .sidebar li li {
	margin:0;
	padding:0 0 0 0.8em;
	background:url(img/pointer.gif) no-repeat 0 0.6em;
}
#container .sidebar li.widget_titlelist li {
	margin:0;
	padding:0 0 0 1.1em;
	background:url(img/icon-linkdown.gif) no-repeat 0 0.6em;
}

#container .sidebar li.widget_titlelist li.current {
	background:url(img/icon-here.gif) no-repeat 0 0.6em;
}
#container .sidebar li.widget_titlelist li.postlink-next {
	background:url(img/icon-linknext.gif) no-repeat 0 0.6em;
}
#container .sidebar li.widget_titlelist li.postlink-prev {
	background:url(img/icon-linkprev.gif) no-repeat 0 0.6em;
}

/*************** Fade */
#container .sidebar li.widget_titlelist {
	border-left:0;
	padding:0 0 0 6px;
	margin:0;
	background:#f5f5f5 url(img/bg-s-titlelist.gif) repeat-y 0 0;
}

#container .sidebar .widget_titlelist h2.widgettitle {
	background:url(img/bg-s.gif) repeat-x 0 top;
}
#container .sidebar .widget_recent_entries h2.widgettitle,
#container .sidebar .widget_categories h2.widgettitle,
#container .sidebar .widget_recent_comments h2.widgettitle,
#container .sidebar .widget_archive h2.widgettitle {
	/*background:url(img/bg-s.gif) repeat-x 0 top;*/
}
#container .sidebar .widget_calendar,
#container .sidebar .widget_categories {
}
#container .sidebar .widget_recent_entries {
}

#container .sidebar .widget_rss,
#container .sidebar .widget_twitterer {
	background:#ffffff url(img/bg-s2.gif) no-repeat 0 0;
}



/*************** TitleList */

#container .sidebar .widget li.pager {
	border-bottom:none;
}

#container .sidebar li.widget_titlelist li.pager {
	margin:0;
	padding:0 0 0 1.6em;
	font-size:76%;
	background:none;
	background:none;
}



/*************** Calendar */

.widget_calendar H2 {
	display:none;
}

#container .sidebar .widget_calendar {
	padding:0 0 10px 0; 
}

table#wp-calendar {
	border-collapse:collapse;
	empty-cells:show;
	margin:0 auto;
	padding:0;
	width: 161px;
}

#wp-calendar tfoot,
#wp-calendar tfoot a,
#wp-calendar tfoot tr,
#wp-calendar tfoot td {
	margin:0;
	padding:0;
	border:0;
	font-size:12px;
}

#wp-calendar #next {
	text-align:right;
}

#wp-calendar #prev {
	text-align:left;
}
#wp-calendar caption {
	margin:0 auto;
	padding:10px 0 0 0;
}


#wp-calendar tbody td,
#wp-calendar tbody th {
	margin:0;
	padding:0;
	width:23px;
	height:24px;
	text-align: center;
	font-size:12px;
	overflow:hidden;
}

#wp-calendar tbody td a {
	display: block;
	margin:0;
	padding:0;
	width:21px;
	height:22px;
	text-decoration:none;
	border-top:1px solid #fefefe;
	border-left:1px solid #fefefe;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	overflow:hidden;
}

#wp-calendar tbody td a:hover {
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #fefefe;
	border-bottom:1px solid #fefefe;
}
#wp-calendar td#today {
	color:#ffffff;
	background:#ff6600;
}

#wp-calendar td#today a:link,
#wp-calendar td#today a:visited,
#wp-calendar td#today a:active {
	color:#ffffff;
}
#wp-calendar td#today a:hover {
	color:#333399;
}



/*************** Footer */

#footerContainer {
	margin: 16px 0 0 0;
	padding:0;
	width:100%;
	min-height:200px;
	_height:200px;
	font-size:90%;
	color:#000000;
	background:#e4e4e4 url(img/basebg-footer.gif) repeat-x 0 0;
}

#footer {
	margin:0 auto;
	padding:10px 0 0 0;
	width:888px;
	min-height:240px;
	_height:240px;
	background:#ffffff;
	background:#8d8da0 url(img/bg-footer.gif) repeat-x 0 0;
	border:6px solid #ffffff;
	border-top:0;
	border-bottom:0;
}

#footer img {
	margin:0;
	padding:0;
	border:0;
	vertical-align:middle;
}

#footer p {
	margin:0 auto;
	padding:30px 10px 5px 10px;
	width:868px;
	line-height:1.6;
}


#footer .information {
	float:left;
	margin:0;
	padding:0px 10px 5px 10px;
	min-height:175px;
	_height:175px;
	line-height:1.6;
}

#footer .information.left {
	width:284px;
	border-right:1px dotted #999999;
}
#footer .information.middle {
	width:278px;
	border-right:1px dotted #999999;
}
#footer .information.right {
	width:264px;
}


#footer .iconLink {
	display:block;
	min-height:24px;
	_height:24px;
	margin:0.6em 0;
	padding:0;
}

#footer .iconLink a {
	min-height:24px;
	_height:24px;
	padding:0 0 0 0;
}

#footer ul.listLink {
	margin:0;
	padding:0.6em 0 0 0;
	list-style:none;
}

#footer ul.listLink li {
	margin:0;
	padding:0 0 0 0.8em;
	background:url(img/pointer.gif) no-repeat 0 0.4em;
}


#footer ul#footerMenu {
	clear:both;
	display:block;
	width:890px;
	height:23px;
	margin: 0;
	padding:5px;
	list-style: none;
	overflow:hidden;
}

#footer ul#footerMenu ul.children {
	display:none;
}

#footer ul#footerMenu li {
	display:inline;
}

#footer ul#footerMenu a {
	float:left;
	display:block;
	width:99px;
	height:23px;
	padding:0;
	margin :0 1px 0 0;
	text-decoration: none;
	text-align:center;
	font-size: 100%;
	color:#ffffff;
	background:#000000;
	border:0;
	filter:alpha(opacity=20); /*IE*/
	-moz-opacity:0.20; /*FF*/
	opacity:0.20;
}

#footer ul#footerMenu a:hover, 
#footer ul#footerMenu a:active,
#footer ul#footerMenu .current_page_item a,
#footer ul#footerMenu .current-cat a,
#footer ul#footerMenu .current-cat-parent a {
	background:#ff6600;
	color:#eeeeee;
	filter:alpha(opacity=100); /*IE*/
	-moz-opacity:100; /*FF*/
	opacity:100;
}