@charset "UTF-8";
/* *{
	margin:0px;
	padding:0px;
	border:0px;
} */

html {
	overflow-y:scroll;
	margin:0px;
	padding:0px;
}
body {
	margin:0px;
	padding:0px;
	font-family:"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro','メイリオ',Meiryo, "ＭＳ Ｐゴシック",sans-serif;
	font-size:28px;
	line-height:1.6;
	color:#000000;
	/* background:url(../img/w_back.png), url(../img/back.jpg);
	background-repeat:repeat-y, repeat;
	background-position:top center, top center;
	background-attachment:fixed; */
}

/* Android 文字強制改行用 */
p,
h1,
h2,
h3,
h4,
h5,
h6,
dd,
dt,
div {
	/* width:100%;
	max-width:100%; */
	background:url(../img/p_back.png) no-repeat 0px 0px;
	
	/* Android Chrome文字サイズ用 */
	max-height: 100%;
	
	/* iPhone、iPod文字サイズ用 */
	-webkit-text-size-adjust: 100%;
}

/* ----- Links Color ----- */
a:link {text-decoration:underline;}
a:visited {text-decoration:underline;}
a:hover {text-decoration:none;}
a:active {text-decoration:underline;}

/* ----- ClearSpace ----- */
.ClearSpacet15px {clear:both;width:10px;height:15px;margin:0px;padding:0px;text-indent:-9999px;}
.ClearSpacet20px {clear:both;width:10px;height:20px;margin:0px;padding:0px;text-indent:-9999px;}
.ClearSpacet30px {clear:both;width:10px;height:30px;margin:0px;padding:0px;text-indent:-9999px;}
.ClearSpacet40px {clear:both;width:10px;height:40px;margin:0px;padding:0px;text-indent:-9999px;}

/* ----- Color ----- */
.COLOR-Orange {color:#F6AA00;}

.COLOR-Red {color:#CC0000;}
.COLOR-Blue {color:#003399;}
.COLOR-SkyBlue {color:#3399FF;}
.COLOR-Green {color:#669900;}
.COLOR-Yellow {color:#FF9900;}

/* ----- img ----- */
img,
img a,
img a:hover {border:0;}
img {max-width:100%; height:auto;}


/* ------------------------------------------------------------
　　ページベース
------------------------------------------------------------ */

/* ----- wrapper 内容 ----- */
#wrapper {
	clear:left;
	position:relative;
	width:640px;
	margin:0px auto;
	padding:0px;
	min-width:640px;
	overflow:hidden;
}

/* ----- header 内容 ----- */
#header {
	clear:left;
	position:relative;
	width:100%;
	margin:0px;
	padding:60px 0px 0px;
}
#header h1 {
	clear:both;
	width:100%;
	margin:0px;
	padding:0px;
	text-align:left;
}
#h_anc01 {
	position:absolute;
	left:0px;
	bottom:20px;
	margin:0px;
	padding:0px;
	text-align:left;
}
#h_anc02 {
	position:absolute;
	right:0px;
	/* bottom:80px; */
	bottom:20px;
	margin:0px;
	padding:0px;
	text-align:left;
}

#s_h_fb {
	position:absolute;
	right:230px;
	bottom:30px;
	margin:0px;
	padding:0px;
	text-align:left;
}
#s_h_blog {
	position:absolute;
	right:120px;
	bottom:30px;
	margin:0px;
	padding:0px;
	text-align:left;
}


/* ----- nav 内容 ----- */
#nav {
	position:fixed;
	width:640px;
	height:60px;
	margin:0px;
	padding:0px 0px 0px;
	z-index:1000;
}

#menu div {
	display: inline-block;
	position: relative;
}

#menu div span {
	display: block;
	cursor: pointer;
}
#menu div ul {
	display:none;
	position:absolute;
	z-index:10000;
	top:60px;
	width:640px;
	margin:0px;
	padding:0px;
	list-style:none;
}
#menu div li {
	clear:both;
	height:80px;
	margin:0px;
	padding:0px;
	text-align:left;
}

