/* CSS Document */

/*
Theme Name: KSP New Template
Theme URI: http://www.ksp.or.jp/
Description: new template for KSP website 2014
Version: 0.1
Author: Daizu Labo
*/


/* 全体構造
---------------------------------------------------- */
* {
margin: 0px;
padding: 0px;
}

body {
background: url(images/hd_bg.gif) repeat-x;
text-align: center;
font-size: 12px;
font-family: Arial,Helvetica,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
line-height: 1.4em;
margin: 0;
padding: 0;
color: #333333;
}

a:link {
color: #458096;
text-decoration: none;
background: transparent;
}
a:visited {
color: #458096;
text-decoration: none;
background: transparent;
}
a:hover, a:active {
color: #458096;
text-decoration: underline;
background: transparent;
}
img{
border:none;
color:#fff;
background:transparent;
}

.exlink{
	background: url("images/icon_exlink.gif") no-repeat right !important;
	padding-right: 1.5em;
}

.hover:hover{
	opacity: .8;
}

#header-wrapper {
width: 912px;
height: 154px;
margin: 0px auto;
text-align: center;
}

#header-top {
width: 900px;
margin: 0px auto 10px auto;
text-align: left;
}

#header-top h1 {
float: left;
font-size: 12px;
color: #458096;
padding-top: 7px;
}

#header-top #langage {
float: right;
}

#header-top #langage img {
margin-left: 1px;
}

#header-middle {
width: 900px;
margin: 0px auto 16px auto;
text-align: left;
}

#header-middle #logo {
float: left;
padding-right: 14px;
}

#header-middle #search-box {
float: left;
width: 292px;
height: 38px;
padding: 12px 0 0 12px;
background: url(images/hd_search_bg.gif);
}

#header-middle #search-box #search {
width: 200px;
height: 20px;
border: #CCCCCC solid 1px;
margin: 0px 5px 0px 0px;
}

#header-middle #search-box #btn-search {
width: 68px;
height: 26px;
background: url(images/hd_search.gif) no-repeat left top;
border: none;
}

#header-middle #info-btn {
float: right;
}

#header-middle #info-btn img {
margin-left: 5px;
}

#header-navi {
width: 912px;
margin: 0px auto;
text-align: left;
}

#header-navi ul {
list-style: none;
margin: 0px;
padding: 0px;
}

#header-navi ul li {
float: left;
margin: 0px;
padding: 0px;
}

#mainvisual{
	width: 910px;
	margin: 18px auto 0 auto;
}

#mainvisual .right{
	float: right;
}

#mainvisual .left{
	float: left;
}

#mainbn{
	width: 910px;
	margin: 9px auto;
}

#mainbn .right{
	float: right;
}

#mainbn .left{
	float: left;
}

#contents {
width: 912px;
margin: 40px auto;
text-align: left;
}

#contents ul li{
	list-style-image: url(images/arrow02.gif);
	margin-left: 16px;
	line-height: 1.5em;
}

#contents p{
	margin: 0 16px;
	padding: 28px 0;
	line-height:1.8em;
}

#contents .list-left{
	float: left;
	width: 170px;
}

#contents .list-right{
	float: right;
	width: 200px;
}

#contents #contents-left {
	width: 436px;
	float: left;
}

#contents #contents-right{
	width: 436px;
	float: right;
}

#contents #contents-left,
#contents #contents-right{
}

.contents-description{
	height: 120px;
}

.contents-linklist{
	border-top: 2px solid #dddddd;
}

.contents-linklist ul{
	margin: 30px 0 0 0;
}

.contents-linklist-left{
	height: 125px;
}

.contents-linklist-right{
	height: 130px;
}

.contents-linklist-title{
	font-weight: normal;
	text-align: left;
	margin-bottom: 5px;
	color: #458096;
}

.contents-linklist-facility{
	border: 1px solid #458096;
	height: 80px;
}

.contents-linklist-facility ul{
	margin: 13px 0 0 13px;
}



#bottom-wrapper {
width: 552px;
margin: 0px auto 20px auto;
padding: 13px;
text-align: center;
border: #CCCCCC solid 6px;
background-color: #FFFFFF;
}

#bottom-wrapper p.img-m {
margin: 3px 0px 14px 0px;
}

/*#bottom-wrapper #bottom-left {
float: left;
padding: 13px;
}

#bottom-wrapper #bottom-left p.img-m {
margin: 3px 0px 14px 0px;
}

#bottom-wrapper #bottom-right {
float: left;
padding: 13px;
border-left: #CCCCCC solid 6px;
}

#bottom-wrapper #bottom-right p.text-m {
margin: 8px 0;
}

#bottom-wrapper #bottom-right #resister {
background-image: url(http://www.ksp.or.jp/images/btm_mailad_bg.gif);
padding: 5px 12px;
}

#bottom-wrapper #bottom-right #resister img {
margin-right: 5px;
}

#bottom-wrapper #bottom-right #resister #form-address {
width: 320px;
height: 20px;
border: #CCCCCC solid 1px;
margin: 0px 5px 0px 0px;
}

#bottom-wrapper #bottom-right #resister #btn-resister {
width: 68px;
height: 26px;
background: url(images/btm_resister.gif) no-repeat left top;
border: none;
}*/

