/*
	共通
*/
:root {
	--base-color: rgb(255, 255, 255);
	--front-color: rgb(51, 51, 51);
	--pale-pink: rgb(255, 227, 200);
	--header-color: rgb(231, 231, 231);
	--footer-color: rgb(51, 51, 51);

	--green-color: rgb(28, 184, 65);
	--maroon-color: rgb(202, 60, 60);
	--orange-color: rgb(223, 117, 20);
	--blue-color: rgb(66, 184, 221);
	--black-color: rgb(51, 51, 51);
}
@media (prefers-color-scheme: dark) {
:root {
	--base-color: rgb(0, 0, 0);
	--front-color: rgb(221, 221, 221);
	--pale-pink: rgb(115, 63, 65);
	--header-color: rgb(51, 51, 51);
	--footer-color: rgb(51, 51, 51);

	--green-color: rgb(28, 184, 65);
	--maroon-color: rgb(202, 60, 60);
	--orange-color: rgb(223, 117, 20);
	--blue-color: rgb(66, 184, 221);
	--black-color: rgb(51, 51, 51);
}
}

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:sans-serif}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{
	font-size:3.5em
}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:var(--base-color)}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
pre{white-space:pre-wrap;word-wrap:break-word}
q{quotes:\201C \201D \2018 \2019}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}
button,input{line-height:normal}
button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=search]{-moz-box-sizing:content-box;-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
body,figure{margin:0}
legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
label{display:block}
/* ----------------------------------------------------*/
/* clearfix */
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {display:table;line-height:0;content: "";}
.clearfix:after {clear:both;}

/* fixed */
.fixed_tl {position:fixed;top:0;left:0;}
.fixed_tr {position:fixed;top:0;right:0;}
.fixed_bl {position:fixed;bottom:0;left:0;}
.fixed_br {position:fixed;bottom:0;right:0;}

/* ----------------------------------------------------*/
/* reset */
* { margin: 0; padding: 0; }
ol,ul {list-style:none;padding:0;margin:0;}
img {vertical-align:top;font-size:0;line-height:0;border:none;}
h1,h2,h3,h4,h5,p { margin:0; }
th {font-weight:normal;text-align:left;}
th,td {vertical-align:top;}

/* ----------------------------------------------------*/
/* font color */
body {
	font-size: 14px;
	font-family: 'Roboto', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	color: var(--front-color)/*#333*/;
	background: var(--base-color)/*#fff*/;
	word-break: break-all;
	letter-spacing: 0.07em;
}

input,textarea,select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 100%;
  border:1px solid #ccc;
  width:100%;
  min-height:30px;
  display:block;
  margin-bottom:15px;
  margin-top:5px;
  outline: none;

  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
	
	color: var(--front-color);
	background-color: var(--base-color);
}

/*input[type=text], textarea {
	color: var(--front-color);
	background-color: var(--base-color);
}*/

input[type=submit] {
  background:none;
  padding:10px;
}

input[type=checkbox],input[type=radio]{
  border: none;
  width:2em;
  min-height:1em;
  display: inline;
	float:left;
}

:invalid { 
/*  border-color: #e88;
  -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
  -moz-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  -o-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  -ms-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  box-shadow:0 0 5px rgba(255, 0, 0, .8);
*/
}

:required {
/*  border-color: #88a;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -o-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  box-shadow: 0 0 5px rgba(0, 0, 255, .5);
*/
}




h1 {
	color: var(--front-color);
	line-height: 1em;
}

h2,h3,h4,h5 {
	color: var(--front-color);
	line-height: 1.5em;
	margin: 1em 0px 2em 0px;
}
h3.md,h4.md {
	margin: 1em 0px 0em 0px
}

p {
	line-height: 1.8em;
}
p.plus {
	line-height: 1.8em;
	margin: 0px 0px 20px 0px;
}

.sectionend {
	padding-bottom:1em;
}

#contentBody #column p {
	padding-bottom:1em;
}

.paddingoneline {
	padding-bottom:1em;
}