/* Global Navi 固定化処理 */
/* body.is-fixed .nav-type {
  position: fixed;
  top: 0;
  z-index: 10000; */
  /* left: 0; */
/* }
body.is-fixed #header {
  margin-bottom: 60px;
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
} */

/* ----- contents 内容 ----- */
#contents {
	clear:left;
	position:relative;
	width:100%;
	margin:0px;
	padding:0px 0px 60px;
}


/* ----- footer 内容 ----- */
#footer {
	clear:left;
	position:relative;
	width:100%;
	margin:0px;
	padding:0px 0px 0px;
}

/* f_banner */
/* #f_banner {
	clear:both;
	margin:0px;
	padding:0px 0px 0px;
}
#f_banner p {
	float:left;
	margin:0px;
	padding:0px 0px 0px;
	text-align:left;
} */
#f_banner {
	clear:both;
	margin:0px;
	padding:0px 0px 0px;
}
#f_banner p {
	clear: both;
	width: 550px;
	margin:0px auto;
	padding:0px 0px 0px;
	text-align:left;
}

#f_text {
	clear:left;
	position:relative;
	width:100%;
	margin:20px 0px 0px;
	padding:40px 0px 40px;
	/* border-top:2px solid #444444; */
	background:#EFEFEF;
}
#f_text p {
	clear:left;
	margin:0px;
	padding:0px 0px 35px;
	color:#777777;
	font-size:22px;
	line-height:1.8;
	font-style:normal;
	text-align:center;
}

/* コピーライト */
#f_text address {
	clear:both;
	margin:0px;
	padding:0px;
	color:#777777;
	font-size:20px;
	line-height:1.8;
	font-weight:normal;
	font-style:normal;
	text-align:center;
}
#f_text p a,
#f_text address a {color:#777777; opacity:1; -webkit-transition:0.3s ease-in-out; transition:0.3s ease-in-out;}
#f_text p a:hover,
#f_text address a:hover {opacity:0.5;}

/* pagetop 内容 */
#pagetop {
	position:fixed;
	z-index:1;
	width:100px;
	height:100px;
	bottom:15px;
	right:15px;
	margin:0px;
	padding:0px;
	text-align:left;
}


/* ------------------------------------------------------------
　　トップページ
------------------------------------------------------------ */

/* リンクボタン */
#top_button {
	clear:both;
	width:600px;
	margin:0px auto;
	padding:10px 0px 0px;
	text-align:center;
}
#top_button p {
	float:left;
	width:280px;
	height:76px;
	margin:0px;
	padding:0px 10px 0px;
	text-align:left;
}

/* 2周年バナー */
.top_banner {
	clear:both;
	margin:0px;
	padding:40px 0px 0px;
	text-align:center;
}

/* SOS */
#top_sos_box {
	clear:both;
	margin:0px auto 0px;
	padding:0px 0px 0px;
	text-align:center;
}
#top_sos_box h2 {
	clear:both;
	height:350px;
	margin:0px;
	padding:0px;
	text-align:center;
}
#top_sos_box p {
	clear:both;
	margin:0px;
	padding:0px;
	text-align:center;
}
#sos_fd {height:140px;}
#sos_tel {height:160px;}
#sos_mail {height:76px;}

/* プロフィール */
/* #top_prof_box {
	clear:both;
	margin:0px;
	padding:60px 0px 0px;
	text-align:center;
}
#top_prof_box h3 {
	clear:both;
	margin:0px;
	padding:0px;
	text-align:center;
}
#maki {height:530px;}
#yoko {height:590px;}

#top_prof {
	clear:both;
	margin:0px;
	padding:10px 0px 0px;
	text-align:center;
	background:url(../img/h3_back.png) repeat-y top center;
}
#top_prof p {
	clear:both;
	margin:0px;
	padding:0px 70px 20px;
	font-size:26px;
	line-height:2.0;
	text-align:justify;
}
#top_prof_bottom {
	clear:both;
	height:20px;
	margin:0px;
	padding:0px;
	text-align:center;
	background:url(../img/h3_bottom.png) no-repeat top center;
} */


