@charset "UTF-8";
/* link3 */
*{word-break: break-all;
font-family:"verdana","helvetica","osaka",ans-serif;
}

body{
	font-size: 100%;
	margin:0;
	padding:0;
	text-align:center;
	background-color: #fff;
}

form{
	margin:0;
	padding:0px;
}

table.form{
	margin:25px 0 0 13px;
}

img{
	border:none;
}

a:link {
	color: #336600;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #336600;
}
a:hover {
	text-decoration: none;
	color: #999900;
}
a:active {
	text-decoration: underline;
	color: #336600;
}
/* a*?¨a"1/2? */
#container{
	text-align:left;
	width: 890px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 0px solid #CC9966;
	background-color: #fff;
}

/* ヘッダー */
#banner,#subbanner{
	background-image: url(//img02.ti-da.net/usr/hotarupikapika/hotaruba02a.gif);
	background-repeat: no-repeat;
	height: 300px;
	width: 870px;
	margin: 0px 0px 0px 5px;
	padding: 0;
}

/* a~??a~??a~?°a~??a~??a~??a~?? */
.blogtitle {
	padding: 0px 10px 0 50px;
	display: block;
	text-align:left;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 10px;
}
/* a~??a~??a~?°e`^(a)￢?????? */
.description {
	font-size: 10px;
	font-weight: normal;
	margin: 0px 0px 0px 20px;
	height: 30px;
	/*float: right;*/
	color: #666633;
	line-height: 140%;
}

/* a*?￤a~??a~??a~?? */
#links{
	font-size: 85%;
	width:160px;
	float:left;
	text-align:left;
	margin:0px;
	padding:10px 5px 20px 5px; 
	overflow:hidden;
	border-top: 22px solid red;
	border-right: 2px solid red;
	border-left: 2px solid red;
	border-bottom: 2px solid red;
}

/* a*?^(3)a~??a~??a~?? */
#links2{
	font-size: 85%;
	width:160px;
	float:right;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:10px 5px 20px 5px; 
	overflow:hidden;
	border-top: 22px solid red;
	border-right: 2px solid red;
	border-left: 2px solid red;
	border-bottom: 2px solid red;
}

