@charset "UTF-8";
/* index */

@media print, screen and (min-width: 768px) {

#mainimage {
	background-color:#fff;
	padding:0;
	margin:-5px auto 0;
	text-align:center;
	/* box-shadow */
	box-shadow: 0 5px 6px -3px rgba(0,0,0,0.3) inset, 0 -5px 6px -3px rgba(0,0,0,0.3) inset;
	-moz-box-shadow: 0 5px 6px -3px rgba(0,0,0,0.3) inset, 0 -5px 6px -3px rgba(0,0,0,0.3) inset;
	-webkit-box-shadow: 0 5px 6px -3px rgba(0,0,0,0.3) inset, 0 -5px 6px -3px rgba(0,0,0,0.3) inset;
}

#mainimage .mainimage {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;	
	display: inline-block;
	width: 1000px;
	height: 150px;
	margin-bottom:-5px;
}
#mainimage .mainimage_web {
	background:url(../media/images/web/main.png) no-repeat;
}
#mainimage .mainimage_seo {
	background:url(../media/images/seo/main.png) no-repeat;
}
#mainimage .mainimage_consul {
	background:url(../media/images/consul/main.png) no-repeat;
}
#mainimage .mainimage_system {
	background:url(../media/images/system/main.png) no-repeat;
}
#mainimage .mainimage_works {
	background:url(../media/images/works/main.png) no-repeat;
}
#mainimage .mainimage_company {
	background:url(../media/images/company/main.png) no-repeat;
}
#mainimage .mainimage_contact {
	background:url(../media/images/contact/main.png) no-repeat;
}
#mainimage .mainimage_staff {
	background:url(../media/images/staff/main.png) no-repeat;
}
#mainimage .mainimage_errorpage {
	background:url(../media/images/errorpage/main.png) no-repeat;
}
#mainimage .mainimage_sitemap {
	background:url(../media/images/sitemap/main.png) no-repeat;
}
#mainimage .mainimage_link {
	background:url(../media/images/link/main.png) no-repeat;
}


/*FIREFOXずれ対策*/
@-moz-document url-prefix() {
#mainimage img {
	margin-top:-5px;
	padding:0;
}
}
.subtitle {
	font-size:16px;
	margin:0 20px 10px;
	padding:10px 20px;
	background:none;
	/*background: #9AC27A;*/
	background: #233B6C;
	color:#fff;
	font-weight:normal;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
}
.subtitle_orange {
	background: #FEA432;
}
.subtitle_red {
	background:#F00;
}

strong {
	color:#FF0000;
}
table {
	width:100%;
}
table th, table td {
	padding:5px;
	border-bottom:#630 1px dotted;
}
table th {
	text-align:left;
}
#right_column table th p {
	font-size:10px;
	color: #948B83;
	padding:0;
	margin:0;
}
#sitemap li {
	padding:0 0 10px 20px;
	background:url(../img/common/arrow.png) no-repeat left 1px;
}
.f-big {
}
.f-big:first-letter {
	font-size:18px;
	font-weight:bold;
}
#right_column div.text_box .que {
	font-size:14px;
	padding:0;
	display:block;
	line-height:14px;
	color:#060;
	border-bottom:#CCCCCC 1px dotted;
	border-top:#CCCCCC 1px dotted;
	margin:10px 0;
	padding:10px;
}
.que:first-letter {
	font-size:20px;
	font-weight:bold;
	color: #060;
}
.ans {
	padding:0 20px;
	display:block;
	margin:0 10px;
	color:#666666;
}
.ans:first-letter {
	font-size:16px;
	font-weight:bold;
}
#sitemap {
	padding:20px;
}
#sitemap li {
	display:block;
	padding:5px 10px 5px;
	border-bottom:#CCC 1px dotted;
}
#sitemap li.se{
	padding:5px 10px 5px 30px;}

#sitemap li.th{
	padding:5px 10px 5px 60px;}
