﻿@charset "utf-8";
* {
	margin: 0;
	padding: 0;	
}
img {
	vertical-align: text-bottom;
	border: none;	
}
ul {
	list-style-type: none;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
div.wrap {
	width: 960px;
	margin: 0 auto;	
}
div.btn {
	margin-top: 30px;	
}
img.btn_r {
	margin-left: 20px;	
}
img.fl {
	float: left;
}

/***** ナビゲーション *****/
nav {
	height: 65px;
	box-shadow: 0px 3px 3px #666;
	/* Firefox */ 
	background: -moz-linear-gradient(top center, #659555 0%, #20611B 100%);
	/* Chrom と Safari */  
	background: -webkit-gradient(linear, center top, center bottom, from(#659555), to(#20611B));
	/* 共通 */ 
	background: linear-gradient(top center, #659555 0%, #20611B 100%);
	/* InternetExplorer */
	/* IE5.5-7 */  
	filter: progid:  
	DXImageTransform.Microsoft.gradient(  
	startColorstr='#659555', endColorstr='#20611B', GradientType=0);
	/* IE8-9 */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#659555', endColorstr='#20611B', GradientType=0)";
	/* IE10 */  
	background: -ms-linear-gradient(top, #659555, #20611B);
	position: fixed;
	width: 100%;
	z-index: 1;
}
#title {
	float: left;
	padding-top: 12px;	
}
nav ul {
	float: right;
	height: 55px;
	margin: 4px 0;
	font-size: 10px;	
}
nav ul li {
	text-align: center;	
	display: block;
	float: left;
	margin-left: -2px;
}
nav ul #dl {
	width: 203px;
	margin-top: 4px;
	margin-left:12px;	
}
nav .slink a {
	color: #FFF;
	text-decoration: none;
	display: block;	
	width: 68px;
	height: 55px;
	padding: 0 2px;
}
nav .slink a:hover {
	background-image: url(../img/miya_lp/nav_bg_on.png);	
}
nav .slink img {
	margin-bottom: 4px;	
}

/***** トップ *****/
#sec1 {
	padding: 65px 0;
	background-color: #D9E6D9;
	background-image: url(../img/miya_lp/sec1_bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#sec1 .barText {
	margin-top: 35px;	
}

/***** 原価管理理論 *****/
#sec2 {
	background-color: #3FB326;
	padding: 100px 0 20px;
}
#whats {
	background-image: url(../img/miya_lp/sec2_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-bottom: 30px;
}
#whats #text {
	margin: 12px 0 20px;
	font-size: 16px;
	line-height: 35px;
	color:#FFF;
	text-shadow: 3px 3px 3px #575757;
}
#merit {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #D6EED0;
}
.sec2_box {
	width: 449px;
	height: 96px;
	float: left;
	color: #fff;
	font-size: 13px;
	padding-top: 58px;
	padding-left: 15px;
	text-shadow: 3px 3px 3px #575757;
}
#sec2_box1 {
	background-image: url(../img/miya_lp/sec2_box1.gif);
	margin-right: 32px;
}
#sec2_box2 {
	background-image: url(../img/miya_lp/sec2_box2.gif);
}

/***** 実績 *****/
#sec3 {
	background-color: #575748;
	padding: 90px 0 30px;
}
#sec3 #date {
	font-size: 12px;
	text-align: right;
	color: #EEE;	
	margin-top: 10px;
}
#sec3 #exp {
	font-size: 12px;
	text-align: right;
	color: #FFF;
	margin-bottom: 4px;	
}
#sec3 #exp .left {
	color: #FFFF26;
}
#sec3 #exp .right {
	color: #FF9326;
}
#sec3 .area_box {
	width: 270px;
	height: 250px;
	display: block;
	float: left;	
	padding: 15px;	
	margin-bottom: 30px;
}
#sec3 .rm {
	margin-right: 30px;	
}
#sec3 .nomb {
	margin-bottom: 0;	
}
#sec3 #colspan {
	width: 600px;
	height: 245px;
	background-image: url(../img/miya_lp/sec3_box_bg.gif);
	font-size: 11px;
	line-height: 17px;
	color: #FFF;
	padding-top: 20px;
}
#sec3 #colspan img {
	margin-bottom: 4px;	
}
#sec3 #colspan p {
	padding-left: 5px;
	margin-bottom: 15px;	
}
#sec3 #area1 {
	background-image: url(../img/miya_lp/sec3_area1_bg.gif);
}
#sec3 #area2 {
	background-image: url(../img/miya_lp/sec3_area2_bg.gif);
}
#sec3 #area3 {
	background-image: url(../img/miya_lp/sec3_area3_bg.gif);
}
#sec3 #area4 {
	background-image: url(../img/miya_lp/sec3_area4_bg.gif);
}
#sec3 #area5 {
	background-image: url(../img/miya_lp/sec3_area5_bg.gif);
}
#sec3 #area6 {
	background-image: url(../img/miya_lp/sec3_area6_bg.gif);
}
#sec3 #area7 {
	background-image: url(../img/miya_lp/sec3_area7_bg.gif);
}
#sec3 .area_bar li{
	background-image: url(../img/miya_lp/sec3_area_bar.png);
	display: block;
	width: 72px;
	height: 18px;	
	padding: 2px;
	margin-top: 4px;	
}
#sec3 .area_bar span {
	display: block;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
	float: left;
}
#sec3 .area_bar .pref {
	width: 45px;	
	margin-right: 2px;
}
#sec3 .area_bar .sha {
	width: 25px;
	margin-right: 2px;
	color: #FFFF26;
}
#sec3 .area_bar .hon {
	width: 25px;
	color: #FF9326;
}
#sec3 .ct7 {
	margin-top: 72px;	
}
#sec3 .fl {
	float: left;	
}
#sec3 .ml {
	margin-left: 4px;	
}
#sec3 .ct2 {
	margin-top: 202px;
}
#sec3 .ct5 {
	width:210px;	
}
#sec3 .ct4 {
	margin-top: 150px;	
}
#sec3 .ct1 {
	margin-top: 228px;	
}

