/*
Theme Name: IPPA flame work
Theme URI: http://sodaw-web.com/ippa/
Description: IPPA 知的財産振興会 のWordpress用テーマファイルです。
Version: 1.0
Author: Tsukuda MontBlanc.
Author URI: http://www.sodaw.co.jp/
*/

@import url("common/css/reset-min.css");
@import url("common/css/com.css");




/*index
--------------------------------------------------------*/

#index h2{
	background:url(images/index/index_top.jpg) no-repeat;
	text-align: center;
	padding-top: 45px;
	height: 255px;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	line-height: 1.5em;
}

	#index dd{
		width: 548px;
		height: 200px;
		padding: 15px;
		background: #FFF;
		border: 1px solid #2878bd;
		overflow-y:scroll;
		margin-bottom: 10px;
	}

	#index dd a{
		color: #000;
		line-height: 1.8em;
	}


/*index スライド機能実装 [page-index-slide.php]
--------------------------------------------------------*/

#slider{
	width: 900px;
	height: 330px;
	background:#FFF;
}

	#viewer {
		margin: 0 auto;
		width: 900px;
		height: 330px;
		text-align: left;
		overflow: hidden;
		position: relative;
	}

	#viewer img {
		top: 0;
		left: 0;
		position: absolute;
	}


/*sitemap
--------------------------------------------------------*/
#sitemap h2{
	background:url(images/index/sitemap_top.jpg) no-repeat;
	height: 260px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#sitemap-en h2{
	background:url(images/index/sitemap-en_top.jpg) no-repeat;
	height: 260px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

	.sitemap{
		line-height: 1.8em;
		padding: 10px 0px;
		}

		.sitemap li{
			border-left: 3px solid #2878be;
			margin: 7px 0px;
			padding-left: 15px;
		}

		.sitemap li.down{
			margin-left: 58px;
			border-left: none;
			padding-left: 0px;
		}


/*privacy-policy
--------------------------------------------------------*/
#privacy h2{
	background:url(images/index/privacy_top.jpg) no-repeat;
	height: 260px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

	#privacy h3{
		font-size: 18px;
		color: #2878bd;
		margin-top: 15px;
	}

	#privacy h4{
		font-weight: bold;
		margin-top: 20px;
	}

	#privacy .name{
		text-align: right;
		margin: 30px 98px 10px 0px;
	}


/*service
--------------------------------------------------------*/
#service-index h2{
	background:url(images/service/index_top.jpg) no-repeat;
	height: 260px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

	#service-index-tw h2{
	background:url(images/service/index_top_tw.jpg) no-repeat;
	height: 260px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}

	#service-index-ko h2{
	background:url(images/service/index_top_ko.jpg) no-repeat;
	height: 260px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}

	#service-index-en h2{
	background:url(images/service/index_top_en.jpg) no-repeat;
	height: 260px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	}

	#service-index h3,
	#service-index-tw h3,
	#service-index-ko h3,
	#service-index-en h3{
		margin-top: 18px;
	}

	#service-index h4,
	#service-index-tw h4,
	#service-index-ko h4,
	#service-index-en h4{
		margin-top: 8px;
		font-size: 14px;
		color: #2878be;
	}

	#service-index p,
	#service-index-tw p,
	#service-index-ko p,
	#service-index-en p{
		font-size: 13px;
		margin-left: 1em;
		margin-bottom: 10px;
	}

	#service-index .logo,
	#service-index-tw .logo,
	#service-index-ko .logo,
	#service-index-en .logo{
		font-size: 15px;
		margin: 15px;
		line-height: 1.8em;
	}


/*report
--------------------------------------------------------*/
#report h2{
	background:url(images/report/index_top.jpg) no-repeat;
	height: 260px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#report-ko h2{
	background:url(images/report/index_top_ko.jpg) no-repeat;
	height: 260px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

	#report dd,
	#report-ko dd{
		width: 548px;
		height: 358px;
		padding: 15px;
		background: #FFF;
		border: 1px solid #2878bd;
		overflow-y:scroll;
	}

	#report dd div,
	#report-ko dd div{
		margin-bottom: 30px;
		font-size: 14px;
		line-height: 1.5em !important;
	}

	#report dd div h4,
	#report-ko dd div h4{
		color: #2a76bd;
		margin-bottom: 3px;
	}

	#report dd div p,
	#report-ko dd div p{
		margin-left: 1.2em;
	}


/*prirated
--------------------------------------------------------*/
#pirated h2{
	background:url(images/pirated/index_top.jpg) no-repeat;
	height: 260px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}


	#pirated h3{
		font-size: 18px;
		color: #2878bd;
		text-align: center;
		margin: 16px auto 8px auto;
	}

	#pirated p{
		font-size: 15px;
		text-align: justify;
		line-height: 1.7em;
	}

	#pirated .blackList{
		width: 730px;
		border: 1px solid #2878bd;
		margin-top: 15px;
		margin-bottom: 30px;
	}

		.blackList dt{
			width: 280px;
			height: 170px;
			float: left;
			background: #2878bd;
			color: #FFF;
			font-weight: bold;
			text-align: center;
			padding: 10px 0px;
		}

		.blackList dd{
			overflow-y:scroll;
			width: 420px;
			height: 160px;
			padding: 15px;
			display: block;
			background: #FFF;
		}