.condensed {
	font-family: 'Roboto Condensed', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	letter-spacing: -0.075em;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.imgfit {
	width: 100%;
	height: 100%;
	text-align:center;
	overflow:hidden;
	position: relative;
}

.imgfit img {
	position: relative;
	width: 100%;
	height: auto;
}

.imgfit_60 {
	width: 100%;
	height: 100%;
	text-align:left;
	overflow:hidden;
	position: relative;
}

.imgfit_60 img {
	position: relative;
	width: 60%;
	height: auto;
}

.iframefit60 {
	width: 100%;
	height: 100%;
	text-align:left;
	overflow:hidden;
	position: relative;
}

.iframefit60 iframe {
	position: relative;
	width: 60%;
	height: auto;
}

/* ----------------------------------------------------*/
/* link */
a {
	text-decoration: underline;
	color: inherit;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

a:link {
	color: var(--front-color);
	text-decoration: underline;
}

a:visited {
	color: var(--front-color);
	text-decoration: underline;
}

a:hover {
	color: #888;
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}

a.colorgreen {
	color: #85B03C;
}
a.colormagenta {
	color: #D27B7B;
}
a.colormosmagenta {
	color: #D27B7B;
}
a.colorblue {
	color: #7A78D1;
}
a.colorcian {
	color: #99B6D5;
}
a.colorbebbypink {
	color: #F8AD9A;
}
a.colororange {
	color: #FFA264;
}


/* ----------------------------------------------------*/
/* Layout */
html, body {
	width:100%;
	height:100%;
}

.nojs {
	visibility: visible;
}

.wrap {
	clear:both;
	border-bottom: 1px solid #cccccc;
}

.floatClear {
	clear:both;
}

.body {
	padding: 50px 110px;
}

/* ----------------------------------------------------*/
/* Header */
#header {
	height: 66px;
	background: var(--base-color);
}

#header_body {
	float: left;
	padding: 10px 10px 0 10px;
}

#header_body h1 {
	float: left;
	padding-left: 7px;
}

#menubtn {
	position: relative;
	float: right;
	display: none;
	padding:2px;
	width: 42px;
	height: 42px;
	cursor: pointer;
}


#btn_open {
	position: absolute;
}

#btn_close {
	position: absolute;
	display: none;
}

#gnavi {
	float: right;
	padding-right: 10px;
}

#gnavi li {
	float: left;
}

#gnavi li a {
	display: block;
	padding: 23px 18px 24px;
	
	text-decoration: none;
	
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

#gnavi li a:hover {
	background: var(--front-color);
	color: var(--base-color);
	text-decoration: none;
}


/* ----------------------------------------------------*/
/* content */

#content {
	clear: both;
}

#contentBody ul li {
	float: none;
	padding: 8px 22px;
}
#contentBody ol li {
	float: none;
}

#contentBody ul.jirei_list li {
	padding: 0px;
	float: inherit;
}

/* ----------------------------------------------------*/
/* Main */

#mainvisual {
}

#slidearea {
	position: relative;
	width: 100%;
}

.naviarea {
	width: 200px;
	margin: 0 auto;
}

.navibtn {
	float: left;
	padding: 30px 15px;
}

.imagearea {
	position:relative;
	width:100%;
	height:100%;
	background-color: #e5e5e5;
	overflow: hidden;
}

.imagearea ul {
	width: 100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
}

.imagearea li {
	width: 100%;
	height:100%;
	line-height: 0;
	font-size: 0;
	zoom: 1;
	float: left;
}

.morearea {
	position:relative;
	width:100%;
	height:105px;
	overflow: hidden;
}

.morearea ul {
	width: 100%;
	height:100%;
	position: absolute;
	top: 0;
	left: 0;
}

.morearea li {
	width: 100%;
	height:105px;
	text-align: center;
	float: inherit;
}

.slidetitle {
	padding-top: 8px;
	font-size: 32px;
}

.slidetag {
	font-size: 12px;
	color: #818181;
}

/* ----------------------------------------------------*/
/* normal sections */

.sectiontitle {
	padding-bottom: 16px;
	margin-bottom: 50px;
	background: url("../img/ttl_bg.png") no-repeat bottom center;
	text-align: center;
	font-size: 22px;
	letter-spacing:0.1em;
}

.campaign_title {
	padding-bottom: 16px;
	margin-bottom: 50px;
	text-align: center;
	font-size: 22px;
	letter-spacing:0.1em;
	color: #DE5E60;
}

.body li {
	display: block;
	float: left;
}

.itemthumb {
	margin-bottom: 10px;
}

