@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------
   common setting
------------------------------------------------------- */

/*---- header ----*/


#header {padding-bottom: 5px;}

#header #logo {
	float: left;
	width: 18%;
	margin: 20px 0 0;
}

#header #logo img {
	max-width: 100%;
	height: auto;
}

#header .menu {
	float: left;
	width: 50%;
	margin: 20px 0 0;
}

#header .float_r {
	float: right;
	width: 32%;
}

#header .menu:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#header .menu li {
	float: left;
	padding: 0;
	width: 18%;
	margin-right: 2%;
}

#header .menu li img {
	max-width: 100%;
	height: auto;
}



@media screen and (max-width: 768px){
	#header #logo {
		width: 16%;
		padding: 0 1%;
	}
	#header input {display: inline;}
	#header .nav a {margin: 0 5px;}
	#header .nav,
	.txt_size {margin-right: 5px;}
	#header form span {display: none;}
}


/* layout setting:
--------------------------------------------*/

#pankuzu {
	background: #eaf7fe url(../img/common/panav.jpg) repeat-x;
	padding: 5px 10px;
	margin-bottom: 10px;
	font-size: 90%;
}

#pankuzu p {
	max-width: 960px;
	padding: 0 5px;
	margin: 0 auto;
}

#pankuzu img {margin: 0 10px;}

#wrapper {
	max-width: 980px;
	margin: 0 auto;
}


*+html #wrapper {display: inline-block;}
* html #wrapper {display: inline-block;}
#wrapper:after {
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/*-- H1 --*/

#wrapper h1 {
	font-size: 140%;
	background: #3c5fba url(../img/common/h1.gif) repeat-y;
	padding: 7px 5px 5px 15px;
	border: 8px solid #3c5fba;
	color: #fff;
	margin: 15px 5px;
	text-align: left;
	line-height: 1.5em;
}


/*-- H2 --*/

#maincontent h2,
#maincontentRe h2 {
	font-size: 125%;
	padding: 14px 12px;
	margin: 15px 10px;
	background: #eaf7fe;
	border-left: 3px solid #3c5fba;
}

/*-- H3 --*/

#maincontent h3,
#maincontentRe h3,
#wrapper h3 {
	border-left: 3px solid #3c5fba;
	border-bottom: 1px solid #3c5fba;
	padding: 5px 3px 5px 12px;
	font-size: 110%;
	margin: 0 12px 15px;
}

/*-- H4 --*/

#maincontent h4,
#maincontentRe h4 {
	text-align: left;
	border-left: 3px solid #3c5fba;
	padding: 3px 3px 3px 10px;
	font-size: 105%;
	margin: 15px;
}

#maincontent table h4,
#maincontentRe table h4 {
	border: none;
	padding: 0;
	margin: 0px;
}

/*-- H5 --*/

#maincontent h5,
#maincontentRe h5 {
	font-size: 105%;
	background: url(../img/common/h5.gif) no-repeat 0 50%;
	padding: 0px 5px 0px 17px;
	margin: 0 15px 15px;
}

/*タイトル*/

div#pamf {
	clear: both;
	background-color: #3c5fba;
	font-size: 120%;
	color: #fff;
	padding: 10px;
	margin: 15px 5px;
	margin: 0px 5px 15px;
	font-weight: bold;
}

div#pamf a {
	color: #fff;
	text-decoration: underline;
}

div#pamf a:hover {text-decoration: none;}

#maincontent .right div#pamf,
#maincontent #navi div#pamf,
#maincontentRe .right div#pamf,
#maincontentRe #hokaRight div#pamf {
	margin: 0px 0px 15px;
}

#topic p {
	background-color: #3c5fba;
	font-size: 120%;
	color: #fff;
	padding: 10px;
	margin: 15px 5px!important;
	font-weight: bold;
}

/*-- list setting --*/

#maincontent p,
#maincontent ol,
#maincontent ul,
#maincontent dl,
#maincontent div.ol,
#maincontentRe p,
#maincontentRe ol,
#maincontentRe ul,
#maincontentRe dl,
#wrapper ul,
#wrapper p {
	margin: 20px;
}

#maincontent .right ul,
#maincontent #navi ul,
#maincontentRe .right ul,
#hokaRight ul,
#hokaRightC ul {margin-left: 15px;}


#hokaRightC ul ul {margin-left: 0px;}

#maincontent ol,
#maincontentRe ol {margin-left: 35px;}

#maincontent ol li,
#maincontentRe ol li {
	list-style-type: decimal;
	margin-bottom: 10px;
}


#maincontent ol.no,
#maincontentRe ol.no {margin-left: 15px;}
#maincontent ol.no li,
#maincontentRe ol.no li {list-style-type: none;}

#maincontent ul li,
#maincontentRe ul li,
#wrapper ul li {
	margin-bottom: 10px;
	background: url(../img/common/arrow02.gif) no-repeat 0 0.1em;
	padding-left: 20px;
}

#maincontent div.ol {
	text-indent: -1.5em;
	padding-left: 1.5em;
}

/*区切り線あり*/

#maincontent ul.sen,
#maincontent ol.sen {border-top: 1px solid #cdcdcd;}

#maincontent ul.sen li,
#maincontent ol.sen li {
	border-bottom:	1px solid #cdcdcd;
	padding: 10px 5px 10px 0px;
	margin-bottom: 0px;
}

#maincontent ul.sen li {
	padding-left: 20px;
	background: url(../img/common/arrow02.gif) no-repeat 0 0.9em;
}


/*-- Definition List --*/

#maincontent dt,
#maincontentRe dt {
	font-size: 100%;
	font-weight: bold;
	padding: 0px 0px 0px 20px;
	background: url(../img/common/h5.gif) no-repeat 0 0.2em;
}

