@charset "utf-8";

/* ==================================================

がん研有明友の会 スタイルシート

================================================== * /


/* 共通 
--------------------------------------------------------------------*/
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,td,th,form {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
li {
	list-style-type:none;
}
li img {
	vertical-align:top;
}
table {
	border-collapse:collapse;
}
td,th {
	vertical-align:top;
}
th {
	text-align:left;
}
a img {
	border:none;
}

body {
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin:0;
	text-align:center;
	font-size:88%;
	line-height:170%;
	color:#595757;
}
.fs {
	font-size:77%;
	line-height:170%;
}
.fl {
	font-size:125%;
}
.b {
	font-weight:bold;
}
.c {
	text-align:center;
}
.r {
	text-align:right;
}
a:link,
a:visited {
	color:#6cb42a;
	text-decoration:none;
}
a:hover,
a:active {
	color:#6cb42a;
	text-decoration:underline;
}
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
.cf {
	zoom:1;
	overflow:hidden;
}
.warning {
	color:#f00;
	background-color:#fffafa;
	border:solid 1px #f00;
	padding:10px 15px;
	margin:12px 0 2px;
}

.header {
	margin:0 auto;
	width:980px;
	padding:18px 0 17px;
	text-align:left;
}
.header h1 {
	float:left;
	width:500px;
}
.header .header-tel {
	float:right;
	width:480px;
	padding-top:8px;
	text-align:right;
}

.tm-area {
	background:url(../common/tm_bk.gif) repeat-x;
	text-align:left;
}
.tm {
	margin:0 auto;
	width:980px;
}
.tm li {
	float:left;
	width:165px;
}
.tm li.last {
	width:155px;
}

.main {
	position:relative;
	width:980px;
	margin:0 auto;
	padding:50px 0 16px;
	text-align:left;
}
.main-area .main-left {
	float:left;
	width:650px;
	border-top:solid 3px #97c85b;
	padding:20px 0 70px;
}
#top .main-area .main-left {
	padding:0 0 50px;
}
.main-area .main-right {
	float:right;
	width:296px;
	padding-bottom:20px;
}
.banner-area li {
	padding-bottom:15px;
}
.banner-area li.last {
	padding-top:15px;
}

.bottom-link {
	text-align:center;
	padding-top:25px;
	color:#6cb42a;
}
.bottom-link a {
	color:#595757;
}
.pagetop {
	position:absolute;
	right:0;
	bottom:16px;
}
.pagetop p {
	background:url(../common/arrow_1.gif) no-repeat 0 3px;
	padding-left:15px;
}
.pagetop p a {
	color:#325095;
}
.footer {
	background-color:#fffded;
	height:160px;
	text-align:center;
}
.footer-i {
	margin:0 auto;
	width:980px;
	padding-top:42px;
	position:relative;
}
.footer-logo {
	position:absolute;
	top:15px;
	left:220px;
}
.copyright {
	padding:30px 0 15px;
}
span.red{
	color:#e60033;
}

/* トップページ
--------------------------------------------------------------------*/
#top #slider {
	height:395px;
}
#top h3 {
	padding-bottom:6px;
}
#top .information th,
#top .information td {
	padding:11px 0 10px;
	border-bottom:solid 1px #97c85b;
}
#top .information th {
	width:140px;
}
#top .information th p {
	color:#969696;
	padding-left:5px;
}
#top .information a {
	font-weight: bold;
}
#top .photo {
	float:left;
	width:220px;
}

#top .information .furikomi th,
#top .information .furikomi td {
	padding: 0;
	border: none;
}
#top .information .furikomi th {
	width: auto;
}
#top .information .furikomi th p {
	color:#323232;
	padding: 0 10px 0 0;
}

