@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:13px;
	line-height:1.6;
	color:#000000;
	/* background:#C8D9E6; */
}

/* Android 文字強制改行用 */
p,
h1,
h2,
h3,
h4,
h5,
h6,
dd,
dt,
div {
	/* width:100%;
	max-width:100%; */
	background:url(../re_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;color:#005A9F;}
a:visited {text-decoration:underline;color:#005A9F;}
a:hover {text-decoration:none;color:#7FACCF;}
a:active {text-decoration:underline;color:#005A9F;}

/* ----- ClearSpace ----- */
.ClearSpacet15px {clear:left;width:10px;height:15px;margin:0px;padding:0px;text-indent:-9999px;}
.ClearSpacet20px {clear:left;width:10px;height:20px;margin:0px;padding:0px;text-indent:-9999px;}
.ClearSpacet30px {clear:left;width:10px;height:30px;margin:0px;padding:0px;text-indent:-9999px;}
.ClearSpacet40px {clear:left;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;}

/* ----- Under Constrution ----- */
.uc {
	clear:left;
	width:100%;
	margin:150px 0px 90px 0px;
	padding:20px 0px 20px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#666666;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
}

/* ----- font ----- */
.font14px {font-size:14px;line-height:1.6;}
.font16px {font-size:16px;line-height:1.8;}
.font18px {font-size:18px;line-height:1.8;}
.font20px {font-size:20px;line-height:1.7;}
.font22px {font-size:22px;line-height:1.7;}
.font24px {font-size:24px;line-height:1.7;}
.font26px {font-size:26px;line-height:1.7;}
.font28px {font-size:28px;line-height:1.7;}
.font30px {font-size:30px;line-height:1.6;}
.font32px {font-size:32px;line-height:1.6;}
.font34px {font-size:34px;line-height:1.6;}
.font36px {font-size:36px;line-height:1.6;}
.font38px {font-size:38px;line-height:1.6;}
.font40px {font-size:40px;line-height:1.5;}

/* ----- img ----- */
img,
img a,
img a:hover {border:0;}

/* フェード */
.img_hov {opacity:1; -webkit-transition:0.3s ease-in-out; transition:0.3s ease-in-out;}
.img_hov:hover {opacity:0.5;}


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

/* ----- wrapper 内容 ----- */
#wrapper {
	clear:left;
	position:relative;
	width:100%;
	margin:0px;
	padding:0px;
}
#wrapper-inner {
	position:static;
	width:100%;
	margin:0px;
	padding:0px;
	text-align:left;
	overflow:hidden;
}

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

/* h_box 内容 */
#h_box {
	clear:left;
	width:1000px;
	margin:0px auto;
	padding:50px 0px 10px;
	overflow:hidden;
}
#h_box h1 {
	float:left;
	width:500px;
	height:60px;
	margin:0px;
	padding:0px;
	font-size:4px;
	line-height:1.4;
	text-indent:-9999px;
	font-weight:normal;
	text-align:left;
	background:url(../img/h1_logo.png) no-repeat 0px 0px;
}
#h_fb,
#h_mail {
	float:right;
	height:40px;
	margin:0px;
	padding:20px 0px 0px;
	text-align:left;
}
#h_fb {width:40px;}
#h_mail {width:130px;}

/* ----- nav 内容 ----- */
#nav {
	clear:left;
	width:1000px;
	margin:0px auto;
	padding:0px;
	border-bottom:3px solid #2278A1;
}
#s_nav {
	clear:left;
	width:100%;
	margin:10px 0px 0px;
	padding:0px;
	border-top:3px solid #2278A1;
}
#nav ul,
#s_nav ul {
	clear:left;
	width:1000px;
	margin:0px auto;
	padding:0px;
	list-style:none;
	overflow:hidden;
}
#nav li,
#s_nav li {
	float:left;
	width:200px;
	height:100px;
	margin:0px;
	padding:0px;
	text-align:left;
}

/* ----- topメインイメージ ----- */
#top_main {
	clear:left;
	margin:0px auto;
	padding:0px 0px 20px;
	text-align:center;
}
#top_main h2 {
	width:100%;
	height:510px;
	margin:0px;
	padding:0px;
	font-size:4px;
	line-height:1.4;
	text-indent:-9999px;
	font-weight:normal;
	text-align:left;
	background:url(../img/h2_top.png) no-repeat top center;
}

/* ----- contents 内容 ----- */
#contents {
	clear:left;
	width:1000px;
	margin:0px auto;
	padding:40px 0px 60px;
	overflow:hidden;
}

