@charset "UTF-8";
/*-------------------------------------------------------------------
全体
--------------------------------------------------------------------*/
* {
  font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  background:transparent;
  color: #333333;
  margin: 0px;
  padding: 0px;
}
body{
background:url(../image/h_back.gif) repeat-x top;
}
a:link{
	color:#f36c66;
	text-decoration:underline;
}a:visited{
	color:#f36c66;
	text-decoration:underline;
}a:hover{
	color: #336699;
        text-decoration: none; 
}
/*-------------------------------------------------------------------
コンテナ
--------------------------------------------------------------------*/
div#container {
  width: 800px;
  margin:0 auto;
}
/*-------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------*/
div#header {
  height: 80px;
  background:url(../image/header.gif) no-repeat left top;
  border-top: 5px solid #3399cc;

}
div#header h1 { 
  font-weight:normal;
  font-size: 10px; 
  color:#333333;
  text-align:left;
  margin:0;
  float:left;
  text-indent: 30px;
}
div#header h2{
  font-size:12px;
  text-align:right;
  margin-top:40px;
  color: #333333;
  font-weight:normal;
}
div#header p{
  font-size:10px;
  margin:0;
  font-weight:normal;
  text-align: right;
  color: #333333;
}
div#header a{
  color:#333333;
  text-decoration:none;
  font-weight:normal;
}
div#header a:hover{
  color:#336699;
  text-decoration:underline;
}

/*-------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------*/
div#content {
  float: right;
  width: 574px;
  margin-right: 10px;
  padding-bottom: 30px;
}
div#content p {
  margin: 5px 10px 10px;
  font-size:14px;
  line-height:2em;
}
div#content p.note {
  font-size:12px;
  line-height:25px;
  background:url(../image/note.gif);
  margin:0 10px 10px 10px;
  padding:0 5px 0 5px;
}
div#content p.center {
  font-size:12px;
  line-height:2em;
  text-align:center;
}
div#content p.sitemap {
  margin: 0 10px 0 10px;
  font-size:12px;
}
div#content ul{
	list-style-type:none;
	font-size:12px;
	margin:2px 0 2px 20px;
}div#content ul li{
	background:url(../image/list.gif) no-repeat left top;
	padding:0 0 2px 18px;
}div#content ul a:link{
	color:#f36c66;
	text-decoration:underline;
}div#content ul a:visited{
	color:#f36c66;
	text-decoration:underline;
}div#content ul a:hover{
	color:#336699;
	text-decoration:none;
}
.linktagu{
	width: 540px;
  font-size:12px;
  background: url(../image/linktagu.png) no-repeat center top;
  line-height:50px;
	text-align: center;
  margin:0 10px 10px 15px;
}
div#content dl{
	font-size:12px;
	margin:10px 0 10px 21px;
}div#content dt{
	font-weight:bold;
	margin-top:10px;
}div#content dd{
	margin-top:2px;
}div#content dd.url{
	font-size:10px;
	color:#999999;
}div#content dt a:hover{
	color:#336699;
}div#content p.small {
  font-size:12px;
  margin:0px; 
}div#content p.ss {
  font-size:10px;
}div#content p.ss a:link{
  color:#333333;
  text-decoration:none;
  font-weight:normal;
}div#content p.ss a:visited{
  color:#333333;
  text-decoration:none;
  font-weight:normal;
}
div#content p.ss a:hover{
  color:#f36c66;
  text-decoration:underline;
}

div#content h3.bar{
  font-size:15px;
  color:#666666;
  background:url(../image/conbar.gif) no-repeat left top;
  margin:0 1px;
  padding:5px 0 7px 28px;
  clear: both;
}
div#content h4.red{
  font-size:12px;
  height:63px;
  font-weight:normal;
  color:#ef1a23;
  background:url(../image/pick_a.gif) no-repeat left top;
  text-indent:80px;
}
div#content h4.green{
  font-size:12px;
  height:63px;
  font-weight:normal;
  color:#38a43a;
  background:url(../image/pick_b.gif) no-repeat left top;
  text-indent:30px;
}
div#content h4.yellow{
  font-size:12px;
 height:63px;
  font-weight:normal;
  color:#ffc70f;
  background:url(../image/pick_c.gif) no-repeat left top;
  text-indent:80px;
}
div#content h4.blue{
  font-size:12px;
  height:63px;
  font-weight:normal;
  color:#019db5;
  background:url(../image/pick_d.gif) no-repeat left top;
  text-indent:30px;
}
div#content h4.brown{
  font-size:12px;
  height:63px;
  font-weight:normal;
  color:#cc7f19;
  background:url(../image/pick_e.gif) no-repeat left top;
  text-indent:80px;
}
img.three{
  margin:0 4px 5px 12px;
  float: left;
}

