@charset "utf-8";
/*
Theme Name: JOICFP Web Site
Theme URI: http://joicfp.or.jp/
Description: JOICFP Web Site
Version: 1.0
Author: Crossmedia Communications, Inc.
Author URI: http://www.crossmedia.co.jp/
Tags: Original
*/

/*ジョイセフ追加CSS*/
.jsp li{margin-top:10px;}


/* 全体に影響するタグの初期設定 */
body, table, td, th, h1, h2, h3, h4, h5 ,p, ul, dl, ol, li, dt, dd, form, object, param, embed {
	font-family:"Verdana","ＭＳ Ｐゴシック","Osaka","平成角ゴシック","Arial","Helvetica",sans-serif;
}
body {
	background: url(./images/background.jpg) top center no-repeat;

	margin: 0;
	padding: 0;
	text-align: center;
}
a:link {
	color:#336699;
}
a:visited {
	color:#336699;
}
a:active {
	color:#338ccc;
}
a:hover {
	color:#ff9966;
}
img {
	border:0;
	display : block;
	margin: 0;
	padding: 0;
}
input {
	vertical-align: middle;
}
.go_top {
	text-align:right;
}
.go_top img {
	display: inline;
}

/* メインコンテンツに影響するタグの初期設定 */
.main {
	font-size:0.75em;
	color: #000000;
	line-height: 160%;
	text-align : left;
}
.main p {
	margin: 0;
	padding: 0 0 1.6em 0;
}
.main p:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
.main blockquote {
	border: solid 1px #F08CB9;

	background: #fce8f1;

	margin: 0 0 16px 0;
	padding: 12px 6px;

	color: #000000;
}
.main blockquote p {
	border-left: solid 5px #ffffff;

	margin: 0;
	padding: 0 6px 0 12px;

	color: #000000;
}
.main ol {
	margin:  0 0 12px 10px;
	padding: 0 0 0 20px;
}
.main ul {
	margin:  0 0 12px 10px;
	padding: 0 0 0 20px;
}
.main li {
	margin:  0 0 4px 0;
	padding: 0;
}
.main ol ul li {
	list-style-type: disc;
}
.main dl {
	margin: 0 0 16px 0;
	padding: 0;
}
.main dl dt {
	background: #f8f8f8;
	margin: 0;
	padding: 4px 16px;

	font-weight:bold;
	color: #1d2f8e;
}
.main dl dd {
	margin: 0;
	padding: 4px 16px;
}
.main table {
	border-left: solid 1px #999999;
	border-top: solid 1px #999999;

	margin: 0 0 16px 8px;
	padding: 0;
}
.main table th {
	background:#ffffff;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;

	margin:  0;
	padding: 4px 8px;

	white-space: nowrap;
	text-align: center;
	font-weight:normal;
}
.main td {
	background:#ffffff;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;

	margin:  0;
	padding: 4px 8px;
}
.main table img {
	vertical-align:middle;
}

table.achieve {
	border-left: solid 1px #cccccc;
	border-top: solid 1px #cccccc;

	margin: 4px 0 16px 0;
	padding: 0;

	width: 554px;
}
table.achieve th {

	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;

	margin:  0;
	padding: 4px 1px;

	font-size:0.7em;
	color:#333333;
	font-weight: normal;

}
table.achieve td {
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;

	margin:  0;
	padding: 4px 1px;

	font-size:0.7em;
	color:#333333;
}
table.achieve th.auto, table.spec td.auto {
	width: auto;
}



/* 見出しの初期設定 */
h2 {
	background: url(./images/h2_bg.gif) no-repeat;

	margin: 0;
	padding: 10px 10px 24px 14px;

	font-size:0.9em;
	color: #333333;
	line-height: 100%;
	text-align : left;
}
h3 {
	background: url(./images/h3_bg.gif) no-repeat;

	margin: 20px 0px 0px 0px;
	padding: 10px 10px 24px 14px;

	font-size:1.2em;
	color: #333333;
	line-height: 100%;
	text-align : left;
}



