@charset "UTF-8";

* {
margin: 0;
padding: 0;
background-color: transparent;
font-weight: normal;
font-style: normal;
}

body {
font-family: "M+ Type-1 (general-j) Regular",Osaka,verdana,arial,helvetica,clean,Sans-Serif;
font-size: 11pt;
line-height: 150%;
}

/* ヘッダーを幅いっぱいにする為のボックス
------------------------------------------------------------------------------------- */
#headermenu {
height:60px;
width:800px;
margin-left: auto;
margin-right: auto;
padding: 0px 0px 0px 0px;
background-color: #ffffff;
display: flex;
}

#top_logo {
width:250px;
height:60px;
background: url(../image/logo.svg) no-repeat left;
}

#menu_box {
width:550px;
padding: 5px 0px 0px 0px;
}

/* -- ul#menu -------------------------------------------------------------------------------- */

#headermenu ul {
	margin:0;
	width:440px;
	padding: 15px 0px 0px 0px;
	margin-left: auto;
	list-style-type:none;
} 
#headermenu li	{
	float:left;
	position:relative;
}

#headermenu a	{
text-decoration: none;
text-align: center;
padding: 0px 10px 0px 10px;
color: #666666;
font-size: 14px;
}

#headermenu a:hover	{
color: #cccccc;
}

/*グラフィック
------------------------------------------------------------------------------------- */
#function_graphic {
width:380px;
height:200px;
margin-left: auto;
margin-right: auto;
background: url(../image/function_top.png) no-repeat center;
}

#terms_graphic {
width:380px;
height:200px;
margin-left: auto;
margin-right: auto;
background: url(../image/terms_top.png) no-repeat center;
}

#privacy_graphic {
	width:380px;
	height:200px;
	margin-left: auto;
	margin-right: auto;
	background: url(../image/privacy_top.png) no-repeat center;
}

#inquiry_graphic h1 {
	text-align: center;
	font-size: 24px;
color: #292929;
font-family: "M+ Type-1 (general-j) Light";
	}


/*トピック
------------------------------------------------------------------------------------- */
#cloud_back01 {
width:100%;
height:100%;
background: url(../image/desk_back_cloud01.svg) no-repeat center bottom;
}
	
#cloud_back02 {
width:100%;
height:100%;
background: url(../image/desk_back_cloud02.svg) no-repeat center bottom;
}


/*機能一覧
------------------------------------------------------------------------------------- */
#function_list {
width:800px;
margin: 20px auto 20px auto;
display: flex;
}

#function_title {
width:380px;
font-size: 20px;
color: #27638d;
text-align: center;
margin: 0px auto 0px auto;
padding: 15px 0px;
}

#function_box_left {
width:400px;
}

#function_box_left table {
width: 381px;
font-size: 14px;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
border-radius: 10px;
background: url(../image/color/sky.jpg) repeat;
}
#function_box_left th {
width: 127px;
text-align: center;
padding: 20px 0px 0px 0px;
}
#function_box_left td {
width: 127px;
text-align: center;
vertical-align: top;
color: #333333;
padding: 5px 15px 0px 15px;
}

#function_box_right table {
width: 381px;
font-size: 14px;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
border-radius: 10px;
background: url(../image/color/light_green.jpg) repeat;
}
#function_box_right th {
width: 127px;
text-align: center;
padding: 20px 0px 0px 0px;
}
#function_box_right td {
width: 127px;
text-align: center;
vertical-align: top;
color: #333333;
padding: 5px 15px 0px 15px;
}



#test_entry a {
text-decoration: none;
display: inline-block;
width:300px;
height:70px;
}
		
#test_entry a:hover {
opacity: 0.5;/* 透過*/
}



/*トピック
------------------------------------------------------------------------------------- */
#topic_back01 {
width:100%;
height:100%;
background: url(../image/desk_back_cloud01.svg) no-repeat center bottom;
}

#topic_back02 {
width:100%;
height:100%;
background: url(../image/desk_back_cloud02.svg) no-repeat center bottom;
}

#topic {
width: 100%;
padding: 10px 0px;
}

#topic_title01 {
width: 600px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#topic_title01 h1 {
font-size: 28px;
color: #292929;
font-family: "M+ Type-1 (general-j) Light";
}
#topic_title01 p {
font-size: 12px;
line-height: 250%;
color: #ffea00;
}

#topic_body {
width: 600px;
margin-left: auto;
margin-right: auto;
padding: 30px 0px;
text-align: left;
line-height: 170%;
}

#topic_body p.pink {
font-size: 18px;
color: #c71585;
}
#topic_body p.indent {
	padding-left:1.3em;
	text-indent:-1.3em;
}
a.link_line {
	text-decoration: none;
	border-bottom: dashed 1px #4169e1;
	color: #4169e1;
}

#topic_title01 table {
border-collapse: collapse;
}
#topic_title01 th {
width: 50px;
text-align: center;
padding: 0px;
}
#topic_title01 td {
width: 220px;
text-align: left;
padding: 0px 15px;
border-radius: 5px;
background: url(../image/color/sky.jpg) repeat;
}

#topic_box {
width: 480px;
padding: 0px 0px 0px 10px;
border-left: 2px solid;
}

#topic_left02 {
width: 400px;
height: 380px;
background: url(../image/schedule.svg) no-repeat right;
}