/* a"??a*?? */
#content{
	background-color: #fff;
	width:500px;
	float:right;
	padding:10px 10px 20px 5px;
	margin-right: 8px;
	margin-left: 5px;
	border-top: 22px solid red;
	border-right: 2px solid red;
	border-left: 2px solid red;
	border-bottom: 1px solid red;
}
/*追加３カラム対策用*/
#content2{
	margin-right: 0px;
	width:715px;
	float:left;
}
/* a~??a~??a~?° */
.blogbody{
	margin:0px auto 10px;
	padding:8px;
}
.title {
	font-size:95%;
	background-image: url(//img02.ti-da.net/usr/hotarupikapika/titleback002.gif);
        background-repeat: no-repeat;
　　　　/*background: url(//img02.ti-da.net/usr/hotarupikapika/hotaru-titl01.gif) no-repeat 30px 30px;*/
	/*background-repeat: no-repeat;*/
	/*background-color: #fff;*/
	height: 20px;
	padding-left: 20px;
	padding-top: 6px;
	margin: 0 0 10px;
	border-left: 10px solid red;
	border-bottom: 3px solid red;
        /*border: 3px solid red;*/
}
.date {
	font-size: 70%;
	text-align: right;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0px;
}
.main{
	width:450px;
	font-size: 70%;
	line-height: 150%;
	padding:15px;
	overflow:auto;
	background-color: #fff;
	color: #333;
}
.main img{
	margin:5px;
}
.main-continues{
	font-size:80%;
	clear: both;
}
.posted{
	background-image: url();
	background-repeat: no-repeat;
	background-position: right;
	padding: 2px 5px 5px 10px;
	text-align: right;
	font-size: 76%;
}

/* a~??a~?1/4a~??a~??a~??a~?\a~?1/4 */
.menu {
	text-align: center;
	font-size: 90%;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 15px;
	padding-bottom: 10px;
}
.pagetop {
	text-align: right;
	font-size: 70%;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* a~?^(3)a~??a~?^(3)a~??a~??a~??a~?(c)a~??a~??a~??a~??a~?? */
.form {
	width: 420px;
	margin-right: auto;
	margin-left: auto;
	border: none;
	font-size: 80%;
}
.form th {
	vertical-align: top;
	padding: 5px;
	text-align: right;
	white-space: nowrap;
}
.form td {
	vertical-align: top;
	padding: 5px;
}
.tbUrl {
	font-weight: bold;
	color: #666666;
	font-size: 90%;
	margin-top: 10px;
	margin-bottom: 10px;
}
#tbSpace, #comSpace {
	font-size: 80%;
	width: 470px;
	margin-right: auto;
	margin-left: auto;
}

.trackback-post, .comments-post {
	margin-bottom: 5px;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #ff0000;
	padding-top: 2px;
	text-align: right;
	font-size: 86%;
}
.trackback-url {
	font-size: 14px;
	color: #CC9966;
	font-weight: bold;
	padding-left: 10px;
	padding-bottom: 5px;
}
.comments-body, .trackback-body {
	padding: 5px;
	font-size: 86%;
}
.comments-head, .trackback-head {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 90%;
	font-weight: bold;
	color: #666600;
}

label{	
font-size:12px;	
font-weight:bold;	
}	

#author{width:200px;border:1px solid #CCCCCC;}	
	#email{width:200px;border:1px solid #CCCCCC;}
	#url{width:200px;border:1px solid #CCCCCC;}
	#text{font-size:12px;width:260px;height:200px;border:1px solid #CCCCCC;}


/* サイドバーのタイトル */
.sidetitle{
	background-color: #ff0000;
	color: #fff;
	padding: 3px;
	border-left-width: 6px;
	border-left-style:double;
	border-left-color: #fff;
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 80%;
	font-weight: bold;
	width:148px;
}

.side{
	font-size: 80%;
	line-height: 130%;
	width:148px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.side .text{
	width:80px;
}
.sidebody {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 8px;
	text-align: left;
}

/* a~??a~?￢a~?^(3)a~??a~?1/4 */
.calender {
	font-size: 80%;
	width: 156px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
.calendarhead {
	text-align: center;
	padding-bottom: 5px;
	font-weight: bold;
}
.calendartable {
	width: 156px;
	margin-right: auto;
	margin-left: auto;
	background-color: #CCCC99;
}
.calendarwd {
	text-align: center;
}
.calendard {
	text-align: center;
	background-color: #FFFFFF;
}
.sat {
	color: #3366CC;
}
.sun {
	color: #990000;
}
.today {
	font-weight: bold;
	color: #336600;
}

/* a~?^(a)a~?1/4a~??a~?1/4a~??a~??a~?1/4a~?? */
.inquiry{}

/* RSS */
.rss li {
	display: inline;
	list-style-type: none;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 85%;
}
/* a~?￠a~??a~??a~?^(1)a~??a~?￤a~?^(3)a~?? */
.counter{}
/* e`^(a)?e`??c,??e'?^(2) */
.subscription .sidetitle{
	text-align: left;
	}
.subscription{
	text-align: center;
	}
.subscription .text{
	width: 130px;
	margin-right: 5px;
}
/* a~???°?a~??a*?\a~?? */
.link{}
/* a~??a~??a~?°a*?????c,´￠ */
.search{}

/* QRa~?^(3)a~?1/4a~?? */
.qrcode{}
/* a~??a*?§a~??a*??a*?? */
.article_ad{}
/* a~??a~?^(1)a~??a~? a~??a~?(c)a~?°a~??a~?^(3) */
.custom1 , .custom2, .custom3 {
	width: 138px;
	font-size: 80%;
	line-height: 130%;
	padding: 10px;
}
/* a~??a~??a~??a~?1/4 */
#footer {
	height: 15px;
	background-color: red;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-size: 10px;
	color: #fff;
	font-weight: bolder;
}
/* e`?1/2a*? a*1/4?c,?¨a~??a~?° */
blockquote{
      padding: 10px 0px 10px 10px;
      width: 370px;
      /*background-color: #ff6666;*/
      margin-left: 15px;
      margin-top: 40px;
      margin-bottom: 40px;
      border-width: 3px;
      border-style: solid;
      border-color: #cc9933;
}
.border div
{
      padding: 0px 0px 10px 15px;
      width: 300px;
      /*background-color: #ff6666;*/
      margin-left: 60px;
      margin-top: 40px;
      margin-bottom: 40px;
      border-width: 3px;
      border-style: solid;
      border-color: #cc9933;
      
}
.border2 div
{
       padding: 0px 0px 10px 15px;
      width: 370px;
      /*background-color: #ff6666;*/
      margin-left: 15px;
      margin-top: 40px;
      margin-bottom: 40px;
      border-width: 3px;
      border-style: solid;
      border-color: #cc9933;
}
/* c,?1/2a~??a"^(o)?e'??c,????  */
.border3 div
{
       padding: 10px 0px 20px 10px;
      width: 370px;
      /*background-color: #ff6666;*/
      margin-left: 15px;
      margin-top: 40px;
      margin-bottom: 40px;
      border-width: 13px;
      border-style: double;
      border-color: #fff;
}
/* e`??a~??c,?^(1)c,????  */
.border4 div
{
       padding: 10px 0px 20px 10px;
      width: 370px;
      /*background-color: #ff6666;*/
      margin-left: 15px;
      margin-top: 40px;
      margin-bottom: 40px;
      border-width: 6px;
      border-style: dotted;
      border-color: #ff0000;
}
/* c,??a~??a*??c,????  */
.border5 div
{
       padding: 10px 0px 20px 10px;
      width: 370px;
      /*background-color: #ff6666;*/
      margin-left: 15px;
      margin-top: 40px;
      margin-bottom: 40px;
      border-width: 5px;
      border-style: solid;
      border-color: #336633;
}
/* a~??a~?^(3)a~??c,^(3)?a~??a~??a~?1/4a~??c,????  */
.border6 div
{
       padding: 10px 0px 20px 10px;
      width: 370px;
      /*background-color: #ff6666;*/
      margin-left: 15px;
      margin-top: 40px;
      margin-bottom: 40px;
      border-width: 15px;
      border-style: groove;
      border-color: #ff0099;
}
/* a~?^(a)a~?￢a~?^(3)a~??e`?^(2)a~????  */
.border7 div
{
      padding: 10px 0px 20px 10px;
      width: 370px;
      background-color: #ff9900;
      color: #fff;
      font-size: 110%;
      margin-left: 15px;
      margin-top: 40px;
      margin-bottom: 40px;
}
/*ヘッダーのリンク用画像*/
.head{
	padding-top:0px;
}



.head img{
       margin: 0px 0px 0px 0px;
	width:870px;
	height:300px;
	border:none;
}
.headtitl{
	font-size: 11px;
	margin-bottom: 5px;
}
/* ヘッダー下のメニュー */
.navitb{
    color:#ffffff;
    font-size:12px;
    font-weight: bolder;
    text-align:center;
}

.navitb ul,.navitb li{
margin:0px 0px 2px 0px;
padding:0px 0px 3px 0px;
list-style:none;
}

.navitb li{
    background-color:red;
    margin: 1px 0px 2px 1px;
    padding: 0px 0px 0px 1px;
    float:left;
    
}

.navitb li.home{
   
    margin-left:2px;
}

/* ヘッダー下のメニューリンク */
.navitb a{
text-decoration:none;
	color:#fff;
    width:107px;
    height:16px;
    text-align:center;
    padding:2px 0;
    display:block;
}
.navitb a:link{
text-decoration:none;
	color:#fff;
    width:107px;
    height:16px;
    text-align:center;
    padding:2px 0;
    display:block;
}
.navitb a:visited{
text-decoration:none;
	color:#fff;
    width:111px;
    height:16px;
    text-align:center;
    padding:2px 0;
    display:block;
}
.navitb a:active{
    text-decoration:none;
    color:#fff;
    /*background-color:#5D2911;*/
}
.navitb a:hover{
text-decoration:none;
	color:#ff0000;
        background-color:#ffff00;
	/*background-image: url();*/
        /*background-attachment:fixed;*/
}