html {
    background: #D2E5CD;
}
#InfoRequest {
    clear:right;
    float:right;
    margin-right:5px;
    margin-top:40px;
}
.Intro {
  margin:6px 22px 8px 28px;
  line-height: 120%;
}
.Content .ItemList h2 {
  font-size: 1.1em;
}
.Content .ItemList h3 {
 font-size:1em;
}

#Header {
  background: url('/image/header_summer_2010') no-repeat;
  height: 108px;
}

#Menu li.home {
  padding: 4px 4px 4px 24px;
  background: #D3FBCA url(/method/graphics/navigation-greenarrow.png) 17px 50% no-repeat;
  color: #003300;
}


#Menu a.l1 {
    background-color: #6999DC;
}
#Menu a.l1:hover {
    background-color: #6999DC;
}
#Menu a.l2 {
    background-color: #DEEDFF !important;
}
#Menu a.l3 {
    background-color: #6999DC !important;
}
#Menu a.l4 {
    background-color: #DEEDFF !important;
    border-top:1px solid #999;
    border-bottom; none;
}

.LeftSidebar h2, #Footer {
    background-color: #6999DC;
}

.RightSidebar.SidebarIncludelet h2, {
    background-color: #7A4223;
}

div.SidebarIncludelet h2 {
    background-color: #6999DC;
}

.SidebarIncludelet {
    background-color: #DEEDFF;
}

#Menu li li li {
    border-top:none;
}
#Menu a.l5, #Menu a.l6 {
    color: #333;
    border-top:1px dotted #999;
    border-bottom: none;
    background-color: #DEEDFF;
}
#Menu li.l5 {
border-top:none;
}
.LeftSidebar h2, {
background-color: #00398B;
}

.RightSidebar h2 {
background-color: #7A4223;
}

h2.index2 a, h2.index3 a, {
    color: #389A0C;
}

.exFall2 a:hover {
    color:#4FD1F8;
}

h2.index2, h2.index3, h3.index2, #main h3, #main h3 a  {
   color:#8B684B;
}

#main h3  {
background-color: #DEEDFF !important;
}

#main {
   background-color: #fff !important;
}

h2.index3, {
   margin-top:2em;
}

a.act {
color:#0a617a;
}


.clear {
	clear: both;
}

.column {
margin:20px;
padding:10px;
border:2px dotted orange;
}
.note {
  font-size:0.8em;
  color:#666;
}
.note2 {
  font-size:0.7em;
  color:#666;
}

/*■BOX main*/
div #main {
	background-color:#EDEDED;
	width:100%;
	padding:0;
	margin:0;
}

/*■BOX camp*/
div #camp {
	margin-top:16px;
	margin-bottom:16px;
}
div #camp p {
	margin-right:10px;
	margin-left:10px;
}
div #camp ul {
    list-style-type:disc;
    list-style-position:outside;
    margin-left:20px;
}
div .normal table {
  border-collapse: collapse;
  border: 1px solid #666;
  border-spacing: 0;
  empty-cells: show;
  }
div .normal caption {
  text-align:left;
}
div .normal th {
  padding: 5px;
  text-align:center;
  border: 1px solid #666;
  background-color:#cff;
  }
div .normal td {
  padding: 5px;
  border: 1px solid #666;
  background-color:white;
  }

div .aright table {
  border-collapse: collapse;
  border: 1px solid #666;
  border-spacing: 0;
  empty-cells: show;
  }
div .aright caption {
  text-align:left;
}
div .aright th {
  padding: 5px;
  text-align:center;
  border: 1px solid #666;
  background-color:#cff;
  }
div .aright td {
  padding: 5px;
  border: 1px solid #666;
  background-color:white;
  text-align:right;
  }
th.total {
  border-bottom: 2px solid #666 !important;
}

td.total {
  border-bottom: 2px solid #666 !important;
}

/*■BOX camp2*/
div #camp2 {
	margin-top:16px;
	margin-bottom:16px;
}
div #camp2 p {
	margin-right:10px;
	margin-left:10px;
}
div #camp2 ul {
    list-style-type:disc;
    list-style-position:outside;
    margin-left:20px;
}
div .normal table {
  border-collapse: collapse;
  border: 1px solid #666;
  border-spacing: 0;
  empty-cells: show;
  }