/* ヘッダ */
#header {
	background: #ffffff;

	margin: 0 auto;
	padding: 0;

	width: 800px;
	height:116px;

	overflow:hidden;
}
#header:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
#header h1 {
	margin:  20px 0 0 0;
	padding: 0;

	width: 200px;

	float: left;
}
#header div.c_right {
	margin:  20px 0 0 0;
	padding: 0;

	width: 390px;

	float: right;
}
#header div.c_right:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
#header div.c_right ul {
	margin: 2px 0 0 0;
	padding: 0;

	width: 196px;
	height:30px;

	text-align : left;

	overflow:hidden;

	float: left;
}
#header div.c_right ul:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
#header div.c_right ul li {
	margin: 0 16px 0 0;
	padding: 0;

	list-style: none;
	float: left;
}

#header div.c_right form {
	margin: 0;
	padding: 0;

	width: 194px;
	height:32px;

	text-align : right;

	overflow:hidden;

	float: right;
}
#header div.c_right form input.text {
	background: #ffffff;
	border: 1px solid #cccccc;
	margin: 0;
	padding: 0 2px;

	width:130px;

	color:#333333;
}

#header div.c_right #contact_box {
	background: url(./images/contact_bg.gif) no-repeat;

	margin: 0;
	padding: 0;

	width: 305px;
	height:49px;

	text-align : left;

	overflow:hidden;

	float: right;
}
#header div.c_right #contact_box p {
	margin: 12px 6px 0 186px;
	padding: 0;
}



/* グローバルナビ */
#globalnavi {
	margin: 0 auto;
	padding: 0;

	width:800px;

	list-style:none;
}
#globalnavi:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
#globalnavi li {
	margin: 0;
	padding: 0;

	width:160px;

	list-style: none;
	float: left;
}
#globalnavi li:hover {
	position:relative;
}
#globalnavi li ul {
	display:none;

	border-left: solid 1px #eeeeee;
	border-bottom: solid 4px #aaaaaa;
	border-right: solid 1px #eeeeee;

	margin: 0;
	padding: 0;
}
#globalnavi li:hover > ul {
	display:block;
	position:absolute;
	top:100%;
	left:0px;

	z-index:3;
}
#globalnavi li ul li:hover ul {
	top:0px;
	left:100%;

	z-index:3;
}
#globalnavi ul li {
	background: url(./images/globalnavi_bg.gif) top left no-repeat;

	margin: 0;
	padding: 0;

	width:318px;

	text-align:left;
}
#globalnavi ul li a {
	display:block;

	margin: 0;
	padding: 8px 12px 8px 20px;

	font-size:0.75em;
	line-height: 140%;
	font-weight:normal;
}



/* 階層表示 */
#level {
	background:#ffffff;

	margin: 0 auto;
	padding: 16px 0 8px 0;

	width: 800px;

	font-size:0.6em;
	color: #333333;
	text-align : left;
}
#level:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
#level .c_left {
	margin:  0 0 0 6px;
	padding: 0;

	width: 640px;

	float: left;
}
#level .c_left span {
	color: #999999;
}
#level .c_right {
	margin:  0;
	padding: 0;

	width: 130px;

	float: right;
}



/* イメージエリア */
#image_area {
	background: #ffffff;

	margin: 0 auto;
	padding: 10px 0;

	width: 800px;
}
.image_area {
	position: relative;

	background: #ffffff;

	margin: 0 auto;
	padding: 10px 0;

	width: 800px;
	height:250px;

	overflow: hidden;
}
.image_area .image_reel {
	position: absolute;
	top: 0;
	left: 0;
}
.image_area .image_reel img {
	float: left;
}
.image_area .paging {
	position: absolute;
	left: 32px;
	top: 232px;

	display: none;

	width: 200px;
	height:10px;

	text-align: left;

	z-index: 100;
}
.image_area .paging:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
.image_area .paging a {
	background: url(./files/point_d.gif) top left no-repeat;
	display:block;

	margin: 0 4px 0 0;
	padding: 0;

	width:20px;
	height:16px;

	overflow:hidden;

	float:left;
}
.image_area .paging a.active {
	background: url(./files/point_h.gif) top left no-repeat;
}



