body {
text-align:center;
font-family: Arial, Helvetica, sans-serif;
margin-top:0px;
margin-right:auto;
margin-bottom:0px;
margin-left:auto;
padding:0px;
background-color:#FFFFFF;
background-image:url(http://blog-imgs-24.fc2.com/h/a/b/habaneros/dot_25.gif);
}
/*↑全体のバックの写真を変えるならここ。画像でなく色にするならイメージ部分は削除して色指定 */

h1 { font-size: 15pt;
 font-weight : bold;
color : #ffffff;
margin : 0px;
padding : 20px 20px 0px 0px;
font-family:"Book Antiqua","MS UI Gothic","Verdana","ＭＳ Ｐゴシック","Arial Black","Impact","Osaka";}

h1 a:{
        color : #3894C8;
        background-color : transparent;
}
h1 a:visited {
        color : #3894C8;
        background-color : transparent;
}
h1 a:hover {
        color : #FFFE9D;
        background-color : transparent;
}
h1 a:active {
        color: #FFFE9D ; 
        text-decoration: none;
        background-color : transparent;
}

#layout {
          width              : 800px;
          background-color   : #ffffff;
         border-right       : solid 2px #999999;
          border-left        : solid 2px #999999;
margin:0px auto 0px auto;
}
/*↑中の枠線の色を変えたいならここのborderの色指定を変える① */
/*↑サイトの横幅を変えたいならここのwidthの数値を変える① */





#header {
          width              : 800px;
          height             : 200px;
          margin-top         : 0px;
          padding-top        : 0px;
          text-align         : right;
          background-color   : #ffffff;
          background-image   : url(http://blog-imgs-24.fc2.com/h/a/b/habaneros/20070620162931.png);
}

/*↑ヘッドの写真を変えるならここサイズは基本で800 200。サイズを変えるなら上のheightで高さだけは変えられます。 */
/*↑中の枠線の色を変えたいならここのborderの色指定を変える② */
/*↑サイトの横幅を変えたいならここのwidthの数値を変える② */




h2 {
	  font-size         : 14px;
	  margin-top        : 5px;
	  margin-bottom        : 5px;
	  font-weight       : normal;
	  color             : #333333;
	  padding           : 0px 35px 0px 2px;
 line-height           : 150%;
font-family:"MS UI Gothic","Verdana","ＭＳ Ｐゴシック","Arial Black","Impact","Osaka";}






blockquote {
	   border           : 1px solid #cccccc;
	   background-color : #ffffff;
	   margin           : 5px;
	   padding          : 5px;
	   line-height      : 20px;
}
p {
	   margin           : 0px;
	   padding          : 0px;
}



ul {
	  text-align          : left;
}


#main {
	 float               : right;
	 width   　　　　　　: 550px;
	 margin              : 0px;
	 padding             : 30px 0px 0px 10px;
}

/*↑サイトの横幅を変えたいならここのwidthの数値を変える③
注意点、①②で足したり引いた数値とこの③④・⑤の数値は合わせる事。 */


.entry{
	  width              : 550px;
	  margin             : 0px 15px 15px 0px;
           padding            : 0px;
           background-color   : #FFFFFF;
	  border-top         : 1pt solid #cccccc;
	  border-left        : 1pt solid #cccccc;
	  border-right       : 1pt solid #cccccc;
	  border-bottom      : 1pt solid #cccccc;
           over-flow          : hidden;
text-align:left;
}
/*↑サイトの横幅を変えたいならここのwidthの数値を変える④ */
/*↑中の枠線の色を変えたいならここのborderの色指定を変える③ */



