@charset "utf-8";


body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
	margin:0 auto;
	padding:20px 0 0 0;
	color:#000000;
	background-image:url(../img/common/back_ribbonz.jpg);
	background-position:top;
	background-repeat:no-repeat;
	text-align:left; /* モダンブラウザ向け ptで指定 */
	line-height:170%;
}

i.fa {
 padding-right:6px;
}



.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

.border-radius-base {
  border-radius: 10px;
}

/*---------------------------------*/
/* ボーダー */

   .bdr_dot {
    border: 1px dotted #ccc;
    padding: 15px 0;
    text-align: center;
   }

.mds_bdr_left_base {
  border-left: 4px solid #333;
  padding: 2px 0 2px 10px;
  font-weight: 600;
}



/*---------------------------------*/
/* バックグラウンド  */

.bg_purple_light {
background: #F8EFFF;  
}


/*---------------------------------*/
/* ボタン */

.d_btn_inline-block,
a.d_btn_inline-block {
  display: inline-block;
  background: #8A80AF;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
}

.d_btn_inline-block:hover,
a.d_btn_inline-block:hover {
  background: #222;
  color: #fff;
}



/*---------------------------------*/
/* イベントを消す */

li.event ul{
	display:none;
}

/*----------------------------------*/

/*mac win safari3 ff3*/
 body:first-of-type {
 font-size: 85%;
} 

/* for Windows IE */
@media screen {
    * html body {
        font-size: 80%;
    }
		}
		
.t{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif;
	font-size: 10pt; 
}


div:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

a {
	outline:none;
	color:#332396;/*リンク色指定*/
	text-decoration:underline;
	}
	
a:hover {
	color:#0141FF;/*マウスオーバー色指定*/
	text-decoration:underline;
	}
	
h1 {
	margin:0;
	padding:0;
	border:0;
}

a.nonbar {
	text-decoration:none;
}

/*テキスト：ボールド*/

.t_bold{
	font-weight:bold;
}

/* バックグラウンド：薄いグレイ*/
.bg_gray{
	background-color:#F9F9F9;
}

/* 角丸処理 */
.edg_crcl_6px{
	border-radius:6px;
	-webkit-border-radius: 6px;	/* Safari、Google Chrome */
 -moz-border-radius: 6px;	/* Firefox */
}

/* shadow  d_shadow */
.d_shadow {
	box-shadow:	 0px 4px 4px #666;
}


/* マウスオーバーで画像traceparent */
a:hover img {
	filter: alpha(opacity=75); /* IE */
	-moz-opacity:0.75; /* Firefox */
	opacity:0.75; /* opera safari */
}



/*************************************************************************
基本設定
**************************************************************************/
div#flm {
margin:0px;
padding:0px;
}
div#ribbonz_container {
	width:900px;
	margin:0 auto;
	border:1px solid #8A80AF;
	background-color:#FFFFFF;
/*  background:url() top center repeat-y;*/
}

div#ribbonz_banner {
	text-align:center;
	margin:0px;
	padding:10px;
	background:url() top center no-repeat;
}
div#ribbonz_head {
	text-align:right;
	margin-bottom:10px;
	padding:8px;
	color:#FFFFFF;
	background-color:#8A80AF;
}
div#ribbonz_head a {
	color:#FFFFFF;
	text-decoration:none;
}

div#ribbonz_head a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

div#ribbonz_contents {
	width:100%;
	background-image:url(../img/common/bg_line.gif);
	background-repeat:repeat-y;
}

div#ribbonz_contents p {
	line-height:165%;
	margin:0px;
}

div#ribbonz_top_ttl {
padding-left:12px;
text-align:left;
}

div.ribbonz_area_nav {
float:left;
width:180px;
margin:0px;
padding-left:10px;
text-align:left;
}

div.ribbonz_area_top_main {
float:left;
width:680px;
margin-top:10px;
margin-left:10px;
padding:0px;
text-align:left;
border-left:1px solid #8A80AF;
}

div.ribbonz_area_main {
float:left;
width:680px;
margin-top:10px;
margin-left:10px;
padding:0px;
text-align:left;
border-top:1px solid #8A80AF;
border-left:1px solid #8A80AF;
}

div.ribbonz_pagenavi {
float:left;
width:680px;
margin-top:10px;
margin-left:10px;
padding:0px;
text-align:left;
font-size:11px;
}

div.ribbonz_area_maincontent {
float:left;
width:660px;
margin-top:10px;
margin-bottom:20px;
padding-left:20px;
text-align:left;
}


div.ribbonz_area_event_ttl {
float:left;
/*width:360px;*/
margin:0px;
padding:0px;
text-align:left;
}

div.ribbonz_area_event_all {
float:right;
/*width:300px;*/
margin:0px;
padding:0px;
text-align:right;
}


div.member_name {
font-weight:bold;
font-size:120%;
}

div.member_job {
margin-bottom:10px;
padding:5px 0px 10px 0px;
border-bottom:1px dotted #dddddd;
}