div .normal caption {
  text-align:left;
}
div .normal th {
  padding: 5px;
  text-align:center;
  border: 1px solid #666;
  background-color:#cff;
  }
div .aright caption {
  text-align:left;
}
div .aright th {
  padding: 5px;
  text-align:center;
  border: 1px solid #666;
  background-color:#cff;
  }
th.total {
  border-bottom: 2px solid #666 !important;
}
td.total {
  border-bottom: 2px solid #666 !important;
}

/*◆見出し(色)*/
h1,h2,h3,h4 { color: #336633 }

/*◆見出し1*/
#main h1 { 
	font-size:0.9em;
	line-height:120%;
	margin:2px 0 0 0;
}

/*◆お知らせ*/
p.announce { 
	font-size:0.9em;
	font-weight:bold;
	line-height:100%;
	text-align:center;
	padding:0;
	margin:1px 0;
}

/*◆見出し2*/
#main h2 { 
	background-color:#FFF;
	font-size:1.1em;
	line-height:120%;
    padding: 10px 0 0 0;
	margin:0;
}

/*◆見出し3*/
#main h3 { 
	clear:both;
	font-size:1.1em;
	font-weight:bold;
	background-color:#EDEDED;
	line-height:120%;
	border-top:dashed 1px #666666;
	border-bottom:dashed 1px #666666;
	padding:6px 4px;
    margin-top: 15px !important;
}

/*◆見出し3サブ*/
h3 span { 
	font-size:1.0em;
	line-height:120%;
}

/*◆画像のみ*/
.gazo { 
	font-size:0em;
	background-color:#FFFFFF !important;
	border:0 !important;
	padding:0 !important;
	margin:10px 0 !important ;
}

/*■見出し2（キャンペーン）*/
#camp h2 { 
	font-size:1.1em;
	font-weight:bold;
	line-height:140%;
	border-bottom:solid 2px #336633;
	padding:0 0 4px 0;
	margin:16px 0 8px 0;
}

/*■見出し3（キャンペーン）*/
#camp h3 { 
	font-size:1.0em;
	font-weight:bold;
	line-height:120%;
	padding:10px 0 0 0;
	margin:10px 0 4px 0;
}

/*■見出し4（キャンペーン）*/
#camp h4 { 
	font-size:1.0em;
	font-weight:normal;
	line-height:120%;
	padding:0 0 0 8px;
	margin:10px 0 4px 0;
}


/*■ボディ main*/
#main p {
	font-size:1.0em;
	line-height:140%;
	text-justify:distribute;
    padding: 2px 2px 20px 8px;
	margin:0;
}

/*■ボディ camp*/
#camp p {
	font-size:1.0em;
	line-height:170%;
	text-align: justify;
	text-justify:distribute;
	margin:4px 0;
}

/*■リード*/
p.lead {
	font-size:1.0em;
	line-height:140%;
	text-align: justify;
	text-justify:distribute;
	margin:10px 30px 2px 30px;
	padding-right:30px;
	padding-left:30px;
}


/*■引用*/
blockquote {
	margin-right:20px;
	margin-left:12px;
}


/*■署名（右寄せ）*/
p.sign {
	font-size:0.9em;
	line-height:130%;
	text-align: right;
	margin:8px 0 4px 0;
}

/*■日付 main*/
.dateindex {  
text-align:right;
font-size: 1.0em;
margin: 0 0 8px 0;
}


/*■日付（右寄せ）*/
p.date {
	font-size:0.9em;
	text-align: right;
	margin:4px 0 4px 0;
}

/*■ol*/
#camp ol {
	margin:10px 0 20px 0;
}


/*■ul*/
#camp ul {
	margin:10px 0 20px 0;
}

/*■リスト1 (黒丸)*/
.camp1 {
	font-size:1.0em;
	line-height:140%;
	list-style-type:disc;
	padding:0 10px;
	margin:10px 10px 10px 50px;
}