/* コンテンツエリア */
#contents_area {
	background: #ffffff;

	margin: 0 auto;
	padding: 0;

	width: 800px;
}

#contents_area:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
#contents_area .c_main {
	margin: 0;
	padding: 0;

	width: 564px;

	text-align : left;

	float: right;
}
#contents_area .c_main .main {
	margin: 0;
	padding: 0;
}
#contents_area .c_left {
	margin: 0;
	padding: 0;

	width: 218px;

	text-align : left;

	float: left;
}

#contents_area .c_left dl.keyword {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;

	background:#ffffff;

	margin: 0 0 16px 0;
	padding: 0 0 16px 0;
}
#contents_area .c_left dl.keyword dt {
	margin: 0;
	padding: 1px 1px 8px 1px;
}
#contents_area .c_left dl.keyword dd {
	margin: 0;
	padding: 6px 0 0 5px;
}
#contents_area .c_left dl.keyword dd a {
	margin: 0 6px 0 0;
	padding: 0;

	font-size:0.75em;
	line-height: 140%;
	text-align : left;
	white-space: nowrap;
}
#contents_area .c_left dl.keyword dd a.big {
	font-size:1.2em;
}

#contents_area .c_left p.tohoku {
	margin: 0 0 16px 0;
	padding: 0;
}

#contents_area .c_left p.ransel {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;

	background:#f7f7f7;

	margin: 0 0 16px 0;
	padding: 1px;
}

#contents_area .c_left dl.f_story {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;

	background:#f7f7f7;

	margin: 0 0 9px 0;
	padding: 0;
}
#contents_area .c_left dl.f_story dt {
	margin: 0;
	padding: 1px;
}
#contents_area .c_left dl.f_story dd {
	margin: 0;
	padding: 0 1px 1px 1px;
}

#contents_area .c_left dl.bana {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;

	background:#f7f7f7;

	margin: 0 0 16px 0;
	padding: 0 0 16px 0;
}
#contents_area .c_left dl.bana dt {
	margin: 0;
	padding: 1px 1px 8px 1px;
}
#contents_area .c_left dl.bana dd {
	margin: 0;
	padding: 6px 6px 0 5px;
}

#contents_area .c_left dl.donation {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;

	background:#ffecff;

	margin: 0 0 16px 0;
	padding: 0 0 12px 0;
}
#contents_area .c_left dl.donation dt {
	margin: 0;
	padding: 1px 1px 8px 1px;
}
#contents_area .c_left dl.donation dd {
	background: url(./images/dd01.gif) no-repeat;

	margin: 0;
	padding: 0 6px 0 12px;

	font-size:0.75em;
	color: #000000;
	line-height: 140%;
	text-align : left;
}

#contents_area .c_left dl.mobile {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;

	background:#ffffff;

	margin: 0 0 16px 0;
	padding: 0;
}
#contents_area .c_left dl.mobile dt {
	margin: 0;
	padding: 1px 1px 8px 1px;
}
#contents_area .c_left dl.mobile dd {
	background: url(./images/dd01.gif) no-repeat;

	margin: 0;
	padding: 0 6px 0 12px;

	font-size:0.75em;
	color: #000000;
	line-height: 140%;
	text-align : left;
}

#contents_area .c_left dl.localnavi {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;

	background:#ffffff;

	margin: 0 0 16px 0;
	padding: 0;

	font-size:0.75em;
	color: #000000;
	line-height: 140%;
	text-align : left;
}
#contents_area .c_left dl.localnavi dt {
	margin: 0;
	padding: 1px;
}
#contents_area .c_left dl.localnavi dd {
	margin: 0;
	padding: 0 1px;
}
#contents_area .c_left dl.localnavi dd ul {
	margin: 0;
	padding: 0;

	list-style:none;
}
#contents_area .c_left dl.localnavi dd ul li {
	background: #efefef url(./images/li02.gif) no-repeat;

	margin: 0 0 1px 0;
	padding: 8px 6px 8px 12px;
}
#contents_area .c_left dl.localnavi dd ul li.none {
	background: #efefef;

	margin: 0 0 1px 0;
	padding: 0 6px 8px 12px;
}
#contents_area .c_left dl.localnavi dd ul li ul li {
	background: #efefef url(./images/li02.gif) no-repeat;

	margin: 0 0 1px 0;
	padding: 8px 0 0 12px;
}
#contents_area .c_left dl.localnavi dd ul.yearly {
	margin: 0;
	padding: 0;

	width:188px;
}
#contents_area .c_left dl.localnavi dd ul.yearly:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
#contents_area .c_left dl.localnavi dd ul.yearly li {
	display:inline;

	background: none;

	margin: 0;
	padding: 0 12px 4px 0;

	float: left;
}