.price {
	border-collapse:collapse;
	border:0px;
	margin:10px auto;
	width:700px;
}
.price th, .price td {
	border:1px solid #ccc;
}
.price th {
	background: #e6e6e6;
	color: #88847B;
	min-height:12px;
	width:28%;
}
.price td.unit_price {
	width:16%;
}
.list {
	padding:10px 20px 10px 30px;
	margin:0 0 20px;
	list-style:disc;
}
.list li {
	padding:0px 0 5px 0;
}
.reten {
	padding:10px 20px;
	margin:0 0 20px;
}
.reten li {
	background:url(../media/images/common/reten.gif) no-repeat left top;
	padding:0px 0 5px 25px;
}
.reten2 {
	padding:10px 20px;
	margin:0 0 20px;
	float:right;
	width:400px;
}
.reten2 li {
	background:url(../media/images/common/reten.gif) no-repeat left top;
	padding:0px 0 5px 20px;
}

.price_l {
	font-size:18px;
	font-weight:bold;
	line-height:25px;
}
ul#topicpath {
	text-align:right;
	padding:0 0 10px;
}
ul#topicpath li {
	display:inline;
}
h3.subtit2 {
	padding:10px;
	border-bottom:#CCCCCC 1px dotted;
	margin:10px 0 0;
	background:none;
}
.consultation {
	font-size:14px;
	font-weight:bold;
}
#right_column div.text_box p.voice {
	font-size:14px;
	color:#009933;
	padding:10px;
	border-bottom:#CCCCCC 1px dotted;
	border-top:#CCCCCC 1px dotted;
	margin:0 0 10px;
}
.pagelink {
	padding:0 10px 20px;
	text-align:center;
}
.pagelink li {
	display:inline;
	padding:0 5px;
	border-right:#666 1px dotted;
}
.pagelink li:last-child {
	border:none;
}
div#contetns_wrapper aside.left_column ul#sidenav {
	padding:20px 10px;
	text-align:left;
}
div#contetns_wrapper aside.left_column ul#sidenav li a {
	background:url(../media/images/common/arrow.gif) no-repeat left center;
	margin:0 10px;
	display:block;
	border-bottom:#999999 1px dotted;
	font-size:12px;
	padding:10px 0 10px 22px;
}
div#contetns_wrapper aside.left_column ul#sidenav li a:hover, div#contetns_wrapper aside.left_column ul#sidenav li.current a {
	background:url(../media/images/common/arrow.gif) no-repeat left center #eee;
}
div#contetns_wrapper aside.left_column ul#sidenav li:first-child a {
	border-top:#999999 1px dotted;

}
.yahoo {
	background: #F00;
	color:#fff;
}
.google {
	background: #4285F4;
	color:#fff;
}
table.seo {
	margin:10px auto;
	width:700px;
}
.seo th, .seo td {
	border:1px solid #ccc;
}
.seo th {
	background: #e6e6e6;
	width:30%;
	color: #88847B;
}
.seo td {
	text-align:center;
}
#right_column div.text_box ul.system {
	list-style:disc;
	color:#006699;
	padding:0 10px 20px;
}
#right_column div.text_box ul.system li {
	margin:0 10px;
}
#right_column div.text_box p.systemdetail {
	background:#e6e6e6;
	padding:10px 20px;
	margin:0 0 30px;
}

/* tab */

.tab {
	overflow:hidden;
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
}
.tab li {
	width:164px;
	background:#fff;
	padding:15px 10px;
	float:left;
	border-right:#ccc 1px solid;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}
.tab li.select {
	background:#eee;
}
.content li {
	background:#fff;
	padding:10px;
}
.hide {
	display:none;
}
iframe{
	width:720px;
	height:800px;
	padding:0;
	border:none;
}

.flow p.text{
	padding:20px;
	
}
#form{
	padding:20px;
	background:#f5f5f5;}
	
	
/* system */
.cms_btn{ font-size:150%; font-weight: normal; text-align:center; }
.cms_btn a{
	text-decoration: none;
	display: block;
	width: 200px; 
	color: #fff;	
	padding: 10px 20px 10px 0;
	border-bottom: 3px solid rgba(0,0,0,0.2);
	border-top: 3px solid rgba(255,255,255,0.2);
	border-radius: 10px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
}
 .cms_btn a:hover {
	 border-bottom: 3px solid rgba(0,0,0,0.4);
	border-top: 3px solid rgba(255,255,255,0.4);
	opacity:0.9;
}
.cms_btn a span{background:url(../media/images/system/arrow.png) no-repeat right center; display: block;
    padding: 3px;}
 
.demo a{background-color: #069;}
.quart a{background-color: #00B26E;}

}





@media screen and (max-width: 767px) {

#mainimage {
	background-color:#fff;
	padding:0;
	text-align:center;
	width:100%;
}
#mainimage .mainimage {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	height:150px;
}

#mainimage .mainimage_web {
	background:#fff url(../media/images/web/main.png) no-repeat;
	background-position: right 16px bottom 0px;
}