h2.itemtitle {
	font-size: 14px;
	padding-bottom: 3px;
	margin: 2em 0px 1em 0px;
}

.itemmeta {
	font-size: 10px;
	color: #808080;
	font-style: italic;
	letter-spacing: 0.1em;
	line-height: 1.6em;
}

.itembody {
	font-size: 12px;
	letter-spacing: 0;
	line-height: 1.6em;
}

.itemname {
	letter-spacing: 0.1em;
	line-height: 1.2em;
}

.btntext {
	display: block;
	width: 160px;
	height: 36px;
	margin: 0 auto;
	background: url("../img/btn_more_bg.png") no-repeat;
	font-size: 12px;
	line-height: 1em;
	letter-spacing: 0.15em;
	text-align: center;
	padding-top: 11px;
	font-weight: bold;
}

.btn_arrow {
	background: url("../img/btn_more_arrow.png") no-repeat center right;
	padding: 0 15px;
}

/* ----------------------------------------------------*/
/* news */

#news ul {
	margin-right: -20px;
	padding-bottom: 60px;
}

#news li {
	width: 33.33333%;
	float: left;
}

#news li article {
	padding-right: 20px;
}

/* ----------------------------------------------------*/
/* casestudy */

#casestudy {
	background: #f1f1f1;
}
#createpoint {
	background: #f1f1f1;
}
#openpoint {
	background: #f1f1f1;
}
#facetoyou {
	background: #f1f1f1;
}

#casestudy ul {
	margin-right: -30px;
	padding-bottom: 60px;
}

#casestudy li {
	width: 25%;
	float: left;
}

#casestudy li article {
	padding-right: 30px;
}

#casestudy .itemthumb {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin-bottom: 18px;
}

#casestudy .itemname {
	text-align: center;
}

/* ----------------------------------------------------*/
/* works */

#works ul {
	margin-right: -20px;
}

#works li {
	width: 33.33333%;
	float: left;
}

#works li article {
	padding-right: 20px;
	padding-bottom: 40px;
}

#worksmore {
	text-align: center;
}

#infscr-loading {
	padding:20px;
	text-align: center;
}


#totop {
	text-align: center;
	padding: 14px 0 18px;
}

#footer {
	clear: both;
	background: var(--footer-color);
}

#footer li {
	float: left;
	display: block;
}

#footer_right {
	float: right;
}

#footer_right a {
	display: block;
	padding: 26px 27px 20px;
	border-left: 1px solid #656565;
	text-align: center;
}

#footer_right a:hover {
	background: #656565;
}

#footer_left li{
	padding: 20px 0 20px 30px;
}

#copyright {
	font-size: 10px;
	line-height: 1em;
	color: #999999;
	padding-top: 10px;
}

#contactus_kakunin div {
	margin: 2em 0;
}

#top #content #contentBody #main_area .devflow li {
	background-color: var(--pale-pink);
	background-image: url(../column/images/mark_sitaya.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px 0px 16px 6px;
	padding: 26px 6px 16px 62px;
}
#top #content #contentBody #main_area .devflow li.no_yajirusi {
	background-image: url(../images/space.gif);
}
#top #content #contentBody #main_area .devflow li.matome {
	background-image: url(../images/space.gif);
	color: #DE5E60;
	font-size: 2em;
}

/* ----------------------------------------------------*/
/* for note/tablet */
@media only screen and (min-width: 641px) and (max-width: 1076px) {
	#header {
		height: auto;
	}

	#header_body {
		float: none;
		height: 56px;
	}

	#menubtn {
		display: block;
	}

	#gnavi {
		float: none;
		padding: 0;
		overflow: hidden;
		height: 0;
	}

	#gnavi li {
		float: none;
		padding: 0;
		border-top: 1px solid #cccccc;
	}

	#gnavi li a {
		display: block;
		text-align: center;
		float: none;
		padding: 18px 40px 20px 40px;
		color: var(--base-color);
		background: var(--front-color);
	}

	#gnavi li a:hover {
		/*color: var(--front-color);*/
		background: #656565;
	}
	
	.body {
		padding: 40px 20px;
	}

	.imagearea {
		margin-top: 50px;
	}

	.naviarea {
		position: absolute;
		top:-50px;
		left:50%;
		margin-left: -100px;
	}

	.navibtn {
		padding: 20px 15px;
	}

	.morearea {
		height:130px;
	}

	.morearea li {
		height:130px;
		float: inherit;
	}

	.slidetitle {
		padding-top: 33px;
	}

	.sectiontitle {
		margin-bottom: 40px;
	}

	#casestudy ul {
		margin-right: -20px;
		padding-bottom: 60px;
	}

	#casestudy li article {
		padding-right: 20px;
	}

	#works li {
		width: 50%;
	float: inherit;
	}

	#works li article {
		padding-bottom: 30px;
	}
	
}