#contents_area .c_left dl.localnavi2 {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;

	background:#ffffff;

	margin: 0 0 16px 0;
	padding: 0;

	font-size:0.75em;
	color: #000000;
	line-height: 140%;
	text-align : left;
}
#contents_area .c_left dl.localnavi2 dt {
	background: #E3AAB9 url(./images/localnavi2_dt_bg.gif) no-repeat;

	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;

	margin: 0;
	padding: 6px 12px;
}
#contents_area .c_left dl.localnavi2 dt a {
	color:#ffffff;
}
#contents_area .c_left dl.localnavi2 dd {
	margin: 0;
	padding: 0 1px;
}
#contents_area .c_left dl.localnavi2 dd ul {
	margin: 0;
	padding: 0;

	list-style:none;
}
#contents_area .c_left dl.localnavi2 dd ul li {
	background: #F8E9EE url(./images/li02.gif) no-repeat;

	margin: 0 0 1px 0;
	padding: 8px 6px 8px 12px;
}
#contents_area .c_left dl.localnavi2 dd ul li.none {
	background: #F8E9EE;

	margin: 0 0 1px 0;
	padding: 0 6px 8px 12px;
}
#contents_area .c_left dl.localnavi2 dd ul li ul li {
	background: #F8E9EE url(./images/li02.gif) no-repeat;

	margin: 0 0 1px 0;
	padding: 8px 0 0 12px;
}

#contents_area .c_left dl.localnavi3 {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;

	background:#ffffff;

	margin: 0 0 16px 0;
	padding: 0;

	font-size:0.75em;
	color: #000000;
	line-height: 140%;
	text-align : left;
}
#contents_area .c_left dl.localnavi3 dt {
	background: #464646 url(./images/localnavi3_dt_bg.gif) no-repeat;

	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;

	margin: 0;
	padding: 6px 12px;
}
#contents_area .c_left dl.localnavi3 dt a {
	color:#ffffff;
}
#contents_area .c_left dl.localnavi3 dd {
	margin: 0;
	padding: 0 1px;
}
#contents_area .c_left dl.localnavi3 dd ul {
	margin: 0;
	padding: 0;

	list-style:none;
}
#contents_area .c_left dl.localnavi3 dd ul li {
	background: #efefef url(./images/li02.gif) no-repeat;

	margin: 0 0 1px 0;
	padding: 8px 6px 8px 12px;
}
#contents_area .c_left dl.localnavi3 dd ul li.none {
	background: #efefef;

	margin: 0 0 1px 0;
	padding: 0 6px 8px 12px;
}
#contents_area .c_left dl.localnavi3 dd ul li ul li {
	background: #efefef url(./images/li02.gif) no-repeat;

	margin: 0 0 1px 0;
	padding: 8px 0 0 12px;
}

#contents_area .c_left ul.text {
	margin: 0;
	padding: 0;
	list-style:none;
}
#contents_area .c_left ul.text li {
	background: url(./images/li01.gif) no-repeat;

	margin: 0 6px 16px 6px;
	padding: 0 0 0 22px;

	font-size:0.75em;
	color: #000000;
	line-height: 140%;
	text-align : left;
}

#contents_area .c_left .partner {
	margin: 0 auto 14px auto;
	padding: 0;

	width: 200px;
}
#contents_area .c_left .partner dt {
	margin: 0;
	padding: 0;
}
#contents_area .c_left .partner dd {
	margin: 0;
	padding: 0;
}
#contents_area .c_left .partner dd ul {
	margin: 0;
	padding: 0;

	width: 200px;

	list-style:none;
}
#contents_area .c_left .partner dd ul li {
	margin: 0 0 6px 0;
	padding: 0;

	width: 200px;

	text-align : center;

	zoom:0;
}
#contents_area .c_left .partner dd ul li img {
	display : inline;
	vertical-align:top;
}
#contents_area .c_left .partner dd ul li a {
	margin: 0;
	padding: 0;
}