/*■リスト2 (数字)*/
.camp2 {
	font-size:1.0em;
	line-height:140%;
	list-style-type:decimal;
	padding:0 10px;
	margin:10px 10px 10px 50px;
}

/*■リスト3 (丸なし)*/
.camp3 {
	font-size:1.0em;
	line-height:140%;
	list-style-type:none;
	padding:0 10px;
	margin:10px 10px 10px 50px;
}

/*■画像BOX*/
div .imgbox {
	font-size:0.8em;
	line-height:120%;
	width:240px;
	float:right;
	vertical-align:top;
    padding-top:5px;
	margin:0 0 2px 6px;
}

div .imgbox-event {
	font-size:0.8em;
	line-height:120%;
	width:180px;
	float:right;
	vertical-align:top;
    padding-top:5px;
	margin:0 0 2px 6px;
}

/*■画像(写真)*/
.imgbox img {
	float:right;
	padding:0;
	margin:0;
}

/*■キャプション(写真)*/
.imgbox span {
	font-size:0.9em;
	text-align: justify;
	text-justify:distribute;
	padding-right:2px;
	padding-left:2px;
}

/*■BOX side1*/
.sidecol1 {
	float:right;
	width:100px;
	border:double 3px #336633;
	background-color:#FFFFFF;
	padding:4px 4px 2px 4px;
	margin:0 0 6px 4px;
}

.sidecol1 p {
	font-size:0.9em;
	line-height:100%;
	padding:0;
}


/*■点線枠*/

div .dashbox {
	border:dashed 1px #090;
	padding:10px;
	margin:10px 0;
}
.letter {
	border:solid 1px #000000;
	padding:10px;
	margin:10px;
	padding:10px;
}
.letter h2 {
	color:#000;
}

/*■ヘッダ：資料請求ボタン*/
a .frbtn {
  display: block;
  background: url(http://www.greenpeace.or.jp/image/homepagebtn1.gif) 800px 240px ;
  text-decoration: none;
 padding:0;
 margin:0;
}


/*■クリックすると文字がでてくる。Finiで使ってます。*/

#kakunou1{cursor:pointer;font-size:1.2em;font-weight:bold;}
#setumei1{display:none;cursor:pointer;}
#kakunou2{cursor:pointer;font-size:1.2em;font-weight:bold;}
#setumei2{display:none;cursor:pointer;}
#kakunou3{cursor:pointer;font-size:1.2em;font-weight:bold;}
#setumei3{display:none;cursor:pointer;}

/**********************/
/*     SIDEBAR        */
/**********************/
.LeftSidebar h2, .RightSidebar h2 {
  font-size: 0.8em;
  padding: 6px 6px 4px 8px;
}

.list_banner {
  list-style: none;
margin:0;
padding:0;

}


#toolbar {
 display: block;
 background: url(http://www.greenpeace.or.jp/image/menubtncss.gif) no-repeat;
 background-position: 0 0;
 width:740px;
 height:19px;
 font-size:12px;
 letter-spacing:2px;
 float: left;
 text-align:center;
 padding:0;
 margin:0 0 2px 0;
}

#toolbar ul {
 float:  right;
 list-style: none;
 padding:0;
 margin:0;
}

#toolbar ul li {
 display: inline;
 float: left;
 text-align: center;  
 padding:0;
 margin:0;
}

#toolbar a {
 color: #633;
  display: block;
  background: url(http://www.greenpeace.or.jp/image/menubtncss.gif) top left;
  text-decoration: none;
 padding:1px 8px 4px 8px;
 margin:0;
}


#toolbar a:hover {
 color: #990;
  background-position: 0 -18px;
}

#toolbar a:active {
 color: #990;
  background-position: 0 -18px;
}


#toolbar a.current {
 color: #663333;
  background-color: #FFFFFF;
  background-position: 0 -40px;
  display: block;
  text-decoration: none;
 padding:1px 8px 4px 8px;
 margin:0;
}

/*<group=Breadcrumb>*/

#Breadcrumb {
  float: left;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 4px;
  font-size: 11px;
}

#Breadcrumb p {
  padding: 0 !important;
  margin: 0 5px 0 0;
  float: left;
  color: #CCCCCC;
}