div.ribbonz_msg_btn_left {
float:left;
width:330px;
margin-top:30px;
text-align:left;
}

div.ribbonz_msg_btn_right {
float:left;
width:330px;
margin-top:30px;
text-align:right;
}

.t_sub{ font-size:90%;}

/*目次
-----------------------------------------------------*/
.section{
margin :30px 0px 0px 15px;
padding :0px;
text-decoration :none;
}

.section ul{
text-decoration :none;
list-style-image: url(../img/cancerribbonz/arrow.gif);
}

.section li{
text-decoration :none;
font-weight :bold;
}

.section li a{
text-decoration :none;
font-weight :normal;
/*color:#666666;*/
}

.section li a:hover{
text-decoration :underline;
font-weight :normal;
}




/* main内の見出し
**************************************************************************/

div.ribbonz_area_main .ttl{
background-color:#FFFFFF;
margin-bottom:15px;
text-align:left;
font-size:150%;
font-weight:bold;
}

.blue div.ribbonz_area_main .ttl{
/*#container設定部にclass指定*/
background-color:#FFFFFF;
}

div.ribbonz_area_main h2 {
	margin-bottom:20px;
	padding:0px 0px 0px 40px;
	color:#8A80AF;
	font-size:150%;
}

div.ribbonz_area_main h3 {
	margin-bottom:10px;
	padding:10px 0px 10px 50px;
	border:0;
	color:#FFFFFF;
	font-size:100%;
	background-image:url(../img/common/bc_ttl.jpg);
	background-repeat:no-repeat;
}


/* h見だしに装飾----------------------------*/
h4.design_01{
	margin:0 0 10px 0;
	padding:5px 0;
	border-top:2px solid #ccc;
	border-bottom:2px dotted #ccc;}
	
	
/* 自由見だし----------------------------*/

.mds_bdr_l{
	margin:0; padding:0 0 0 5px;
	border-left:5px solid #ccc;
}





/*ページナビゲーション
---------------------------------------------------------*/
.pageNavigation{
text-align:center;
}

.pageNavigation ul{
margin:0px;
padding:0px;
}
.pageNavigation ol{
margin:0px;
padding:0px;
}
.pageNavigation li{
margin:0px;
padding:0px;
}

.pageNavigation li{
list-style:none;
text-align:center;
float:left;
font-family:verdana,arial;
}

.pageNavigation ol li{
width:25px;
margin:0px;
float:left;
}
.pageNavigation ol li a{
width:70%;/*win IE*/
text-decoration:none;
display:block;
background-color:#E7E5EF;
font-size:90%;
color:#333333;
border:1px solid #999999;
}
.pageNavigation li.prevBtn a,.pageNavigation li.nextBtn a{
text-decoration: none;
color: #6A5F93;
}
.pageNavigation ol li a.current{
background-color:#6A5F93;
border:1px solid #999999;
color:#ffffff;
}
.pageNavigation li a:hover{
text-decoration: underline;
color: #6A5F93;
}




/*************************************************************************
global menu
**************************************************************************/
#gmenu{
margin:10px 0px 10px 0px;
float:left;
width:180px;
}


div.gmenu {
margin:0px;
padding:0px;
width: 180px;
}
div.gmenu ul{
margin:0px;
padding:0px;
list-style:none;
}
div.gmenu ul li {
position: relative;
margin-bottom: 0px;
width: 180px;
height: 30px;
text-indent: -9999px;
}
div.gmenu ul li table {
border-collapse: collapse;
border: none;
padding: 0;
position: absolute;
top: 0;
left: 0;
}
	
	
div.gmenu ul li ul {
visibility: hidden;
overflow: hidden;
position: absolute;
top: 0px;
left: 180px;
width: 180px;
height: 0;
border: 1px solid #C5BFD7;
}
div.gmenu ul li ul li {
margin: 0;
width: 180px;
height: 30px;
}
	

div.gmenu ul li a {
display: block;
text-decoration: none;
padding-left: 25px;
height: 30px;

}


div.gmenu ul li a:hover {
position: relative;
z-index: 100;
}


div.gmenu ul li:hover ul ,
div.gmenu ul li a:hover ul {
visibility: visible;
overflow: visible;
height: auto;
z-index: 10;
}


/* ナビゲーション
---------------------------------------------------- */

div.gmenu li.home { background: url(../img/gnav/gnav_root.gif) no-repeat 0px 0px; }
div.gmenu li.home a:hover { background: url(../img/gnav/gnav_root.gif) no-repeat -180px 0px; }



div.gmenu li.news { background: url(../img/gnav/gnav_root.gif) no-repeat 0px -30px; }
div.gmenu li.news a:hover { background: url(../img/gnav/gnav_root.gif) no-repeat -180px -30px; }



div.gmenu li.event { background: url(../img/gnav/gnav_root.gif) no-repeat 0px -60px; }
div.gmenu li.event a:hover { background: url(../img/gnav/gnav_root.gif) no-repeat -180px -60px; }