#footer-wrapper {
width: 100%;
margin: 0px;
padding: 20px 0px;
background-color: #458096;
text-align: center;
color: #FFFFFF;
}

#footer-wrapper a,
#footer-wrapper a:visited {
color: #FFFFFF;
text-decoration: none;
}

#footer-wrapper a:active,
#footer-wrapper a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#footer-wrapper #footer-inner {
width: 900px;
margin: 0 auto;
text-align: left;
}

#footer-wrapper #footer-inner p.footer-copy {
margin-top: 25px;
}

#footer-wrapper #footer-inner p.footer-link {
margin-top: 80px;
}

#footer-wrapper #footer-inner #footer-box {
width: 900px;
margin: 0 auto;
padding-bottom: 20px;
background: url(images/ft_line.gif) repeat-y;
text-align: left;
}

#footer-wrapper #footer-inner #footer-box #footer-box1 {
width: 355px;
float: left;
margin: 0px;
text-align: left;
}

#footer-wrapper #footer-inner #footer-box #footer-box2 {
width: 400px;
float: left;
margin: 0px;
text-align: left;
}

#footer-wrapper #footer-inner #footer-box #footer-box3 {
width: 140px;
float: left;
margin: 0px;
text-align: left;
}

/*#footer-wrapper #footer-inner #footer-box #footer-box4 {
width: 210px;
float: left;
margin: 0px;
text-align: left;
}

#footer-wrapper #footer-inner #footer-box #footer-box5 {
width: 128px;
float: left;
margin: 0px;
text-align: left;
}*/

#footer-wrapper #footer-inner #footer-box ul {
list-style-type: none;
padding-left: 12px;
}

#footer-wrapper #footer-inner #footer-box #footer-box1 ul li {
float: left;
width: 160px;
}

#footer-wrapper #footer-inner #footer-box #footer-box2 ul li{
float: left;
width: 180px;
}

#footer-wrapper #footer-inner #footer-box #footer-box1 p.category-title,
#footer-wrapper #footer-inner #footer-box #footer-box2 p.category-title,
#footer-wrapper #footer-inner #footer-box #footer-box3 p.category-title,
#footer-wrapper #footer-inner #footer-box #footer-box4 p.category-title,
#footer-wrapper #footer-inner #footer-box #footer-box5 p.category-title {
font-weight: bold;
margin-bottom: 7px;
margin-left: 12px;
}

#footer-wrapper #footer-inner #footer-box #footer-box1 p.category-menu,
#footer-wrapper #footer-inner #footer-box #footer-box2 p.category-menu,
#footer-wrapper #footer-inner #footer-box #footer-box3 p.category-menu,
#footer-wrapper #footer-inner #footer-box #footer-box4 p.category-menu,
#footer-wrapper #footer-inner #footer-box #footer-box5 p.category-menu {
margin-left: 12px;
}

/* フロート対策
---------------------------------------------------- */
.box-clear:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.box-clear{
display:inline-block;  /* MAC IE用　*/
min-height:1%;  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html .box-clear{height: 1%;}
.box-clear{display: block;}
/*--ここまでMAC IEは非適用 */

/* 共通
---------------------------------------------------- */
.flo-left {
float: left;
}

.flo-right {
float: right;
}

.clear {
clear: both;
}

/* 第2階層検索結果ページ
---------------------------------------------------- */
#search-wrapper {
width: 700px;
margin: 20px auto;
background-color: #FFFFFF;
padding: 30px 100px 40px 100px;
text-align: left;
}

p.page-number {
margin-bottom: 10px;
}

.results-header {
font-size: 20px;
margin-bottom: 30px;
font-weight: bold;
}

.search-entry-title {
font-size: 16px;
margin-bottom: 5px;
font-weight: bold;
color: #458096;
}

.search-entry-body {
margin-bottom: 30px;
}



/* 下部広告エリア
---------------------------------------------------- */
#ad-link{
	width:910px;
	text-align:left;
	margin:0 auto 10px auto;
	text-indent:15px;
	background:url(http://www.ksp.or.jp/incubation/images/arrow01.gif) no-repeat 0px 4px;
}
table#ad{
	width:910px;
	margin:0 auto 10px auto;
}
table#ad td{
	width:230px;
	text-align:center;
	padding-bottom:17px;
}
table#ad td img{
	margin-right:10px;
	margin-bottom:5px;
}
table#ad td.last{
	width:220px;
}
table#ad td.last img{
	margin-right:0;
}