html {
	background:url(../img/bg-20140124.gif);
}
	
body {
	font-family: Arial, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;
  	line-height: 1.7;
	text-align:center;
	color: #000;
}

.f10 { font-size: 77%;}
.f11 { font-size: 85%;}
.f12 { font-size: 93%;}
.f13 { font-size: 100%;}
.f14 { font-size: 108%;}
.f15 { font-size: 116%;}
.f16 { font-size: 123.1%;}
.f17 { font-size: 131%;}
.f18 { font-size: 138.5%;}
.f19 { font-size: 146.5%;}
.f20 { font-size: 153.9%;}
.f21 { font-size: 161.6%;}
.f22 { font-size: 167%;}
.f23 { font-size: 174%;}
.f24 { font-size: 182%;}
.f25 { font-size: 189%;}
.f26 { font-size: 197%;}



/* // wrapper // */
	
div#wrapper {
	background:url("../img/bg-main-20140124.png") repeat-y;
	text-align:left;
	margin:0 auto;
	padding:0 5px 20px 5px;
	
	width:960px !important;
	width /**/:970px
}
	
	
/*link*/
	a:link {
	outline: none;
}
	a:link ,
	a:active ,
	a:visited {
	color: #ff0000;
	text-decoration:none;
}
	a:hover {
	text-decoration:underline;
	color: #000;
}
	
img {
	border:none;
}
	
img.imgmid {
	vertical-align:middle;
}
	
.text-center {
	text-align:center;
}
.text-left {
	text-align:left;
}
	
	
/*float*/
.ls, .lc {
	float:left;
}
.rs, .rc {
	float:right;
}
	
/*clearFix*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
	line-height:0;
}
	
.clearfix{
	display:inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
	
p {
	/*font-size:12px;
	line-height:1.7em;*/
}

/* End hide from IE-mac */


.mb10{margin-bottom:10px;}	
.mb15{margin-bottom:15px;}	
.mb20{margin-bottom:20px;}	
.mb25{margin-bottom:25px;}	
.mb30{margin-bottom:30px;}	
.mb35{margin-bottom:35px;}	
.mb40{margin-bottom:40px;}	
.mb45{margin-bottom:45px;}	
.mb50{margin-bottom:50px;}	

/* // header // */
	
div#header {
	padding: 16px 0 9px 9px;
	overflow: hidden;
}
div#header #logo {
	float: left;
}
div#header h1 {
	margin-left: 170px;
	margin-top: 10px;
	width: 394px;
}

/* // topimg // */
	
#topimg {
	background:url(../img/bg-top-201512.jpg) no-repeat top left;
	height:410px;
	overflow:hidden;
}
#topimg h1 {
	padding:50px 0 20px 300px;
}
#topimg .ttl_tmps2_usb {
	float:left;
}
#topimg .btn_cp {
	padding-top:25px;
	padding-left:5px;
	float:left;
}
#topimg .btn_estimate_top {
	padding-top:46px;
	padding-right:25px;
	text-align: center;
	/*float:right;*/
}
	

/* // footer // */
	
div#footer {
	background:url(../img/bg-footer-20140124.gif) repeat-x;
	text-align:center;
	padding:5px;
	
	line-height:0;
	height:10px;
	margin-bottom:-30px;
}
.foot-inner-02{
    background-color: #FFF;
    padding: 40px 35px 0 0;
}
.foot-inner-02 ul{
    text-align: right;
}
.foot-inner-02 ul li{
    display: inline;
    margin-right: 20px;
}
.foot-inner-02 ul li::before{
    content:">";
    margin-right: 5px;
}
.foot-inner-02 ul li a{
    color:#000;
    text-decoration: underline;
}
.foot-inner-02 ul li a:hover{
    color:#818181;
}
/* // content // */
	
#content {
	overflow:hidden;
	text-align:center;
	padding:1px 0 0 0;
	margin-top: -16px;
}

#content h2 {
	padding-bottom:40px;
	font-size:0;
}
#content h3 {
	padding-bottom:20px;
	font-size:0;
}
#content .arrow {
	padding-bottom:20px;
}
.annotation {
	text-indent:-1em;
	margin-left:1em;
}

.pa_b20 {
	padding-bottom:20px;
}
.pa_b80 {
	padding-bottom:80px;
}



#content .distress {
	background:url(../img/bg-distress-20150601.gif) no-repeat bottom center;
	position:relative;
	margin:0 auto 20px;
	height:356px;
	width:860px;
}
#content .distress li.distress01 {
	position:absolute;
	top:0px;
	left:34px;
}
#content .distress li.distress02 {
	position:absolute;
	top:170px;
	left:0px;
}
#content .distress li.distress03 {
	position:absolute;
	top:0px;
	right:50px;
}
#content .distress li.distress04 {
	position:absolute;
	top:173px;
	right:10px;
}

