/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
#    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
/* CSS Document */
@charset "utf-8";
@media all{


	/* ■■■ 標準設定 ■■■■■■■■■■■■■■■■■■■■■■■■■ */
	html{
		font-size: 14px;
	}
	html,body,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,section{
		position: relative;
		/* pcss space_reset */

		padding: 0px;
		margin: 0px;
	
	}
	*{
		font-family: "メイリオ",Meiryo, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka !important;
	}
	fieldset{
		/* pcss reset */

		padding: 0px;
		margin: 0px;
		height: auto;
		width: auto;
		background: none;
		font-size: 1em;
		color:#333333;
		border:0px none;
		list-style:none;
	
	}
	body{
		height: 100%;
		/* pcss normal_text */

		font-size: 1em;
		color: #333333;
		font-weight: normal;
		line-height: 160%;
		text-decoration:none;
	
	}
	nav,section,aside{
		display: block;
	}
	h1{font-size:1.6em;}
	h2{font-size:1.4em;}
	h3{font-size:1.2em;}
	h4{font-size:1em;}
	h5{font-size:1em;}
	h6{font-size:1em;}

	table{
		width:100%;
		table-layout:fixed;
		border-collapse:collapse;
		empty-cells:show;
		caption-side:top;
	}
	th,td{
		border:1px solid #cccccc /* pcss border0 */ ;
	}
	
	ul{
		list-style-type:none;
		list-style-position:outside;
	}
	ol{
		/* pcss reset */

		padding: 0px;
		margin: 0px;
		height: auto;
		width: auto;
		background: none;
		font-size: 1em;
		color:#333333;
		border:0px none;
		list-style:none;
	
		list-style-type:decimal;
		list-style-position:inside;
	}
	a:hover img.imgHover{
/*		filter:alpha(opacity=70);*/
		opacity:0.7;
	}
	img{
		display:block;
		border:0px none;
	}
	blockquote {
		margin: 20px /* pcss inside_space */ ;
		padding: 20px /* pcss inside_space */ ;
		border: 1px solid #cccccc /* pcss border0 */ ;
		background-color: #fffaee;
	}	
	hr{
		border: 0px none;
		border-top: 1px solid #cccccc /* pcss border0 */ ;
	}
	.clear{
		clear: both;
	}
	.clearfix {
		display: inline-block;
	}
	.clearfix:after{
		/* pcss clearfix */

		content: "";
		display: block;
		height: 0;
		clear: both;
		width:100%;
	
	}
	/* *********用途別***************************************** */
	
	.hide{display:none;}
	
	.date{					/* 日時など */
	}
	.num{					/* 数値・金額など */
		text-align:right;
	}
	.min_text{				/* 短いテキスト項目 */
		text-align:center;
	}
	td.input{
		text-align:center;
	}
	
	.attention{				/* 注意 */
		color:#cc0000 /* pcss err_color */ ;
		font-size:90%;
	}
	.caution{				/* 警告 */
		color:#cc0000 /* pcss err_color */ ;
	}
	.error{					/* エラー */
		padding:15px;
		background-color:#fff1e8 /* pcss err_bg_color */ ;
		color:#cc0000 /* pcss err_color */ ;
	}
	
	.fixMsg{				/* 完了メッセージ */
		padding:50px;
		text-align:center;
	}
	.msg{				/* その他メッセージ */
		padding:50px;
		text-align:center;
	}	
	
	.pageLink{				/* 下部リンク */
		margin:10px auto;
		text-align:center;
	}
	.editLink{				/* 編集リンク */
		text-align:right;
	}
	.btnBox{				/* ボタン */
		clear: both;
		margin:30px auto;
		text-align:center;
	}
	.btnBox input{
		padding-left:5px;
		padding-right:5px;
		margin-left:3px;
		margin-right:3px;
	}
	
	.more{					/*もっと見る*/
		margin-top: 10px;
		text-align:right;
	}
	.more img{
		display: inline;
	}
	.goTop{					/*ページ上部へ*/
		text-align:right;
	}
	/* *********入力フォーム***************************************** */
	.textSS{
		width:50px;
	}
	.textS{
		width:100px;
	}
	.textM{
		width:200px;
	}
	.textL{
		width:400px;
	}
	
	
}

/* ■■■ スクリーンのみ ■■■■■■■■■■■■■■■■■■■■■■■■■ */

@media screen{
	.printOnly{				/* 印刷時のみ表示 */
		display:none;
	}
	.dispOnly{				/* スクリーンのみ表示 */
		display:auto;
	}
}


