@charset "shift_jis";
/*-------------------------------------------------------------------
犬猫カレンダー　スタイルシート
--------------------------------------------------------------------*/

/*-------------------------------------------------------------------
bodyとid="container"のスタイル
--------------------------------------------------------------------*/
BODY{background-image : url(img/bg.gif);
 background-position: center;
 background-repeat:   repeat-y;
 font-family:         'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
 font-size:           14px;
 letter-spacing:      0.8px;
 margin:          0px;
 padding:         0px;
 text-align:          center;
}


#main{
 font-color:       #333333;
 margin-top:       0px;
 margin-bottom:    0px;
 margin-left:      auto;
 margin-right:     auto;
 width : 850px;
}


#container{
 float: left;
 width : 850px;
}


li{
 margin-top:      0px;
 margin-bottom:   0px;
 margin-left:     0px;
 margin-right:    0px;
 list-style-type: none;
}


ol,ul{
 margin-top:     0px;
 margin-bottom:  0px;
 margin-left:    0px;
 margin-right:   0px;
 padding-top:    0px;
 padding-bottom: 0px;
 padding-left:   0px;
 padding-right:  0px;
}


em{
 font-style:  normal;
 font-weight: bold;
}


img{
 border-top-width:    0px;
 border-bottom-width: 0px;
 border-left-width:   0px;
 border-right-width:  0px;
}


/*________ リンクテキスト用 ________*/
a{
 color:           #0066FF;
 text-decoration: underline;
}

a:hover,
a:active,
a:focus{
 color: #FF9900;
}

/*-------------------------------------------------------------------
"header"関係のスタイル
--------------------------------------------------------------------*/
#header{
 float: left;
 width : 850px;
 height : 195px;
  background-image : url(img/topbana.jpg);
  background-repeat : no-repeat;
background-position : center center;}


/*________ トップメニュー ________*/
#header #t-menu{
 padding-top:    4px;
 padding-bottom: 0px;
 padding-left:   20px;
 padding-right:  10px;
 width : 810px;
}

#header h1{
 background-color: #FFFFFF;
 font-color:       #333333;
 float:            left;
 font-size:        12px;
 font-weight:      normal;
 line-height:      14px;
 margin-top:       8px;
 margin-bottom:    0px;
 margin-left:      0px;
 margin-right:     0px;
}

#header H2{
 font-size:     12px;
 
 margin-top:    10px;
 margin-bottom: 10px;
 margin-left:   10px;
 margin-right:  10px;
 text-align:    right;
  color : #b05800;
}

.lead{
 font-color:      #333333;
 
  font-size : 10pt;
  
  margin-top : 70px;
  padding-left : 50px;
  text-align : left;
}

#header #t-menu a:hover,
#header #t-menu a:active,
#header #t-menu a:focus{
 font-color: #FF0000;
}


/*________ トップバナー ________*/
#header #banner{
background-image : url(../images/logo.jpg);
 background-repeat: no-repeat;
 width:            850px;
  height : 140px;
  left : auto;
}



/*-------------------------
  グローバルナビゲーション
--------------------------*/

#globalnavi{
  margin: 0;
  padding: 0;
  width: 850px; /*各リストの合計の幅*/
  background-image : url(/img/glbalnavi.gif);
  background-repeat : no-repeat;background-position : center center;
  height : 35px;
  font-size : 0.9em;
}

#globalnavi UL{
  list-style-type: none; /* リストスタイルタイプを外す*/
  margin: 0;
  padding: 0;
  text-align : center;
 }

#globalnavi li{
  float: left; /* フロートで横に並べていく */
  width: 210px;
  margin: 0;
  padding: 0;
}

#globalnavi A{
  text-align: center;
  display:block;
  padding : 0.6em 0px 0.5em 0px;
  width: 100%;
  color : maroon;
  font-weight : bold;
}

/* ロールオーバー */
#globalnavi A:HOVER{
  color : #f20000;
}

/*-------------------------------------------------------------------
id="Breadcrumb"関係のスタイル
--------------------------------------------------------------------*/
#Breadcrumb{
	padding : 5px 5px 5px 5px;
        background-color : #ffffff;
        margin-top : 0px;
        margin-bottom : 0px;
        text-align : left;
        font-size:12px;
        color : #666666;
  
}
#Breadcrumb a{
	color: #666666;
	text-decoration:none;
}
#Breadcrumb a:hover{
	text-decoration:underline;
}
/*-------------------------------------------------------------------
id="content"のスタイル
--------------------------------------------------------------------*/
.content {
    width : 600px;
    float : right;
    text-align : left;
    padding-top : 40px;
    
  

  line-height : 170%;
  color : #575757;
  left : auto;
}.cpd{
    
    text-align : left;
    padding-right : 60px;
}.c-d{
    
    text-align : left;
    font-size : 110%;
  font-weight : bold;
  background-image : url(../img/p-d.gif);
  background-repeat : no-repeat;
  padding-left : 45px;
}.c-c{
    
    text-align : left;
 
  font-size : 110%;
  font-weight : bold;
  background-image : url(../img/p-c.gif);
  background-repeat : no-repeat;
  padding-left : 45px;
}

.content H2 {
  
  padding-right : 0.4em;padding-bottom : 0.02px;padding-left : 0.4em;padding-left : 5em;
  font-size : 130%;
  font-weight : bold;
  background-image : url(img/nikukyu.gif);
  background-repeat : no-repeat;background-position : left bottom;
  font-family : "小塚ゴシック Pro H";
  padding-top : 1em;
}
 /*-------------------------------------------------------------------
"left"のスタイル
--------------------------------------------------------------------*/
.left {
width : 210px;
	text-align : left;
	float:left;
  font-size : 0.85em;
  margin-top : 0px;
  background-color : white;
  line-height : 160%;
}

.left H3 {
  padding : 1em;padding-bottom : 0.5em;
  margin : 0px 0px 10px 0px;
  background-image : url(img/left-mi.gif);
  background-repeat : no-repeat;background-position : center center;
  font-size : 0.9em;
 line-height : 180%;
  text-align : center;
}
.left ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.left li {
	margin: 0;
	padding: 0;
}

.left li ul {
	margin: 0px 15px;
	padding-bottom: 25px;
}

.left li li {
	line-height: 25px;
	border-bottom: 1px dashed #D1D1D1;
	padding-left: 15px;
	background: url(images/img06.jpg) no-repeat left 15px;
}

.left li li span {
	display: block;
	margin-top: -20px;
	padding: 0;
	font-size: 11px;
	
}

.left A {
  text-decoration : none;
}
.left A:HOVER{
   text-decoration:none;
}
.left p
{
padding-left: 15px;}
/*-------------------------------------------------------------------
"footer"のスタイル
--------------------------------------------------------------------*/
#footer{
 border-top-color: #666666;
 border-top-style: solid;
 border-top-width: 2px;
 
 margin-top:       30px;
 margin-bottom:    10px;
 width : 850px;
  clear : none;
}


/*________ フッターメニュー ________*/
#footer #f-menu ul{
 line-height:     16px;
 list-style-type: none;
 margin-top:      6px;
 text-align:      center;
}

#footer #f-menu ul li{
 font-size: 12px;
 display:   inline;
}


/*________ コピーライト ________*/
.copyright{
 color : #b2b2b2;
 font-size:   12px;
 line-height: 24px;
 text-align:  center;
}.copyright A{
 color : #b2b2b2;
 font-size:   12px;
 line-height: 24px;
 text-align:  center;
  text-decoration : none;
}


/*-------------------------------------------------------------------
その他のスタイル
--------------------------------------------------------------------*/