#topic_right03 {
width: 400px;
height: 380px;
background: url(../image/world_eco.svg) no-repeat center;
}

#topic_box p {
text-indent: 1em;/* 字下げ*/
text-align:justify;/* 均等割*/
line-height: 1.8;/* 行間*/
letter-spacing: 0.05em/* 字間*/
}

#topic_right02 {
width: 400px;
}

#topic_box a {
text-decoration: none;
display: inline-block;
}
			
#topic_box a:hover {
opacity: 0.5;/* 透過*/
}




/*ご利用規約
------------------------------------------------------------------------------------- */
#terms_body {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: left;
	line-height: 170%;
	text-align: justify;
  	text-justify: inter-ideograph; /* IE用 */
	}

#terms_body h1 {
	font-size: 16px;
	color: #292929;
	}

#terms_body table {
	border-collapse: collapse;
	}
#terms_body th {
	width: 50px;
	vertical-align: top;
	text-align: center;
	padding: 0px;
	}
#terms_body td {
	width: 550px;
	vertical-align: top;
	text-align: left;
	padding: 0px;
	text-align: justify;
  	text-justify: inter-ideograph; /* IE用 */
	}



/*お問い合せ
------------------------------------------------------------------------------------- */
#inquiry_body {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 0px;
	text-align: left;
	line-height: 170%;
	text-align: justify;
  	text-justify: inter-ideograph; /* IE用 */
	}

#inquiry_body h1 {
	font-size: 28px;
color: #292929;
font-family: "M+ Type-1 (general-j) Light";
	}

#inquiry_body table {
	border-collapse: collapse;
	}
#inquiry_body th {
	width: 200px;
	vertical-align: top;
	text-align: center;
	padding: 10px 0px;
	}
#inquiry_body td {
	width: 400px;
	vertical-align: top;
	text-align: left;
	padding: 10px 0px;
	text-align: justify;
  	text-justify: inter-ideograph; /* IE用 */
	}

#inquiry_title {
		border-radius: 0px;
		border: none;
		margin: 0px;
		padding: 5px;
		width: 100%;
		height: 16px;
		display: inline-block;
		text-align: left;
		background: #e8e8e8;
		color: #000;
		font-size: 14px;
	  }

#inquiry_mail {
		border-radius: 0px;
		border: none;
		margin: 0px;
		padding: 5px;
		width: 100%;
		height: 16px;
		display: inline-block;
		text-align: left;
		background: #e8e8e8;
		color: #000;
		font-size: 14px;
	  }

#inquiry_comment {
		border-radius: 0px;
		border: none;
		margin: 0px;
		padding: 5px;
		resize: vertical;
		width: 100%;
		display: inline-block;
		text-align: left;
		background: #e8e8e8;
		color: #000;
		font-size: 14px;
	  }

#inquiry_number {
		border-radius: 0px;
		border: none;
		margin: 0px;
		padding: 5px;
		width: 150px;
		height: 16px;
		display: inline-block;
		text-align: left;
		background: #e8e8e8;
		color: #000;
		font-size: 14px;
	  }

#inquiry_name {
		border-radius: 0px;
		border: none;
		margin: 0px;
		padding: 5px;
		width: 150px;
		height: 16px;
		display: inline-block;
		text-align: left;
		background: #e8e8e8;
		color: #000;
		font-size: 14px;
	  }

#inquiry_submit {
		cursor: pointer; 
		border-radius: 3px;
		border: 1px solid #909090;
		margin: 0px;
		padding: 5px;
		width: 150px;
		display: inline-block;
		text-align: center;
		background: #fff;
		color: #000;
		font-size: 14px;
	  }

#inquiry_body .sp {
	display: none;
	}

/*price
------------------------------------------------------------------------------------- */
#price_back {
width:100%;
height:100%;
text-align: center;
padding: 30px 0px;
background: url(../image/color/sky.jpg) repeat;
}

#price {
width: 800px;
margin-left: auto;
margin-right: auto;
padding: 10px 0px;
display: flex;
}

#price_box {
width: 266px;
}

#price_back h1 {
font-size: 20px;
color: #27638d;
}
#price_back h2 {
font-size: 18px;
}
#price_back table {
width: 250px;
font-size: 14px;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
}
#price_back th {
width: 100%;
background-color: #27638d;
color: #ffffff;
padding: 10px 0px;
}
#price_back td {
width: 100%;
background-color: #ffffff;
color: #333333;
padding: 10px 0px;
}
span.del {
text-decoration-line: line-through;
text-decoration-style:double;
text-decoration-color: red;
}
span.new_period {
font-size: 16pt;
color: red;
}

/* フッター
------------------------------------------------------------------------------------- */
#footer_back {
width: 100%;
padding: 30px 0px 0px 0px;
background: url(../image/color/light_gray.jpg) repeat;
}

#footer {
width: 800px;
margin-left: auto;
margin-right: auto;
color: #333333;
text-align: left;
display: flex;
}

#footer_box01 {
width: 266px;
padding: 0px 0px 0px 10px;
border-right: #333333 solid 1px;
}

#footer_box02 {
width: 266px;
padding: 0px 0px 0px 10px;
}

#footer_box03 {
width: 800px;
padding: 30px 0px 0px 10px;
text-align: left;
margin-left: auto;
margin-right: auto;
}

#footer a {
text-decoration: none;
color: #333333;
}			
#footer a:hover {
opacity: 0.5;/* 透過*/
}