/*
Theme Name: hotta-wp-weblog
Theme URI: http://blog.hotta-megane.co.jp/weblog/hotta-wp-weblog/
Description:　オリジナルテーマ
Author:堀田
Author URI: http://blog.hotta-megane.co.jp/
Version: 1.0
*/

/****************** 全体 ******************/
*	{
	margin : 0px ;
	padding : 0px ;}
body	{
	margin : 0px ;
	padding : 0px ;
	background : #f3f3f3 url("images/back.gif") repeat-y center ;
	color : #333333 ;
	text-align : center ;}
p	{
	color : #333333 ;
	font-size : 80% ;
	line-height : 2em ;}
a	{
	color : #0000CC ;
	text-decoration : none ;
	font-weight : bold ;}
ul	{
	margin-bottom : 10px ;}
img	{
	border : none ;
	vertical-align : top ;}

#contents	{
	width : 800px ;
	margin : 0 auto ;
	background-color : #FFFFFF ;border: 1px solid #dcdcdc;
	text-align : left ;
	position : relative ;}

/****************** メイン ******************/
#mainarea	{
	width : 800px ;
	margin-top : 10px ;
	position : relative ;}
#main-blog	{
	width : 570px ;
	padding-left : 15px;
	position : relative ;
	float : left ;}

.post	{
	width:570px;
	margin-bottom : 30px ;}
.post .postdate	{
	font-size : 13px ;
	color : #993333 ;
	margin-bottom : 1px ;
	padding : 3px 5px ;}
.post .postdate .top-page	{
	color : #993333 ;
	font-weight : normal ;
	margin-left : 380px ;}
.post .postdate .top-page a	{
	font-size : 11px ;
	color : #993333 ;
	font-weight : normal ;
	text-decoration : none ;}
.post .postdate a:hover	{
	text-decoration : none ;}