/* 1076px 以下はメニューをプルダウン形式にする for note/tablet */
@media only screen and (min-width: 980px) and (max-width: 1076px) {
.body {
	padding: 50px 110px;
}
}

/* ----------------------------------------------------*/
/* for phone */
@media only screen and (max-width: 640px) {
	#header {
		height: auto;
	}

	#header_body {
		float: none;
		height: 56px;
	}

	#menubtn {
		display: block;
	}

	#gnavi {
		float: none;
		padding: 0;
		overflow: hidden;
		height: 0;
	}

	#gnavi li {
		float: none;
		padding: 0;
		border-top: 1px solid #cccccc;
	}

	#gnavi li a {
		display: block;
		text-align: center;
		float: none;
		padding: 18px 40px 20px 40px;
/*		color: var(--base-color);
		background: var(--front-color);*/
		color: var(--front-color);
		background: var(--base-color);
	}

	#gnavi li a:hover {
		/*color: var(--front-color);*/
		background: #656565;
	}

	.body {
		overflow-x: hidden;
		padding: 30px 10px;
	}

	.sectiontitle {
		font-size: 16px;
		margin-bottom: 30px;
	}

	.itemname {
		font-size: 12px;
	}

	.imagearea {
		margin-top: 50px;
	}

	.naviarea {
		position: absolute;
		top:-50px;
		left:50%;
		margin-left: -100px;
	}

	.navibtn {
		padding: 20px 15px;
	}

	.morearea {
		height:80px;
	}

	.morearea li {
		height:80px;
	}

	#news ul {
		margin-right: 0;
		padding-bottom: 0;
		border-bottom: 1px dotted #cecece;
		margin-bottom: 20px;
	}

	#news li {
		width: 100%;
		border-top: 1px dotted #cecece;
		float: inherit;
	}

	#news li article {
		position: relative;
		padding: 10px 0;
	}

	#news .itemthumb {
		float: left;
		width: 27.5%;
		padding-right: 20px;
		margin-bottom: 0;
	}

	#news .itemtitle {
		position: absolute;
		top: 50%;
		left: 27.5%;
		padding-left: 20px;
		margin-top: -17px;
	}

	#news .itemmeta {
		position: absolute;
		top: 65%;
		left: 27.5%;
		padding-left: 20px;
	}

	#news .itembody{
		display: none;
	}

	#casestudy ul {
		padding-bottom: 0;
	}

	#casestudy li {
		width: 50%;
		padding-bottom: 25px;
		float: inherit;
	}

	#casestudy .itemthumb {
		margin-bottom: 10px;
	}

	#works ul {
		margin-right: 0;
	}

	#works li {
		width: 100%;
		float: inherit;
	}

	#works li article {
		padding-right: 0;
		padding-bottom: 30px;
	}

	#footer_right {
		float: none;
		margin-left: -1px;
		border-bottom: 1px solid #656565;

	}
	#footer_right li {
		width: 25%;
	}
	#footer_right a {
		padding: 12px 0 8px;
	}

	#footer_left {
		float: none;
		padding: 15px 0;
	}

	#footer_left li {
		float: none;
		text-align: center;
		padding: 0;
	}
	
	.imgfit_60 {
		width: 100%;
		height: 100%;
		text-align:left;
		overflow:hidden;
		position: relative;
	}
	
	.imgfit_60 img {
		position: relative;
		width: 100%;
		height: auto;
	}

	.iframefit60 {
		width: 100%;
		height: 100%;
		text-align:left;
		overflow:hidden;
		position: relative;
	}
	
	.iframefit60 iframe {
		position: relative;
		width: 100%;
		height: auto;
	}

	#aidmachart img {
		position: relative;
		width: 60px;
		height: 58px;
	}
	h1{
		font-size:1.5em
	}
}

