@charset "utf-8";




/*　ブラウザのデフォルトスタイルを初期化
----------------------------------------------*/

*{
  margin: 0;
  padding: 0;
 /* color: #376092;*/ 
 color: #000000;
/*  font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
  */
 font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;


 font-weight: normal;
 line-height:1.3;
 text-align:left;
 font-size:18px;
 text-decoration:none;
 text-align:justify;
}


html {
	overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td	{
	margin: 0;	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var, p, li, dd, dt	{
	font-style: normal;
	text-align:justify;
	text-justify:inter-ideograph;
}
q:before ,q:after	{
	content: '';
}
object, embed	{
	vertical-align: top;
}
h1, h2, h3, h4, h5, h6	{
	font-size: 100%;
}
img, abbr, acronym, fieldset	{
	border: 0;
	vertical-align: bottom;
}
li	{
	list-style-type: none;
}

/*** clearfix ***/

.clearfix:after{
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}

/*\*/
* html .clearfix {
    height: 1em;
}

.clearfix{
	zoom: 1;
}



/*　基本設定
----------------------------------------------*/
.block {
	display: block;
}
	
img{
	border: 0px;
}

p{
	clear:both;
}

a{
	color: #2e7910;
}

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

.center{
	text-align:center;
}

.clear{
	clear:both;
}

.fr{
	float:right;
}

.fl{
	float:left;
}

.noborder{
	border:none !important;
}

/*　FONT指定
-------------------------*/

/*　padding指定
-------------------------*/
.pr0{
padding-right:0 !important;
}
.pl15{
padding-left:15px !important;
}
.pb50{
padding-bottom:50px !important;
}
/*　レイアウト
----------------------------------------------*/

body{
	margin: 0px;
    padding: 0px;
}

* html body {text-align:center;}


/*　HEADER
----------------------------------------------*/
#HeadRoom{
background:url(../_img/head_bg.png) repeat-x;
height:48px;
}
#Head{
  margin: 0 auto;
  padding:0px ;
  width:1000px;
}
#Head ul li {
padding-top:6px;
}


/*　BRAND
----------------------------------------------*/
#BrandRoom {
background: url(../_img/ky_bg.jpg) repeat-x;
height:427px;
}
#Brand{
 margin: 0 auto;
background: url(../_img/ky_img.jpg) no-repeat 95% 0;
height:427px;
width:1100px;
}
#Brand ul{
padding-top:40px;
padding-left:50px;
}
#Brand ul li{
padding-bottom:25px;}



/*　wrapper
----------------------------------------------*/
.Wrapper{
  margin: 0 auto;
  padding:0px ;
  width:1100px;
  background-color:#FFFFFF;
}
.Wrapper h2{
padding-top:80px;}
/*　悩み
----------------------------------------------*/
#AtitRoom{
background-color:#3d4f71;
height:116px;
margin-bottom:20px;
}

#AtitRoom h2{
margin: 0 auto;
width:809px;
}

.ABox{
margin: 0 auto;
width:830px;
border-bottom:1px solid #CCC;
height:60px;
padding-left:130px;
padding-top:35px;
padding-right:20px;
}
#A01{
background:url(../_img/a_img01.jpg) no-repeat 3% 50%;}
#A02{
background:url(../_img/a_img02.jpg) no-repeat 3% 50%;}
#A03{
background:url(../_img/a_img03.jpg) no-repeat 3% 50%;}
#A04{
background:url(../_img/a_img04.jpg) no-repeat 5% 50%;}
#A05{
background:url(../_img/a_img05.jpg) no-repeat 3% 50%;}
#A06{
background:url(../_img/a_img06.jpg) no-repeat 3% 50%;
height:150px;
border-bottom:none;}
#A06 p{
padding-bottom:20px;}

/*CV
---------------------------------------------------*/
.CVRoom{
background: url(../_img/cv_bg.jpg) repeat-x;
height:310px;}

.CVRoom div{
margin:0 auto;
width:875px;
height:240px;
padding-top:70px;
background:url(../_img/cv_ar.jpg) no-repeat 50% 0;
}
.CVRoom ul li{
float:left;
}

.CVRoom2{
background: url(../_img/cv_bg.jpg) repeat-x;
height:310px;}

.CVRoom2 div{
margin:0 auto;
width:875px;
height:240px;
padding-top:70px;
background:url(../_img/cv2_ar.jpg) no-repeat 50% 0;
}
.CVRoom2 ul li{
float:left;
}
#CV01 p{
padding: 20px 0 35px 0;}
.CV01 p{
padding: 10px 0 30px 0;}
/*機能説明
---------------------------------------------------*/
#BRoom{
background:url(../_img/b_img.jpg) no-repeat 100% 75%;}
.bBox{
padding:30px 20px;
}

.bBox div{
border-bottom:#CCC 1px dotted;
}
.bBox h3{
padding-left:15px;
padding-bottom:10px;
font-size:18px;
font-weight:bold;
}
.bBox h3 img {
margin-right:10px;}
.bBox p{
padding:15px 20px 0 20px;
}

.smal{
width:700px;}

#bChatch{
background-color:#283c62;
padding:40px 0 10px 0;}

#bChatch p{
text-align:center;
padding-bottom:20px;
}
#bimg{
background-color:#f7fafa;
}
#bimg ul{
margin:0 auto;
width:905px;
height:360px;
padding-top:20px;
}
#bimg ul li{
float:left;
}


/*導入事例
---------------------------------------------------*/
#CRoom{
}
#CRoom h3{
text-align:center;
padding-top:30px;
padding-bottom:20px;}
#CRoom h4{
text-align:center;
padding-bottom:30px;
}
#CRoom2 .Wrapper{
background-color: transparent;
}
#CRoom2{
background:#f1f3f3;
height:455px;
padding-top:60px;
}
#icon1{
width:860px;
margin:0 auto;
padding-bottom:20px;}
#icon1 li, #icon2 li{
float:left;
padding-left:40px;}
#icon2{
width:1080px;
margin:0 auto;}
#icon1 .pl0, #icon2 .pl0{
padding-left:0 ;}



/*導入費用
---------------------------------------------------*/
#dRoom{
padding-bottom:60px;
}
#dRoom p{
padding:30px 0 20px 0;
text-align:center;
}
#dRoom ul{
width:811px;
margin:0 auto;}
#dRoom li {
text-align:right;
font-size:16px;
}
#dRoom li span{
color:#F00;
font-size:16px;}

/*会社概要
---------------------------------------------------*/
#company{
margin:0 auto;
padding:50px 0;
}

#company th{
text-align:right;
padding:8px 70px ;
background-color:#f6f6f6;
font-size:16px;}

#company td{
padding:8px 70px;
background-color:#f8fdff;
font-size:16px;
}

/*　フッター
-------------------------*/

#Foot{
	background-color:#384159;
	padding:20px 0;
}

#Foot p{
text-align:center;
font-size:16px;
color:#FFF;
padding-bottom:10px;
}
#Foot #copy{
text-align:center;
font-size:12px;
color:#FFF;
padding-top:10px;
padding-bottom:0;

}