.post .postdate .top-page a:hover	{
	color : #FFFFFF ;
	background-color : #33CC00 ;}
.post h2	{
	color : #990000 ;
	font-weight : bold ;
	font-size : 19px ;
	margin-bottom : 10px ;
	clear : both ;
	border-right : 2px solid #AAAAAA ;
	border-bottom : 2px solid #AAAAAA ;
	border-left : 10px solid #99FF00 ;
	bockground-color : #FFFAF4 ;
	padding : 3px 5px ;}
.post h2 a	{
	display : block ;
	color : #990000 ;}
.post p ,.post dd	{
	color : #000033 ;
	font-size : 85% ;
	letter-spacing :  ;}
.post p a	{
	font-weight : normal ;}
.post p a:hover	{
	text-decoration :underline ;}
.postbody	{
	border-right : solid 2px #CCCCCC ;
	border-bottom : solid 2px #CCCCCC ;
	padding : 5px 20px ;}
.post .postbody p	{
	margin-bottom : 15px ;}
.post h3 ,.post dt{
	color : #333333 ;
	font-weight : bold ;
	font-size : 95% ;
	margin-bottom :10px;}
.post h3 a:hover,.post dt a:hover	{
	text-decoration :underline ;}
.post .h3post ,.post dd	{
	margin-left : 20px ;
	margin-top : 7px ;
	margin-bottom : 15px ;}
.postbody strong	{
	color : #000000 ;
	border-bottom : solid 1px red ;}
.postbody em	{
	color : #000000 ;
	font-style : normal ;
	font-weight : bold ;}
.clear	{
	clear : both ;}

.post ul ,.post ol	{
	font-size : 90%;
	color : #000000 ;
	list-style-type : square ;
	list-style-position : inside ;
	padding : 5px ;}
.post ol	{
	list-style-type : decimal ;}
.post ul li ,.post ol li	{
	margin-bottom : 10px ;}

.post table	{
	font-size : 90% ;
	color : #666666 ;
	border : none ;
	margin-bottom:10px;}
.post th	{
	width :  ;
	text-align : right ;
	vertical-align : top ;
	padding : 5px ;
	border : none ;}
.post td	{
	text-align : right ;
	vertical-align : top ;
	padding : 5px ;
	border :  ;}

.waku dl	{
	font-size : 90% ;
	color : #666666 ;
	background-color : #FFFFDD ;}
.waku dt	{
	float : left ;
	width : 6em ;
	text-align : right ;
	padding-bottom : 10px ;
	background-color : #DDCCFF ;}
.waku dd	{
	width : 30em ;
	margin-left : 7em ;
	padding-bottom : 10px ;
	background-color : #DDDDFF ;}

.post .clboth	{
	clear : both ;}
.post .postinfo	{
	clear : both ;}
.post p.postinfo	{
	text-align : right ;
	color : #009900;
	font-size : 13px ;
	font-weight : normal ;
	letter-spacing : 0px ;
	margin : 10px 5px ;}
.post p.postinfo a	{
	color : #009900;}

.aligncenter,.al-c	{
	text-align : center ;}
.aligncenter img,.al-c img	{
	border : 2px solid #CCCCCC ;
	padding :  ;}
.floatright,.fl-r	{
	float : right ;
	padding-left : 10px ;
	padding-bottom : 10px ;}
.floatright-clear,.fl-r-clear	{
	clear : both ;
	float : right ;
	padding-left : 10px ;
	padding-bottom : 10px ;}
.floatleft,.fl-l	{
	float : left ;
	padding-right : 10px ;
	padding-bottom : 10px ;}
.floatleft-clear,.fl-l-clear	{


	clear : both ;
	float : left ;
	padding-right : 10px ;
	padding-bottom : 10px ;}

.postbody p.blogrank	{clear:both;}
.postbody p.blogrank a	{
	color : #D2691E ;
	text-decoration : none ;}
.postbody p.blogrank a:hover	{
	text-decoration : underline ;}
.postbody p.blogrank a img	{
	border : none ;}


img.alignnone {
	border : 1px solid #CCCCCC ;
	display: block;
}
img.aligncenter {
	border : 1px solid #CCCCCC ;
	display: block;
	padding: ;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	border : 1px solid #CCCCCC ;
    padding: ;
    margin: 0 0 5px 15px;
    display: inline;
}
img.alignleft {
	border : 1px solid #CCCCCC ;
    padding: ;
    margin: 0 15px 5px 0;
    display: inline;
}
.alignright	{
	float: right ;}
.alignleft	{
	float: left ;}
.alignclear	{
	clear : both ;}

/************************************** 携帯投稿用 */
.postbody p img	{
	border : 2px solid #CCCCCC ;}

.postbody p.mobile img	{
	border : none ;}

/* コメント */
#comments	{
	background-color : #FFFFCC ;
	width : 570px ;}
#comtb	{
	margin-left : 20px ;
	margin-bottom : 50px ;
	border-top : dotted 1px #81C82F ;}
#comtb p	{
	font-size : 13px ;
	padding-left : 5px ;
	margin-top : 10px ;}
#comtb p a	{
	font-weight : normal ;}
#comtb h3	{
	font-size : 14px ;
	font-weight : bold ;
	border-right : 1px solid #AAAAAA ;
	border-bottom : 1px solid #AAAAAA ;
	border-left : solid 10px #81C82F ;
	padding : 3px 5px ;
	margin-top : 10px ;}
#comtb h4	{
	font-size : 13px ;
	font-weight : bold ;
	border-right : 1px solid #CCCCCC ;
	border-bottom : 1px solid #CCCCCC ;
	border-left : solid 7px #81C82F ;
	padding : 3px 5px ;
	margin-top : 10px ;}
#tb ,#compost ,#com	{
	margin-left : 10px ;}
#tb #tburl	{
	width : 520px ;
	margin-top : 10px ;
	margin-left : 10px ;
	color : #666 ;}
#comtb .cominfo	{
	text-align : right ;
	margin : 5px 20px 5px 5px ;}
#com p	{
	text-align : left ;
	font-weight : bold ;
	margin : 5px ;}
#com p.font-n	{
	font-weight : normal ;}
#com input {
	width : 280px ;}
#com #author	{
	width : 150px ;}
#com textarea	{
	width : 500px ;}
#com p.submitbutton	{
	margin-left : 100px ;}