.entrytitle  {
	  margin             : 0px;
	  padding            : 17px 0px 18px 42px;
	  font-size          : 12pt;
	  font-weight        : bold;
	  color              : #333333;
           background-image   : url(http://blog-imgs-11.fc2.com/t/e/m/templatecool/imageno5icon.gif);
	  background-position : 3% 46%;
	  background-repeat   : no-repeat;
　　　　　 text-align        : left;
	  border-bottom      : 1px dotted #cccccc;
font-family:"MS UI Gothic","Verdana","ＭＳ Ｐゴシック","Arial Black","Impact","Osaka";}
/*↑記事のタイトル横のアイコンを変えるならここ */
/*↑中の枠線の色を変えたいならここのborderの色指定を変える④ */
/*アイコンの場所を変えるなら 1% 46%を（左から・上からの％なので、調整 */




.entrytitle a {}
.entrytitle a:visited {}
.entrytitle a:hover {}
.entrytitle a:active {}


.entry_text {
          margin              : 0px;
	 padding             : 15px 0px 10px 10px;
	 font-size           : 11pt;
	 line-height         : 20px;
	 color               : #333333;
	 text-align          : left;
	 overflow            : hidden;
}
.entry_text a {
	color                : #ff6666 ;
         background-color     : #fff9f0 ;
	text-decoration      : underline ;
}
.entry_text a:visited {
	color                : #ff6666 ;
         background-color     : #fff9f0 ;
	text-decoration      : underline ;
}
.entry_text a:hover {
         color                : #ff6666 ;
         background-color     : #ffffff;
	text-decoration      : none;
}
.entry_text a:active {
	color                : #ff6666 ;
         background-color     : #fff9f0 ;
	text-decoration      : underline ;
}


.morelink {
	margin               : 0px;
	padding              : 10px 0px 0px;
	font-size            : 12px;
	color                : #666666;
	line-height          : 22px;
	text-align           : left;
}
.entry_more {
	margin               : 0px;
	padding              : 10px 0px 0px;
	font-size            : 12px;
	color                : #666666;
	line-height          : 22px;
	border-top           : 2px dotted #888888;
}



.entry_state {
         margin               : 0px;
         padding              : 10px 10px 10px 0px;
	font-size            : 10px;
	color                : #666666;
	text-align           : right;
         border-top               : 1px dotted #cccccc;
         background-color     : #ffffff;
}
/*↑中の枠線の色を変えたいならここのborderの色指定を変える⑤ */


.entry_state a {}
.entry_state a:visited {}
.entry_state a:hover {}
.entry_state a:active {}


.entry_title {
          margin              : 0px;
	 padding             : 20px 0px 0px 20px;
	 font-size           : 12px;
	 line-height         : 20px;
	 color               : #333333;
	 text-align          : left;
	 overflow            : hidden;
}


.com_title {
	padding    　　　    : 5px 0px 10px 15px;
	font-size            : 11pt;
         text-align           : left;
	font-weight          : bold;
	color                : #333333;
}
.com_text {
	padding              : 0px 20px 10px;
         text-align           : left;
	font-size            : 11pt;
	color                : #666666;
}
.com_state {
	font-size            : 12px;
	color                : #888888;
	text-align           : right;
         margin               : 10px;
         padding              : 5px;
}


.com_body{
         margin                : 0px;
	padding               : 0px 10px 10px 10px;
	font-size             : 12px;
         text-align            : left;
         color                 : #888888;
         line-height           : 20px;
}
.comform_text{
	border                : 1px solid #999999;
}
.comform_textarea{
	border                : 1px solid #999999;
         scrollbar-track-color : #FFFFFF;
         scrollbar-face-color  : #FFFFFF;
         scrollbar-darkshadow-color: #FFFFFF;
         scrollbar-highlight-color : #999999;
         scrollbar-3dlight-color   : #FFFFFF;
         scrollbar-arrow-color     : #999999;

}
.pass{
	width            　　  :100px;
	border                 :1px solid #999999;
}
.check{
	border                 :1px solid #999999;
}
.button{
	width                  : 50px;
         background-color       : #FFFFFF;
      	border-top             : 1px solid #999999;
	border-left            : 1px solid #999999;
	border-right           : 1px solid #999999;
	border-bottom          : 1px solid #999999;

}


.traba_url{
	padding                : 5px 10px 10px;
	font-size              : 12px;
	text-align             : center;
}
.traba_form{
         margin                 : 0px;
	padding                : 5px;
         color                  : #666666;
         font-size              : 12px;
      	border-top             : 1px solid #999999;
	border-right           : 1px solid #999999;
	border-left            : 1px solid #999999;
	border-bottom          : 1px solid #999999;
}
.traba_text{
	padding                : 10px 20px 15px;
         text-align             : center;
	font-size              : 11px;
	color                  : #888888;
}


.page_link{
	border                 : 0px;
	color                  : #CCCCCC;
	padding                : 5px 10px;
	margin                 : 20px 0px 20px 0px;
	text-align             : center;
	font-size              : 10px;
	width                  : 450px;
}


#side {
        float                    : left;
        width                    : 190px;
        margin                   : 30px 0px 0px 10px;
        padding                  : 0px;
        background-color         : #FFFFFF;
        color                    : #555555;
        text-align               : left;
}
/*↑サイトの横幅を変えたいならここのwidthの数値を変える⑤ */


#side p{
        margin                   : 0.3em;
        color                    : #666666;
        font-size                : 12px;
}
#side textarea {
	border                  : 1pt solid #999999;
	color                   : #999999;
	font-size               : 12px;
         scrollbar-track-color   : #FFFFFF;
         scrollbar-face-color    : #FFFFFF;
         scrollbar-darkshadow-color : #FFFFFF;
         scrollbar-highlight-color  : #808080;
         scrollbar-3dlight-color    : #FFFFFF;
         scrollbar-arrow-color      : #808080;
}
/*↑中の枠線の色を変えたいならここのborderの色指定を変える⑥ */



#side input {
	border                  : 1px solid #999999;
	margin-top              : 2px;
	color                   : #666666;
         background-color        : #FFFFFF;
}