/* ----- footer 内容 ----- */
#footer {
	clear:left;
	position:relative;
	width:100%;
	margin:0px;
	padding:20px 0px 70px;
	background:#2278A1;
}
#footer-inner {
	position:static;
	width:1000px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	overflow:hidden;
}

/* リンク */
#f_links {
	float:left;
	margin:0px;
	padding:0px 0px 20px;
	text-align:left;
	overflow:hidden;
}
#f_links p {
	float:left;
	margin:0px;
	padding:0px 30px 0px 0px;
	color:#FFFFFF;
	text-align:left;
}
#f_links p a {color:#FFFFFF; text-decoration:none;}
#f_links p a:hover {color:#FFFFFF; text-decoration:underline;}

/* コピーライト */
#footer-inner address {
	float:right;
	margin:0px;
	padding:0px 0px 0px;
	color:#FFFFFF;
	font-size:12px;
	font-style:normal;
	text-align:right;
}

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


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

/* ----- side 内容 ----- */
#side {
	float:left;
	width:280px;
	margin:0px;
	padding:0px;
	text-align:left;
	overflow:hidden;
}

/* メルマガ */
#mm_title {
	clear:both;
	margin:0px;
	padding:0px;
	text-align:left;
}
#mm {
	clear:both;
	margin:0px;
	padding:10px 0px 0px;
	text-align:left;
	border-bottom:2px solid #2278A1;
}

.mm_name {
	clear:left;
	width:280px;
	margin:0px;
	padding:0px 0px 0px;
	text-align:left;
}
.mm_mail {
	clear:left;
	width:280px;
	margin:0px;
	padding:8px 0px 0px;
	text-align:left;
	overflow:hidden;
}
.mm_input {
	clear:left;
	width:215px;
	height:20px;
	margin:0px;
	padding:2px;
	color:#666666;
	font-family:"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro','メイリオ',Meiryo, "ＭＳ Ｐゴシック",sans-serif;
	font-size:12px;
	text-align:left;
}
.mm_button {
	float:right;
	width:50px;
	margin:0px;
	padding:0px 0px 0px;
	text-align:left;
}

#mm_text {
	clear:left;
	margin:0px;
	padding:8px 0px 0px;
	text-align:left;
}
#mm_text p {
	clear:left;
	margin:0px;
	padding:0px 0px 10px;
	text-align:justify;
}
#mm_text p span {font-size:12px;}

/* 私たちが考えるインタベンションとは */
#top_i-about {
	clear:both;
	width:280px;
	height:120px;
	margin:0px;
	padding:30px 0px 20px;
	text-align:left;
}

/* ブログ */
#top_blog {
	clear:both;
	width:280px;
	height:125px;
	margin:0px;
	padding:0px 0px 30px;
	text-align:left;
}

/* 特任講師 */
#top_inst {
	clear:both;
	width:280px;
	height:100px;
	margin:0px;
	padding:0px 0px 40px;
	text-align:left;
}

/* Facebook */
#top_fb {
	clear:both;
	width:280px;
	height:80px;
	margin:0px;
	padding:0px 0px 15px;
	text-align:left;
}

/* ICCE・IGCCB・アミティ */
#top_icce,
#top_igccb,
#top_amity {
	clear:both;
	width:280px;
	height:80px;
	margin:0px;
	padding:0px 0px 15px;
	text-align:left;
}

/* oneness group */
#oneness-g {
	clear:both;
	width:280px;
	height:80px;
	margin:0px;
	padding:0px 0px 0px;
	text-align:left;
}

/* ----- main 内容 ----- */
#main {
	float:right;
	width:660px;
	margin:0px;
	padding:0px;
	text-align:left;
	overflow:hidden;
}

/* インタベンショニストとは?・インタビュー */
#top_nist,
#top_iv {
	width:320px;
	height:150px;
	margin:0px;
	padding:10px 0px 0px;
	text-align:left;
}
#top_nist {float:left;}
#top_iv {float:right;}

/* ロクサーナ・ルーカス・キーニー・グレイバナー */
#top_roxa,
#top_lucas,
#top_keeney,
#top_gray,
#top_lucas_banner,
.top_banner {
	clear:both;
	width:660px;
	margin:0px;
	padding:30px 0px 0px;
	text-align:left;
}
#top_roxa {
	height: 440PX;
}
#top_lucas_banner {height:530px;}
#top_lucas {height:200px;}
#top_keeney {height:220px;}
#top_gray {height:200px;}