#Breadcrumb ul {
  padding: 0;
  list-style: none;
  float: left;
}

#Breadcrumb ul li {
  display: inline;
  float: left;
}

#Breadcrumb ul li a {
  color: #999;
  text-decoration:none;
}
  
#Breadcrumb  a {
  color: #999;
  text-decoration:none;
}

#Breadcrumb  a:hover {
  color: #666;
  text-decoration:underline;
}

#Breadcrumb  a:active {
  color: #666;
  text-decoration:underline;
}

#main a {
  text-decoration: none;
 margin-bottom:12px;
}

.feedburnerFlareBlock {
display:none;
}

.source{
  width:380px;
  font-size:0.9em
}

.SidebarIncludelet p {
margin-left:0;
}

.sp10 {
 margin:0;
 padding:10px 0 0 0;
}

.sp20 {
 margin:0;
 padding:20px 0 0 0;
}

.sp50 {
 margin:0;
 padding:50px 0 0 0;
}



.blue {
 color: #00398B;
background-color:#F0F9FD;
  font-size: 1.1em;
 font-weight:bold;
}

.news {
 color: #00398B;
background-color:#FFFFFF;
  font-size: 1.0em;
 font-weight:bold;
}

a .news {
 color: #00398B;
 background-color:#FFFFFF;
  font-size: 1.0em;
  font-weight:bold;
  text-decoration:  none;
}

a.act2 {
  padding-left: 10px;
  background: url(/method/graphics/act-arrow.png) no-repeat 0 3px;
  color: #00B1FF;
  font-size: 1em;
  font-weight:  bold;
  text-decoration:  none;
}

a.blue2 {
  padding-left: 10px;
  color: #00398B;
}

.features{
background-color:#F0F9FD;
padding:10px;
}

.blue_box{
width:380px;
border: 1px solid #666;
padding:10px;
height:200px;
}

.blue_box2{
width:380px;
padding:10px;
}

.news_box{
border: 1px dotted #666;
width:410px;
height:80px;
padding:10px;
}

.news_title{
background-color: #00398B;
border: 1px solid #00398B;
color:#FFFFFF;
width:410px;
padding:5px 10px;
}

li.act2 {
  padding-left: 10px;
  background: url(/method/graphics/act-arrow.png) no-repeat 0 3px;
  color: #00B1FF;
  font-size: 0.9em;
  text-decoration:  none;
}

/*<group=SidebarIncludelet>*/

.SidebarIncludelet2 {
  background: #F0F9FD;
  color: #00398B;
  padding-bottom: 4px;
  margin-bottom: 5px;
  width: 150px;
  float: left;
}
.SidebarIncludelet2 p {
  padding:  5px 0 5px 1px;
  font-size: 0.8em;
}
.SidebarIncludelet2 h2
{
  background: #00398B;
  color: #FFFFFF;
  font-size: 0.9em;
  padding: 3px;
  text-transform: uppercase;
}
.SidebarIncludelet2 .ItemList h2 {
  background: #00398B;
  color: #00398B;
  font-size: 0.8em;
  padding: 3px;
  text-transform: uppercase;
}
.SidebarIncludelet2 h3 {
  background: #00398B;
  color: #00398B;
  font-size: 0.8em;
  padding: 3px;
  text-transform: uppercase;
}
.SidebarIncludelet2 h4 {
  font-weight:  bold;
  font-size: 0.8em;
  margin-left:  8px;
  margin-top: 6px;
  padding-bottom: 0;  
}
.SidebarIncludelet2 div.body p {
  height: 1%;
  line-height:120%;
  padding: 6px 7px 6px 6px;
}
.SidebarIncludelet2 fieldset {
  border: none;
}
.SidebarIncludelet2 legend {
  display: none;
}
.SidebarIncludelet2 a {
  text-decoration: none;
  font-size:0.8em;
}
.SidebarIncludelet2 a.act {
  padding-left: 10px;
  background: url(/method/graphics/act-arrow.png) no-repeat 0 3px;
  color: #00B1FF;
  font-size: 0.8em;
  font-weight:  bold;
  text-decoration:  none;
}
div .imgbox_world {
	font-size:0.8em;
	line-height:120%;
	width:180px;
	float:right;
	vertical-align:top;
    padding-top:5px;
	margin:0 0 2px 6px;
    float:left;
    
}
#Header {
  background: url(/campaign/oceans/whale/t2/images/topbanner2) no-repeat;
  height: 108px;
}
textarea {
font-family: verdana,georgia,arial,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka', sans-serif;
}
.PageHeader, #Breadcrumb,.PageActions, .PageFooter {
display:none;
}