/* ----------------------------------------------------*/
/* for phone portrait mode only */
@media only screen and (max-width: 375px) {	
	#top #content #contentBody #main_area .devflow li {
		margin: 0px 0px 16px 0px;
		padding: 45px 0px 16px 20px;
	}
	h1{
		font-size:1.5em
	}
}

@media only screen and (max-width: 320px) {	
	#top #content #contentBody #main_area .devflow li {
		margin: 0px 0px 16px 0px;
		padding: 45px 0px 16px 0px;
	}
	h1{
		font-size:1.5em
	}
}

#logo {
	float: left;
	margin: 0px 8px 0px 0px;
}
#logo_txt {
	float: left;
	font-size: 1em;
	line-height: 1em;
	margin: 3px 0px 0px 0px;
}
#contentBody ul.fleft li {
	float: left;
}
#contentBody ol.fleft li {
	float: left;
}
#content ul.cyugaki li {
	MARGIN: 5px 0px 0px;
	TEXT-ALIGN: left;
	font-size: 96%;
	background-image : url(/images/astalisk_13px.gif);
	background-position : 0px 2px; /* 位置は左端の真ん中 */
	background-repeat : no-repeat;
	list-style:none;
	padding: 0px 0px 0px 16px;
	float: none;
}
#content ul.dl {
	MARGIN: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}
#content ul.dl li {
	MARGIN: 0px;
	TEXT-ALIGN: left;
	background-image : url(/images/dl.gif);
	background-position : 1px 0.4em; /* 位置は左端の真ん中 */
	background-repeat : no-repeat;
	padding: 3px 3px 6px 33px;
	font-size: 110%;
	float: inherit;
}
img.pt_middle{
	vertical-align:middle;
}
#ourApps div {
	margin: 1em 0px;
}
#contentBody #kaisya_table td {
	padding: 0.5em 1em;
}
#contentBody #kaisya_table th {
	padding: 0.5em 1em;
}
#contentBody #kaisyaNavi td, #contentBody #kaisyaNavi th {
	padding: 0px;
}
.cianColor {
	color:#AACEFB;
}
#inquire_kakunin {
	margin: 0 auto;
	text-align:center;
}
#tail_comment {
	margin-top: 2em;
}

/*
	tableタグでは、なるべくtable.generic を使う。
*/
table {
	border-color: var(--front-color)
}

table.waku_glay {
	width: 100%;
	BORDER-COLLAPSE: collapse;
	border-spacing: 0
}
table.waku_glay td {
	border: 1px solid #cccccc;
	padding: 3px;
	word-wrap: break-word;
}
table.waku_glay th {
	border: 1px solid #cccccc;
	padding: 3px;
	text-align:left;
	font-weight: normal;
}


table.waku_black {
	width: 100%;
	BORDER-COLLAPSE: collapse;
	border-spacing: 0;
	margin-bottom: 16px;
}
table.waku_black td {
	border: 1px solid var(--front-color);
	padding: 5px;
}
#keisan_form ul {
	clear:both;
}
#keisan_form ul li.keisan_komoku {
	float: left;
	list-style-type: none;
	POSITION: relative;
	border: 1px solid var(--front-color);
	padding: 3px;
	font-size: 96%;
	margin: 0px;
	list-style-position: inside;
	width:45%;
	TEXT-ALIGN: left;
}
#keisan_form ul li.kei {
	float: left;
	list-style-type: none;
	POSITION: relative;
	border: 1px solid var(--front-color);
	padding: 3px;
	font-size: 96%;
	margin: 0px;
	list-style-position: inside;
	width:45%;
	TEXT-ALIGN: right;
}
#keisan_form ul li.kei input {
	text-align: right;
  min-height:20px;
	padding:0px;
	margin:0px;
}
table.waku_black2 {
	width: 100%;
	BORDER-COLLAPSE: collapse;
	border-spacing: 0;
}
table.waku_black td, table.waku_black2 td {
	border: 1px solid var(--front-color);
	padding: 5px;
}

table.waku_cian {
	width: 100%;
	BORDER-COLLAPSE: collapse;
	border-spacing: 0
}
table.waku_cian td {
	border: 1px solid #DCEAFD;
	padding: 3px;
}
table.waku_cian th {
	border: 1px solid #DCEAFD;
	padding: 3px;
	background-color: #EFF5FE;
	text-align:left;
	font-weight: normal;
}