#com p.submitbutton input	{
	width : 200px ;
	padding : 3px 1px ;
	font-weight : bold ;
	color : #555 ;}

.commentcontent	{
	border-bottom : 1px dotted #CCCCCC ;
	border-right : 1px dotted #CCCCCC ;}


p.navigation	{
	text-align : center ;
	margin-bottom : 30px ;}
p.navigation a:hover	{
	text-decoration : underline ;}

div.navi-page	{
	text-align: center;
	font-size: 12px;
	padding: 5px 10px 6px;
	line-height: 24px;
	margin-bottom : 30px ;}

div.navi-page a	{
	text-decoration:  ;
	border-bottom: ;}

/****************** ヘッダーCSS ******************/
#header	{
	width : 800px ;
	position : relative ;
	background-image : url("images/g2b.gif") ;}

/* ヘッダー */

#header h1	{
	width : 600px ;
	line-height : 50px ;
	text-align : center ;
	vertical-align : middle;
	font-family : serif ;
	font-size : 27px ;
	color : #336600 ;
	position : absolute ;
	top : 0 ;
	right : 0 ;}

#img	{
	width : 800px ;
	height : 150px;
	position : relative ;}
.image2	{
	background-image : URL("images/image-photo1.jpg");
	text-align : center;
	width : 800px ;
	height : 150px ;
	float : left ;
	clear : both ;}

/* パンくず */
#pankuzu	{
	clear : both ;}
#pankuzu h4	{
	font-size : 14px ;
	margin-left : 15px ;
	padding : 10px 0px 0px 0px ;}
#pankuzu h4 a	{
	color : #339966 ;}
#pankuzu h4 a:hover	{
	text-decoration :underline ;
	color : #0033FF ;}

/* サイドバー */
#side-blog	{
	width : 195px ;
	padding-right : 5px ;
	padding-left : 5px ;
	border-left : dotted 1px #999999;
	float : right ;}
#side-blog h2	{
	font-size : 14px ;
	text-align : left ;
	border-right : 1px solid #AAAAAA ;
	border-bottom : 1px solid #AAAAAA ;
	border-left : 7px solid #CCFF99 ;
	background-color : #FFFAF4 ;
	padding : 2px 25px;
	color : #66CC33 ;}
#side-blog ul	{
	line-height : 140% ;
	list-style-type : none ;
	bacground-color : #FFFAF4 ;
	font-size : 12px ;
	padding : 0px 5px ;}
#side-blog ul li	{
	border-bottom : dotted 1px #AAAAAA ;
	background : #FFFFFF URL("images/marker-red-r.gif") left center no-repeat ;}
#side-blog ul li a	{
	display:block;
	color : #666666 ;
	font-weight : normal ;
	line-height : 2em ;
	padding-left : 10px ;
	background : #FFFFFF URL("images/marker-white.gif") left center no-repeat ;}
#side-blog .navi-c ul li a	{
	display:inline;}
#side-blog li a:hover	{
	background-color : transparent ;
	background-image : none ;
	color : #000000 ;}
#side-blog .navi-w ul li	{
	color : #666666 ;
	font-weight : normal ;
	line-height : 1.5em ;
	padding-left : 0 ;
	background : #FFFFFF URL("images/marker-white.gif") left center no-repeat ;}
#side-blog .navi-w ul li ul	{
	font-size : 10px ;}
#side-blog .navi-w ul li ul li	{
	border-bottom : none ;
	padding-left : 10px ;}
#side-blog .navi-w ul li ul li a	{
	display:inline;
	color : #666666 ;
	font-weight : normal ;
	line-height : 1em ;
	padding-right : 10px ;
	background : #FFFFFF URL("images/marker-white.gif") left center no-repeat ;}

#side-blog .navi-w a:hover	{
	background-color : transparent ;
	background-image : none ;
	color : #000000 ;
	font-weight : bold ;}

#side-blog ul li .choice1	{
	background-color : transparent ;
	background-image : none ;
	color : #000000 ;}
#search ul li	{
	padding-top : 5px ;
	border-bottom : none ;
	background : #FFFFFF URL("images/marker-white.gif") left center no-repeat ;}
#search #s	{
	width : 130px ;}