h1,h2,h3,h4 { color: #00398B }

.Content .ItemList h2,h3 {
  font-size: 1.1em;
 color: #00398B;
}


#body {
margin-left:20px;
}

p.body1, p#bodyMenu a, h2.index2, ul#t2, ol#t2, gpaGuide {
    font-size: 1.1em;
    line-height: 130%;
}

p.gpaGuideL, p.gpaGuideR {
    font-size: 1.1em;
    line-height: 130%;
    margin-top:0;
    padding-top:0;
}

p.gpaGuideL {
    float:left;
}

p.gpaGuideR {
    margin-left:7em;
}

ul#t2 li, ol#t2 li {
    padding-top:0.5em;
}

/* only IE 7*/
ol#t2 li {
    margin-left:2em;
}

#mainImg a {
    border:none;
}

.imgbox_t2_L {
    border:1px solid #ccc;
    width:138px;
    height:195px;
    float:left;
    margin-top:14px;
    margin-right:10px;
    margin-bottom:3em;
}

.imgbox_t2_R {
    border:1px solid #ccc;
    width:138px;
    height:195px;
    float:right;
    margin-left:10px;
}

.imgbox_t2_R_H {
    border:1px solid #ccc;
    width:147px;
    height:164px;
    float:right;
}

form#valley {
    margin-top:11px;
}

.thumbDoc {
    display:block;
    margin:24px auto auto 25px;
    width:88px;
    height:123px;
    background: url(/campaign/oceans/whale/t2/images/bg_thumbdoc.gif) no-repeat;
}

.thumbDoc_H {
    display:block;
    margin:24px auto 0 auto;
    text-align:center;
    width:123px;
    height:88px;
}

.btn4t2 {
    width:76px;
    margin-left:6px;
    font-size:90%;
    margin-top:10px;
}

.normal_t2 {
    font-size: 1.1em;
    line-height: 130%;
}

.strong_t2 {
    font-size: 1.1em;
    line-height: 130%;
    color:#1A4463;
}

h2.index2 a {
    color: #1A4463;
}

h2.index2 a:hover {
    color: #4FD1F8;
}

.title{
margin-left:50px;
width:580px;
height:50px;
padding:10px;
  color:#FFFFFF;
  font-size: 1.1em;
  font-weight:  bold;
  background-color:#00398B ;
}

.title2{
width:580px;
padding:10px;
  color:#00B1FF;
  font-size: 1.1em;
  font-weight:  bold;
}

.letter {
margin-left:2px;
width:385px;
border:1px solid #000;
padding:5px;
}

.note {
         width:580px;
	font-size: 1.0em;
	color: #666;
         line-height:110%;
}

.note2 {
         width:580px;
	font-size: 1.0em;
	color: #666;
         line-height:110%;
         margin-left:50px;
}

.caltitle3 {
	font-size: 0.9em;
	line-height: 100%;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 16px;
	margin-right: 10px;
	vertical-align: middle;
	font-weight: bold;
}

a.act {
  padding-left: 10px;
  background: url(/ssl/method/graphics/act-arrow.png) no-repeat 0 3px;
  color:#0A617A;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
  margin-top:14px;
}

a.inop {
  padding-left: 10px;
  background: url(/ssl/method/graphics/act-arrow.png) no-repeat 0 3px;
  color:#ccc;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
  margin-top:14px;
}

a.act:hover {
    color: #4FD1F8;
}

a.act span#norm {
    font-weight: normal;
}

#Footer {
  background-color:#00398B;
  background: #00b1ff url(/ssl/method/graphics/greenpeace-footer-logo.gif) 640px 50% no-repeat;
}



