@charset "Shift_JIS";

/* ======= base ====== */



body#report {
	text-align		: center;
	line-height		: 1.7;
	font-family		: Meiryo, "メイリオ", "MS Pゴシック Ex+", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, arial, helvetica, sans-serif;
	color		: #333;
	}


	
html,
body,
h1,h2,h3,h4,h5,
p,
a,
img,
table,tr,th,td,
ol,ul,li,
dl,dt,dd,
div,
span {
	margin			: 0;
	padding			: 0;
	border			: 0;
	list-style:none;
	vertical-align:text-bottom;}
p {
	font-size: 18px;	
}
sup {
	line-height: 1;}
img {
	vertical-align:top;}

.disable {
	display				: none !important;
}

/*-- font --*/
.pagetop,
.font-s,
.breadcrumbs,
.caption,
.note							{ font-size	:  80% !important; }
.font-m				{ font-size: 10pt;}
.font-l				{ font-size	: 120%; }
.font-ll				{ font-size	: 135%; }
.font-b,
.lead				{ font-weight:bold; }
.tx-ti01				{ 
	font-size:180%;
	font-weight:bold;
	line-height:60px;}
.att {color:#28ca28}

/*-- link tokyo --*/
#report a:link   { color: #69c; text-decoration: none; }
#report a:active { color: #69c; text-decoration: none; }
#report a:hover  { color: #69c; text-decoration: }
#report a:visited{ color: #69c; text-decoration: none; }


/* ------ ヘッダー ------ */


/* ------ フッター ------ */
#footer {
	clear:both;
	font-size	:  90% !important;
	background: #FFF;
	width: 1024px;
	margin: 0 auto;
	}
#footer-nav{
	background:#e5e5e5;}
#footer-nav li{
	float:left;
	display:inline;
	margin:25px 22px 0;}
#footer-nav li li{
	float:none;
	display:block;
	margin:0 0 20px;}
#footer-nav li ul{
	float:left;
	display:inline;}
#footer-nav li ul + ul{
	margin-left:25px;}
#footer-nav2 li a{
	color:#0fa1b3 !important;
	}
#footer-nav li li a{
	background-image:url(../images/ft_ic02.gif);
	font-weight:normal;}
#footer-nav .footer_01{}
#footer-nav .footer_02,
#footer-nav .footer_03{
	clear:right;
	float:right;
	width:380px;}
#footer-nav2{
	padding:15px 0 35px;}
#footer #copyright {
	float:left;
	display:inline;
	width:140px;
	height:16px;
	background:url(../images/nav_copylight.gif) 0 0 no-repeat;
	margin-right:8px;
	text-indent:-9999em;}
#footer #update {
	float:left;
	display:inline;}
#footer #statement{
	float:right;
	display:inline;
	padding-right:0.5em;
	border-right:2px solid #d8d8d8;}
#footer #statement li {
	line-height:1;
	float:left;
	display:inline;
	border-left:2px solid #d8d8d8;
	padding-left:0.5em;
	margin-left:0.5em;}
#footer a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;}


/* ------ parts ------ */
#contents {
	margin-top: 0;
	background: #FFF;
	}

/*-- clear / clearfix --*/
.clear {clear: both;font: 0pt/0pt;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix {display: inline-block;} 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */

/* 外枠：囲み線 */
.inner{
	clear:both;
	width		: 1024px;
	margin		: 0 auto;
	text-align:left;}
	
.inner-footer{
	clear:both;
	width		: 870px;
	margin		: 30px auto 0 auto;
	padding-top: 30px;
	text-align:left;
	border-top: 1px dotted #CCC;
	}

/* pagetop */
.pagetop {
	display:none !important;}
	
/* list */
.list-01 li {
	padding-left:1em;
	text-indent:-1em;}
.list-02 li {
	padding-left:1em;
	text-indent:-1em;}
.list-02 > li:before{
	content:"・";}

/* icon */
#report .icon-ti:before {
	content:"●";
	color:#69c;
	font-size:120%;
	line-height:1;}

	
/* table */
table {
	border-collapse		: collapse;
	border-spacing		: 0px;
	border	: 1px solid #c0c0c0;
	line-height			:1.7;}
table th,
table td {
	border	: 1px solid #c0c0c0;
	vertical-align:top;}
	
/* sec-categoly */
.sec-categoly{
	clear:both;
	padding:0 22px 30px;}
.sec-categoly h1{
	height:273px;
	background:url(../images/title_bg01.jpg) 0 0 no-repeat;
	background-size:100% auto;
	margin:0 -22px 0 0;
	position:relative;}
.sec-categoly h1 img{
	padding:55px 0 0;}
.sec-categoly .lead{
	margin:15px 0 45px;}

/* ======= inquiry ====== */

/* sec-anq */
.sec-anq {
	margin:50px 45px;}
.sec-anq h1 + p {
	margin-top: 10px;}
.sec-anq h3.icon-ti {
	border-bottom:1px solid #d0d0d0;
	margin:30px 0 10px;}
.sec-anq .sendForm {
	margin-top: 100px;}
.sec-anq .sendForm input {
		padding:20px 50px}
	
/* sec-categoly */
.sec-categoly h1 {
	margin-bottom: 50px;}
.sec-categoly .lead {
 width: 30%;
 float: left;
 font-weight:normal;
 margin:0 0 0 45px;}