/* 各イベント */
#top_event {
	clear:both;
	margin:30px 0px 0px;
	padding:0px;
	text-align:left;
	overflow:hidden;
	border-top:2px solid #2278A1;
	/* border-bottom:2px solid #2278A1; */
}
.top_event {
	clear:both;
	margin:0px;
	padding:15px 0px 15px;
	text-align:left;
	overflow:hidden;
	/* border-top:2px solid #2278A1; */
	border-bottom:2px solid #2278A1;
}
.top_event_ph {
	float:left;
	width:80px;
	margin:0px;
	padding:0px 0px 0px;
	text-align:left;
}
.top_event_text {
	float:right;
	width:565px;
	margin:0px;
	padding:0px 0px 0px;
	text-align:left;
}
.top_event_text h3 {
	clear:both;
	margin:0px;
	padding:0px 0px 4px;
	font-size:16px;
	text-align:justify;
}
.top_event_text h4 {
	clear:both;
	margin:0px;
	padding:0px 0px 10px;
	font-size:13px;
	text-align:justify;
}
.top_event_text p {
	clear:both;
	margin:0px;
	padding:0px 0px 0px;
	font-size:12px;
	text-align:justify;
}
.top_event_text p strong {font-size:14px;}

/* 活動 */
#top_acti_other_title {
	clear:both;
	margin:0px;
	padding:0px 0px 10px 5px;
	text-align:left;
}
#top_acti_other_box {
	clear:both;
	width:628px;
	margin:30px 0px 0px;
	padding:15px 16px 15px;
	text-align:left;
	overflow:hidden;
	background:#EDEDED;
	/* border-top:2px solid #2278A1;
	border-bottom:2px solid #2278A1; */
}
#top_acti_other_box p {
	float:left;
	width:300px;
	height:70px;
	margin:0px;
	padding:7px;
	text-align:left;
}

/* News */
#top_news_title {
	clear:both;
	margin:0px;
	padding:30px 0px 0px;
	text-align:left;
}
#top_news_box {
	clear:both;
	width:660px;
	margin:0px;
	padding:0px 0px 15px;
	text-align:left;
	border-bottom:2px solid #2278A1;
}
#top_news_box dl {
	clear:both;
	width:620px;
	margin:0px;
	padding:15px 20px 0px;
	text-align:left;
}
#top_news_box dd {
	clear:both;
	margin:0px;
	padding:0px 0px 4px;
	font-size:14px;
	line-height:1.6;
	text-align:left;
}
#top_news_box dt {
	clear:both;
	margin:0px;
	padding:0px 0px 4px;
	font-size:14px;
	line-height:1.6;
	text-align:justify;
}


/* ------------------------------------------------------------
　　セカンドページベース
------------------------------------------------------------ */

/* ----- タイトル ----- */
#s_title {
	clear:left;
	width:100%;
	margin:0px;
	padding:40px 0px 40px;
	background:#CDD5D9;
}
#s_title h2 {
	width:1000px;
	position:relative;
	margin:0px auto;
	padding:0px;
	text-align:left;
}
#s_nav_icon01,
#s_nav_icon02,
#s_nav_icon03,
#s_nav_icon04,
#s_nav_icon05 {
	position:absolute;
	z-index:100;
	top:-40px;
	width:200px;
	height:14px;
	margin:0px;
	padding:0px;
	text-align:left;
}
#s_nav_icon01 {left:0px;}
#s_nav_icon02 {left:200px;}
#s_nav_icon03 {left:400px;}
#s_nav_icon04 {left:600px;}
#s_nav_icon05 {left:800px;}

/* ----- s_side 内容 ----- */
#s_side {
	float:right;
	width:280px;
	margin:0px;
	padding:0px;
	text-align:left;
	overflow:hidden;
}

/* インタベンショニストとは?・インタビュー・私たちが考えるインタベンションとは・特任講師 */
#s_nist,
#s_iv,
#s_i-about,
#s_inst {
	clear:both;
	width:280px;
	height:110px;
	margin:0px;
	padding:0px 0px 15px;
	text-align:left;
}

/* ----- s_main 内容 ----- */
#s_main {
	float:left;
	width:660px;
	margin:0px;
	padding:0px;
	text-align:left;
	overflow:hidden;
}


/* ------------------------------------------------------------
　　about.html：日本アディクションインタベンショニスト協会とは
------------------------------------------------------------ */

/* サブ */
#about_sub {
	clear:left;
	margin:0px;
	padding:0px 0px 40px;
}
#about_sub h3 {
	clear:left;
	margin:0px;
	padding:0px;
	text-align:left;
}