div.gmenu li.event1 { background: url(../img/gnav/gnav_event.gif) no-repeat 0px 0px; }
div.gmenu li.event1 a:hover { background: url(../img/gnav/gnav_event.gif) no-repeat -180px 0px; }
div.gmenu li.event2 { background: url(../img/gnav/gnav_event.gif) no-repeat 0px -30px; }
div.gmenu li.event2 a:hover { background: url(../img/gnav/gnav_event.gif) no-repeat -180px -30px; }



div.gmenu li.ribbonz { background: url(../img/gnav/gnav_root.gif) no-repeat 0px -90px; }
div.gmenu li.ribbonz a:hover { background: url(../img/gnav/gnav_root.gif) no-repeat -180px -90px; }

div.gmenu li.ribbonz1 { background: url(../img/gnav/gnav_ribbonz.gif) no-repeat 0px 0px; }
div.gmenu li.ribbonz1 a:hover { background: url(../img/gnav/gnav_ribbonz.gif) no-repeat -180px 0px; }
div.gmenu li.ribbonz2 { background: url(../img/gnav/gnav_ribbonz.gif) no-repeat 0px -30px; }
div.gmenu li.ribbonz2 a:hover { background: url(../img/gnav/gnav_ribbonz.gif) no-repeat -180px -30px; }

/*
div.gmenu li.ribbonz3 { background: url(../img/gnav/gnav_ribbonz.gif) no-repeat 0px -60px; }
div.gmenu li.ribbonz3 a:hover { background: url(../img/gnav/gnav_ribbonz.gif) no-repeat -180px -60px; }
*/
div.gmenu li.ribbonz3 { display:none;}
div.gmenu li.ribbonz4 { background: url(../img/gnav/gnav_ribbonz.gif) no-repeat 0px -90px; }
div.gmenu li.ribbonz4 a:hover { background: url(../img/gnav/gnav_ribbonz.gif) no-repeat -180px -90px; }
div.gmenu li.ribbonz5 { background: url(../img/gnav/gnav_ribbonz.gif) no-repeat 0px -120px; }
div.gmenu li.ribbonz5 a:hover { background: url(../img/gnav/gnav_ribbonz.gif) no-repeat -180px -120px; }



div.gmenu li.project { background: url(../img/gnav/gnav_root.gif) no-repeat 0px -120px; }
div.gmenu li.project a:hover { background: url(../img/gnav/gnav_root.gif) no-repeat -180px -120px; }



div.gmenu li.hause { background: url(../img/gnav/gnav_root.gif) no-repeat 0px -150px; }
div.gmenu li.hause a:hover { background: url(../img/gnav/gnav_root.gif) no-repeat -180px -150px; }



div.gmenu li.cancer { background: url(../img/gnav/gnav_root.gif) no-repeat 0px -180px; }
div.gmenu li.cancer a:hover { background: url(../img/gnav/gnav_root.gif) no-repeat -180px -180px; }

div.gmenu li.cancer1 { background: url(../img/gnav/gnav_cancer.gif) no-repeat 0px 0px; }
div.gmenu li.cancer1 a:hover { background: url(../img/gnav/gnav_cancer.gif) no-repeat -180px 0px; }
div.gmenu li.cancer2 { background: url(../img/gnav/gnav_cancer.gif) no-repeat 0px -30px; }
div.gmenu li.cancer2 a:hover { background: url(../img/gnav/gnav_cancer.gif) no-repeat -180px -30px; }
/*div.gmenu li.cancer3 { background: url(../img/gnav/gnav_cancer.gif) no-repeat 0px -60px; }
div.gmenu li.cancer3 a:hover { background: url(../img/gnav/gnav_cancer.gif) no-repeat -180px -60px; }*/
.gmenu li.cancer3  { display:none;}


div.gmenu li.media { background: url(../img/gnav/gnav_root.gif) no-repeat 0px -210px; }
div.gmenu li.media a:hover { background: url(../img/gnav/gnav_root.gif) no-repeat -180px -210px; }


/*
div.gmenu li.link { background: url(../img/gnav/gnav_root.gif) no-repeat 0px -240px; }
div.gmenu li.link a:hover { background: url(../img/gnav/gnav_root.gif) no-repeat -180px -240px; }
*/
.gmenu li.link { display:none;}

div.gmenu li.message { background: url(../img/gnav/gnav_root.gif) no-repeat 0px -270px; }
div.gmenu li.message a:hover { background: url(../img/gnav/gnav_root.gif) no-repeat -180px -270px; }