/***** グループ化 *****/
#sec4 {
	background-color: #B22D00;
	padding: 80px 0 30px;
	text-align: center;
}
#sec4 #group {
	background-image: url(../img/miya_lp/sec4_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 180px;
	padding-top: 40px;
	padding-left: 230px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 12px;
	border-bottom: 1px dotted #F1DAD1;
	margin-bottom: 25px;
}
#sec4 #sec4_text2 {
	font-size: 23px;
	font-weight: bold;
	margin: 20px 0;	
	text-align: center;
	text-shadow: 0 0 3px #FFF;
}
#sec4 #sec4_text3 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;	
}
#sec4 #sec4_text3 .yellow {
	color: #FF6;	
}
#sec4 #sec4_text4 {
	font-size: 12px;
	text-align: right;
	margin-top: 20px;	
}

/***** 主要機能 *****/
#sec5 {
	background-color: #00B2B2;
	padding: 80px 0 30px;
}
#sec5 #sec5_text {
	text-align: right;
	font-size: 22px;
	line-height: 36px;
	color: #003737;
	margin-top: -108px;
	margin-bottom: 30px;
	padding: 8px;
	border-right: solid #009191 5px;
}
#sec5 .sec5_bar {
	background-image: url(../img/miya_lp/sec5_bar_bg.gif);	
	height: 37px;
	font-size: 24px;
	padding-top: 13px;
	text-indent: 80px;
	color: #FFF;
	letter-spacing: 0.2em;
	margin-top: 10px;
	margin-bottom: 4px;
}
#sec5 .sec5_exp {
	font-size: 13px;
	text-align: right;
	height: 180px;
	padding-top: 5px;
}
#sec5 #item1 {
	background-image: url(../img/miya_lp/sec5_item1.gif);	
}
#sec5 #item2 {
	background-image: url(../img/miya_lp/sec5_item2.gif);	
}
#sec5 #item3 {
	background-image: url(../img/miya_lp/sec5_item3.gif);	
}
#sec5 #items {
	margin-top: 20px;
	margin-bottom: 10px;	
}
#sec5 #items li {
	display: block;
	float: left;
	width: 225px;
	margin-right: 20px;	
}
#sec5 .sec5_bar_s {
	background-image: url(../img/miya_lp/sec5_bar_s.gif);	
	height: 29px;
	font-size: 18px;
	padding-top: 12px;
	text-indent: 65px;
	color: #FFF;
	letter-spacing: 0.2em;
}
#sec5 .sec5_exp_s {
	font-size: 13px;
	line-height: 21px;
	background-color: #73D5D5;
	padding: 5px 8px;
}
#sec5 #items #items_e {
	margin: 0;	
}