/* 本文 */
#about_text {
	clear:left;
	margin:0px;
	padding:0px 0px 0px 30px;
	/* background:#DCE2E4; */
	border-left:1px solid #2278A1;
}
#about_text p {
	clear:left;
	margin:0px;
	padding:0px 0px 15px;
	font-size:15px;
	line-height:2.0;
	text-align:justify;
}


/* ------------------------------------------------------------
　　acti.html：活動内容
------------------------------------------------------------ */

/* 本文 */
#acti_text {
	clear:left;
	margin:0px 0px 0px;
	padding:0px 0px 0px 30px;
	/* background:#DCE2E4; */
	border-left:1px solid #2278A1;
}
#acti_text p {
	clear:left;
	margin:0px;
	padding:0px 0px 15px;
	font-size:15px;
	line-height:2.0;
	text-align:justify;
}

#acti_links {
	clear:left;
	margin:0px;
	padding:10px 0px 0px;
	overflow:hidden;
}
#acti_cert,
#acti_semi {
	float:left;
	width:280px;
	height:60px;
	margin:0px;
	padding:0px 30px 0px 0px;
	overflow:hidden;
}

/* その他 */
#acti_other_box {
	clear:left;
	margin:60px 0px 0px;
	padding:0px 0px 0px;
	overflow:hidden;
	background:url(../img/line_back.png) repeat-y 0px 0px;
}
#acti_other_box h3 {
	float:left;
	margin:0px;
	padding:0px;
	text-align:left;
}

#acti_other_text {
	float:right;
	width:560px;
	margin:0px;
	padding:0px 0px 0px;
}
#acti_other_text h4 {
	clear:left;
	margin:0px;
	padding:20px 0px 15px;
	text-align:left;
}
#acti_other_text p {
	clear:none;
	margin:0px;
	padding:0px 0px 10px;
	font-size:15px;
	line-height:1.8;
	text-align:justify;
}
.acti_other_ph_L,
.acti_other_ph_R {
	margin:0px;
	text-align:left;
}
.acti_other_ph_L {float:left;padding:5px 20px 10px 0px;}
.acti_other_ph_R {float:right;padding:5px 0px 10px 20px;}

.acti_other_ph_C_box {
	clear:both;
	margin:0px;
	padding:0px 0px 20px;
	text-align:left;
	overflow:hidden;
}
.acti_other_ph_C {
	float:left;
	margin:0px;
	padding:0px 20px 0px 0px;
	text-align:left;
}

.acti_other_links {
	clear:left;
	width:140px;
	height:40px;
	margin:0px;
	padding:0px 0px 15px 420px;
	text-align:left;
}


/* ------------------------------------------------------------
　　i-i.html：インタベンションとインタベンショニスト
------------------------------------------------------------ */

/* 本文 */
#i-i_text {
	clear:left;
	margin:0px;
	padding:0px 0px 0px 30px;
	/* background:#DCE2E4; */
	border-left:1px solid #2278A1;
}
#i-i_text p {
	clear:left;
	margin:0px;
	padding:0px 0px 15px;
	font-size:15px;
	line-height:2.0;
	text-align:justify;
}


/* ------------------------------------------------------------
　　cert.html：資格認定
------------------------------------------------------------ */

/* 本文 */
#cert_box {
	clear:left;
	margin:0px;
	padding:0px 0px 0px;
	overflow:hidden;
	background:url(../img/line_back.png) repeat-y 0px 0px;
}
#cert_box h3 {
	float:left;
	margin:0px;
	padding:0px;
	text-align:left;
}

#cert_text {
	float:right;
	width:560px;
	margin:0px;
	padding:0px 0px 0px;
}
#cert_text h4 {
	clear:left;
	margin:0px;
	padding:20px 0px 15px;
	text-align:left;
}
#cert_text h5 {
	clear:left;
	margin:0px;
	padding:20px 0px 0px;
	text-align:left;
}
#cert_text p {
	clear:right;
	margin:0px;
	padding:0px 0px 10px;
	font-size:15px;
	line-height:1.8;
	text-align:justify;
}
.cert_ph {
	float:left;
	margin:0px;
	padding:5px 20px 10px 0px;
	text-align:left;
}
.cert_links {
	clear:left;
	width:140px;
	height:40px;
	margin:0px;
	padding:0px 0px 15px 420px;
	text-align:left;
}


/* ------------------------------------------------------------
　　semi.html：セミナー
------------------------------------------------------------ */

/* 本文 */
#semi_box {
	clear:left;
	margin:0px;
	padding:0px 0px 0px;
	overflow:hidden;
	background:url(../img/line_back.png) repeat-y 0px 0px;
}
#semi_box h3 {
	float:left;
	margin:0px;
	padding:0px;
	text-align:left;
}

