@charset "utf-8";

#illust{
	width:100%;
	margin:0px auto;
	padding-top:4px;
	/*background:url(https://ssl.alpha-prm.jp/khosp.or.jp/secure/t-net/form/common/img/headinfo_bg.png) repeat-x,url(https://ssl.alpha-prm.jp/khosp.or.jp/secure/t-net/form/common/img/illust-bg.png) no-repeat center top;*/
	}
.pc_br:before {
	content:"";
	white-space: normal;
	}
.sp_br:before {
	content:"";
	white-space: normal;
	}

.pc_none{ display: block;}
.tab_none{ display: none;}


/*   下層ページ共通BG
--------------------------------------*/

#illust_lw{
	width:100%;
	margin:0px auto;
	padding-top:4px;
	/*background:url(https://ssl.alpha-prm.jp/khosp.or.jp/secure/t-net/form/common/img/headinfo_bg.png) repeat-x,url(https://ssl.alpha-prm.jp/khosp.or.jp/secure/t-net/form/common/img/illust-lwbg.png) no-repeat center top,url(https://ssl.alpha-prm.jp/khosp.or.jp/secure/t-net/form/common/img/bg-gradi.png) repeat-x;*/
}



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

【t-net】header

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

header{
	width:94%;
	margin:0px auto;
	}

header#top_head{}
header#top_head h1{
	width:45%;
	margin-left:15%;
	}
header#top_head h1 img{width:100%;}
header#top_head h2.catch01{
	width:40%;
	margin-top:20px;
	margin-left:20%;
	}
header#top_head h2.catch02{
	width:60%;
	margin-top:20px;
	margin-left:10%;
	}

header#top_head h2 img{width:100%;}

.headinfo{
	position:absolute;
	top:0;
	right:0%;
}

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

     下層 header

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

header.lw{
	width:94%;
	margin:0px auto;
}


header.lw h1{
	margin-left:3%!important;
	float:none;
	width:40%!important;
}

header.lw h1 img{
	width: 100%;
	height: auto;
}



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

     下層 メインタイトル

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


#maintit{
	width:94%;
	margin:0px auto;
	padding:54px 3% 10px;
	min-height:0;
}

#maintit .cov{
	width:100%;
	margin:0px auto;
}

#maintit h2{
	font-size:22px;
	color: #43416e;
	font-weight: 700;
	line-height:130%;
	margin-left: 68px;
}

section.content-tit{
	background: url(../img/pat-tit.gif) repeat left top;
	margin-bottom: 30px;
	padding: 15px 0;
}

h3#main-tit{
	color: #ec6da8;
	font-size: 30px;
	font-weight: 700;
	width: 90%;
	margin: 0 auto;
	line-height: 88%;
}

h4.bdtit{
	font-size: 22px;
	width: 96%;
	padding: 1.6% 2%;
}


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

【t-net】nav

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

nav{
	width:94%;
	margin:80px auto 0;
	position:relative;
	padding-bottom:40px;
	}
nav ul{
	width:100%;
	background:rgba(232,82,152,0.75);
	border-radius:6px;
	}
nav ul li{
	display:table;
	width:20%;
	text-align:center;
	float:left;
	background:url(/common/img/nav_dotline.png)left center no-repeat;
	}
nav ul li:first-child{
	background:none;
	}
nav ul li a{
	display:table-cell;
	width:100%;
	height:3.5em;
	padding:1em;
	vertical-align:middle;
	color:#FFF!important;
	font-weight:700;
	text-decoration:none!important;
	letter-spacing:0.05em;
	text-shadow: 0px 1px 1px rgba(189, 89, 135, 1);
	}

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

      下層nav

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

nav#lw{
	width:100%;
	margin:40px auto 0;
	position:relative;
	padding-bottom:40px;
	background:rgba(232,82,152,0.75);
	padding-bottom:0;
	}
nav#lw ul{
	width:90%;
	background: none;
	margin: 0 auto;
	}
nav#lw ul li{
	display:table;
	width:20%;
	text-align:center;
	float:left;
	background:url(/common/img/nav_dotline.png)left center no-repeat;
	}
nav#lw ul li:first-child{
	background:none;
	}

nav.un ul li a:hover{
	opacity:0.7;
}

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

     パンくず

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

section.pankuzu{
	width:100%;
	background: #f3f3f3;
	padding: 12px 0;
}

section.pankuzu .panwrap{
	width:90%;
	margin: 0 auto;
}


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

      リード文

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

section.lead{
	width: 90%;
}

section.lead p span{
	font-size: 18px;
	line-height: 240%;
	text-align: left;
}




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

     基本フレーム

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

.frame{
	width:100%;
	background:#fff;
	padding:5px 0 0;
}

.base{
	width:94%;
	margin:0px auto 0px;
}

.base-mb{
	width:94%;
	margin:0px auto 60px;
}

.tx-ph{
	width:100%;
	margin-bottom:50px;
}

.tx-ph:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.tx-ph .fl-txt{
	float:left;
	width:65.4%;
}

.tx-ph .fr-pho{
	width:31.6%;
	float:right;
}

.tx-ph .fr-pho img{
	width:100%;
	height:auto;
}

.tx-ph .fr-txt{
	float:right;
	width:65.4%;
}

.tx-ph .fl-pho{
	width:31.6%;
	float:left;
}

.tx-ph .fl-pho img{
	width:100%;
	height:auto;
}

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

【t-net】フットバナー

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

#f-banner{
	width:100%;
	background:#fff;
	}

#f-banner .banner{
	width:94%;
	margin:0px auto;
	padding:40px 0;
	}

#f-banner .banner ul{
	margin-right:0;
	}

#f-banner .banner ul li{
	float:left;
	width:23%;
	margin:0 1%;
	}

#f-banner .banner ul li img{
	width:100%;
	height:auto;
	}

#f-banner .banner ul li a:hover{
	opacity:0.7;
	}


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

【t-net】footer

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

footer{
	/*background:url(https://ssl.alpha-prm.jp/khosp.or.jp/secure/t-net/form/common/img/foot-bg.gif) no-repeat center top #6ABB6D;*/
	padding-top:64px;
	font-size:90%;
	position:relative;
	}

.f-area{
	width:94%;
	margin:0px auto;
	}

.f-area:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
	}

* html .f-area {    zoom: 1 }
*:first-child+html .f-area {    zoom: 1 }

.foot_tit dd p{
	font-size:120%;
	line-height:150%;
	}

.add{
	width:40%;
	float:left;
	}

.add dd p{
	margin-top:20px;
	}

.f-link{
	float:right;
	width:57%;
	margin-top:50px;
	}

.f-link a{
	color:#000;
	}

.f-link ul{
	width:48%;
	margin:0 1%;
	float:left;
	}

.f-link ul li{
	background:url(/common/img/f-icon.png) no-repeat left 5px;
	padding:0 0 0 20px;
	margin-bottom:5px;
	}

.copy{
	text-align:center;
	padding:20px 0;
	}