/***** 出力帳票 *****/
#sec6 {
	background-color: #CCB50D;
	padding: 80px 0 30px;
	text-align: center;
	font-size: 13px;
	line-height: 21px;
}
#sec6 img {
	margin-bottom: 3px;	
}
#sec6 ul {
	margin-top: 15px;	
}
#sec6 li {
	display: block;
	border-right: 1px dashed #E1D36F;
}
#sec6 .ltp {
	padding-bottom: 8px;
	border-bottom: 1px dashed #E1D36F;
}
#sec6 .lbt {
	padding-top: 8px;	
}
#sec6 .nobd {
	border-right: none;	
}
#sec6 .single {
	width: 228px;
	float: left;
}
#sec6 .sl {
	padding-right: 7px;	
}
#sec6 .sr {
	padding-left: 7px;	
}
#sec6 .sc {
	padding-left: 7px;
	padding-right: 7px;
}
#sec6 .double {
	width: 472px;
	padding-right: 7px;
	float: left;
}
#sec6 .sec6_bar {
	height: 27px;
	font-size: 15px;
	color: #FFF;	
	padding-top: 3px;	
	letter-spacing: 0.2em;
	margin-bottom: 5px;
}
#sec6 .bd {
	background-image: url(../img/miya_lp/sec6_bar_d.gif);
	width: 472px;
}
#sec6 .bs {
	background-image: url(../img/miya_lp/sec6_bar_s.gif);
	width: 227px;
}
#sec6 ul p {
	padding: 5px;
	font-size: 11px;
	line-height: 15px;	
	text-align: left;
	height: 62px;
	background-color: #DECF61;
}
#sec6 #last {
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	padding: 18px;
	width: 192px;
	letter-spacing: 0.1em;	
}

/***** 価格表 *****/
#sec7 {
	background-color: #DFDFD0;
	padding: 80px 0 30px;
}
#sec7 .wrap {
	width: 970px;
	position: relative;
}
#sec7 table {
	width: 968px;	
}
#sec7 #sec7_at1 {
	position: absolute;
	top: 27px;
	left: 130px;
}
#sec7 #sec7_at2 {
	position: absolute;
	top: 237px;
	left: 860px;
}
#sec7 #tbl1 {
	margin-bottom: 20px;
}
#sec7 td {
	text-align: center;	
	border: solid #DFDFD0 1px;
}
#sec7 .work,
#sec7 .bgb,
#sec7 .true,
#sec7 .false,
#sec7 .teika,
#sec7 #license,
#sec7 .kei,
#sec7 .pack,
#sec7 .lease,
#sec7 .hon {
	border: solid #CCC 1px;
}
#sec7 #sec7_title {
	background-image: url(../img/miya_lp/sec7_title.gif);
	background-repeat: no-repeat;	
}
#sec7 #attention {
	height: 40px;
	text-align: right;
	vertical-align: bottom;
	font-size: 12px;
	padding-right: 5px;	
}
#sec7 #teika_title {
	font-size: 17px;
	width: 120px;
	padding-right: 5px;
	background-image: url(../img/miya_lp/sec7_teika_bg.gif);	
	color: #FFF;
}
#sec7 #lkbn {
	width: 93px;	
}
#sec7 .work {
	font-size: 11px;
	width: 75px;
	background-image: url(../img/miya_lp/sec7_work.gif);	
	background-repeat: no-repeat;
	background-position: bottom;
	height: 31px;	
	vertical-align: top;
	padding-top: 9px;
}
#sec7 .teika {
	background-color: #FFF;
}
#sec7 .lkbn {
	font-size: 11px;
	text-align: right;
	display: block;
	padding-right: 14px;
	height: 27px;
	line-height: 27px;
	background-image: url(../img/miya_lp/sec7_lkbn.gif);
	background-repeat: no-repeat;
	background-position: right;
	background-color: #FFF;
}
#sec7 .price {
	font-size: 12px;
	color: #FF1111;	
	text-align: right;
	display: block;
	padding-right: 5px;
	font-weight: bold;
}
#sec7 .price2 {
	font-size: 13px;
	color: #FF1111;	
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
}
#sec7 .teika .price {
	height: 27px;
	line-height: 27px;
}
#sec7 .sec7_bdr {
	border-bottom: solid #DFDFD0 1px;	
}
#sec7 .kei {
	background-color: #FFF;	
}
#sec7 .pack {
	background-color: #FCF4E0;
}
#sec7 .lease {
	background-color: #FCEFE0;
}
#sec7 .kei .price, 
#sec7 .pack .price,
#sec7 .lease .price {
	height: 21px;
	line-height: 21px;
	padding-top: 1px;
	background-repeat: no-repeat;
	background-position: left;
}
#sec7 .pack .price,
#sec7 .pack .price2 {
	color: #D35F18;
}
#sec7 .lease .price,
#sec7 .lease .price2 {
	color: #DF203D;
}
#sec7 .kei .price2,
#sec7 .pack .price2,
#sec7 .lease .price2 {
	display: block;
	height: 45px;	
	line-height: 45px;
}
#sec7 .k_new {
	background-image: url(../img/miya_lp/sec7_new.gif);
}
#sec7 .k_plus {
	background-image: url(../img/miya_lp/sec7_plus.gif);
}
#sec7 .plan {
	width: 208px;
	height: 45px;
	text-align: left;	
	padding-left: 22px;
	background-repeat: no-repeat;
}
#sec7 .nm {
	background-image: url(../img/miya_lp/sec7_bar_nm.png);
	color: #0FC41D;
}
#sec7 .oy {
	background-image: url(../img/miya_lp/sec7_bar_oy.png);
	color: #0995C4;
}
#sec7 .ex {
	background-image: url(../img/miya_lp/sec7_bar_ex.png);
	color: #989107;
}
#sec7 .plan_name {
	font-size: 13px;
	height: 22px;
	display: block;
	font-weight: bold;
}
#sec7 .plan_exp {
	font-size: 11px;
	display: block;	
	color: #333;
}
#sec7 #license_plus .plan_exp {
	color: #989107;
	font-weight: bold;
}