div.gmenu li.message1 { background: url(../img/gnav/gnav_message.gif) no-repeat 0px 0px; }
div.gmenu li.message1 a:hover { background: url(../img/gnav/gnav_message.gif) no-repeat -180px 0px; }
div.gmenu li.message2 { background: url(../img/gnav/gnav_message.gif) no-repeat 0px -30px; }
div.gmenu li.message2 a:hover { background: url(../img/gnav/gnav_message.gif) no-repeat -180px -30px; }
/*div.gmenu li.message3 { background: url(../img/gnav/gnav_message.gif) no-repeat 0px -60px; }
div.gmenu li.message3 a:hover { background: url(../img/gnav/gnav_message.gif) no-repeat -180px -60px; }*/
.gmenu li.message3 { display:none;}



div.gmenu li.list { background: url(../img/gnav/gnav_root.gif) no-repeat 0px -300px; }
div.gmenu li.list a:hover { background: url(../img/gnav/gnav_root.gif) no-repeat -180px -300px; }



div.gmenu li.contribute { background: url(../img/gnav/gnav_root.gif) no-repeat 0px -330px; }
div.gmenu li.contribute a:hover { background: url(../img/gnav/gnav_root.gif) no-repeat -180px -330px; }




/********************************************************************
footer
*********************************************************************/
 div#ribbonz_footer {
	clear:both;
	margin:0 auto;
	padding:20px 0px 0px 0px;
	text-align:center;
	font-size:90%;
	border-top:1px solid #8A80AF;
}

div#ribbonz_footer a {
	color:#330066;
	text-decoration:none;
}

div#ribbonz_footer a:hover {
	color:#330066;
	text-decoration:underline;
}

div#area_footer {
	margin:0 auto;
	margin-top: 20px;
	padding:16px;
	text-align:center;
	background-color:#8A80AF;
	color:#FFFFFF;
	font-size:100%;
	clear:both;
}


div.ribbonz_contact {
	text-align:left;
}


div.ribbonz_cr {
	padding-top:12px;
	text-align:left;
} 


/********************************************************************
top page
*********************************************************************/
div.ad_box{
border:1px solid #cccccc;
border-top:5px solid #cccccc;
padding:5px;
margin:10px 0px 5px 20px;
background-color:#FFFFF8;
}

div.ad_box img{
margin:0px 10px 0px 0px;
}

div.ad_box img.img_bdr{
border:1px solid #dddddd;
margin:0px 10px 0px 0px;
padding:3px;
background-color:#ffffff;
}

/* トップ Box */

div.top_ttl{
border-bottom:1px dotted #8A80AF;
border-top:5px solid #8A80AF;
padding:5px;
 margin:10px 10px 0px 20px;
background-color:#EEEAFF;
font-weight:bold;
}