/*-------------------------------------------------------------------
コンテンツタイトルバー
--------------------------------------------------------------------*/
div#content h3{
  background: url(../image/conbar.gif) no-repeat;
  color:#333333;
  width: 574px;
  font-size: 16px;
  line-height: 50px;
  text-indent: 32px;
  margin-top:10px;
  margin-bottom:6px;
  font-weight:normal;
} 
div#content h3.sub{
  background: url(../image/subconbar.gif) no-repeat;
  color:#333333;
  width: 574px;
  font-size: 14px;
  line-height: 30px;
  text-indent: 40px;
  margin-top:10px;
  margin-bottom:6px;
  font-weight:bold;
} 
div#content h3.new{
  background: url(../image/blogbar.gif) no-repeat;
  color:#333333;
  width: 574px;
  font-size: 13px;
  line-height: 25px;
  text-indent: 25px;
  margin-top:10px;
  margin-bottom:10px;
  font-weight:bold;
}
/*-------------------------------------------------------------------
サイドバー
--------------------------------------------------------------------*/
div#side{
  font-size:12px;
  float: left;
  width: 200px;
  color: #333333;
  padding-bottom:20px;
  background:url(../image/mback.gif) ;
}

div#side h3.orange{
  background: url(../image/menubar.gif) no-repeat;
  color:#666666;
  width: 200px;
  font-size: 12px;
  line-height: 30px;
  text-indent: 27px;
}
div#side h3.pink{
  background: url(../image/menubar2.gif) no-repeat;
  color:#666666;
  width: 200px;
  font-size: 12px;
  line-height: 30px;
  text-indent: 27px;
}
div#side h3.blue{
  background: url(../image/menubar3.gif) no-repeat;
  color:#666666;
  width: 200px;
  font-size: 12px;
  line-height: 30px;
  text-indent: 27px;
}
div#side p {
  margin: 5px 4px 5px 16px;
  font-size: 12px;
}
div#side ul{
  font-size: 12px;
  line-height:150%;
}
div#side ul li {
	list-style-type:none;
}
div#side ul li a{
  line-height: 25px;
  width:200px;
  background:url(../image/menuli.gif) no-repeat left top;
  display:block;
  text-decoration:none;
  text-indent: 22px;
}
div#side ul li a:hover {
  background:url(../image/menuli2.gif) no-repeat left top;
}
div#side a:link{
  color:#026cd1;
  text-decoration:none;
  font-weight:normal;
}
div#side a:visited{
  color:#026cd1;
  text-decoration:none;
  font-weight:normal;
}
div#side a:hover{
  color:#f36c66;
  text-decoration:underline;
}
.cmt{
  line-height: 20px;
  text-decoration:none;
  text-indent: 10px;
}
/*-------------------------------------------------------------------
フッター
--------------------------------------------------------------------*/
div#footer {
  clear: both;
  height: 60px;
  background:url(../image/footerbg.gif) ;
}
div#footer h3{
  font-size:12px;
  color:#333333;
  line-height:1.3em;
  float: right;
  font-weight: normal;
  margin:15px 6px 0 0;
  display: inline;
  text-align:center;
}
div#footer a{
  color:#333333;
  text-decoration:none;
}
div#footer a:hover{
  text-decoration:underline;
}
/*-------------------------------------------------------------------
その他
--------------------------------------------------------------------*/
.marker {
  background: #febabb;
}
.pink {
  color:#f36c66;
  font-weight: bold;
}
.blue {
  color:#49b5fc;
  font-weight: bold;
}
.blod {
  color:#333333;
  font-weight: bold;
}
.indent {
  margin-left:15px;
}

img {
	border: none;
	vertical-align: bottom;
}
img.left{
	border: none;
	float: left;
}img.left2{
	border: none;
	float: left;
        margin:0 10px 0 0;
}
img.right{
	border: none;
	float: right;
}
img.space{

        margin:0 2px 5px 0;
}
img.space2{

        margin:0 0 5px 0;
}
img.space3{
        margin-top:10px;
}
.ad{
  margin:4px 10px 4px 10px;
}
.ad_right{
  float: right;
  margin:0 25px 10px 0;
}
.center{
  text-align:center;
}
/*-------------------------------------------------------------------
IE6用
--------------------------------------------------------------------*/
* html body{	/* for IE6 */
  font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  text-align:center;
  margin-left:1px;
}
* html div#content{
  margin-right: 5px;
}
* html div#header{
 text-align:left;
}
* html p#navibar{
 text-align:left;
}
* html div#content{
 text-align:left;
}
* html div#side{
 text-align:left;
}


/*-------------------------------------------------------------------
IE7用
--------------------------------------------------------------------*/

*:first-child+html body{
  margin-left:1px;
}