#mainimage .mainimage_seo {
	background:#fff url(../media/images/seo/main.png) no-repeat;
	background-position: right 16px bottom 0px;
}
#mainimage .mainimage_consul {
	background:#fff url(../media/images/consul/main.png) no-repeat;
	background-position: right 16px bottom 0px;
}
#mainimage .mainimage_system {
	background:#fff url(../media/images/system/main.png) no-repeat;
	background-position: right 16px bottom 0px;
}
#mainimage .mainimage_works {
	background:#fff url(../media/images/works/main.png) no-repeat;
	background-position: right 16px bottom 0px;
}
#mainimage .mainimage_company {
	background:#fff url(../media/images/company/main.png) no-repeat;
	background-position: right 16px bottom 0px;
}
#mainimage .mainimage_contact {
	background:#fff url(../media/images/contact/main.png) no-repeat;
	background-position: right 16px bottom 0px;
}
#mainimage .mainimage_staff {
	background:#fff url(../media/images/staff/main.png) no-repeat;
	background-position: right 16px bottom 0px;
}
#mainimage .mainimage_errorpage {
	background:#fff url(../media/images/errorpage/main.png) no-repeat;
	background-position: right 16px bottom 0px;
}
#mainimage .mainimage_sitemap {
	background:#fff url(../media/images/sitemap/main.png) no-repeat;
	background-position: right 16px bottom 0px;
}
#mainimage .mainimage_link {
	background:#fff url(../media/images/link/main.png) no-repeat;
	background-position: right 16px bottom 0px;
}

.subtitle {
	font-size:16px;
	margin:0 20px 10px;
	padding:10px 20px;
	background:none;
	/*background: #9AC27A;*/
	background: #233b6c;
	color:#fff;
	font-weight:normal;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
}
strong {
	color:#FF0000;
}
table {
	width:100%;
}
table th, table td {
	padding:5px;
	border-bottom:#630 1px dotted;
}
table th {
	text-align:left;
}
input[type="text"], textarea {
	width:100%;
}
textarea {
	line-height:1.5em;
}
input[type="text"], input[type="radio"], input[type="checkbox"] {
	height:30px;
}


#right_column table th p {
	font-size:10px;
	color: #948B83;
	padding:0;
	margin:0;
}
#sitemap li {
	padding:0 0 10px 20px;
	background:url(../img/common/arrow.png) no-repeat left 1px;
}
.f-big {
}
.f-big:first-letter {
	font-size:18px;
	font-weight:bold;
}
#right_column div.text_box .que {
	font-size:14px;
	padding:0;
	display:block;
	line-height:14px;
	color:#060;
	border-bottom:#CCCCCC 1px dotted;
	border-top:#CCCCCC 1px dotted;
	margin:10px 0;
	padding:10px;
}
.que:first-letter {
	font-size:20px;
	font-weight:bold;
	color: #060;
}
.ans {
	padding:0 20px;
	display:block;
	margin:0 10px;
	color:#666666;
}
.ans:first-letter {
	font-size:16px;
	font-weight:bold;
}
#sitemap {
	padding:20px;
}
#sitemap li {
	display:block;
	padding:5px 10px 5px;
	border-bottom:#CCC 1px dotted;
}
#sitemap li.se{
	padding:5px 10px 5px 30px;}

#sitemap li.th{
	padding:5px 10px 5px 60px;}
.price {
	border-collapse:collapse;
	border:0px;
	margin:10px auto;
	width:90%;
}
.price thead {
	display:none;
}
.price th, .price td {
	display:block;
	width:97%;
}
.price th {
	background: #e6e6e6;
	color: #88847B;
	min-height:12px;
}
.price th br {
	display:none;
}
.price td:last-of-type {
	margin-bottom:20px;
}
.list {
	padding:10px 20px 10px 30px;
	margin:0 0 20px;
	list-style:disc;
}
.list li {
	padding:0px 0 5px 0;
}
.reten {
	padding:10px 20px;
	margin:0 0 20px;
}
.reten li {
	background:url(../media/images/common/reten.gif) no-repeat left top;
	padding:0px 0 5px 25px;
}
.reten2 {
	padding:10px 20px;
	margin:0 0 20px;
	float:right;
	width:400px;
}
.reten2 li {
	background:url(../media/images/common/reten.gif) no-repeat left top;
	padding:0px 0 5px 20px;
}