div.top_box{padding:10px; margin:0 10px 0 20px; border:1px solid #eee;}




/* 2列レイアウト */

table.tbl_top_area{ width:670px;}
td.box_news{
	width:420px;
	width:660px;
	}
td.box_tw{
	width:250px;
	width:1px;
	vertical-align:top;
	text-align:right;
width:0px;}

td.box_news .news{
	 width:370px;
	 }
td.box_news .event{
	 width:370px;
	 width:100%;
	 }

td.box_news .event dd {
	float:none!important;
	width:370px!important;
	width:640px!important;
}


.ribbonz_area_top_main  .news dt {
	width:11%;
	padding:0 0 6px 0;
	font-size:11px;
	}
.ribbonz_area_top_main  .news dd {
	width:87%;
	padding:0 0 6px 0;
	font-size:90%;
	line-height:130%;
	}


div.ribbonz_area_top_event {
	padding: 0 10px 0 20px;
	text-align:left;
}

div.ribbonz_area_top_news {
/*	padding: 0 10px 0 20px;*/
padding:20px 0 0 0;
	text-align:left;
}


div.event_top .event dd{
width:660px;
float:none;
}


div.ribbonz_area_top_content {
float:left;
width:450px;
margin-bottom:0px;
text-align:left;
}

div.ribbonz_area_top_text {
float:left;
width:430px;
margin:0px;
padding-left:20px;
text-align:left;
}

div.ribbonz_area_top_banner {
float:left;
width:200px;
margin-bottom:0px;
padding-left:20px;
text-align:left;
}

div.ribbonz_mgl40_text {
/*width:620px;*/
margin:0px 0px 0px 40px;
padding:0px 0px 10px 0px;
text-align:left;
}

div.ribbonz_top_event_ttl {
	width:100%;
	margin:0px 0px 5px 0px;
	padding:8px 0 0 0 ;
	text-align:left;
	clear:both;
	border-top:2px dotted #CCF;
}



/********************************************************************
news
*********************************************************************/
div.news {
	width:660px;
	margin:0px;
	padding:0px;
	background-image:url(../img/common/list_bk.gif);
	background-repeat:repeat-y;
}
div.news dl {
	font-size:95%;
	padding:0 0 15px;
	margin:0px;
}
div.news dl:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
div.news dt {
	float:left;
	margin:0;
	padding:0 5px 10px 0;
	clear:both;
	width:12%;
	color:#FF6600;
	font-size:82%;
	font-family:verdana,arial;
}
div.news dd {
	float:left;
	width:86%;
	color:#330066;
	margin:0;
	padding:0 0 10px 0;
}
div.news  h3 {
	margin:0px 0px 10px 0px;
	padding:2px 5px;
	border:0;
	color:#FFFFFF;
	background-image:url(../img/common/bc_ttl_news_month.jpg);
	background-repeat:repeat-y;
}

/*news_dtl*/

div.news_dtl h3{
margin:0px;
	padding:10px 0px 0px 50px;
	border:0;
	color:#8A80AF;
	font-size:100%;
	background-image:url(../img/common/bc_ttl_news.jpg);
	background-repeat:no-repeat;
}
.news_dtl .date{
margin:0px 0px 10px 0px;
padding:0px 0px 0px 50px;
color:#FF6600;
font-size:90%;
	font-family:verdana,arial;
}
.news_dtl p{
padding:0px 0px 0px 50px;
}

/********************************************************************
event
*********************************************************************/
div.event {
	width:660px;
	margin:0px;
	padding:0px;
	background-image:url(../img/common/list_bk.gif);
	background-repeat:repeat-y;
}
div.event dl {
	font-size:90%;
	padding:0 0 15px;
	margin:0px;
}

div.event dl:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
/*div.event dt {
	float:left;
	margin:0;
	padding:0 5px 10px 0;
	clear:both;
	width:0%;
	color:#FF6600;
	font-size:90%;
	font-family:verdana,arial;
}*/
div.event dd {
	float:left;
	width:97%;
	color:#330066;
	margin:0;
	padding:0 0 10px 0;
}
div.event  h3 {
margin:0px 0px 10px 0px;
	padding:2px 5px;
	border:0;
	color:#FFFFFF;
	background-image:url(../img/common/bc_ttl_news_month.jpg);
	background-repeat:repeat-y;
}


/********************************************************************
/*2段組レイアウト*/

div.news .l, div.event .l {
float:left;
	width:530px;
	margin:0px;
	padding:0px;
}
div.news .r, div.event .r {
float:right;
width:130px;
	margin:0px;
	padding:0px;
}
div.news .r ul, div.event .r ul {
margin:0px;
padding:10px 0px 0px 0px;
list-style:none;
font-family:verdana,arial;
}
 div.news .r ul li, div.event .r ul li{
padding:0px 0px 5px 15px;
margin:0px;
border-bottom:1px dotted #ffffff;
}

 div.news .r ul, div.news .r li.reflect_month{
padding:0px;
margin:0px;
border-bottom:none;
}
 div.event .r ul, div.event .r li.reflect_month{
padding:0px;
margin:0px;
border-bottom:none;
}


/********************************************************************/
/*　テーマ　*/
/********************************************************************/

div.theme{
border-bottom:1px dotted #cccccc;
padding-bottom:10px;
margin-bottom:10px;
}
div.theme .mds{
	float:left;
	width:12%;
	margin:0px;
	padding:0px;
}
div.theme .cnt{
	float:left;
	width:86%;
	margin:0px;
	padding:0px;
}


/********************************************************************
/*event_dtl*/

div.event_dtl h3{
margin:0px;
	padding:10px 0px 0px 50px;
	border:0;
	color:#8A80AF;
	font-size:100%;
	background-image:url(../img/common/bc_ttl_news.jpg);
	background-repeat:no-repeat;
}
.event_dtl p{
padding:10px 0px 0px 50px;
}


/********************************************************************
/*改ページ処理*/

.dt_page{
width:520px;
border-top:1px dotted #dddddd;
margin:20px 20px 0px 0px;
padding:10px 0px;
font-family:verdana,arial;
text-align:center;
font-size:80%;
}
.dt_page a{
}
.dt_page a.ditto_page{
padding:2px;
margin:0px 3px;
background-color:#ECE5FF;
}
.dt_page a:hover .ditto_page{
background-color:#FFFF99;
}
.dt a.ditto_currentpage{
font-weight:bold;
padding:0px 2px;
margin:0px 3px;
}


/********************************************************************
活動報告書
*********************************************************************/
div.report{
margin:0px;
padding:0px;
}
div.report img.pdf{
margin:0px;
padding:3px 10px 0px 0px;
}
div.report .date{
margin:0px;
padding:0px;
color:#FF6600;
}
div.report h3{
margin:0px;
padding:2px 0px;
font-weight:bold;
background:none;
color:#00000;
}
div.report .t_dtl{
margin:0px;
padding:0px;
color:#666666;
}


/********************************************************************
プライバシーポリシー	
*********************************************************************/
.policy h4{
margin:10px 0px 5px 0px;
padding:0px 0px 0px 5px;
border-left:5px solid #dddddd;
}

.policy p{
margin:5px 0px 15px 0px;
padding:0px;
}


/********************************************************************
 プリント用CSS設定
*********************************************************************/


@media print {
div#ribbonz_container {
	width:728px;
	margin:0 auto 0 auto;
	background-image:none;
}
div#main {margin-left:10px;}

.ribbonz_area_nav{
display:none;
}
ul.gnav {
	width:0;
}
ul.gnav {
	width:0;
	border-left:none;
	padding:0;
}

ul.gnav ul {
	width:0;
	list-style:none;
	margin:0;
	padding:0;
}

ul.gnav li { display:none; font-weight:bold;}


div#ribbonz_contents {
	width:100%;
	background-image:none;
}