#sec7 .true {
	height: 45px;
	font-size: 24px;
	font-weight: bold;
	color: #FF8000;
	background-color: #FFF;
	vertical-align: middle;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
#sec7 .false {
	height: 45px;
	background-color: #EBEBE4;
}
#sec7 .base {
	background-color: #FAFAF8;	
}
#sec7 .bgb {
	background-image: url(../img/miya_lp/sec7_sum_bg.gif);	
	background-repeat: no-repeat;
	background-position: bottom;
	color: #FFF;
	width: 100px;
}
#sec7 #sum {
	font-size: 14px;
	padding-bottom: 4px;
	letter-spacing: 0.2em;
}
#sec7 .pal {
	font-size: 11px;	
	line-height: 32px;
	padding-bottom: 5px;
}
#sec7 .license {
	background-image: url(../img/miya_lp/sec7_pluslicense.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#sec7 .arrow {
	width: 22px;
	background-color: #C9B498;
}
#sec7 .empty {
	background: none;	
}
#sec7 .attention {
	font-size: 11px;
	line-height: 19px;
	text-align: left;	
	background-color: #969696;
	padding: 8px;
	padding-left: 35px;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: 3px 3px;
}
#sec7 #attention1 {
	background-image: url(../img/miya_lp/sec7_at1.png);
}
#sec7 #attention2 {
	background-image: url(../img/miya_lp/sec7_at2.png);
}

#sec7 #license_title {
	background-image: url(../img/miya_lp/sec7_license_bg.gif);
	background-repeat: no-repeat;
	color: #FFF;
	font-size: 14px;
	line-height: 35px;
	width: 124px;
	padding-right: 5px;
}
#sec7 .hon {
	width: 79px;
	height: 32px;
	background-image: url(../img/miya_lp/sec7_hon.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	padding-bottom: 3px;
}
#sec7 .hon .num {
	font-size: 16px;
	letter-spacing: 0.1em;	
}
#sec7 #tbl2 .price {
	height: 27px;	
	line-height: 27px;
}
#sec7 .bar_sp {
	font-size: 12px;
	width: 129px;	
	background-repeat: no-repeat;
	font-weight: bold;
	color: #454545;
}
#sec7 #suport {
	background-image: url(../img/miya_lp/sec7_bar_ns.png);
}
#sec7 #setting {
	background-image: url(../img/miya_lp/sec7_bar_ds.png);
}
#sec7 #tbl2 .attention {
	padding: 8px;	
}


.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  

/***** 動作環境 *****/
#sec8 {
	background-color: #2E6600;
	padding: 80px 0 30px;
}
#sec8_title {
	color: #FFF;
	font-size: 22px;
	padding: 5px;
	text-indent: 8px;	
	border-left: solid #97B380 6px;
	letter-spacing: 0.2em;
	margin-bottom: 30px;
}
#sec8 #about {
	width: 470px;
	float: left;	
}
#sec8 #operating {
	width: 470px;
	font-size: 13px;
	line-height: 27px;	
	border-collapse: collapse;
}
#sec8 #operating th, 
#sec8 #operating td {
	border: solid #2E6600 2px;
	padding: 15px;
}
#sec8 #operating th {
	text-align: left;
	vertical-align: top;
	background-color: #97B380;
	font-weight: normal;
}
#sec8 #operating td {
	background-color: #CBD9BF;	
}
#sec8 #button {
	float: left;
	margin-left: 20px;	
}
#sec8 #button img {
	margin-bottom: 20px;	
}

/***** フッター *****/
footer {
	font-size: 13px;
	text-align: center;	
	background-color: #333;
	color: #DFDFDF;
	padding: 5px;
}

#return {
	position: fixed;
	bottom: 30px;
	right: 30px;	
}
#return img {
	margin-top: 10px;	
}
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  