.sec-categoly h2.icon-ti{
	border-bottom:1px solid #d0d0d0;
	margin:0 0 20px;}

/* pmark */
div.pmark {
 border: 1px solid #d0d0d0;
 border-radius:5px;
 padding: 1em 1em 0.5em 1em;
 float: right;
 width: 55%;
 margin:0 45px 65px 0; }
div.pmark p { margin: 0.5em 0; }
div.pmark img {
 border: none;
 float: right;
 margin-left: 1em; }
 
	
/* sec-column01 */
.sec-column01 {
	margin: 0 45px;}
/* Form */
.Form {
	clear:both;}

div.enqForm{
	margin: 0 45px 65px; }
#report div.enqForm .icon-star {
	color:#69c;}
#osaka div.enqForm .icon-star {
	color:#F90;}
div.enqForm dt .icon-star {
	float:right;}

div.enqForm dt .icon-star {
	visibility:hidden;}
div.enqForm dt.star .icon-star,
 div.enqForm dt.plusStar .icon-star {
	visibility:visible;}

div.enqForm dl{
 background: #e5e5e5;
 margin-left:1em;
 }
div.enqForm p{
 margin-left:1em;}
div.enqForm dt, div.enqForm dd{
 border-top: 10px #fff solid;
 padding: 10px;
 }
div.enqForm dt{
 float: left;
 clear: left;
 width: 170px;
 color: #555;
 background: #e5e5e5;
 -font-weight: bold;
 }
div.enqForm dd{
 background: #fff;
 margin-left: 190px;
 padding-top: 10px;
 padding-left: 15px;
 padding-bottom: 10px;
 }
div.enqForm ul { padding-left: 1em; }

div.enqForm textarea {
 width: 500px;
 height: 10em; }
div.enqForm dd label {
 display: inline-block;
 width: 4.2em;
 text-align:right;
 padding-right:0.3em; }
div.enqForm dd input[type=text] { width:500px; }
div.sendForm input { padding:15px 5px; }
div.sendForm input.exec { padding:15px 50px; }

div.enqForm dd input.fName { width:8em; }
div.enqForm dd input.lName { width:8em; }

div.enqForm dd.telNum input { width:12em; }
div.enqForm dd.zipCode input[type=text] { width:12em; }
div.enqForm dd.areaAddr input {
 width:440px;
 margin-bottom:1em; }
 
div.sendForm {
 padding-top: 20px;
 margin:0 45px;
 text-align:center;}
 
 input {
	padding: 15px; 
 }
 
.following { margin-right:10px; }
.example { font-size:90%; }
.normCol { color:#333; }
.dimCol { color:#aaa; }
.keyCol { color:#3dbde0; }
.es { border: 2px #ff9835 solid; }
/*.att { border: 2px #f69 dashed; }*/
.hideBox {
 padding: 5px 0;
 margin-top:5px;
 visibility:hidden; }


/* dl eduDl */
.eduDl {
	clear:both;}
.eduDl .dlList {
	clear:both;}
.eduDl .dlList dt {
	float:left;
	width:35%;}
.eduDl .dlList dd {
	float:right;
	width:64%;}
.eduDl .dlList h4 {
		color:#28ca28}
.eduDl .dlList .btn {
	margin-top:10px;
	text-align:right;}
	

/* ===================================
			2014.04.24追加
   =================================== */

div.dl_cont {
 margin: 0 45px 55px;
 padding: 20px 20px 15px;
 border: 1px solid #d0d0d0;
 border-radius:5px;
 }

div.contents_right {
 float: right;
 width: 690px;
 }



div.contents_right h2 { margin-bottom: 10px; }
div.contents_right h4 { margin-bottom: 10px; }
div.contents_right p  { margin-bottom: 17px; }

div.contents_box {
 width: 100%;
 clear:both;	
 }

div.thumbnail {
 float: left;
 width: 141px;
 }

div.thumbnail img {
 width: 141px;
 height: 200px;
 }


div.case-txt {  width: 63%; }
 
div.thumbnail2 { float:left; width: 36%; }

div.thumbnail2 img {
 width: 280px;
 height: 185px;
 }

div.btnarea {
 float: right;
 width: 270px;
 }

div.onebtnarea {
 margin: 20px 0 0 0;
 }


div.btnarea a {
 background: #ECF7D8 url(../images/ft_ic02.gif) no-repeat 9px 9px;
 margin-bottom: 10px;
 padding: 7px 5px 7px 30px;
 width: 240px;
 display: block;
 color:#505250;
 }

div.caution {
 font-size: 90%;
 padding: 8px 15px 5px 15px;
 border: 1px solid #ddd;
 float:left;
 width: 380px;
 }

span.p-on-h2 {
 display:block;
 font-size:125%;
 font-weight:bold;
 margin-bottom:10px;
 }

/* 20150602 追加*/


h1.thanks,
h1.error {
	padding-top: 30px;	
}

h1.thanks {
	border-bottom:1px solid #d0d0d0;
	padding-bottom: 10px;
}

/* 20150825 追加*/

.finished {
	border-radius:5px;
	border: 1px solid #C00;
	width: 860px;
	margin: 20px auto;
	padding: 30px;
	font-weight: bold;
	color: #C00;
	text-align: center;
}

/* 20161018 追加*/

.title-image {
	width: 100%;
	height: 280px;
	background: #0ea1b3;
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 20px;
}

.title-image img{
	width: 1020px;
	margin: 0 atuo;
}