#maincontent dd,
#maincontentRe dd {
	margin: 0 0 15px 15px;
}



/*-- table --*/


#maincontent table,
#maincontentRe table,
#wrapper table {
	border-left: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	width:96%;
	margin: 15px 2% 20px;
	border-collapse: collapse;
}

#maincontent table td,
#maincontent table th,
#maincontentRe table td,
#maincontentRe table th,
#wrapper table td,
#wrapper table th {	
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	padding: 7px 10px 6px;
	vertical-align: top;
	text-align: left;
}

#maincontent table th,
#maincontentRe table th,
#wrapper table th {background: #fef8e2;}

#maincontent table td.style2,
#wrapper table td .style2,
#wrapper table td.style2,
#maincontent table td.style3,
#maincontent table td .style3,
#maincontentRe table td.style3,
#maincontentRe table td .style3,
.style6 {color: #fff;font-weigth: bold;}

#hokaRightC table td {background: #fff;}

#maincontent table td p {margin: 0;}

/*枠線無し*/

#maincontent table.no,
#maincontentRe table.no {
	border: none;
	margin: 20px;
	width: auto;
}

#maincontent table.no td,
#maincontent table.no th,
#maincontentRe table.no td,
#maincontentRe table.no th {
	background: #fff;
	border: none;
	text-align: left;
	padding: 0;
}



/*回避*/

#maincontent table ul,
#maincontentRe table ul,
#wrapper table ul {
	margin: 5px 0px 0px;
}

#maincontent table.no ul,
#maincontentRe table.no ul,
#wrapper table.no ul {
	margin: 0px;
}



/*-- imgage --*/

img.vspace3 {margin: 3px 0;}
img.vspace5 {margin: 5px 0;}
img.vspace10 {margin: 10px 0;}


img.bnr_size.flex_img {
	max-width: 221px;
	height: auto;
}

/*-- flexible image --*/

img.flex_img {
	width: auto;
	max-width: 100%;
	height: auto;
}


/*---- nowrap ----*/

.nowrap {white-space: nowrap;}


/*-- font color --*/

.pdf_color,
.red {color: #d50000;}


/*-- page top --*/

.pagetop {
	margin: 20px;
	text-align: right;
}

/*----------- 個別 --------------*/

/*---- 各サポートindex ----*/

#maincontent #keiei,
#maincontent #kinyu,
#maincontent #zaimu,
#maincontent #syougyou,
#maincontent #soudan {
	border-bottom: 3px solid #e60012;
	margin: 0 0 15px;
	padding: 8px 8px 12px 105px;
	min-height: 120px;
}

#maincontent #keiei {
	background: url(../img/index/pict1_s.png) no-repeat 12px 12px;
	border-bottom: 3px solid #e60012;
}
#maincontent #kinyu {
	background: url(../img/index/pict2_s.png) no-repeat 12px 12px;
	border-bottom: 3px solid #90c31f;
}
#maincontent #zaimu {
	background: url(../img/index/pict3_s.png) no-repeat 12px 12px;
	border-bottom: 3px solid #00a161;
}
#maincontent #syougyou {
	background: url(../img/index/pict4_s.png) no-repeat 12px 12px;
	border-bottom: 3px solid #f39800;
}
#maincontent #soudan {
	background: url(../img/index/pict5_s.png) no-repeat 12px 12px;
	border-bottom: 3px solid #e5005a;
}


#maincontent #keiei h1,
#maincontent #kinyu h1,
#maincontent #zaimu h1,
#maincontent #syougyou h1,
#maincontent #soudan h1 {
	background: none;
	border: none;
	padding: 0;
	margin: 0 10px;
	font-size: 150%;
}

#maincontent #keiei h1 {color: #e60012;}
#maincontent #kinyu h1 {color: #90c31f;}
#maincontent #zaimu h1 {color: #00a161;}
#maincontent #syougyou h1 {color: #f39800;}
#maincontent #soudan h1 {color: #e5005a;}


#maincontent #keiei p,
#maincontent #kinyu p,
#maincontent #zaimu p,
#maincontent #syougyou p,
#maincontent #soudan p {
	margin: 12px;
}

/*---- パンフレット ----*/


table.psen2	td {width: 25%;text-align: center;}

#sougou {
	max-width: 980px;
	margin: 0 auto;
	}

#sougou h1 {
	font-size: 140%;
	background: #3c5fba url(../img/common/h1.gif) repeat-y;
	padding: 7px 5px 5px 15px;
	border: 6px solid #3c5fba;
	color: #fff;
	margin: 15px 5px;
	text-align: left;
}

/*---- 年頭所感 ----*/

table.note	{boder-style:none;	}
table.note img	{
	width:	60px;
	height:	70px;
	border: none;
	float:	left;
}



/*---- がんばる中小企業 ----*/

#mono_title h1 {
	font-size: 140%;
	background: none;
	padding: 0px;
	border: none;
	color: #333;
	margin: 15px 0px;
	text-align: left;
	line-height: 1.5em;
}

#mono_title #headernavi {
	margin: 20px 10px;
}
*+html #mono_title #headernavi {display: inline-block;}
* html #mono_title #headernavi {display: inline-block;}

#mono_title #headernavi:after {
	content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

#mono_title #headernavi h4{
	text-align: left;
	border: none;
	padding: 0px;
	font-size: 105%;
	margin: 0 5px 5px 0;
	float: left;
}

#navigation_cover-left {
	float: left;
	width: 49%;
}

#navigation_cover-right {
	float: right;
	width: 49%;
}



/*---- 戦略的基盤技術高度化支援事業　研究開発成果事例集 ----*/


#boxB {
	float: right;
	width: 67%;
}
#boxC {
	float: left;
	width: 32%;
}