/*organization
--------------------------------------------------------*/
#organization h2{
	background:url(images/org/index_top.jpg) no-repeat;
	height: 260px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#organization-en h2{
	background:url(images/org/index_top-en.jpg) no-repeat;
	height: 260px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

	#organization dl{
		width: 550px;
		height: 100%;
		display: block;
		background: #FFF;
		margin-bottom: 35px;
	}

	#organization dt{
		float: left;
		width: 95px;
		text-align: center;
		vertical-align: center;
		padding-top: 12px;
	}

	#organization dd{
		overflow: hidden;
		border-left: 4px solid #e6f0fa;
		padding: 12px;
	}

	#organization .count{
		font-size: 21px;
		font-weight: bold;
		color: #2878bd;
		margin-left: 25px;
		margin-top: 10px;
	}

	 .regular-image{
		position: relative;
		height: 460px;
	}

		.regular-image a{
			position: absolute;
			display: block;
			width: 119px;
			height: 108px;
			text-indent:100%;
			white-space:nowrap;
			overflow:hidden;
			top: 257px;
		}

		/*.regular-image .csa{left: 25px;}*/
		.regular-image .vsic{left: 281px;}
		.regular-image .jvps{left: 411px;}
		/*.regular-image .ejcs{left: 280px;}
		.regular-image .ajcs{left: 365px;}*/


/*join
--------------------------------------------------------*/
#join h2{
	background:url(images/join/index_top.jpg) no-repeat;
	height: 260px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

	#join h3{
		margin-top: 18px;
	}

	#join p{
		margin-left: 10px;
		margin-top: 10px;
	}

	#join .contact{
		padding:50px 40px;
		font-size: 15px;
	}

	#join .contact2{
		margin: 21px 0px 0px 106px;
	}

	#join .outline{
		margin-top: 14px;
		font-size: 24px;
		color: #2878be;
		line-height: 1.4em;
	}

	.formSection01{
		width: 555px;
		margin-top: 15px;
	}

		.formSection01 dt{
			width: 150px;
			float: left;
			text-align: right;
			margin-right: 10px;
			font-size: 17px;
			height: 35px;
			line-height: 35px;
		}

		.fmsc01{
			border: 1px solid #2878be;
			width: 370px;
			height: 35px;
			font-size: 17px;
			padding: 0px 5px;
			margin-bottom: 6px;
		}
		.fmsc01b{
			width: 25px;
			padding: 0px 5px;
			margin-bottom: 6px;
		}
		.radioBtn{
			height: 35px;
			line-height: 35px;
		}
		.radioBtn span{
			margin-right: 1em;
		}
			.f03{width:185px;}
			.f04{width:370px;height:76px;}

	.formSection02{
		width: 560px;
		margin-top: 15px;
	}

		.formSection02 li{
			display: inline-block;
			*display: inline;
			*zoom: 1;
			text-align: right;
			width: 268px;
		}

		.fmsc02{
			border: 1px solid #2878be;
			width: 225px;
			height: 35px;
			margin-bottom: 6px;
			padding: 0px 5px;
		}

		.btnArea{
			padding: 20px 0px 10px 0px;
			width: 530px;
			text-align: right;
		}

/*contact
--------------------------------------------------------*/
#contact h2{
	background:url(images/contact/index_top-en.jpg) no-repeat;
	height: 260px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

	#contact h3{
		margin-top: 18px;
	}

	#contact strong{
		font-size: 22px;
		color: #2878be;
		font-weight: normal;
	}

	#contact p{
		margin-left: 10px;
		margin-top: 10px;
	}

	.access{
		font-size: 21px;
	}

	.access span{
		font-size: 18px;
	}

	#contact .banner{
		margin-top: 20px;
		margin-left: 10px;
	}

	#contact .banner img{
		margin-right: 20px;
	}


/*greeting
--------------------------------------------------------*/

#greeting{
	padding: 20px;
	font-size: 12px;
}

#greeting h2{
	font-size: 115%;
	font-weight: bold;
	margin-bottom: 5px;
}

#greeting p{
	text-indent: 1em;
}

	#greeting .down{
		margin-bottom: 1em;
	}

	.name{
		font-size: 115%;
		font-weight: bold;
		text-align: right;
	}


/*recruit
--------------------------------------------------------*/

.recruit{
	margin-bottom: 30px;
}

	.recruit h4{
		color: #2878be;
		margin-top: 25px;
		margin-bottom: 5px;
		font-size: 18px;
	}

	.recruit dt{
		float: left;
		font-weight: bold;
		color: #2878be;
		margin-right: 10px;
	}

	.recruit dd{
		background: none !important;
		border: none !important;
		height: auto !important;
		width: auto !important;
		padding: 0 !important;
	}

	.fmsc03{/*リスト用*/
			border: 1px solid #2878be;
			width: 150px;
			height: 35px;
			margin-bottom: 6px;
			padding: 0px 5px;
		}

	.rec01{width:240px;}
	.rec02{width:370px;height:100px;}


/*post_article 記事ページ
--------------------------------------------------------*/

#post_article{
}

	#post_article .post{
		width: 793px;
		margin: 0 auto;
		margin-top: 20px;
	}

	#post_article .post h3{
		font-size: 170%;
		color: #2878be;
		height: 36px;
		overflow: hidden;
	}

	#post_article .post .stat{
		font-size: 12px;
	}

	#post_article .post .cate span{
		display: inline;
	}

	#post_article .post .cate a{
		color: #000 !important;
	}

	#post_article .post .section{
		padding: 30px;
		background: #FFF;
		min-height: 500px;
		margin-top: 10px;
		font-size: 110%;
	}

	.post-categories li{
		display: inline-block;
		*display: inline;
		*zoom: 1;
		margin: 0 2px;
	}

	.post-categories{
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}

	.post-categories a{
		color: #000 !important;
	}