/* ■■■ 印刷時のみ ■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media print{
	.printOnly{				/* 印刷時のみ表示 */
		display:auto;
	}
	.dispOnly{				/* スクリーンのみ表示 */
		display:none;
	}
}
	a:link   { color: #0045b3 /* pcss color2 */ ;}
	a:visited{ color: #0045b3 /* pcss color2 */ ;}
	a:hover  { color: #02a3b0 /* pcss color3 */ ;}
	a:active { color: #999999 /* pcss color4 */ ;}

	input[type=text],
	input[type=password],
	textarea,
	select
	{
		vertical-align: middle;
		border:1px solid #cccccc;
		border-radius: 5px;
		box-shadow: 2px 2px 2px 1px  rgba(128,140,150,0.2) inset;
		padding:0px 3px;
		margin:2px 5px;
	}

	#wrap{
		width:1000px /* pcss wrap_w */ ;
		margin:auto;
		padding: 40px /* pcss space_h */  0px 100px 0px;
	}
	html{
		position: relative;
	}
	body{
		position:static;
	}
	html,body {
		min-height:100%;
	}
	footer{
	    position:absolute;
	    width:100%;
	    bottom:0px;
	}
	.pageBreak{
		page-break-after:always;
	}


	.clearfix:after,
	body > header:after,
	#headerInner:after,
	#headMenu ul:after,
	#WideWrap:after,
	#wrap:after,
	#contents:after,
	.content:after,
	dl.parallel:after,
	ul.parallel:after,
	body > footer:after,
	#footerLeft:after,
	#footInner:after
	{
		/* pcss clearfix */

		content: "";
		display: block;
		height: 0;
		clear: both;
		width:100%;
	
	}

	/* ボタン ================================================== */
	.btn{
			display: inline-block;
	    padding: 6px 20px;
	    border-radius:5px;
	    color:#ffffff;
	    cursor:pointer;
	    font-size:16px;
	    min-width: 200px;
	    margin:0px 5px;
	    box-sizing: border-box;
	    vertical-align: bottom;
	    /*color*/
			border:1px solid #be531b;
			background-color:#ec7426;
			background : -webkit-gradient(linear, top, bottom, from(#ec7426), to(#e0521b));
			background : -webkit-linear-gradient(top, #ec7426, #e0521b);
			background: linear-gradient(#ec7426, #e0521b);
			box-shadow: 0px 2px 0px 1px rgba(151,56,20,0.9);
	}

	.btn:hover{
	    cursor:pointer;
	    margin-top:1px;
	    margin-bottom:-1px;
			/*color*/
			background-color:#e0521b;
			background : -webkit-gradient(linear, top, bottom, from(#e0521b), to(#ec7426));
			background : -webkit-linear-gradient(top, #e0521b, #ec7426);
			background: linear-gradient(#e0521b, #ec7426);
			box-shadow: 0px 1px 0px 1px rgba(151,56,20,0.9);
	}
	.btn.control{
	    padding: 3px 10px;
	    border-color:#ddeff0;
	    color:#333333;
	    background-color:#f0f7f7;
		background : -webkit-gradient(linear, top, bottom, from(#f0f7f7), to(#dfeced));
		background : -webkit-linear-gradient(top, #f0f7f7, #dfeced);
	    background: linear-gradient(#f0f7f7, #dfeced);
	    box-shadow: 0px 2px 0px 1px rgba(138,162,164,0.9);
	    font-size:14px;
	    margin:0px ;
	}
	.btn.control:hover{
	    background-color:#dfeced;
		background : -webkit-gradient(linear, top, bottom, from(#dfeced), to(#f0f7f7));
		background : -webkit-linear-gradient(top, #dfeced, #f0f7f7);
	    background: linear-gradient(#dfeced, #f0f7f7);
	    box-shadow: 0px 1px 0px 1px rgba(138,162,164,0.9);
	}
	.btn.back{
		border:1px solid #be531b;
		border-color:#168992;
		background-color:#26bac2;
		background : -webkit-gradient(linear, top, bottom, from(#26bac2), to(#1ea5b0));
		background : -webkit-linear-gradient(top, #26bac2, #1ea5b0);
		background: linear-gradient(#26bac2, #1ea5b0);
		box-shadow: 0px 2px 0px 1px rgba(6,97,104,0.9);
	}
	.btn.back:hover{
		background-color:#1ea5b0;
		background : -webkit-gradient(linear, top, bottom, from(#1ea5b0), to(#26bac2));
		background : -webkit-linear-gradient(top, #1ea5b0, #26bac2);
		background: linear-gradient(#1ea5b0, #26bac2);
		box-shadow: 0px 1px 0px 1px rgba(6,97,104,0.9);
	}
	.btn.disabled,
	.btn.disabled:hover{
		border-color: #bbbbbb;
		color: #888888;
		background-color: #dddddd;
		background : -webkit-gradient(linear, top, bottom, from(#dddddd), to(#cccccc));
		background : -webkit-linear-gradient(top, #dddddd, #cccccc);
		background: linear-gradient(#dddddd, #cccccc);
		box-shadow: 0px 2px 0px 1px rgba(100,100,100,0.9);
		cursor: default;
	    margin-top:0px;
	    margin-bottom:0px;
	}
	a.btn,
	.ui-widget-content a.btn{
		display: inline-block;
		color:#ffffff;
		text-decoration: none;
	}
	.submit{
		clear: both;
		text-align: center;
		padding:20px;
	}

	.controlBtnArea{
		padding:10px;
	}

	.submit:first-child,
	.controlBtnArea:first-child{
		padding-top: 0px;
	}

	a.btn-general {
		border: 1px solid #ddd;
		background-color: #eee;
		border-radius: 3px;
		cursor: pointer;
		text-decoration: none;
		padding: 1px 8px;
		color: #333;

	}

	/* テーブル ================================================== */
	table{
		border:0px none;
		margin-bottom: 20px /* pcss inside_space */ ;
	}

	caption{
		/* pcss title3 */

		clear:both;
		color :#128b95;
		text-align:left;
		font-weight:normal;
		font-size:1.2em;
		padding: 8px 13px 8px 45px;
		background: url(../img/title_bg3.png) no-repeat;
		margin-bottom:20px;
		margin-top:40px;
	
	}

	th{
		border:0px none;
		font-weight: normal;
		background-color: #E1E7E8;
		border-bottom: 2px solid #0c466e /* pcss color1 */ ;
		border-left: 2px solid #ffffff;
		padding: 2px;
	}
	td{
		border:0px none;
		border-bottom: 1px solid #cccccc /* pcss border0 */ ;
		border-left: 2px solid #ffffff;
		padding: 2px;
	}
	.label{
		display: inline-block;
		line-height: 100%;
		padding: 3px 8px;
		margin-right: 8px;
		background-color: #e6eff2 /* pcss bgcolor1 */ ;
	}

	/* === ヘッダー ==================================== */
	body>header{
		background-color: #f0f0f0 /* pcss bgcolor2 */ ;
		background:url(../img/menu_bg.png) repeat-x bottom;
	}
	#headerInner{
		position: relative;
		padding: 10px /* pcss inside_space2 */ ;
		width: 1000px;
		margin:auto;
		height:80px;
	}
	#headerInner > h1{
		float:left;
	}

	#logo{
		margin-bottom: 20px /* pcss inside_space */ ;
	}

	.p-mansion-logo {
		position: absolute;
		right: 170px;
		top: 21px;
	}
	.p-mansion-logo img {
		width: 250px;
		height: 56px;
	}

	#coadeeLogo{
		float: right;
		padding: 21px 0px 21px 21px;
	}

	#headMenu{
		height:54px;
		color:#ffffff /* pcss bright_text */ ;
		font-size:18px;
		position: relative;
		width: 1000px;
		margin:auto;
	}
	#headMenu a{
		display: inline-block;
		/*color:#ffffff /* pcss bright_text */ ;*/
		color: #128b95;
		text-decoration: none;
	}
	#headMenu a:hover{
		text-decoration: underline;
	}
	#headMenu li{
		padding:18px 36px 18px 0px;
		float: left;
	}
	#headMenu .logout {
	    position:absolute;
	    display:block;
	    right:0px;
	    top:18px;
	}


	/* === メイン ==================================== */
	#contents {
	}
	#crumbs{
		margin: 20px 0px;
	}
	#crumbs li{
		display:inline-block;
	}
	#columnBody>.main{
		float: left;
		width: 600px /* pcss main_w */ ;
	}
	.content{
		margin: 0px 0px 40px /* pcss space_h */  0px;
	}
	.contentBody{
		margin:20px /* pcss inside_space */ ;
	}
	.fixed {
	  position: fixed;
		font-size: 1.2em;
		border: 1px solid #cccccc;
		border-radius: 5px;
	  top: 0;
	  width: 615px;
 	  z-index: 10000;
 	  left: 0;
 	  right: 0;
	}
	#contents h2{
		/* pcss title1 */

		clear:both;
		font-weight:normal;
		color :#ffffff;
		font-size: 1.6em;
		padding: 15px 20px;
		border: 1px solid #ffffff;
		box-shadow: #aaaaaa 0px 0px 2px 0px;
		background: rgb(35,188,198); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(35,188,198,1) 0%, rgba(31,167,178,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(35,188,198,1) 0%,rgba(31,167,178,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(35,188,198,1) 0%,rgba(31,167,178,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#23bcc6, endColorstr=#1fa7b2,GradientType=0 ); /* IE6-9 */
		// background : -webkit-gradient(linear, top, bottom, from(#26bac2), to(#1ea5b0));
		// background : -webkit-linear-gradient(top, #26bac2, #1ea5b0);
	 //    background: linear-gradient(#ec7426, #e0521b);
		margin-bottom:40px;
	
	}
	.content h3{
		/* pcss title2 */

		clear: both;
		/*color: #128b95 edited20160822@yano*/;
		color: white;
		font-size: 1.4em;
		font-weight: normal;
		padding: 13px 12px 11px 11px;
		margin-bottom: 20px;
		border: 1px solid #666;
		box-shadow: #aaaaaa 0px 0px 2px 0px;
		/* edited 20160822@yano
		background : -webkit-gradient(linear, top, bottom, from(#d8ebed), to(#cee7ea));
		background : -webkit-linear-gradient(top, #d8ebed, #cee7ea);
		background: linear-gradient(#d8ebed, #cee7ea);
		*/
		background: #2e86ea;
		background: -moz-linear-gradient(top, #2e86ea 0%, #1e5799 3%, #0d4d7a 52%, #0b4369 97%, #052033 100%); 
		background: -webkit-linear-gradient(top, #2e86ea 0%,#1e5799 3%,#0d4d7a 52%,#0b4369 97%,#052033 100%); 
		background: linear-gradient(to bottom, #2e86ea 0%,#1e5799 3%,#0d4d7a 52%,#0b4369 97%,#052033 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#2e86ea, endColorstr=#052033,GradientType=0 );
	
	}
	.content h4{
		/* pcss title3 */

		clear:both;
		color :#128b95;
		text-align:left;
		font-weight:normal;
		font-size:1.2em;
		padding: 8px 13px 8px 45px;
		background: url(../img/title_bg3.png) no-repeat;
		margin-bottom:20px;
		margin-top:40px;
	
	}
	.content h5{
		/* pcss title4 */

		clear:both;
		color :#128b95;
		font-size:1.2em;
		font-weight:normal;
		text-align: left;
		background: url(../img/title_bg4.png) no-repeat;
		padding-left: 25px;
		margin-bottom:20px;
		margin-top:40px;
	
	}
	.rightSide{
		width:370px /* pcss side_w */ ;
		float: right;
	}
	.content.leftMain{
	    width:600px /* pcss main_w */ ;
	    float:left;

	}
	.content.leftMain h3{
	   background: url(../img/title_bg2_m.png) ;
	}
	.content.rightSide h3{
		background: url(../img/title_bg2_s.png);
	}

	.content p,
	.content ul{
		margin-bottom: 20px /* pcss inside_space */ ;
	}
	.content table ul{
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	.btnBox input[type="image"]{
		__btn__
		padding:3px 20px;
	}
	.btnBox input[type="image"]:hover{
		__btn_hover__
	}
	.btnBox a{
		__btn__
		__btn_arrow__
	}
	.btnBox a:hover{
		__btn_arrow_hover__
	}
	.btn_m,.btn_s,a.btn_m,a.btn_s{
		color:#ffffff;
		text-decoration: none;
		text-align: center;
		font-size:14px;
		display:inline-block;
		padding: 6px 20px;
		width:200px;
		border-color:#168992;
		background-color:#26bac2;
		background : -webkit-gradient(linear, top, bottom, from(#26bac2), to(#1ea5b0));
		background : -webkit-linear-gradient(top, #26bac2, #1ea5b0);
		background: linear-gradient(#26bac2, #1ea5b0);
		box-shadow: 0px 2px 0px 1px rgba(6,97,104,0.9);
		border-radius: 5px;
		margin:8px;
	}
	.btn_s,a.btn_s{
		font-size:14px;
		display:block;
		padding:10px;
		width:100px;
		line-height: 100%;
	}
	.btn_m:hover,.btn_s:hover,a.btn_m:hover,a.btn_s:hover{
		background-color:#1ea5b0;
		background : -webkit-gradient(linear, top, bottom, from(#1ea5b0), to(#26bac2));
		background : -webkit-linear-gradient(top, #1ea5b0, #26bac2);
		background: linear-gradient(#1ea5b0, #26bac2);
		box-shadow: 0px 1px 0px 1px rgba(6,97,104,0.9);
	    margin-top:9px;
	    margin-bottom:7px;
	}
	.more a{
		__btn__
		__btn_arrow__
		color:#ffffff /* pcss bright_text */ ;
	}
	.more a:hover{
		__btn_arrow_hover__
	}
	.content p:last-child{
		margin-bottom: 0px;
	}
	ul.normalList,
	#spotEssay ul,
	#spotInfo ul{
		margin: auto  20px /* pcss inside_space */ ;
	}
	ul.normalList li,
	#spotEssay ul li,
	#spotInfo ul li{
		margin: 5px auto;
		background:url(../img/icon_list.png) no-repeat 0px 5px;
		padding-left:18px;
	}
	ol.normalList,
	#spotEssay ol,
	#spotInfo ol{
		margin-left: 20px /* pcss inside_space */ ;
	}
	ol.normalList li,
	#spotEssay ol li,
	#spotInfo ol li{
		margin: 5px auto;
		list-style: decimal;
	}
	ul.linkList{
	}
	ul.linkList li{
		margin: 8px auto;
		background:url(../img/icon_list_link.png) no-repeat 0px 3px;
		padding-left:25px;
	}
	.goAllList{
		position: absolute;
		right:0px;
		top:0px;
		font-size: 14px;
		padding-right:25px;
		background:url(../img/icon_list_link.png) no-repeat right;
	}
	.listImgBox{
		position: relative;
	}
	.listImgBox img{
		/* pcss center_img */

		position: absolute;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	
	}
	.content p.searchNum:last-child{
		margin-bottom: 40px /* pcss space_h */ ;
	}
	.point{
		background:url(../img/lightbulb.png) no-repeat 0px 5px;
		padding: 5px 0px 5px 20px;
	}
	dl{
		margin-bottom: 10px /* pcss inside_space2 */ ;
	}
	dt{
		font-weight: bold;
		color:#02a3b0 /* pcss color3 */ ;
	}
	dd{
		border-bottom: 1px solid #cccccc /* pcss border0 */ ;
		padding-bottom: 10px /* pcss inside_space2 */ ;
		margin-bottom: 10px /* pcss inside_space2 */ ;
	}

	dl.parallel{
		padding-bottom: 10px /* pcss inside_space2 */ ;
	}
	dl.parallel dt{
		clear: both;
		float:left;
		width:28%;
		margin-top: 10px /* pcss inside_space2 */ ;
		padding-top: 10px /* pcss inside_space2 */ ;
		border-top:1px solid #cccccc /* pcss border0 */ ;
	}

	dl.parallel dd{
		float:left;
		width:72%;
		/* pcss space_reset */

		padding: 0px;
		margin: 0px;
	
		border-bottom: 0px none;
		margin-top: 10px /* pcss inside_space2 */ ;
		padding-top: 10px /* pcss inside_space2 */ ;
		border-top:1px solid #cccccc /* pcss border0 */ ;
	}
	.parallel dd span {
	    display:inline-block;
	    width:100px;
	    margin-bottom:8px;
	}
	dl.parallel dt p{
		/* pcss normal_text */

		font-size: 1em;
		color: #333333;
		font-weight: normal;
		line-height: 160%;
		text-decoration:none;
	
		margin: 10px /* pcss inside_space2 */  10px /* pcss inside_space2 */  0px 0px;
	}

	ul.parallel li{
		width:118px;
		float:left;
	}
	dl.parallel dt.first,
	dl.parallel dd.first{
		border:0px none;
		padding-top: 0px;
	}
	.notes{
		font-size: 10px;
		line-height: 140%;
	}

	video{
		display: block;
		margin: auto;
		background-color:#333333;
		border-radius: 5px;
	}
	

	/* === コンテンツレイアウト ==================================== */

	.leftside{
		float:left;
		margin-right: 30px /* pcss space_w */ ;
		margin-bottom: 30px /* pcss space_w */ ;
	}
	.rightside{
		float:right;
		margin-left: 30px /* pcss space_w */ ;
		margin-bottom: 30px /* pcss space_w */ ;
	}

	/* 半分幅コンテンツ */
	.halfContentsBlock{
		margin-right: -30px /* pcss space_w */ ;
	}
	.halfContentsBlock .content,
	.halfBlock{
		/* pcss half_content */

		float:left;
		width:300px;
		margin: 0px 30px 30px 0px;
	
	}
	.halfBlock.normalList{
		width:250px;
	}

	.halfContentsBlock:after{
		/* pcss clearfix */

		content: "";
		display: block;
		height: 0;
		clear: both;
		width:100%;
	
	}

	.halfContentsBlock .parallel dt{
	    width:80px;
	}
	.halfContentsBlock .parallel dd{
	    width:220px;
	}

	/* 1/3幅コンテンツ */
	.onethirdContentBlock{
		margin-right: -25px;
	}
	.onethirdContentBlock .content,
	.onethirdBlock{
		/* pcss onethird_content */

		float:left;
		width:200px;
		margin: 0px 15px 20px 0px;
	
	}
	.onethirdContentBlock:after{
		/* pcss clearfix */

		content: "";
		display: block;
		height: 0;
		clear: both;
		width:100%;
	
	}

	/* 数字バッジ */
	.cd-badge {
		background-color: red;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		width: 20px;
		height: 20px;
		color: white;
		border-radius: 50%;
		font-size: 0.8em;
		font-weight: bold;
		position: absolute;
		top: 5px;
		left: -18px;
		padding-top: 1px;
	}



	/* === フッター ==================================== */

	body > footer{
		background-color: #f0f0f0 /* pcss bgcolor2 */ ;
		width:100%;
	}

	#copyright{
		text-align: center;
		padding:10px;
		font-size: 10px;
	}

	/* =======エディターテンプレートと共通================================================ */
	.tmpLeftImg:after,
	.tmpRightImg:after,
	.tmpLeftImg2:after,
	.tmpRightImg2:after,
	dl.parallel:after{
		/* pcss clearfix */

		content: "";
		display: block;
		height: 0;
		clear: both;
		width:100%;
	
	}

	.tmpLeftImg .imgBlock,
	.tmpLeftImg2 .imgBlock{
		float:left;
		padding:0;
		margin:0px 30px /* pcss space_w */  40px /* pcss space_h */  0px;
	}
	.tmpRightImg .imgBlock,
	.tmpRightImg2 .imgBlock {
		float:right;
		padding:0;
		margin:0px 0px 40px /* pcss space_h */  30px /* pcss space_w */ ;
	}

	.tmpLeftImg2 img,
	.tmpRightImg2 img{
		width:370px /* pcss side_w */ ;
	}

	.tmpLeftImg .textBlock{
	}
	.tmpLeftImg2 .textBlock{
		width:300px;
		float:right;
	}
	.tmpRightImg .textBlock{
	}
	.tmpRightImg2 .textBlock{
		width:300px;
		float:left;
	}

	.tmpLeftImg .textBlock>h1:first-child,
	.tmpLeftImg .textBlock>h2:first-child,
	.tmpLeftImg .textBlock>h3:first-child,
	.tmpLeftImg .textBlock>h4:first-child,
	.tmpLeftImg .textBlock>h5:first-child,
	.tmpLeftImg .textBlock>h6:first-child,
	.tmpLeftImg2 .textBlock>h1:first-child,
	.tmpLeftImg2 .textBlock>h2:first-child,
	.tmpLeftImg2 .textBlock>h3:first-child,
	.tmpLeftImg2 .textBlock>h4:first-child,
	.tmpLeftImg2 .textBlock>h5:first-child,
	.tmpLeftImg2 .textBlock>h6:first-child,
	.tmpRightImg .textBlock>h1:first-child,
	.tmpRightImg .textBlock>h2:first-child,
	.tmpRightImg .textBlock>h3:first-child,
	.tmpRightImg .textBlock>h4:first-child,
	.tmpRightImg .textBlock>h5:first-child,
	.tmpRightImg .textBlock>h6:first-child,
	.tmpRightImg2 .textBlock>h1:first-child,
	.tmpRightImg2 .textBlock>h2:first-child,
	.tmpRightImg2 .textBlock>h3:first-child,
	.tmpRightImg2 .textBlock>h4:first-child,
	.tmpRightImg2 .textBlock>h5:first-child,
	.tmpRightImg2 .textBlock>h6:first-child
	{
		margin-top: 0px;
	}

/* CSS Document */
@charset "utf-8";
@media all{

	option.holiday{
		background-color: #fddcd3;
	}
	option.saturday{
		background-color: #d2eaf7;
	}

	/* === ログイン ====================== */
	#login.content{
		width:600px /* pcss main_w */ ;
		margin:auto;
	}
	#login.content h3{
	}
	#sslSeal {
		text-align: center;
	}
	#sslSeal img{
		display:inline;
	}

	/* === 空き家情報登録 ====================== */

	.DetailToggleBtn{
		width:1.6em;
		text-align: center;
		margin-left:-40px;
	}
	.noteBox:first-child{
		margin-top: -23px;
	}
	.spMode .DetailToggleBtn{
		margin:auto;
	}
	.spMode .noteBox:first-child{
		margin-top: 0px;
	}

	/* === 空き家レポート ====================== */
	#TReportTblsreport{
	    background-color:#fafafa;
	}
	#TReportTblsreport #report{
	    background-color:#ffffff;
	    border:4px double #cccccc;
	    padding:20px;
	}

	#stateChkSheet th,
	.stateChkSheet th{
		border-bottom:1px solid #cccccc;
        border-right: 2px solid #ffffff;
	}
	#stateChkSheet td,
	.stateChkSheet td{
        border-right: 1px solid #cccccc;
	}
	#stateChkSheet th:last-child,
	.stateChkSheet th:last-child,
	#stateChkSheet td:last-child,
	.stateChkSheet td:last-child{
        border-right: 0px none;
	}

	#stateChkSheet tr:first-child th,
	.stateChkSheet tr:first-child th,
	td.separate ,
	#stateChkSheet th.separate ,
	.stateChkSheet th.separate ,
	#report th.separate {
        border-bottom: 2px solid #0c466e /* pcss color1 */ ;
	}
	#report td{
		border-bottom:1px solid #0c466e;
	}
	#report th{
		border-bottom:1px solid #0c466e;
	}
	#report .contentcell{
	    border-left: 1px solid #cccccc;
			padding: 0px 0px 0px 3px;
	}
	#report td.separate {
	    border-bottom: 2px solid #0c466e;
	}

	#imgUpList:after{
		/* pcss clearfix */

		content: "";
		display: block;
		height: 0;
		clear: both;
		width:100%;
	
	}
	#imgUpList li{
		width:292px;
		margin: 0px 10px 10px 0px;
		display: block;
		float:left;
	}
	#imgUpList li.clear{
		clear:both;
	}
	#imgUpList li div{
		position: relative;
		border:1px solid #cccccc /* pcss border0 */ ;
		width:298px;
		height:298px;
	}
	#imgUpList li img{
		display: block;
		/* pcss center_img */

		position: absolute;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	
		max-width:278px;
		max-height:278px;
	}
	#imgUpList h5{
		margin-top:8px;
		margin-bottom:5px;
	}

	#imgUpList li p {
	}
	p.commentImg {
	    margin:0px;
	    padding:0px;
	}
	.commentImg img{
	    max-width:250px;
	    padding:3px;
	    border:solid 1px #dddddd;
	    background-color: #ffffff;
	}
	p.worker{
	    font-weight:bold;
	    margin:0px 0px 8px 0px;
	    padding:0px;
	    text-align:center;
	}
	p.worker span{
		display: block;
		font-weight: normal;
		font-size: 0.8em;
		line-height: 120%;
	}
	.workerInfo p.comment{
	    margin:0px;
	    padding:0px;
	}
	#report #reportInfo {
	    width:500px;
	    float:left;
	}
	#report #worker {
	    width:340px;
	    float:right;
	    border:solid 1px #dddddd;
	    border-radius: 10px;
	    padding:20px;
	}

	#worker .commentImg {
	    width:auto;
	    margin-bottom:10px;
	}
	#worker .commentImg img{
	    margin:auto;
	}

	/* === レポート登録 ====================== */
	#previewImgList{
		margin-right: -5px;
	}
	#previewImgList li{
		position: relative;
		border:1px solid #cccccc /* pcss border0 */ ;
		width:165px;
		height:165px;
		margin: 20px 0px 4px 20px;
		display: inline-block;
	}
	#previewImgList li img{
		display: block;
		/* pcss center_img */

		position: absolute;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	
		max-width:155px;
		max-height:155px;
	}

	#movieInputs section{
		padding:5px 5px 5px 55px;
		border:1px solid #cccccc /* pcss border0 */ ;
		border-bottom-width:0px;
	}
	#movieInputs section:last-child{
		border-bottom-width:1px;
	}
	#movieInputs h4{
		/* pcss reset */

		padding: 0px;
		margin: 0px;
		height: auto;
		width: auto;
		background: none;
		font-size: 1em;
		color:#333333;
		border:0px none;
		list-style:none;
	
		font-size:1.2em;
		font-weight: bold;
		color:#02a3b0 /* pcss color3 */ ;
	}
	#movieInputs h4 span{
		display: inline-block;
		width: 4.5em;
	}
	#movieInputs video{
		margin:10px 0px 0px 0px;
	}
	#movieInputs .videoArea{
		margin-top:20px;
		margin-bottom: 15px;
	}

	#movieInputs .toggleBtn{
		cursor: pointer;
		position:absolute;
		top:0px;
		left:0px;
		font-size:20px;
		padding:10px;
	    border-color:#ddeff0;
	    background-color:#f0f7f7;
		background : -webkit-gradient(linear, top, bottom, from(#f0f7f7), to(#dfeced));
		background : -webkit-linear-gradient(top, #f0f7f7, #dfeced);
	    background: linear-gradient(#f0f7f7, #dfeced);
	}
	#movieInputs .toggleBtn:hover{
		background-color:#dfeced;
		background : -webkit-gradient(linear, top, bottom, from(#dfeced), to(#f0f7f7));
		background : -webkit-linear-gradient(top, #dfeced, #f0f7f7);
	    background: linear-gradient(#dfeced, #f0f7f7);
	}
	#movieInputs .label{
		display:inline-block;
		background-color:transparent;
		font-weight:bold;
		width:80px;
		margin-bottom:15px;
		padding:0px;

	}


	/* === マイページ ====================== */
	#mypage .contentBody{
		margin:0px;
	}

	.content ul.mypageMenu{
		margin-right:-3%;
	}
	.mypageMenu li{
		display:block;
		float:left;
		width:47%;
		margin:0px 3% 30px 0px;

	}
	.mypageMenu .btn{
		font-size:24px;
		display:block;
		padding:40px 0px 40px 7%;
		border-color:#168992;
		background-color:#26bac2;
		background : -webkit-gradient(linear, top, bottom, from(#26bac2), to(#1ea5b0));
		background : -webkit-linear-gradient(top, #26bac2, #1ea5b0);
		background: linear-gradient(#26bac2, #1ea5b0);
		box-shadow: 0px 2px 0px 1px rgba(6,97,104,0.9);
	}

	.mypageMenu .btn:hover{
		background-color:#1ea5b0;
		background : -webkit-gradient(linear, top, bottom, from(#1ea5b0), to(#26bac2));
		background : -webkit-linear-gradient(top, #1ea5b0, #26bac2);
		background: linear-gradient(#1ea5b0, #26bac2);
		box-shadow: 0px 1px 0px 1px rgba(6,97,104,0.9);
	}

	.mypageMenu .btn.type2{
	    border-color:#128b95;
	    color:#128b95;
	    background-color:#dfeced;
		background : -webkit-gradient(linear, top, bottom, from(#dfeced), to(#dfeced));
		background : -webkit-linear-gradient(top, #dfeced, #dfeced);
	    background: linear-gradient(#dfeced, #dfeced);
	    box-shadow: 0px 2px 0px 1px rgba(164, 194, 197, 0.9);
	}
	.mypageMenu .btn.type2:hover{
	    background-color:#dfeced;
		background : -webkit-gradient(linear, top, bottom, from(#dfeced), to(#dfeced));
		background : -webkit-linear-gradient(top, #dfeced, #dfeced);
	    background: linear-gradient(#dfeced, #dfeced);
	    box-shadow: 0px 1px 0px 1px rgba(164, 194, 197, 0.9);
	}

	.mypageMenu .btn.type3{
	    border-color:#286893;
	    color:#ffffff;
	    background-color:#0e5484;
		background : -webkit-gradient(linear, top, bottom, from(#0e5484), to(#0C446B));
		background : -webkit-linear-gradient(top, #0e5484, #0C446B);
	    background: linear-gradient(#0e5484, #0C446B);
	    box-shadow: 0px 2px 0px 1px rgba(20,70,100,0.9);
	}
	.mypageMenu .btn.type3:hover{
	    background-color:#0C446B;
		background : -webkit-gradient(linear, top, bottom, from(#0C446B), to(#0e5484));
		background : -webkit-linear-gradient(top, #0C446B, #0e5484);
	    background: linear-gradient(#0C446B, #0e5484);
	    box-shadow: 0px 1px 0px 1px rgba(20,70,100,0.9);
	}

	.mypageMenu #myinfo{background:url(../img/mypage_menu_bg1.png) no-repeat right;}
	.mypageMenu #reportBtn{background:url(../img/mypage_menu_bg2.png) no-repeat right;}
	.mypageMenu #howto {background:url(../img/mypage_menu_bg3.png) no-repeat right;}
	.mypageMenu #myinfo:hover{background:url(../img/mypage_menu_bg1_on.png) no-repeat right;}
	.mypageMenu #reportBtn:hover{background:url(../img/mypage_menu_bg2_on.png) no-repeat right;}
	.mypageMenu #howto:hover {background:url(../img/mypage_menu_bg3_on.png) no-repeat right;}


	#mypageContact .contentBody{
		margin-right:-1%;
	}
	#mypageContact .contactBox h4{
		text-align:center;
	}

	#mypageContact .contactBox{
		width:47%;
		float:left;
		background-color:#f5f5f5;
		border-radius:10px;
		margin:0px 3% 0px 0px;
	}
	#mypageContact.sp .contactBox{
		width:55%;
		float:none;
		margin:auto;
	}
	#mypageContact h4{
		background-image:none;
		background-color:#0c466e /* pcss color1 */ ;
		color:#ffffff /* pcss bright_text */ ;
		padding:15px;
		border-radius:10px 10px 0px 0px;
		font-size:20px;
		margin-top:0px;
	}
	#mypageContact dl{
		margin:15px;
	}
	#mypageContact dt{
		clear:both;
		float:left;
		width:60px;
		font-size:16px;
		background-color:#f2fcfc;
		padding:10px;
		text-align:center;
		margin-right:10px;
		border:1px solid #cccccc /* pcss border0 */ ;
		border-radius:5px 0px 0px 5px;
		z-index:10;
	}
	#mypageContact dd{
		padding: 10px;
		margin: 0px 0px 10px 0px;
		height: auto;
		width: auto;
		background-color:#ffffff /* pcss bright_text */ ;
		font-size: 1em;
		color:#0c466e /* pcss color1 */ ;
		border:1px solid #cccccc /* pcss border0 */ ;
		border-radius:0px 5px 5px 0px;
		list-style:none;
		font-size:28px;
		font-weight:bold;
		text-align:center;
		letter-spacing:2px;
	}
	#mypageContact .btn{
		margin-top:20px;
		display:block;
		text-align:center;
		font-size:20px;
		padding: 15px 0px;
		border-radius:0px 0px 5px 5px;
	}

	#mypageContact li{
		font-size:16px;
	}
	#mypageContact p{
		text-align:right;
		font-size:16px;
		margin:-40px 20px 20px 20px;
	}

	/* === サイト内検索結果 ====================== */

	/* === ページネーション ====================== */



@charset "utf-8";
body.spMode{
	font-size:18px;
}
.spMode{

}
.spMode img{
	max-width:100%;
}
.spMode ul.parallel li{
	width:200px;
	padding:10px 0px;
}
.spMode textarea{
	width:340px;
}
.spMode #headerInner,
.spMode #wrap{
	min-width: inherit;
	width:auto;
}
.spMode #wrap{
	margin:0px;
	padding:0px;
}
.spMode #headerInner h1,
.spMode #headerInner h1 img
{
	min-width:100%;
}
body.spMode >header{
	background-image: none;
}
.spMode .p-mansion-logo {
	position: absolute;
	top: 91px;
	right: 0;
	left: 0;
	margin: auto;
	width: 270px;
}
.spMode .p-mansion-logo img {
	width: auto;
	height: auto;
}
.spMode #headMenu{
	height:auto;
	width: auto;
	background-image:none;
	background-color:#f0f0f0;
	margin-bottom:20px;
}
.spMode #headMenu {
	position:relative;
}
.spMode .logout{
	width:100%;
	text-align:center;
}
.spMode #headMenu .logout{
	color:#333333;
	position: relative;
	top:0;
	padding:8px 0px 8px 0px;
	margin-top: 46px;
}
.spMode #headMenu .logout a{
	color:#0045b3;
	text-decoration:underline;
}

.spMode #headMenu li{
	display:block;
	float:none;
	margin:0px;
	padding:0px;
}
.spMode #headMenu li a{
	display:block;
	padding:15px;
	/*color: white;*/
	/*background-color:#0c466e;*/
	/*border-bottom:1px solid #3388aa;*/
	color: #0045b3;
	background: rgb(214,234,236); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(214,234,236,1) 0%, rgba(206,229,232,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(214,234,236,1) 0%,rgba(206,229,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(214,234,236,1) 0%,rgba(206,229,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6eaec', endColorstr='#cee5e8',GradientType=0 ); /* IE6-9 */
	border-bottom: 1px solid #fff;
	margin-bottom: 1px;
	box-shadow: 0px 0px 0px 1px #ccc;
}
.spMode #coadeeLogo{
	display:none;
}

.spMode #login.content{
	width:auto;
}

.spMode input[type=text],
.spMode input[type=password],
.spMode select
{
	height:40px;
}
.spMode #wrap{
	padding-bottom: 20px;
}
.spMode footer{
	position: relative;
}
.spMode .content h2{
	background-image:none;
	background-color:#e0521b;
	color:#ffffff;
	background : -webkit-gradient(linear, top, bottom, from(#e0521b), to(#ec7426));
	background : -webkit-linear-gradient(top, #e0521b, #ec7426);
	background: linear-gradient(#e0521b, #ec7426);
	box-shadow: rgba(255, 255, 255, 0.901961) 0px 0px 0px 1px inset;
	border: 1px solid rgb(38, 186, 194);
	margin:20px;
}

.spMode #login.content h3,
.spMode .content h3{
	/*color: #128b95;*/
	/*background-image:none;*/
	/*background-color:#e9f4f5;*/
	/*background : -webkit-gradient(linear, top, bottom, from(#e9f4f5), to(#c6e1e3));*/
	/*background : -webkit-linear-gradient(top, #e9f4f5, #c6e1e3);*/
	/*background: linear-gradient(#e9f4f5, #c6e1e3);*/
	box-shadow: rgba(255, 255, 255, 0.901961) 0px 0px 0px 1px inset;
	border: 1px solid #c6e1e3;
	margin:20px 10px;
	padding:10px;
}

.spMode #login dt{
	padding-top:16px;
}

.spMode .parallel dt{
	float: none;
	width:auto;
	margin:0px;
	padding:5px 0px 0px 0px;
}
.spMode .parallel dd{
	float: none;
	border-top: 0px none;
	width:auto;
	margin:0px 0px 5px 0px;
	padding:0px;
}
.spMode .btn{
	padding:15px;
	display: block;
	margin: 0px auto 10px auto;
	width:100%;
}
.spMode .controlBtnArea{
	padding:0px;
	margin-bottom:15px;
}
.spMode .submit{
	padding:0px;
}
.spMode .content ul.mypageMenu{
	margin:20px;
}
.spMode .mypageMenu li{
	float:none;
	width:auto;
	margin:0px 0px 10px 0px;
}
.spMode .mypageMenu .btn{
	float:none;
	width:auto;
	padding:35px
}
.spMode #mypageContact .contentBody{
	margin:20px;
}
.spMode #mypageContact .contactBox{
	width:auto;
	float:none;
	margin:0px 0px 20px 0px;
	padding-bottom:20px;
}
.spMode .contentBody{
	height:100%;
}

.spMode #contactLF h4 span{
	display:block;
}
.spMode #mypageContact .btn{
	margin:20px 20px 0px 20px;
	border-radius:5px;
	width: auto;
}
.spMode #mypageContact p{
	margin:0px 20px 20px 20px;
}

.spMode td.reportType span{
	display:block;
}
.spMode #report {
	width: auto;
	border: 0px none;
	padding: 0px;
	margin: 0px;
}

.spMode #report #reportInfo {
    width:auto;
    float:none;
}
.spMode #report #worker {
    width:auto;
    float:none;
    border:solid 1px #dddddd;
    border-radius: 10px;
    padding:20px;
}
.spMode #report .contentBody,
.spMode #report .content h3{
	margin-left: 0px;
	margin-right: 0px;
}

.spMode #imgUpList li{
	margin: 0px auto 10px auto;
	float: none;
}

/* 数字バッジ */
.spMode .cd-badge-sp {
	background-color: red;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	color: white;
	border-radius: 50%;
	font-size: 0.8em;
	font-weight: bold;
	position: absolute;
	top: 17px;
	right: 15px;
	padding: 5px 3px 0px 3px;;
}