.price_l {
	font-size:18px;
	font-weight:bold;
	line-height:25px;
}
ul#topicpath {
	text-align:right;
	padding:0 0 10px;
}
ul#topicpath li {
	display:inline;
}
h3.subtit2 {
	padding:10px;
	border-bottom:#CCCCCC 1px dotted;
	margin:10px 0 0;
	background:none;
}
.consultation {
	font-size:14px;
	font-weight:bold;
}
#right_column div.text_box p.voice {
	font-size:14px;
	color:#009933;
	padding:10px;
	border-bottom:#CCCCCC 1px dotted;
	border-top:#CCCCCC 1px dotted;
	margin:0 0 10px;
}
.pagelink {
	padding:0 10px 20px;
	text-align:center;
}
.pagelink li {
	display:inline;
	padding:0 5px;
	border-right:#666 1px dotted;
}
.pagelink li:last-child {
	border:none;
}
div#contetns_wrapper aside.left_column ul#sidenav {
	padding:20px 10px;
	text-align:left;
}
div#contetns_wrapper aside.left_column ul#sidenav li a {
	background:url(../media/images/common/arrow.gif) no-repeat left center;
	margin:0 10px;
	display:block;
	border-bottom:#999999 1px dotted;
	font-size:12px;
	padding:10px 0 10px 22px;
}
div#contetns_wrapper aside.left_column ul#sidenav li a br {
	display:none;
}
div#contetns_wrapper aside.left_column ul#sidenav li a:hover, div#contetns_wrapper aside.left_column ul#sidenav li.current a {
	background:url(../media/images/common/arrow.gif) no-repeat left center #eee;
}
div#contetns_wrapper aside.left_column ul#sidenav li:first-child a {
	border-top:#999999 1px dotted;

}
.yahoo {
	background: #F00;
	color:#fff;
}
.google {
	background: #4285F4;
	color:#fff;
}
table.seo {
	margin:10px auto;
	width:100%;
}
.seo th, .seo td {
	border:1px solid #ccc;
}
.seo th {
	background: #e6e6e6;
	width:30%;
	color: #88847B;
}
.seo td {
	text-align:center;
}
#right_column div.text_box ul.system {
	list-style:disc;
	color:#006699;
	padding:0 10px 20px;
}
#right_column div.text_box ul.system li {
	margin:0 10px;
}
#right_column div.text_box p.systemdetail {
	background:#e6e6e6;
	padding:10px 20px;
	margin:0 0 30px;
}

/* tab */

.tab {
	overflow:hidden;
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
}
.tab li {
	width:164px;
	background:#fff;
	padding:15px 10px;
	float:left;
	border-right:#ccc 1px solid;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	cursor:pointer;
}
.tab li.select {
	background:#eee;
}
.content li {
	background:#fff;
	padding:10px;
}
.hide {
	display:none;
}
iframe{
	width:720px;
	height:800px;
	padding:0;
	border:none;
}

.flow p.text{
	padding:20px;
	
}
#form{
	padding:20px;
	background:#f5f5f5;}
	
	
/* system */
.cms_btn{ font-size:150%; font-weight: normal; text-align:center; }
.cms_btn a{
	text-decoration: none;
	display: block;
	width: 200px; 
	color: #fff;	
	padding: 10px 20px 10px 0;
	border-bottom: 3px solid rgba(0,0,0,0.2);
	border-top: 3px solid rgba(255,255,255,0.2);
	border-radius: 10px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
}
 .cms_btn a:hover {
	 border-bottom: 3px solid rgba(0,0,0,0.4);
	border-top: 3px solid rgba(255,255,255,0.4);
	opacity:0.9;
}
.cms_btn a span{background:url(../media/images/system/arrow.png) no-repeat right center; display: block;
    padding: 3px;}
 
.demo a{background-color: #069;}
.quart a{background-color: #00B26E;}
	
}