table.waku_glay_5column {
	width: 100%;
	BORDER-COLLAPSE: collapse;
	border-spacing: 0;
	table-layout: fixed;
}
table.waku_glay_5column td {
	border: 1px solid #cccccc;
	padding: 3px;
	width: 20%;
	word-wrap: break-word;
}
table.waku_glay_5column th {
	border: 1px solid #cccccc;
	padding: 3px;
	text-align:left;
	font-weight: normal;
	width: 20%;
}


table.generic {
	width: 100%;
	BORDER-COLLAPSE: collapse;
	border-spacing: 0;
	table-layout: fixed;
}
table.generic td {
	border: 1px solid #cccccc;
	padding: 3px;
	word-wrap: break-word;
}
table.generic th {
	border: 1px solid #cccccc;
	padding: 3px;
	font-weight: normal;
	background:var(--header-color);
	text-align: center;
	vertical-align: middle;
}
table.generic th.left_align {
	border: 1px solid #cccccc;
	padding: 3px;
	text-align:left;
	font-weight: normal;
	background:var(--header-color);
	vertical-align: middle;
}


input.right {
	text-align: right;
}
input.rightinput {
	text-align: right;
	border: 1px #FF6633 solid;
	scrollbar-base-color: #FF6633; scrollbar-face-color: #FF6633; scrollbar-shadow-color: #FF6633; scrollbar-darkshadow-color: #FF6633;
	ime-mode: disabled;
}
table.waku_green {
	width: 100%;
	BORDER-COLLAPSE: collapse;
	border-spacing: 0
}
table.waku_green td {
	border: 1px solid #BDEE9F;
	padding: 3px;
}
table.waku_green th {
	border: 1px solid #BDEE9F;
	padding: 3px;
	background-color: #ECFBE3;
	text-align:left;
	font-weight: normal;
}
ul#applist_title {
	font-size:16px;
}
ul#applist_title li {
	margin-bottom:1em;
	background-image: url(../images/yajiri.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	padding-left: 1em;
	float: inherit;
}

table.waku_area {
	width: 315px;
	BORDER-COLLAPSE: collapse;
	border-spacing: 0
}
table.waku_area td {
	border: 1px solid #cccccc;
	padding: 3px;
}
#contentBody ul.hp_point_list li {
	margin-bottom:1em;
	background-image: url(../images/normal_point.gif);
	background-repeat: no-repeat;
	background-position: 0px 16px;
	float: none;
}
#contentBody ul.hp_point li {
	float: none;
}
#contentBody ul.hp_point_list_narrow li {
	float: none;
}

/* implement menu */
.submenubtn {
	float: none;
	display: block;
	padding: 2px 8px;
	cursor: pointer;
	color: var(--front-color);
	background: var(--base-color);
}

.btn_open {
}

.btn_close {
	display: none;
}

#contentBody .subnavi {
	float: none;
	padding: 0;
	overflow: hidden;
	height: 0;
}

#contentBody .subnavi li {
	float: none;
	padding: 0;
	border-top: 1px solid #cccccc;
}

#contentBody .subnavi li a {
	display: block;
	text-align: center;
	float: none;
	padding: 18px 40px 20px 40px;
	color: var(--front-color);
	background: var(--header-color);
}

#contentBody .subnavi li a:hover {
	background: var(--base-color);
	color: var(--front-color);
	text-decoration: none;
}

/* implement menu 2 */
.submenubtn2 {
	float: none;
	display: block;
	padding: 2px 8px;
	cursor: pointer;
	color: var(--front-color);
	background: var(--base-color);
}

.btn_open2 {
}

.btn_close2 {
	display: none;
}

#contentBody .subnavi2 {
	float: none;
	padding: 0;
	overflow: hidden;
	height: 0;
}

#contentBody .subnavi2 li {
	float: none;
	padding: 0;
	border-top: 1px solid #cccccc;
}

#contentBody .subnavi2 li a {
	display: block;
	text-align: center;
	float: none;
	padding: 18px 40px 20px 40px;
	color: var(--front-color);
	background: var(--base-color);
}

#contentBody .subnavi2 li a:hover {
	background: #656565;
	color: var(--base-color);
	text-decoration: none;
}
table#workinweb {
	width: 100%;
	padding: 6px;
}
table#workinweb td {
	width:50%;
}

