body, div, img, table, th, td, p, h1, h2, h3
{
  margin:               0;
  padding:              0;
  border:               0;
}

table
{ border-collapse:      collapse; }

a
{ text-decoration:      none; }

a:link
{ color:                rgb(125,75,78); } 

a:visited
{ color:                rgb(125,75,78); } 

a:hover
{ color:                rgb(125,75,78); } 

a:active
{ color:                rgb(125,75,78); } 



html, body
{ height:               100%; }  /* min-heightを有効にするため */

body
{
  width:                100%;
  background:           url(../img/stripe.gif);
}



#main
{
  width:                640px;  /* 850px - 左右パディング分 */
  min-height:           100%;  /* IE6は非対応 */
  margin:               0 auto;
  padding:              0 105px;
  border:               0;
  background:           white;
  font-size:            13px;
  line-height:          190%;
}

h1 img
{
  width:                640px;
  height:               80px;
  margin:               10px 0 10px;
}

h2 img
{
  width:                440px;
  height:               45px;
  margin:               50px 0 7px;
}



.lead img
{
  float:                left;
  width:                127px;
  height:               430px;
  margin-right:         16px;
}

.lead p
{
  margin-top:           17px;
  font-size:            12px;
  line-height:          22px;  /* %で指定するとIE6-8でずれる */
}

.lead p.verse
{
  font-size:            13px;
  font-weight:          bold;
  color:                rgb(255,102,102);
}

.lead strong
{ color:                rgb(125,75,78); }



/* 4つの働き概要：1-2 */
.ministryupper
{
  width:                284px;
  height:               152px;
  margin-left:          72px;  /* 640px - 284px * 2 */
}

/* 4つの働き概要：3-4 */
.ministrylower
{
  width:                284px;
  height:               190px;
  margin-left:          72px;  /* 640px - 284px * 2 */
}

/* 4つの働き概要：写真（小）ボックス */
.smallphotos
{ text-align:           center; }

/* 4つの働き概要：各写真（小） */
.smallphotos img
{
  width:                84px;
  height:               84px;
  margin-left:          26px;
}



/* 左列：写真：ボックス */
.ministryphotos
{
  float:                left;
  width:                200px;
}

/* 左列：各写真 */
.ministryphotos img
{
  width:                200px;
  height:               133px;
  margin-top:           3px;
}



/* 右列：活動詳細：ボックス */
.ministrydetails
{
  /* IE6でfloatとmarginを併用するとずれる（バグ）ため、
     marginを使わないようこちらもfloatとする */
  float:                right;
  width:                424px;
}

/* 右列：活動詳細：見出し */
.ministrydetails h3 img
{
  width:                424px;
  height:               26px;
  margin-top:           44px;
}

/* 右列：活動詳細：テキスト */
.ministrydetails p
{
  margin-top:           6px;
  font-size:            13px;
  line-height:          22px;
}



.footer
{ height:               30px; }



/* 副次的スタイル。セレクタにID（#main）を含ませ優先順位を高くしてある */
#main .clear
{ clear:                both; }

#main .margin0
{ margin:               0; }