/* ------------------------------------------------------------
　　セカンドページ共通
------------------------------------------------------------ */

/* タイトル */
#s_title {
	clear:both;
	margin:0px auto 0px;
	padding:0px 0px 0px;
	text-align:center;
}
#s_title h2 {
	clear:both;
	height:90px;
	margin:0px;
	padding:0px 0px 0px;
	text-align:center;
}


/* ------------------------------------------------------------
　　私達の想い：our_feelings.html
------------------------------------------------------------ */

/* テキスト */
#ofeel_text {
	clear:both;
	margin:0px auto;
	padding:30px 0px 0px;
}
#ofeel_text p {
	clear:left;
	margin:0px;
	padding:0px 50px 20px;
	font-size:26px;
	line-height:2.0;
	text-align:justify;
}
#ofeel_text_ph {
	clear:both;
	margin:0px;
	padding:0px 0px 10px;
	text-align:center;
}
#ofeel_text_name {
	clear:both;
	margin:0px;
	padding:20px 50px 20px;
	text-align:right;
}


/* ------------------------------------------------------------
　　女性の依存症と回復について：addiction_and_recovery.html
------------------------------------------------------------ */

/* テキスト */
.aandr_text {
	clear:both;
	margin:0px auto;
	padding:40px 0px 0px;
}
.aandr_text p {
	clear:left;
	margin:0px;
	padding:0px 50px 20px;
	font-size:26px;
	line-height:2.0;
	text-align:justify;
}
.aandr_text_ph {
	clear:both;
	margin:0px;
	padding:10px 0px 20px;
	text-align:center;
}


/* ------------------------------------------------------------
　　私達の活動について：about.html
------------------------------------------------------------ */

/* アンカーナビ */
#about_nav {
	clear:both;
	width:580px;
	margin:0px auto;
	padding:30px 0px 0px;
}
#about_nav p {
	float:left;
	width:270px;
	height:50px;
	margin:0px;
	padding:10px;
	text-align:center;
}

/* テキスト */
#about01,
#about02,
#about03,
#about04,
#about05,
#about06 {
	clear:both;
	margin:0px auto;
	padding:60px 0px 0px;
}
#about01 h4,
#about02 h4,
#about03 h4,
#about04 h4 {
	clear:left;
	width:100%;
	height:70px;
	margin:0px;
	padding:0px 0px 0px;
	text-align:center;
}
#about05 h4 {
	clear:left;
	width:100%;
	height:110px;
	margin:0px;
	padding:0px 0px 0px;
	text-align:center;
}
#about06 h4 {
	clear:left;
	width:100%;
	height:136px;
	margin:0px;
	padding:0px 0px 0px;
	text-align:center;
}
.about_text {
	clear:both;
	margin:0px auto;
	padding:20px 0px 0px;
}
.about_text p {
	clear:both;
	margin:0px;
	padding:0px 50px 20px;
	font-size:26px;
	line-height:2.0;
	text-align:justify;
}

/* 01 */
.about01_ph_box {
	width:580px;
	margin:0px auto;
	padding:10px 0px 0px;
	overflow:hidden;
}
.about01_ph {
	float:left;
	position:static;
	width:270px;
	margin:0px;
	padding:0px 10px 20px;
	text-align:center;
}
.about01_ph div {
	clear:both;
	width:100%;
	height:180px;
	margin:0px;
	padding:0px 0px 15px;
	text-align:left;
}
.about01_ph p {
	clear:both;
	width:100%;
	margin:0px;
	padding:0px 0px 0px;
	font-size:22px;
	line-height:1.6;
	text-align:justify;
}

/* 02 */
#about02_ph01 {
	margin:0px auto;
	padding:10px 0px 30px;
	text-align:center;
}

#about02_ph02 {
	clear:both;
	width:380px;
	margin:0px auto;
	padding:10px 0px 30px;
	text-align:center;
}
#about02_ph02 div {
	clear:both;
	width:100%;
	height:280px;
	margin:0px;
	padding:0px 0px 15px;
	text-align:left;
}
#about02_ph02 p {
	clear:both;
	width:100%;
	margin:0px;
	padding:0px 0px 0px;
	font-size:22px;
	line-height:1.6;
	text-align:justify;
}