/*-------------------------------------------------------------------
ぱんくずメニュー
--------------------------------------------------------------------*/
p#navibar{
	font-size:12px;
        line-height:30px;
	color:#ffffff;
	background:#ff8686;
        margin:0 0 10px 0;
}p#navibar a{
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
}p#navibar a:hover{
	color:#3366cc;
	text-decoration:underline;
}
/*-------------------------------------------------------------------
テーブル
--------------------------------------------------------------------*/
table#table-01 {
    width: 570px;
    font-size: 13px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #fef4f0;
    font-weight: bold;
    line-height: 120%;
}
table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}
table#table-02 {
    width: 570px;
    font-size: 13px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin:10px 0 10px 0;
}
table#table-02 td.left {
    width:120px;
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #fef4f0;
}
table#table-02 td.right {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}
/*-------------------------------------------------------------------
コンテンツブログ部分
--------------------------------------------------------------------*/
.blogtitle{
  background: url(../image/bloglist.gif) no-repeat;
  color:#333333;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  text-indent:28px;
  margin:5px 0 5px 10px;
}
.bloglist{
  background: url(../image/bloglist.gif) no-repeat;
  color:#333333;
  font-size: 14px;
  line-height: 20px;
  text-indent:28px;
  margin:5px 0 5px 10px;
}
.text{
  color:#333333;
  font-size: 12px;
  margin:0 15px 0 15px;
  line-height:2em;
}
.more{
  text-align:right;
  margin:0 15px 20px 0; 
  font-size: 12px;
}
.date{
  background: url(../image/date.gif) no-repeat;
  margin:0 15px 5px 400px;
  color:#999999;
  font-size: 12px;
  text-indent:15px;
}
.bloghead{
  font-size: 12px;
  text-align:right;
}
.blogfooter{
  background: url(../image/line.png) no-repeat center top;
  line-height: 80px;
  font-size: 13px;
  text-align:center;
}
div#content h3.blogbar{
  background: url(../image/blogbar.gif) no-repeat;
  color:#333333;
  width: 574px;
  font-size: 13px;
  line-height: 25px;
  text-indent: 25px;
  margin-top:10px;
  margin-bottom:6px;
} 
/*-------------------------------------------------------------------
コメント・トラックバック
--------------------------------------------------------------------*/
div#comments{
       margin: 0px;
}
div#comments .comments-content p{
  font-size: 12px;
}
div#comments .comment{
  background:url(../image/mback.gif) ;
  padding: 8px;
       margin: 10px;
}
div#comments .asset-meta{
  font-size: 12px;
}

div#trackbacks{
       margin: 0px;
}
div#trackbacks .trackback{
  background:url(../image/mback.gif) ;
  padding: 8px;
       margin: 10px;
}
div#trackbacks .asset-meta{
  font-size: 12px;

}
div#trackbacks .trackback-content p{
  font-size: 11px;
  line-height:130%;
}
div#comments-open{
       margin: 0px;
}
div#comments-open .comments-open-content{
       margin: 10px;
	width: 500px; 
  font-size: 12px;
}
div#comments-open input {
         background-color: #fef4f0;
border: 0px;
       margin: 5px;
      }
div#comments-open textarea {
         background-color: #fef4f0;
border: 0px;
      }

div#comments-open-footer{
       margin: 0px;
}
div#comments-open-footer input {
         background-color: #fef4f0;
border: solid 1px #cccccc;
      }


/*-------------------------------------------------------------------
カレンダー
--------------------------------------------------------------------*/
#calendar {
	line-height: 120%; font-family:
	Verdana, Arial, sans-serif; font-size: 12px;
	padding:0px; 
	text-align: center; 
	margin-bottom: 10px;
        margin: 5px 0 5px 0;
 } 
#calendar table { 
	width: 200px; 
	padding:0px; 
}
 /*カレンダーのタイトル*/
#calendar caption { 
	color: #666666; 
        background:url(../image/bmback.gif) ;
	font-family: Verdana, Arial, sans-serif; 
	font-size:12px; 
	text-align: center; 
	font-weight: bold; 
	line-height: 15px;
	padding:3px 0px 3px 0px; 
 }
 /*カレンダーの曜日*/ 
#calendar th { 
	line-height: 12px; 
	font-size:10px; 
	text-align: center; 
	font-weight: bold; 
	color: #666666; 
	padding:1px 0px 0px 0px;
 } 
/*カレンダーの日付*/
 #calendar td { 
	line-height: 12px; 
	font-size:10px; 
	font-weight: normal; 
	color: #997766;
	text-align: center; 
	padding:1px 0px 0px 0px; 
	border-right: solid 1px #eeeeee; 
	border-left: solid 1px #eeeeee; 
	border-top: solid 1px #eeeeee; 
	border-bottom: solid 1px #eeeeee; 
} 
#calendar a {
	color: #666666;
	background-color: #ffcccc; 
	text-decoration: none;
 }
#calendar a:hover {
	color: #c10001; 
	background-color: #FFFFFF; 
	text-decoration:underline; 
}
/*-------------------------------------------------------------------
ウィジェット、サイド
--------------------------------------------------------------------*/ 
div#side h3.blog{
        height: 25px;
	color: #666666; 
        background:url(../image/bmback.gif) ;
	font-family: Verdana, Arial, sans-serif; 
	font-size:12px; 
	text-align: center; 
	font-weight: bold; 
	line-height: 25px;
	margin: 5px 0 5px 0;
}
div#side select{
	margin: 0 0 10px 0;
}