#semi_text {
	float:right;
	width:560px;
	margin:0px;
	padding:0px 0px 0px;
}
#semi_text h4 {
	clear:left;
	margin:0px;
	padding:20px 0px 15px;
	text-align:left;
}
#semi_text p {
	clear:right;
	margin:0px;
	padding:0px 0px 10px;
	font-size:15px;
	line-height:1.8;
	text-align:justify;
}
.semi_ph {
	float:left;
	margin:0px;
	padding:5px 20px 10px 0px;
	text-align:left;
}
.semi_links {
	clear:left;
	width:140px;
	height:40px;
	margin:0px;
	padding:0px 0px 15px 420px;
	text-align:left;
}


/* ------------------------------------------------------------
　　nist.html：依存症におけるアディクションインタベンショニストとは？
------------------------------------------------------------ */

/* 本文 */
#nist_text {
	clear:left;
	margin:0px;
	padding:30px 40px 25px;
	background:#DCE2E4;
	border-top:3px solid #2278A1;
	border-bottom:3px solid #2278A1;
}
#nist_text p {
	clear:left;
	margin:0px;
	padding:0px 0px 15px;
	font-size:15px;
	line-height:2.0;
	text-align:justify;
}


/* ------------------------------------------------------------
　　inst.html：特任講師
------------------------------------------------------------ */

/* 本文 */
.inst_box {
	clear:left;
	margin:0px 0px 30px;
	padding:30px 40px 25px;
	overflow:hidden;
	background:#DCE2E4;
	border-top:3px solid #2278A1;
	/* border-bottom:3px solid #2278A1; */
}
.inst_ph {
	float:left;
	width:120px;
	margin:0px;
	padding:0px 0px 15px;
	text-align:left;
}
.inst_links {
	clear:both;
	width:120px;
	height:30px;
	margin:0px;
	padding:10px 0px 0px;
	text-align:left;
}
.inst_text {
	float:right;
	width:440px;
	margin:0px;
	padding:0px 0px 0px;
}
.inst_text h3 {
	clear:left;
	margin:0px 0px 15px;
	padding:0px 0px 10px;
	text-align:justify;
	border-bottom:1px solid #2278A1;
}
.inst_text p {
	clear:left;
	margin:0px;
	padding:0px 0px 10px;
	font-size:14px;
	line-height:1.8;
	text-align:justify;
}


/* ------------------------------------------------------------
　　corp.html：組織概要
------------------------------------------------------------ */

#corp_info {
	clear:left;
	margin:0px 0px 0px;
	padding:0px 0px 30px;
	text-align:left;
}
#corp_info dl {
	clear:left;
	width:660px;
	margin:0px 0px;
	padding:20px 0px 14px;
	text-align:left;
	border-top:1px solid #2278A1;
	overflow:hidden;
}
#corp_info dl:last-child {border-bottom:1px solid #2278A1;}

#corp_info dd {
	float:left;
	width:100px;
	margin:0px;
	padding:0px 20px 6px;
	font-size:14px;
	line-height:1.8;
	text-align:right;
}
#corp_info dt {
	float:right;
	width:485px;
	margin:0px 0px 6px;
	padding:0px 0px 0px 25px;
	font-size:14px;
	line-height:1.8;
	text-align:justify;
	border-left:2px solid #2278A1;
}


/* ------------------------------------------------------------
　　pp.html：プライバシーポリシー
------------------------------------------------------------ */

#pp_box {
	clear:both;
	position:relative;
	width:100%;
	margin:0px 0px 0px;
	padding:0px;
}
#pp_box p {
	clear:left;
	margin:0px;
	padding:0px 0px 20px;
	font-size:14px;
	line-height:2.0;
	text-align:justify;
}
#pp_name {
	clear:left;
	margin:0px;
	padding:10px 0px 0px;
	font-size:14px;
	line-height:2.0;
	text-align:right;
}


/* ------------------------------------------------------------
　　blog.html：JAAI Blog
------------------------------------------------------------ */

#blog_copy {
	clear:both;
	position:relative;
	width:100%;
	margin:0px 0px 0px;
	padding:0px;
}
#blog_copy p {
	clear:left;
	margin:0px;
	padding:0px 0px 15px;
	font-size:14px;
	line-height:2.0;
	text-align:justify;
}

#blog_links {
	clear:both;
	position:relative;
	width:100%;
	margin:10px 0px 20px;
	padding:0px;
	overflow:hidden;
}
#blog_links p {
	float:left;
	width:300px;
	height:60px;
	margin:0px;
	padding:0px 20px 20px 0px;
	text-align:left;
}