/* スライドバナー */
#slideshow {
	margin: 0;
	padding: 0;
}
#slideshow .slides {
	margin: 8px 0 0 0;
	padding: 0;

	height:70px;

	overflow:hidden;

}
#slideshow .slides ul {
	margin: 0;
	padding: 0;

	width:550px;
}
#slideshow .slides ul li {
	margin: 0;
	padding: 0;

	width:550px;
}
#slideshow .slides ul li:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
#slideshow .slides ul li p {
	margin: 0;
	padding: 0 10px 0 0;
	float: left;
}



/* IPPFバナー */
#ippf {
	margin: 24px 0 0 0;
	padding: 0;
}



/* フッター */
#print_top {
	background:#ffffff;

	margin: 0 auto;
	padding: 40px 0;

	width:800px;
}
#print_top:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
#print_top p {
	margin: 0;
	padding: 0;

	width: 130px;

	text-align : right;

	float: right;
}
#print_top p img {
	display:inline;
}

#footer {
	background:#ffffff;

	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin: 0 auto;
	padding: 0;

	width:798px;
}
#footer:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
#footer ul {
	margin: 6px 0 0 0;
	padding: 0 20px;

	width: 208px;

	text-align : left;

	list-style: none;

	float: right;
}
#footer ul li {
	background: url(./images/footernavi_bg.gif) no-repeat;

	margin: 0 0 4px 0;
	padding: 0 0 0 12px;

	font-size:0.6em;
	color: #8c8c8c;
	line-height: 120%;
	text-align : left;

	list-style: none;
}
#footer ul li a {
	color: #8c8c8c;
	text-decoration:none;
}
#footer ul li a:hover {
	color: #8c8c8c;
	text-decoration:underline;
}
#footer p {
	border-right: 1px solid #cccccc;

	margin: 0;
	padding: 6px 20px;

	width: 509px;

	font-size:0.75em;
	color: #8c8c8c;
	line-height: 140%;
	text-align : left;

	float: left;
}

#copyright {
	background:#ffffff;

	margin: 0 auto;
	padding: 36px 0 16px 0;

	width:800px;

	font-size:0.75em;
	color: #8c8c8c;
	line-height: 140%;
	text-align : center;
}



/* ニュース */
.c_main #news {
	margin: 0;
	padding: 0;

	width:564px;

	list-style:none;
}
.c_main #news li {
	background: url(./images/bar01.gif) bottom left no-repeat;

	margin: 0 0 12px 0;
	padding: 0 10px 12px 0;

	width:554px;

	list-style:none;
}
.c_main #news li:after {
	content : "";
	display : block;
	height : 0;
	clear : both;
}
.c_main #news li img {
	width:109px;

	float:left;
}
.c_main #news li p {
	margin: 0;
	padding: 0 0 4px 0;

	width:431px;

	font-size:0.75em;
	color: #000000;
	line-height: 140%;
	text-align : left;

	float:right;
}
.c_main #news li p span {
	font-size:0.8em;
	color: #999999;
}
.c_main #news li p strong {
	font-size:0.8em;
	color: #338ccc;
}



/***************** サイト内検索＆アーカイブ *****************/

.search_list {
	margin: 0;
	padding: 0 0 22px 0;
}
.search_result {
	border-top: solid 1px #666666;
	border-bottom: solid 1px #666666;

	margin: 0 0 20px 0;
	padding: 8px 2px;
}
.search_list a {
	font-size:1.2em;
	font-weight:bold;
}
.search_list span {
	color: #009900;
}
.search_navi {
	margin: 0;
	padding: 0;

	font-size:0.75em;
	font-weight:bold;
}



/***************** for WordPress *****************/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

img.alignnone {
	display: inline;
	vertical-align:top;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 5px;
	margin: 5px 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	text-align: left;
}