.title_s {
  color:#00B1FF;
  font-size: 1.0em;
  font-weight:  bold;
}

.link{
width:600px;
margin-left:50px;
line-height:140%;
background-color:#C0DBE7;
padding:20px;
}

#Menu a.l1 {
background-color: #348198;
}
#Menu a.l1:hover {
background-color: #00398B;
}
#Menu a.l2 {
   background-color: #c0dbe7 !important;
}
#Menu a.l3 {
   background-color: #348198 !important;
}
#Menu a.l4 {
background-color: #f2f8f8 !important;
border-top:1px solid #999;
border-bottom; none;
}
#Menu li li li {
border-top:none;
}
#Menu a.l5, #Menu a.l6 {
color: #333;
border-top:1px dotted #999;
border-bottom: none;
}
#Menu li.l5 {
border-top:none;
}
.LeftSidebar h2, .RightSidebar h2 {
background-color: #00398B;
}

#main h3 {
 color: #00398B;
}

.blue {
 background-color: #FFFFFF;
 color: #00398B;
  font-size: 1.1em;
 font-weight:bold;
}

.blue {
 color: #00398B;
background-color:#F0F9FD;
  font-size: 1.1em;
 font-weight:bold;
}

.news {
 color: #00398B;
background-color:#FFFFFF;
  font-size: 1.0em;
 font-weight:bold;
}

a .news {
 color: #00398B;
 background-color:#FFFFFF;
  font-size: 1.0em;
  font-weight:bold;
  text-decoration:  none;
}

a.act2 {
  padding-left: 10px;
  background: url(/method/graphics/act-arrow.png) no-repeat 0 3px;
  color: #00B1FF;
  font-size: 1em;
  font-weight:  bold;
  text-decoration:  none;
}

a.blue2 {
  padding-left: 10px;
  color: #00398B;
}

.features{
background-color:#F0F9FD;
padding:10px;
}

.blue_box{
width:380px;
border: 1px solid #666;
padding:10px;
height:200px;
}

.blue_box2{
width:380px;
padding:10px;
}

.news_title{
background-color: #00398B;
border: 1px solid #00398B;
color:#FFFFFF;
width:410px;
padding:5px 10px;
}
.left{
text-align:left;
width:380px;
}
.right{
text-align:right;
width:380px;
}
.question{
width : 418px;
background-color: #19519D;
color: #FFFFFF;
margin:0 0 0 0;
padding:5px;
border:#19519D 1px solid;
font-weight: bold;
}
.answer{
width : 418px;
font-size: 1.0em;
color: #333;
margin:0 0 0 0;
padding:5px;
border:#19519D 1px dotted;
line-height: 120%;
}

.answer a{
  text-decoration: none;
  color: #19519D;
}
a.act3 {
  text-decoration: none;
  color: #19519D;
  font-weight:  bold;
}
.chronology {
 margin-left:20px;
 width:700px;
 background-color: #FFFFFF;
 color: #00398B;
  font-size: 1.1em;
 font-weight:bold;
}
a.act13{
  padding-left: 10px;
  background: url(/method/graphics/act-arrow.png) no-repeat 0 3px;
  color: #00398B;
  font-size: 1em;
  text-decoration:  none;
}
div #celeb{
 width:410px;
  background-color:#f00;
}
.photo{
  width:140px;
  float: left;
  margin:0;
  padding:5px;
}

.message{
  width:390px;
  margin:0;
  padding:0 5px 5px 5px;
}

.kaijo{
clear:both;
}

.lineUpper {
    margin-top:4px;
    border-top:dotted 1px #CCC;
    font-size:large;
}

#bodyMenu {
  margin-left:0.8em;
}

h2.index2, h3.index2 {
   color:#1A4463;
}

.LeftSidebar h2, .RightSidebar h2 {
background-color: #348198;
}

#Footer {
background-color: #348198;
}

.SidebarIncludelet div {
font-size:0.8em;
margin:5px;
}

.shoulder {
    font-size:x-small;
}

.fontNorm {
    font-weight:normal;
    font-size:88%;
}

.fontNormN {
    font-weight:normal;
}

