@charset "utf-8";
/*

p-netをベースに作成しています。
【t-net】と書いているセクションは編集・改変しています。
書いていないものは触っていません。
20151105


*/
body{
	/*background:url(img/illust-bg2.png) center top repeat-x;*/
}

#illust{
	width:100%;
	margin:0px auto;
	padding-top:4px;
	/*background:url(img/illust-bg.png) no-repeat center top;*/
}

.pc_br:before {
	content: "\A" ;
	white-space: pre ;
	}

.sp_br:before {
	content: "" ;
	white-space: normal;
	}

.br:before {
	content: "\A" ;
	white-space: pre ;
	}


.pc_none{ display: none;}


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

#illust_lw{
	width:100%;
	margin:0px auto;
	padding-top:4px;
}


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

【t-net】 header

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

header{
	width:1100px;
	margin:0px auto;
	position:relative;
	}

header#top_head{}
header#top_head h1{
	margin-left:12%;
	}
header#top_head h2.catch01{
	margin-top:20px;
	margin-left:17%;
	}

header#top_head h2.catch02{
	margin-top:20px;
	margin-left:8%;
	}

.headinfo{
	position:absolute;
	top:0;
	right:10%;
	background:url(/common/img/headinfo_bg.png);
	border:0px solid #000;
	border-radius:4px;
	border-radius: 0 0 8px 8px ;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
	}
.headinfo{}
.headinfo li{
	display:inline-block;
	}
.headinfo li:first-child{
	border-right:1px dotted #FFF;
	}
.headinfo li a{
	display:inline-block;
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	padding:0em 1em 0.5em 0.75em;
	}

.headinfo li a:before{
	content: url(/common/img/headinfo_arrow.png);
	display:inline-block;
	vertical-align:top;
	padding:0 5px 0 0;
	margin-top:-1px;
	}

.headinfo li a:hover{
	opacity:0.75;
	}

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

     下層 header

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

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


header.lw h1{
	width:400px;
	margin-left:10%!important;
}
header.lw h1 img{
	width: 100%;
	height: auto;
}




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

     下層 メインタイトル

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

#maintit{
	width:100%;
	margin:0px auto;
	background: none;
	padding:54px 0 10px;
	min-height:0;
}

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

#maintit h2{
	font-size: 28px;
	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: 10px;
	padding: 5px 0;
}


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


h4.bdtit{
	background: url(../img/pat-tit2.gif) repeat left top;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
	width: 96%;
	padding: 1.4% 2%;
	border-radius: 6px;
	margin: 0 0 10px 0;
	line-height: 120%;
}




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

【t-net】 nav

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

nav{
	width:900px;
	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(../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 ul li a span{
	font-weight:700;
	text-decoration:none!important;
	letter-spacing:0.05em;
	text-shadow: 0px 1px 1px rgba(189, 89, 135, 1);
	}

nav ul li a:hover{
	opacity:0.65;
}
#flow{
	z-index: 100000;
	position: fixed;
	right: 0;
	top: 95px;
	}

#flow .mt16{ margin-top: 16px;}
#flow p a :hover{opacity:0.75;}
#sp_flow{ display: none; }

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

      下層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:1000px;
	background: none;
	margin: 0 auto;
	}
nav#lw ul li{
	display:table;
	width:20%;
	text-align:center;
	float:left;
	background:url(../img/nav_dotline.png)left center no-repeat;
	}
nav#lw ul li:first-child{
	background:none;
	}



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

     パンくず

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

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

section.pankuzu .panwrap{
	width:1000px;
	margin: 0 auto;
}

section.pankuzu a{
	color: #d11d69;
	text-decoration:underline;
	font-size:13px;
}
section.pankuzu ol li{
	display: inline;
	list-style-type: none;
}
section.pankuzu ol li:after {
	/* liの後に記号追加 */
	content:" > ";
	padding: 0 6px;
}

section.pankuzu ol li:last-child:after{
	content:"";
	padding-right: 0;
}


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

      リード文

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

section.lead{
	width: 880px;
	margin: 0px auto 50px;
	background: #fff;
	text-align: center;
}

section.lead p span{
	font-size: 20px;
	padding: 0 0 4px 0;
	text-align: center;
	background: url(../img/dot-line01.png) repeat-x left bottom #fff;
	line-height: 240%;
}



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

     基本フレーム

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

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

.base{
	width:1000px;
	margin:0px auto;
}

.base-mb{
	width:1000px;
	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-txt{
	float:right;
	width:65.4%;
}

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



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

【t-net】 フットバナー

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

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

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

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

#f-banner .banner ul li{
	float:left;
	margin-right:20px;
	}

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


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

【t-net】 footer

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

footer{
	background:#6d4e1b url(../img/foot-bg.gif) no-repeat center top;
	padding-top:64px;
	font-size:90%;
	position:relative;
	color:#FFF!important;
	}

.f-area{
	width:1000px;
	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{
	display:table;
	width:100%;
	border-bottom:1px solid #82683d;
	}
.foot_tit dt{
	display:table-cell;
	width:290px;
	padding:10px 0 15px;
	vertical-align:middle;
	border-bottom:1px solid #5b4217;
	}
.foot_tit dd{
	display:table-cell;
	padding:10px 0 20px 40px;
	vertical-align:middle;
	border-bottom:1px solid #5b4217;
	}
.foot_tit dd p{
	font-size:135%;
	line-height:150%;
	}

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

.add dd p{
	margin-top:20px;
	}
.add dd p a{
	color:#FFF!important;
	}
.f-link{
	float:right;
	width:48.5%;
	margin-top:25px;
	}

.f-link a{
	color:#FFF!important;
	}

.f-link ul{
	margin:0 1%;
	float:left;
	}
.f-link ul.f-link-left{
	width:58%;
	}
.f-link ul.f-link-right{
	width:38%;
	}
.f-link ul li{
	background:url(../img/f-icon.png) no-repeat left 5px;
	padding:0 0 0 20px;
	margin-bottom:5px;
	}

.copy{
	text-align:center;
	padding:30px 0 20px;
	}
.cover{
	text-align:center;
	margin-top:-50px;
	}
.pagetop{
	display:inline-block;
	}