#calender	{
	width : 190px ;
	margin : 0px 0px 15px 0px ;}
#calender table	{
	width :95% ;
	margin : 0 auto ;
	font-size : 90% ;}
#calender caption a:hover	{
	background-color : #99FF00 ;}
#calender th ,#calender td	{
	padding : 1px ;
	text-align : center ;}
#calender th	{
	border-right : 1px solid #CCCCCC ;
	border-bottom : 1px solid #CCCCCC ;
	background : #E0E0E0 ;}
#calender td	{
	border-right : 1px solid #E0E0E0 ;
	border-bottom : 1px solid #E0E0E0 ;}
#calender td a	{
	display : block ;
	color : #99FF00 ;
	text-decoration : none ;}
#calender td a:hover	{
	background-color : #99FF00 ;
	color : #FFFFFF ;
	text-decoration : none ;}
/* フィード */
#feed img	{
	vertical-align : middle ;
	boder : none ;
	margin-right : 3px ;}
#feed a	{
	color : #eb7a29 ;
	font-size : 14px ;
	font-weight : bold ;
	margin-left : 10px ;}
.navi p#feed	{
	margin-bottom : 10px ;}

/* フッター */
address	{
	font-family : "Times New Roman",Times,serif ;
	font-size : 80% ;
	font-style : normal ;
	text-align : center ;
	padding-top : 5px ;
	padding-bottom : 5px ;
	margin-top : 5px ;
	color : #FFFEFD ;
	background-image : URL("images/g4b.gif")  ;
	border : none ;
	clear : both ;}
address a	{
	color : #FFFEFD ;}
#footer	{
	width : 800px ;
	position : relative ;
	clear : both ;}
#footer h5	{
	font-size : 10px ;
	font-weight : nomal ;
	margin-top : 15px ;
	text-align : center ;}
#footer h5 a	{
	color : #339966 ;
	padding : 0px 5px ;
	text-align : center ;
	text-decoration :underline ;}
#footer h5 a:hover	{
	color : #0033FF ;}
/****************** navbar用CSS ******************/

#navbar	{
	white-space : normal ;
	text-align : center ;
	position : absolute ;
	top : 50px ;
	left : 200px ;}
#navbar ul	{
	list-style : none ;
	height : 25px ;}
#navbar .menu0	{
	width : 120px ;
	position : absolute ;
	top : 0 ;
	left : 0 ;}
#navbar .menu1	{
	width : 120px ;
	position : absolute ;
	top : 0 ;
	left : 120px ;}
#navbar .menu2	{
	width : 120px ;
	position : absolute ;
	top : 0 ;
	left : 240px ;}
#navbar .menu3	{
	width : 120px ;
	position : absolute ;
	top : 0 ;
	left : 360px ;}
#navbar .menu4	{
	width : 120px ;
	position : absolute ;
	top : 0 ;
	left : 480px ;}
#navbar ul li	{
	float : left ;
	width : 120px ;}
#navbar ul li a	{
	display : block ;
	width : 100% ;
	line-height : 25px ;
	color : #FFFFFF ;
	font-size : 16px;
	font-weight : bold;
	vertical-align : middle;
	background : URL("images/header.gif") left top no-repeat ;
	text-decolation : none ;
	text-align : center ;}
#navbar ul li a:hover	{
	background : URL("images/header.gif") right top no-repeat ;}
#navbar ul ul .submenu	{
	list-style-type : none ;
	visibility : hidden ;
	position : absolute ;
	top : 25px ;
	left : 0 ;}
#navbar ul ul li	{
	background-color : #FF9900 ;
	border-left : solid 1px #CCCCCC ;
	border-bottom : solid 1px #999999 ;
	border-right : solid 1px #999999 ;
	line-height : 100% ;}
#navbar ul ul li a	{
	display : block ;
	background-image : none ;
	background-color : #FCD696 ;
	padding : 2px ;
	color : #333333 ;
	font-size : 12px ;
	line-height : 1.5em ;}
#navbar ul ul li a:hover	{
	background-image : none ;
	background-color : transparent ;
	color : #FFFFFF ;}
#navbar .choice	{
	background-position : right top ;}