/* がん研有明友の会について
--------------------------------------------------------------------*/
#about h3 {
	padding:40px 0 20px;
}
#about h3.next {
	padding:20px 0 0;
}
#about .about-top .photo-l {
	float:left;
	width:423px;
}
#about .about-top .photo {
	float:right;
	width:227px;
	text-align: right;
}
#about .greeting {
	position:relative;
}
#about .greeting .text {
	padding-bottom:50px;
}
#about .greeting .name {
	position:absolute;
	bottom:0;
	right:0;
}
#about .greeting .name td {
	vertical-align:bottom;
	padding-left:10px;
}
#about .history {
	padding-top:7px;
}
#about .history th,
#about .history td {
	border-top:solid 1px #6cb42a;
	border-bottom:solid 1px #6cb42a;
	vertical-align:middle;
}
#about .history td {
	width:460px;
	background-color:#eeeeef;
}
#about .history th p {
	padding:15px 5px 15px 0;
}
#about .history td p {
	padding:15px 10px 15px 17px;
}

/* がん研有明友の活動
--------------------------------------------------------------------*/
#activity .top-text {
	font-size:150%;
	font-weight:bold;
}
#activity .activity-area {
	padding-top:30px;
}
#activity .activity-top {
	padding-top:20px !important;
}
#activity .activity-area h3 {
	padding-left:20px;
}
#activity .activity-area-i {
	background-color:#fffded;
	padding:20px 20px 20px 10px;
}
#activity .activity-area-i .photo {
	float:left;
	width:110px;
	text-align:center;
}
#activity .activity-area-i .photo-r {
	float:right;
	width:500px;
}
#activity .activity-area-i .photo-r .copy {
	font-weight:bold;
	padding-bottom:5px;
	color:#6cb42a;
}
#activity .activity-area-i .photo-r .kome {
	padding-top:5px;
}

/* 入会のメリット
--------------------------------------------------------------------*/
#merit .main-left {
	padding:30px 0 70px;
}
#merit h3 {
	padding-bottom:12px;
}
#merit h3.next {
	padding-top:30px;
}
#merit .merit-area .photo-l {
	float:left;
	width:372px;
}
#merit .merit-area .photo {
	float:right;
	width:250px;
}
#merit .merit-area .photo .text {
	padding:5px 0 10px;
}
#merit .photo2 {
	padding-top:10px;
}

/* 入会のご案内
--------------------------------------------------------------------*/
#membership h3 {
	padding-top:40px;
	border-bottom:solid 4px #6cb42a;
	margin-bottom:15px;
}
#membership h4 {
	padding:20px 0 7px;
	font-weight:bold;
	color:#6cb42a;
}
#membership .membership-top {
	margin-top:10px;
	background-color:#fffded;
	padding:15px 20px 10px;
}
#membership .membership-top th,
#membership .membership-top td {
	padding:5px 0;
}
#membership .membership-top th p {
	padding-right:10px;
}
#membership .membership-top td p {
	padding-top:3px;
}
#membership .kome {
	padding-top:2px;
	font-weight:bold;
	color:#6cb42a;
}
#membership .flow {
	background-color:#eeeeef;
	padding:9px 0 8px;
	font-weight:bold;
	font-size:120%;
	text-align:center;
}
#membership .kikan {
	background-color:#fffded;
	padding:19px 20px 12px;
}
#membership .kikan li {
	padding:4px 0;
	font-size:125%;
	font-weight:bold;
}
#membership .pdf-area th,
#membership .pdf-area td {
	vertical-align:middle;
}
#membership .pdf-area th {
	padding-right:10px;
}
#membership .pdf-area td p {
	padding-right:30px;
}
#membership .btn {
	padding-top:30px;
}

/* よくあるご質問にお答えします
--------------------------------------------------------------------*/
#faq .faq th {
	width:65px;
	padding-top:10px;
}
#faq .faq th.top {
	padding-top:25px;
}
#faq .faq td {
	padding-top:15px;
}
#faq .faq td.top {
	padding-top:40px;
	color:#e84f86;
}
#faq .faq td.top2 {
	padding-top:33px;
	color:#e84f86;
}
#faq .faq td.top p,
#faq .faq td.top2 p {
	font-weight:bold;
}
#faq .faq .kome {
	padding-top:7px;
}