div.ribbonz_area_main h2 {
color:#000000;
}

div.ribbonz_area_main h3 {
color:#000000;
}

/*top*/
div.ribbonz_area_top_main {
border:none;
}
div#ribbonz_top_ttl img.top_logo{
width:144px;
height:96px;
}
div#ribbonz_top_ttl img.top_ttl{
width:566px;
height:96px;
}

}



/********************************************************************
 リストの修飾
*********************************************************************/
.list_bs {
line-height:100%;
margin:0px 0px 15px 0px;
padding:0px;
}
.list_bs ul {
margin:0px;
padding:0px;
list-style:none;
}
.list_bs li {
padding:0px 0px 10px 15px;
background:url(../img/common/icon_arrow_01.gif) no-repeat 0px 5px;
margin:3px 0px 5px;
  line-height: 150%;
}
.list_bs li a {
font-weight:normal;
}

div.list_bdr_bs{
margin:0px;
padding:0px;
border-top:1px dotted #8A80AF;
}
div.list_bdr_bs .list_box {
margin:0px;
padding:10px 0px 10px 0px;
border-bottom:1px dotted #8A80AF;
}
div.list_bdr_bs .list_box p {
margin:0px;
padding:5px 0px 0px 15px;
}


/********************************************************************
 チェックシート
*********************************************************************/
div.cap_kmk{
	float:left;
	margin:0px;
	padding:0px;
	width:40px;
}
div.cap_t{
	float:left;
	margin-left:10px;
	padding-left:10px;
	width:550px;
	border-left:1px dotted #cccccc;
}

/********************************************************************
 表組の修飾
*********************************************************************/
/*基本*/
table.tbl_bs {
background-color:#cccccc;
border:1px solid #dddddd;
width:100%;
margin:3px 0px;
}
table.tbl_bs td {
background-color:#FFFFFF;
padding:5px;
vertical-align:top;
}
table.tbl_bs th {
background-color:#eeeeee;
padding:5px;
text-align:left;
vertical-align:top;
font-weight:normal;
width:100px;/*幅の固定*/
}

table.tbl_bs td.tbl_b {
font-weight:bold;
}
table.tbl_bs td.tbl_eee {
background:#eeeeee;
}
table.tbl_bs td.tbl_att {
background-color:#FFCCCC;
}
table.tbl_bs td.tbl_mds{
background-color:#666666;
color:#FFFFFF;
font-weight:bold;
}
/*
table.tbl_bs td.tbl_m_conf {
font-weight:bold;
background:#ffffff;
color:#660066;
}
*/
.tbl_m_conf {
font-weight:bold;
background:#ffffff;
color:#660066;
}
table.tbl_bs td.tbl_reg {
background-color:#999999;
text-align:right;
}
div.box_bs{
padding:3px;
margin:0px;
background-color:#eeeeee;
}
div.box_att{
padding:3px;
margin:0px;
background-color:#FFCCCC;
}



/*ページ固有*/
table.tbl_member_list {
	width: 100%;
	background-color:#FFFFFF;
	margin-bottom:20px;
	text-align:left;
	}
	table.tbl_member_list th {
	background-color:#eeeeee;
padding:5px 15px;
font-weight: normal;
	}
	table.tbl_member_list td {
	background-color:#FFFFFF;
	padding:10px 0px;
	border-bottom:1px dotted #8A80AF;
	}
	table.tbl_member_list tr td:first-child {
		padding: 10px;
	 font-weight: 600;
	 font-size: 112%;
	 white-space: nowrap;
	}
	table.tbl_member_list tr td:nth-child(2) {
		width: 100%;
	 }

	

table.tbl_member {
background-color:#FFFFFF;
margin-bottom:20px;
text-align:left;
}

table.tbl_member td {
background-color:#FFFFFF;
padding:10px 0px 10px 0px;
 padding: 10px;
border-bottom:1px dotted #8A80AF;
}
table.tbl_member tr td:first-child {
 font-weight: 600;
 font-size: 110%;
}

table.tbl_member td.member_ttl {
background-color:#eeeeee;
padding:5px;
border-bottom:none;
}
table.tbl_member td.nm {
font-weight:bold;
font-size:115%;
}
table.tbl_member td.btn {
text-align:left;
white-space:nowrap;
}