/* 03 */
.about03_ph_box {
	width:580px;
	margin:0px auto;
	padding:10px 0px 0px;
	overflow:hidden;
}
.about03_ph {
	float:left;
	position:static;
	width:270px;
	margin:0px;
	padding:0px 10px 20px;
	text-align:center;
}
.about03_ph div {
	clear:both;
	width:100%;
	height:180px;
	margin:0px;
	padding:0px 0px 15px;
	text-align:left;
}
.about03_ph p {
	clear:both;
	width:100%;
	margin:0px;
	padding:0px 0px 0px;
	font-size:22px;
	line-height:1.6;
	text-align:justify;
}

.about03_ph02 {
	clear:both;
	width:560px;
	margin:0px auto;
	padding:10px 0px 20px;
	text-align:center;
}
.about03_ph02 div {
	clear:both;
	width:100%;
	height:180px;
	margin:0px;
	padding:0px 0px 15px;
	text-align:left;
}
.about03_ph02 p {
	clear:both;
	width:100%;
	margin:0px;
	padding:0px 0px 0px;
	font-size:22px;
	line-height:1.6;
	text-align:justify;
}

/* 05 */
#about05_text {
	clear:both;
	margin:0px;
	padding:15px 0px 10px;
	background:url(../img/about_group_back_top.png), url(../img/about_group_back_bottom.png), url(../img/about_book_back.png);
	background-repeat:no-repeat, no-repeat, repeat-y;
	background-position:center top, center bottom, center top;
}
#about05_text h6 {
	clear:both;
	margin:0px;
	padding:0px 70px 15px;
	color:#5C97C4;
	font-size:28px;
	line-height:1.6;
	text-align:justify;
}
#about05_text p {
	clear:both;
	margin:0px;
	padding:0px 70px 20px;
	font-size:26px;
	line-height:2.0;
	text-align:justify;
}
#about05_bottom {
	clear:both;
	width:100%;
	height:30px;
	margin:0px;
	padding:0px 0px 0px;
	background:url(../img/about_group_bottom.png) no-repeat center top;
}

/* 06 */
.about06_ph_box {
	width:600px;
	margin:0px auto;
	padding:20px 0px 0px;
	overflow:hidden;
}
.about06_ph {
	float:left;
	position:static;
	width:180px;
	margin:0px;
	padding:0px 10px 20px;
	text-align:center;
}
.about06_ph div {
	clear:both;
	width:100%;
	height:180px;
	margin:0px;
	padding:0px 0px 15px;
	text-align:center;
}
.about06_ph p {
	clear:both;
	width:100%;
	height:180px;
	margin:0px;
	padding:0px 0px 0px;
	font-size:20px;
	line-height:1.6;
	text-align:justify;
}



/* 活動 */
#about_catch {
	clear:both;
	margin:0px auto;
	padding:60px 0px 0px;
}
#about_catch h3 {
	clear:left;
	width:100%;
	height:230px;
	margin:0px;
	padding:0px 0px 10px;
	text-align:center;
}

/* 絵本 */
#about_book {
	clear:both;
	margin:0px auto;
	padding:30px 0px 0px;
}
#about_book h5 {
	clear:left;
	width:100%;
	height:440px;
	margin:0px;
	padding:0px 0px 0px;
	text-align:center;
}
#about_book_text {
	clear:both;
	margin:0px;
	padding:20px 0px 0px;
	background:url(../img/about_book_back.png) repeat-y center top;
}
#about_book_text p {
	clear:both;
	margin:0px;
	padding:0px 70px 20px;
	font-size:26px;
	line-height:2.0;
	text-align:justify;
}
#about_book_links {
	clear:both;
	width:400px;
	height:80px;
	margin:0px auto;
	padding:10px 0px 40px;
	text-align:center;
}
#about_book_bottom {
	clear:both;
	width:100%;
	height:20px;
	margin:0px;
	padding:0px 0px 0px;
	background:url(../img/about_book_bottom.png) no-repeat center top;
}