#content .case {
	margin:0 auto 20px;
	text-align:left;
	width:808px;
}
#content .case h4 {
	padding-bottom:0;
	font-size:0;
}
#content .case div.case_con {
	border-bottom:2px solid #003557;
	border-left:2px solid #003557;
	border-right:2px solid #003557;
	margin-bottom:20px;
	padding:20px;
}
#content .case div.case_con_gray {
	border-bottom:2px solid #bdbdbd;
	border-left:2px solid #bdbdbd;
	border-right:2px solid #bdbdbd;
	margin-bottom:20px;
	padding:20px;
}

#content .case div.case_con_red {
	border-bottom:2px solid #e21125;
	border-left:2px solid #e21125;
	border-right:2px solid #e21125;
	margin-bottom:20px;
	text-align:center
	}

#content .case .tit_new{
	text-align:left;
	margin:0 auto;
	width:751px;
	padding-top:25px;
}

#content .case div.case_con_red table .td_right{
	margin-left:296px;
	padding:0 15px 0 30px;
}

#content .case div.case_con_red table .td_right li{
	list-style-type: disc;
}


#content .case div.case_con_red table .td_right .f_red{
	color:#e21125;
}

#content .case div.case_con_red table .td_right .f_min{
	vertical-align: super;
	font-size:10px;
}

#content .case div.case_con_red dl.box01{
	background:url(../img/bg_box01_20151127.png) no-repeat top left;
	height:175px;
	margin:25px 0 10px 0;
}

#content .case div.case_con_red dl.box01 dt{
	padding-top:10px;
	/padding-top:70px;
	display: table-cell;
	vertical-align: middle;
	float:inherit;
}

#content .case div.case_con_red dl.box02{
	background:url(../img/bg_box02_20151127.png)  no-repeat top left;
	height:115px;
	margin-bottom:10px;
}

#content .case div.case_con_red dl.box02 dt{
	padding-top:10px;
	/padding-top:45px;
	display: table-cell;
	vertical-align: middle;
	float:inherit;
}

#content .case div.case_con_red dl.box03{
	background:url(../img/bg_box03_20151127.png) no-repeat  top left;
	height:220px;
	margin-bottom:25px;
}

#content .case div.case_con_red dl.box03 dt{
	padding-top:10px;
	/padding-top:85px;
	display: table-cell;
	vertical-align: middle;
	float:inherit;
}

#content .case div.case_con_red dl dt{
	float:left;
	width:268px;
	padding:0 0 0 18px;
	color:#004979;
	font-size:17px;
	font-weight:bold;
}

#content .case div.case_con_red dl dd{
	display:table-cell;
	margin-left:296px;
	padding:10px 15px 10px 35px;
}

#content .case div.case_con_red dl dd li{
	list-style-type: disc;
}


#content .case div.case_con_red dl dd .f_red{
	color:#e21125;
}

#content .case div.case_con_red dl dd .f_min{
	vertical-align: super;
	font-size:10px;
}

.detail{
	text-align:right;
	font-size:10px;
}

#content .scene {
	padding:0 0 30px 75px;
}
#content .scene ul {
	overflow:hidden;
	margin-bottom:10px;
}
#content .scene .annotation {
	text-align:left;
}
#content .scene2 {
	padding:0 0 30px 215px;
	overflow:hidden;
}
#content .scene div ,
#content .scene2 div {
	font-size:0;
}
#content .scene li ,
#content .scene2 li {
	padding-right:20px;
	width:256px;
	float:left;
}
#content .scene li p ,
#content .scene2 li p {
	background:#e7e7e7;
	padding:10px;
	text-align:left;
}





#content .case_market {
	margin:0 auto 80px;
	width:810px;
}
#content .case_market li {
	border-bottom:1px dashed #666;
	padding:20px 0;
	overflow:hidden;
	text-align:left;
}
#content .case_market li .logo {
	width:160px;
	float:left;
}
#content .case_market li h4 {
	font-weight:bold;
}
#content .case_market li h4 ,
#content .case_market li .text {
	margin-left:160px;
}
#content .case_market li .btn {
	padding-left:20px;
	text-align:right;
	float:right;
}



#content #banner {
	padding-bottom:20px;
}


#content h3#estimate {
	padding-bottom:0;
}
#content .estimate_top {
	padding:30px 50px 10px 50px;
	background:url(../img/bg-top-estimate-20150601.gif) no-repeat top left;
}
#content .estimate_btm {
	padding-bottom:15px;
	background:url(../img/bg-btm-estimate-20150601.gif) no-repeat bottom left;
}
#content .estimate {
	width:860px;
	margin:0 auto;
	background:url(../img/bg-estimate-20150601.gif) repeat-y top left;
}


#content .estimate .licence {
	width:210px;
	text-align:left;
	float:left;
}
#content .estimate .licence select {
	margin-bottom:5px;
}
#content .estimate .btns {
	margin-left:210px;
}
#content .estimate .btns img.btn_free {
	margin-left: 40px;
}
#content .estimate form {
	background:url(../img/img-line-20150601.gif) no-repeat bottom center;
	padding-bottom:20px;
	margin-bottom:20px;
}




