table.iphone_top {
	width: 100%;
	BORDER-COLLAPSE: collapse;
	border-spacing: 0
}
table.iphone_top th {
	border: 1px solid #cccccc;
	padding:44px 6px;
	font-size: medium;
	text-align:center;
	background-color: var(--header-color);
	width:50%;
}
table.iphone_top td {
	border: 1px solid #cccccc;
	padding:6px;
	font-size: medium;
	background-color: var(--front-color);
	color: var(--base-color);
	line-height: 130%;
	width:50%;
}

table.three_column_table {
	width: 100%;
	BORDER-COLLAPSE: collapse;
	border-spacing: 0
}
table.three_column_table th {
	border: 1px solid #cccccc;
	padding:44px 6px;
	font-size: medium;
	text-align:center;
	background-color: var(--header-color);
	width:33%;
}
table.three_column_table td {
	border: 1px solid #cccccc;
	padding:6px;
	font-size: medium;
	background-color: var(--base-color);
	color: var(--front-color);
	line-height: 130%;
	width:33%;
}

.iphone_top a:link {
	text-decoration: none;
	color: var(--base-color);
}
.iphone_top a:visited {
	text-decoration: none;
	color: var(--base-color);
}
.iphone_top a:hover {
	text-decoration: underline;
	color: var(--base-color);
}
ul#publish_service_item {
	list-style-type: none;
}
ul#publish_service_item li {
	padding: 0px 0px 5px 15px;
	margin: 0px 0px 0px 20px;
	background-image: url(../images/normal_point.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	float: inherit;
}

ul#publish_flow {
	margin:0px 0px 0px 20px;
	padding:0;
}
ul#publish_flow li {
	padding: 12px 3px 100px 0px;
	background-image: url(../img/flow_yajirusi.jpg);
	background-repeat: no-repeat;
	background-position: 0px 50px;
	float: inherit;
}
ul#publish_flow li.end_list_item {
	background-image:none;
	padding: 12px 3px 30px 0px;
	float: inherit;
}
#contentBody ul.tof_c_yoko li {
	padding: 0px;
}
#contentBody ul.tof li {
	float: none;
}
#contentBody ol#tips_list {
	list-style-type: decimal;
}
#contentBody ol#tips_list li {
	margin-left: 1em;
	padding-left: 12px;
	background-image: url(../images/normal_point.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	margin: 0em 0em 1em 1em;
	float: inherit;
}
#contentBody #commitment p {
	margin-bottom: 1em;
}
#contentBody #campaign p {
	margin-bottom: 1em;
	font-size: 18px;
}

#contentBody #gy_midasi_r ul li {
	float: none;
}
#contentBody ul.window li {
	float: none;
}
#contentBody ol#seo_kiyaku {
	list-style-type: decimal;
}
#contentBody ol#seo_kiyaku li {
	margin-left: 1em;
	padding-left: 12px;
	background-image: url(../images/normal_point.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	margin: 0em 0em 1em 1em;
	float: inherit;
}
.redColor {
	color:#FF0000;
	font-size:small;
}
#top #content #contentBody #campaign .campaign_waku {
	padding: 14px;
	border: thin solid #DE5E60;
}

#top #content #contentBody ul#kinou_list {
}
#top #content #contentBody ul#kinou_list li {
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 1em 1em;
	background-image: url(/images/normal_point.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	float: inherit;
}

#contentBody .price_list-page {
	margin: 1em 1em 2em 1em;
}

#contentBody .price_list-page #price_list {
	background-color: #2F3238;
	color: var(--base-color);
	width: 100%;
}
#contentBody .price_list-page #price_list td {
	border: 1px solid #cccccc;
	padding: 3px;
	text-align: right;
}
#contentBody .price_list-page #price_list td.left {
	text-align: left;
}
#contentBody .price_list-page #price_list td.center {
	text-align: center;
}
#contentBody .price_list-page #price_list th {
	border: 1px solid #cccccc;
	padding: 3px;
	font-weight: normal;
	text-align: center;
}
#contentBody .price_list-page #price_list th.left {
	text-align:left;
}

#contentBody .bg_color_red {
	background-color: #CC0000;
	color: var(--base-color);
	margin: 0px 0px 20px 0px;
	padding: 8px;
	font-size: xx-large;
}