.sititle {
         font-size               : 12px;
         color                   : #666666;
	font-weight             : bold;
	border-top           : 1pt solid #cccccc;
	border-bottom           : 1pt solid #cccccc;
          background-image   : url(http://blog-imgs-11.fc2.com/t/e/m/templatecool/imageno5icon.gif);
	  background-position : 1% 46%;
	  background-repeat   : no-repeat;
         text-align              : left;
         margin                  : 0px;
         padding                 : 9px 0px 8px 24px;}
/*↑プラグインタイトル横のアイコンを変えるならここのイメージ */
/*アイコンの場所を変えるなら 1% 46%を（左から・上からの％なので、調整 */
/*↑中の枠線の色を変えたいならここのborderの色指定を変える⑦ */





li {
	  margin              : 0px;
	  padding             : 0px 0px 0px 0px;
	  line-height         : 150%;
	  color               : #333333;
   
}

ul {
	  text-align          : left;
	  margin              : 0px;
	  padding             : 0px;
	  text-decoration     : none;
   list-style: none;
}

.side_text1,.side_text2,.side_text3 {
	font-size   : 12px;
	padding     : 8px 0px 0px 15px;
	line-height : 130%;
	margin      : 0px 0px 30px 0px;
   
}


.side_text1 li {
	   list-style: none; 
	  margin                : 0px;
	  padding               : 0px 0px 0px 5px;
	  line-height           : 150%;
	  color                 : #666666;
}




.side_text2 li {
	   list-style: none; 
	  margin                : 0px;
	  padding               : 0px 0px 0px 5px;
	  line-height           : 150%;
	  color                 : #666666;
}


.side_text3 li {
	   list-style: none; 
	  margin                : 0px;
	  padding               : 0px 0px 0px 5px;
	  line-height           : 150%;
	  color                 : #666666;
}


#footer {
        width                      : 800px;
        clear                      : both;	
        margin                     : 0px 0px 0px;
        padding                    : 10px 0px 10px 0px;
        color                      : #333333;
        text-align                 : center;
        font-size                  : 9px;
          border-top        : solid 1px #999999;
          border-bottom        : solid 1px #999999;
           background-image   : url(http://blog-imgs-11.fc2.com/t/e/m/templatecool/imageno5top.gif);
}
/*↑フッターの画像を変えるならここ */
/*↑中の枠線の色を変えたいならここのborderの色指定を変える⑧ */




#footer a { 
color: #333333; 
text-decoration: none; 
background-color : transparent;
}
#footer a:link{ 
color: #333333; 
text-decoration: none;
background-color : transparent;
}
#footer a:visited	{ 
color: #333333;
text-decoration: none;
background-color : transparent;
}
#footer a:active	{ 
color: #990000; 
text-decoration: underline;
background-color : transparent;
}
#footer a:hover{ 
color: #990000; 
text-decoration: underline;
background-color : transparent;
}



	textarea,input,select {
	font-family: Arial, Helvetica, sans-serif;
}


.calender_table ul { font-size:10px; text-align:center; padding:0px; margin:0px; list-style-position:inside; 
	  border-bottom      : 1px dotted #aaaaaa;}
.calender_table li { background-color:#ffffff; display:inline; list-style-type:none; margin:0px; }
.calender_day { color:#999999; padding:0px 3px 0px 3px; }
.pmonth-calendar { margin:0px 10px 0px 0px; }
.nmonth-calendar { margin:0px 0px 0px 10px; }

.calender_day a { color: #333333; text-decoration: underline; }
.calender_day a:link{ color: #333333; text-decoration: underline; }
.calender_day a:visited	{ color: #333333; text-decoration: underline;}
.calender_day a:active	{ color: #990000; text-decoration: underline; }
.calender_day a:hover{ color: #990000; text-decoration: underline; }

html {
         scrollbar-track-color     : #FFFFFF;
         scrollbar-face-color      : #FFFFFF;
         scrollbar-darkshadow-color: #FFFFFF;
         scrollbar-highlight-color : #808080;
         scrollbar-3dlight-color   : #FFFFFF;
         scrollbar-arrow-color     : #808080;
}


img {
	border: 0px;
}

.calender{
	width:175px;
	margin:0 0px 0 0px;
	background:#cccccc;
	color:#000;
	border:solid #333333;
	border-width:0 1px 1px 1px;
	margin-left:0px;
font-size                  : 9px;
}

.calender caption{
	border:solid #333333;
	border-width:1px 1px 0 1px;
	background:#fff;
	margin-left:0px;
}

.calender th{
	text-align:center;
	background:#cccccc;
}

.calender td{
	text-align:center;
	background:#fff;
}

.calender td a{
	text-decoration:underline;
}

a {
	color                : #ff6666 ;
         background-color     : #fff9f0 ;
	text-decoration      : underline ;
}

a:link {
	color                : #ff6666 ;
         background-color     : #fff9f0 ;
	text-decoration      : underline ;
}

a:visited {
	color                : #ff6666 ;
         background-color     : #fff9f0 ;
	text-decoration      : underline ;
}

a:hover {
         color                : #ff6666 ;
         background-color     : #ffffff;
	text-decoration      : none;
}

a:active {
	color                : #ff6666 ;
         background-color     : #fff9f0 ;
	text-decoration      : underline ;
}