/* プロジェクト */
#about_project {
	clear:both;
	margin:0px auto;
	padding:0px 0px 0px;
}
#about_project h5 {
	clear:left;
	width:100%;
	height:210px;
	margin:0px;
	padding:0px 0px 0px;
	text-align:center;
}
.about_project_text {
	clear:both;
	margin:0px;
	padding:25px 0px 0px;
	background:url(../img/about_book_back.png) repeat-y center top;
}
.about_project_text p {
	clear:both;
	margin:0px;
	padding:0px 70px 20px;
	font-size:26px;
	line-height:2.0;
	text-align:justify;
}
#about_project_bottom {
	clear:both;
	width:100%;
	height:20px;
	margin:0px;
	padding:0px 0px 0px;
	background:url(../img/about_book_bottom.png) no-repeat center top;
}

/* 紹介 */
#about_info {
	clear:both;
	margin:0px auto;
	padding:60px 0px 0px;
}
#about_info h3 {
	clear:left;
	width:100%;
	height:110px;
	margin:0px;
	padding:0px 0px 20px;
	text-align:center;
}
#about_info p {
	clear:both;
	margin:0px;
	padding:0px 50px 20px;
	font-size:26px;
	line-height:2.0;
	text-align:justify;
}


/* ------------------------------------------------------------
　　仲間たちへ：colleagues.html
------------------------------------------------------------ */

/* テキスト */
#coll_text {
	clear:both;
	margin:0px auto;
	padding:60px 0px 0px;
}
#coll_text h3 {
	clear:left;
	margin:0px;
	padding:0px 0px 10px;
	text-align:center;
}
#coll_text h4 {
	clear:left;
	margin:0px;
	padding:10px 0px 20px;
	text-align:center;
}
#coll_text p {
	clear:none;
	margin:0px;
	padding:0px 50px 20px;
	font-size:26px;
	line-height:2.0;
	text-align:justify;
}
#coll_text_img01 {
	float:right;
	margin:0px;
	padding:10px 40px 20px 30px;
	text-align:left;
}
#coll_text_img02 {
	float:left;
	margin:0px;
	padding:10px 30px 20px 40px;
	text-align:left;
}

/* 年代別 */
#coll_age {
	clear:both;
	margin:0px auto;
	padding:40px 0px 0px;
}
#coll_age h4 {
	clear:left;
	height:450px;
	margin:0px;
	padding:0px 0px 0px;
	text-align:center;
}
#coll_age h4:first-child {height:400px;}

.coll_age_text {
	clear:left;
	margin:0px;
	padding:10px 0px 0px;
	background:url(../img/coll_age_back.png) repeat-y center top;
}
.coll_age_text p {
	clear:left;
	margin:0px;
	padding:10px 70px 10px;
	font-size:26px;
	line-height:2.0;
	text-align:justify;
}
#coll_age_bottom {
	clear:left;
	height:110px;
	margin:0px;
	padding:0px 0px 0px;
	text-align:center;
	background:url(../img/coll_age_bottom.png) no-repeat center top;
}


/* ------------------------------------------------------------
　　ナビゲーターのプロフィール：profile.html
------------------------------------------------------------ */

#prof_box {
	clear:both;
	margin:0px;
	padding:20px 0px 0px;
	text-align:center;
}
#prof_box h3 {
	clear:both;
	margin:0px;
	padding:0px;
	text-align:center;
}
#maki {height:530px;}
#yoko {height:590px;}

.prof {
	clear:both;
	margin:0px;
	padding:10px 0px 0px;
	text-align:center;
	background:url(../img/h3_back.png) repeat-y top center;
}
.prof p {
	clear:both;
	margin:0px;
	padding:0px 70px 20px;
	font-size:26px;
	line-height:2.0;
	text-align:justify;
}
#prof_bottom {
	clear:both;
	height:20px;
	margin:0px;
	padding:0px;
	text-align:center;
	background:url(../img/h3_bottom.png) no-repeat top center;
}