/*スケジュール、活動報告書、おすすめ書籍*/
table.tbl_schedule {
background-color:#FFFFFF;
margin-bottom:20px;
text-align:left;
}
table.tbl_schedule td {
background-color:#FFFFFF;
padding:10px 0px 10px 0px;
border-bottom:1px dotted #8A80AF;
vertical-align:top;
}
table.tbl_schedule td.last {
border:none;
}

table.tbl_schedule td.schedule_ttl {
background-color:#eeeeee;
padding:5px;
border-bottom:none;
}
table.tbl_schedule td.nm {
font-weight:bold;
font-size:115%;
}
table.tbl_schedule td.tbl_top {
border-top:2px solid #8A80AF;
}

div.5thm{
border:1px solid ##CCC8DC;
border-top:5px solid ##CCC8DC;
margin:10px 0px 0px 0px;
padding:10px;
clear:left;
}
div.rpt_link{
margin:5px 0px 0px 40px;
padding:10px 0px;
border-top:1px dotted #dddddd;
clear:left;
}
div.rpt_link_last{
margin:5px 0px 0px 40px;
padding:10px 0px 0px 0px;
border-top:1px dotted #dddddd;
clear:left;
}
div.rpt_link .l_pdf, div.rpt_link_last .l_pdf{
float:left;
padding-right:10px;
}
div.rpt_link .l_t, div.rpt_link_last .l_t{
float:left;
margin:0px;
padding:0px;
}



table.tbl_theme {
background-color:#FFFFFF;
margin-bottom:20px;
text-align:left;
}
table.tbl_theme td {
background-color:#FFFFFF;
padding-top:10px;
padding-bottom:10px;
vertical-align:top;
border-bottom:1px dotted #8A80AF;
}
table.tbl_theme td.theme_ttl {
background-color:#8A80AF;
color:#FFFFFF;
padding:5px;
border-bottom:none;
}


table.tbl_contact {
margin-left:42px;
background-color:#FFFFFF;
margin-bottom:10px;
text-align:left;
}
table.tbl_contact td {
background-color:#FFFFFF;
padding:10px 0px 10px 0;
vertical-align:top;
border-bottom:1px dotted #8A80AF;
}
table.tbl_contact td.contact_ttl {
color:#666666;
}


table.tbl_sitemap {
background-color:#FFFFFF;
margin-bottom:5px;
text-align:left;
}
table.tbl_sitemap td {
background-color:#FFFFFF;
padding:10px 0px 10px 0;
vertical-align:top;
border-bottom:1px dotted #8A80AF;
}


table.tbl_list {
background-color:#FFFFFF;
margin-left:40px;
margin-bottom:10px;
text-align:left;
}
table.tbl_list td {
background-color:#FFFFFF;
padding:16px 0px 16px 0px;
border-bottom:1px dotted #8A80AF;
vertical-align:top;
}
table.tbl_list tr:first-child td{
border-top:1px dotted #8A80AF;
}


table.tbl_msg {
/* background-color:#FFFFFF; */
background-color: #ddd;
margin-bottom:20px;
text-align:center;
}
table.tbl_msg td {
background-color:#FFFFFF;
/* padding:10px 10px 10px 10px; */
padding: 16px;
text-align:center;
}
table.tbl_msg td.msg_ttl {
background-color:#8A80AF;
color:#FFFFFF;
font-weight:bold;
padding:5px;
border-bottom:none;
}
table.tbl_msg td.msg_txt {
background-color:#FFF;
text-align:left;
}
table.tbl_msg td.color {
background-color:#F5F3FA;
}

/*おすすめ書籍*/

div.rcmnd  h4{
margin:10px 0px 0px 0px;
padding:0px;
border:none;
font-weight:bold;
}
div.rcmnd .list_box_t{
padding:5px 0px;
margin:0px;
}
div.rcmnd .list_ico{
background-image:url(../img/theme/ribbonz_ico_flw.gif);
background-repeat:no-repeat;
padding:0px 0px 0px 40px;
margin:0px;
}


/*************************************************************************
floatの解消
**************************************************************************/
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

/********************************************************************
 共通エレメント
*********************************************************************/

ul.link_bs{/*リストタグにリンクアイコン設定*/
margin:0px;padding:0px;list-style:none;}
ul.link_bs li{padding:0px 0 0 15px;background:url(../img/cancerribbonz/arrow.gif) no-repeat 0 4px;margin:3px 0;}
ul.link_bs li a{font-weight:normal;}


ol.ol_list_bs {
	margin: 0;
}

ol.ol_list_bs li {
	margin-bottom: 10px;
}


.bdr1_10_gray{
border:1px solid #eeeeee;
padding:10px;
margin:0px;
}
.bdr1_10_gray_dt{
border:1px dotted #cccccc;
padding:10px;
margin:0px;
}
.bdr1_10_ppl_dt{
border:1px dotted #847AA7;
padding:10px;
margin:0px;
}
.bdr1_15_gray{
border:1px solid #eeeeee;
padding:15px;
margin:0px;
}
.bdr1_15_gray_dt{
border:1px dotted #cccccc;
padding:15px;
margin:0px;
}
.bdr1_20_gray_dt{
border:1px dotted #cccccc;
padding:20px;
margin:0px;
}