/* 会報「有明の風」
--------------------------------------------------------------------*/
#ariakenokaze .kaihou-area {
	margin-top:15px;
	border:solid 1px #6cb42a;
	background-color:#fff;
}
#ariakenokaze .kaihou-area-i {
	overflow:auto;
	height:710px;
	padding:0 15px;
}
#ariakenokaze .kaihou {
	padding:15px 0;
	border-bottom:solid 1px #6cb42a;
}
#ariakenokaze .kaihou .photo {
	float:left;
	width:140px;
}
#ariakenokaze .kaihou .photo .btn {
	padding-top: 10px;
	text-align: center;
}
#ariakenokaze .kaihou .photo .btn a {
	display: block;
	padding: 3px 0 1px;
	background-color: #6cb42a;
	border-radius: 7px;
	text-decoration: none;
	font-size: 85%;
	color: #fff;
}
#ariakenokaze .kaihou .photo .btn a:hover {
	opacity: 0.7;
}

#ariakenokaze .kaihou .photo-r {
	float:right;
	width:450px;
}
#ariakenokaze .kaihou .photo-r h3 {
	font-weight:bold;
	color:#6cb42a;
	padding-bottom:3px;
}
#ariakenokaze .kaihou .photo-r p {
	font-size:10px;
	line-height:150%;
}
#ariakenokaze .kaihou .photo-r th {
	width:25px;
}

/* がん研有明病院をはじめ、関連団体・ご支援企業のご紹介
--------------------------------------------------------------------*/
#links h3 {
	padding-bottom:8px;
	font-weight:bold;
	color:#6cb42a;
}
#links .links-area {
	padding-top:10px;
}
#links .links-area .links-left {
	float:left;
	width:320px;
}
#links .links-area .links-right {
	float:right;
	width:320px;
}
#links .links-area li {
	background:url(../common/arrow_2.gif) no-repeat 0 9px;
	padding-left:10px;
}

/* シンボルマークへ込められた想い
--------------------------------------------------------------------*/
#symbol-mark .mark {
	text-align:center;
	padding:50px 0 30px;
}

/* プライバシーポリシー
--------------------------------------------------------------------*/
#privacy h3 {
	padding-top:25px;
	font-size:110%;
	font-weight:bold;
	padding-bottom:3px;
	border-bottom:solid 3px #97c85b;
	margin-bottom:12px;
}
#privacy h3.next {
	padding-top:30px;
}
#privacy .privacy {
	padding-top:7px;
}
#privacy .privacy li {
	background:url(../common/arrow_3.gif) no-repeat 0 7px;
	padding-left:13px;
}

/* お問い合わせ
--------------------------------------------------------------------*/
#form-page h3 {
	padding-top:40px;
	border-bottom:solid 4px #6cb42a;
	margin-bottom:15px;
}
#form-page h4 {
	padding-bottom:12px;
}
#form-page h4.next {
	padding-top:20px;
}
#form-page h4.next2 {
	padding:30px 0 10px;
	border-bottom:solid 1px #6cb42a;
}
#form-page h4.next2 img {
	vertical-align:-7px;
	margin-right:8px;
}
#form-page .access-area {
	padding-top:10px;
}
#form-page .access-area .access-left {
	float:left;
	width:352px;
}
#form-page .access-area .access-right {
	float:right;
	width:288px;
}
#form-page .access-area .kome {
	padding-top:5px;
	color:#6cb42a;
}
#form-page #gmap {
	width:288px;
	height:216px;
}
#form-page .tel {
	margin-top:10px;
}
#form-page .tel th {
	padding:3px 5px 0 0;
}
#form-page .tel td {
	padding-top:3px;
}
#form-page .pdf-area {
	margin-top:12px;
}
#form-page .pdf-area th,
#form-page .pdf-area td {
	vertical-align:middle;
}
#form-page .pdf-area th {
	padding-right:10px;
}
#form-page .pdf-area td p {
	padding-right:30px;
}
#form-page form th,
#form-page form td {
	padding:12px 0;
	border-bottom:solid 1px #6cb42a;
}
#form-page form th {
	width:140px;
}
#form-page form th div {
	padding:0 10px;
}
#form-page .require {
	color:#f00;
	padding-left:3px;
}
#form-page .add-info {
	color:#969696;
	font-size:85%;
	padding-top:8px;
}
#form-page .btn {
	text-align:center;
	padding-top:15px;
}
#form-page .privacy {
	padding-top:50px;
	font-size:85%;
}
#form-page .last-info {
	text-align:center;
	padding:100px 0 120px;
}