.bdr1_20_gray_dt_top {
border-top:1px dotted #cccccc;
padding-top:20px;
margin-top:20px;
}
.bdr1_20_gray_dt_bottom {
border-bottom:1px dotted #cccccc;
padding-bottom:20px;
margin-bottom:20px;
}

.l {
float:left;
}
.r {
float:right;
}
.t_atn {
color:#CC0000;
}

#pgtp {
margin:0px 0px 0px 0px;
text-align:right;
}

div.dl_list{
margin:0px;
padding:0px;
clear:left;
}
div.dl_list .l_ico{
float:left;
padding-right:10px;
}
div.dl_list .l_t{
float:left;
margin:0px;
padding:0px;
}


/********************************************************************
 共通マージンタイプ
*********************************************************************/

div#ribbonz_contents .mgb0{margin-bottom:0 !important;}
div#ribbonz_contents .mgb5{margin-bottom:5px !important;}
div#ribbonz_contents .mgb10{margin-bottom:10px !important;}
div#ribbonz_contents .mgb15{margin-bottom:15px !important;}
div#ribbonz_contents .mgb20{margin-bottom:20px !important;}
div#ribbonz_contents .mgb30{margin-bottom:30px !important;}

div#ribbonz_contents .mgt0{margin-top:0 !important;}
div#ribbonz_contents .mgt5{margin-top:5px !important;}
div#ribbonz_contents .mgt10{margin-top:10px !important;}
div#ribbonz_contents .mgt15{margin-top:15px !important;}
div#ribbonz_contents .mgt20{margin-top:20px !important;}
div#ribbonz_contents .mgt30{margin-top:30px !important;}

div#ribbonz_contents .mgl0{margin-left:0 !important;}
div#ribbonz_contents .mgl5{margin-left:5px !important;}
div#ribbonz_contents .mgl10{margin-left:10px !important;}
div#ribbonz_contents .mgl15{margin-left:15px !important;}
div#ribbonz_contents .mgl20{margin-left:20px !important;}
div#ribbonz_contents .mgl30{margin-left:30px !important;}

div#ribbonz_contents .mgr0{margin-right:0 !important;}
div#ribbonz_contents .mgr5{margin-right:5px !important;}
div#ribbonz_contents .mgr10{margin-right:10px !important;}
div#ribbonz_contents .mgr15{margin-right:15px !important;}
div#ribbonz_contents .mgr20{margin-right:20px !important;}
div#ribbonz_contents .mgr30{margin-right:30px !important;}

div#ribbonz_contents .mgn0{margin:0 !important;}

div#ribbonz_contents .pd10{padding:10px !important;}
div#ribbonz_contents .pdt0{padding-top:0 !important;}
div#ribbonz_contents .pdt5{padding-top:5px !important;}
div#ribbonz_contents .pdt10{padding-top:10px !important;}
div#ribbonz_contents .pdt15{padding-top:15px !important;}
div#ribbonz_contents .pdt20{padding-top:20px !important;}
div#ribbonz_contents .pdt30{padding-top:30px !important;}

div#ribbonz_contents .pdb0{padding-bottom:0 !important;}
div#ribbonz_contents .pdb5{padding-bottom:5px !important;}
div#ribbonz_contents .pdb10{padding-bottom:10px !important;}
div#ribbonz_contents .pdb15{padding-bottom:15px !important;}
div#ribbonz_contents .pdb20{padding-bottom:20px !important;}
div#ribbonz_contents .pdb30{padding-bottom:30px !important;}

div#ribbonz_contents .pdl0{padding-left:0 !important;}
div#ribbonz_contents .pdl5{padding-left:5px !important;}
div#ribbonz_contents .pdl10{padding-left:10px !important;}
div#ribbonz_contents .pdl15{padding-left:15px !important;}
div#ribbonz_contents .pdl20{padding-left:20px !important;}
div#ribbonz_contents .pdl30{padding-left:30px !important;}


div#ribbonz_contents .pdr0{padding-right:0 !important;}
div#ribbonz_contents .pdr5{padding-right:5px !important;}
div#ribbonz_contents .pdr10{padding-right:10px !important;}
div#ribbonz_contents .pdr15{padding-right:15px !important;}
div#ribbonz_contents .pdr20{padding-right:20px !important;}
div#ribbonz_contents .pdr30{padding-right:30px !important;}

div#ribbonz_contents .pad0{padding:0 !important;}


/********************************************************************
 共通フロート、クリアタイプ
*********************************************************************/
div#ribbonz_contents .clearBoth{clear:both;}
div#ribbonz_contents .floatLeft{float:left;}
div#ribbonz_contents .floatRight{float:right;}
div#ribbonz_contents .alignLeft{text-align:left;}
div#ribbonz_contents .alignRight{text-align:right;}