@charset "utf-8";
/* CSS Document */
/*-----------------------------------------
	all
-----------------------------------------*/
/* line 6, ../sass/main.scss */
#all {
  margin-top: 32px;
  background: #6bb130;
}

/*-----------------------------------------
	header
-----------------------------------------*/
/* line 14, ../sass/main.scss */
#header {
  width: 900px;
  margin: 0 auto;
  position: relative;
  top: 0;
  left: 0;
}
/* line 20, ../sass/main.scss */
#header .log {
  position: absolute;
  top: -32px;
  left: -50px;
}
/* line 25, ../sass/main.scss */
#header .inner {
  padding-top: 40px;
}
/* line 28, ../sass/main.scss */
#header .inner p {
  padding-left: 60px;
}
/* line 32, ../sass/main.scss */
#header .inner .hdg01 {
  padding-right: 60px;
}

/*-----------------------------------------
	content
-----------------------------------------*/
/* line 42, ../sass/main.scss */
#content {
  width: 900px;
  margin: 0 auto;
  padding-bottom: 60px;
  padding-top: 40px;
  /********************
  	section01
  *********************/
  /********************
  	section02
  *********************/
}
/* line 51, ../sass/main.scss */
#content .section01, #content .section02, #content .section03 {
  overflow: hidden;
  margin-bottom: 10px;
  padding-top: 10px;
  background: url(/sp/evernote/common/images/bg-sec-top.png) top no-repeat;
}
/* line 56, ../sass/main.scss */
#content .section01 .box, #content .section02 .box, #content .section03 .box {
  background: url(/sp/evernote/common/images/bg-sec-bottom.png) bottom no-repeat;
  padding-bottom: 10px;
}
/* line 59, ../sass/main.scss */
#content .section01 .box .box_body, #content .section02 .box .box_body, #content .section03 .box .box_body {
  overflow: hidden;
  padding: 20px 30px 0 30px;
  background: #ffffff;
  border-left: #519b13 1px solid;
  border-right: #519b13 1px solid;
}
/* line 66, ../sass/main.scss */
#content .section01 .box .box_body .hdg02, #content .section02 .box .box_body .hdg02, #content .section03 .box .box_body .hdg02 {
  margin-bottom: 15px;
}
/* line 69, ../sass/main.scss */
#content .section01 .box .box_body .img01, #content .section02 .box .box_body .img01, #content .section03 .box .box_body .img01 {
  width: 307px;
}
/* line 72, ../sass/main.scss */
#content .section01 .box .box_body .txt01, #content .section02 .box .box_body .txt01, #content .section03 .box .box_body .txt01 {
  width: 500px;
}
/* line 74, ../sass/main.scss */
#content .section01 .box .box_body .txt01 .btn, #content .section02 .box .box_body .txt01 .btn, #content .section03 .box .box_body .txt01 .btn {
  text-align: right;
  margin-top: 10px;
}
/* line 88, ../sass/main.scss */
#content .section02 .txt02 {
  width: 400px;
}
/* line 91, ../sass/main.scss */
#content .section02 .in {
  margin: 0 auto;
  width: 600px;
}
/* line 95, ../sass/main.scss */
#content .section02 .in li {
  padding: 0 37px;
}
/* line 100, ../sass/main.scss */
#content .section02 .out {
  margin: 0 auto;
  width: 620px;
}
/* line 104, ../sass/main.scss */
#content .section02 .out li {
  padding: 0 60px 0 48px;
}
/* line 108, ../sass/main.scss */
#content .section02 .out .last {
  padding-left: 80px;
  padding-right: 0;
}

/********************
	section03
*********************/
/* line 121, ../sass/main.scss */
.section03 .col01 {
  padding-bottom: 80px;
  background: url(/sp/evernote/common/images/img-sec03-08.png) center bottom no-repeat;
}
/* line 124, ../sass/main.scss */
.section03 .col01 dt {
  padding-bottom: 15px;
}
/* line 127, ../sass/main.scss */
.section03 .col01 dd {
  padding-bottom: 5px;
}
/* line 131, ../sass/main.scss */
.section03 .col02 {
  padding-bottom: 40px;
  background: url(/sp/evernote/common/images/img-sec03-09.png) center bottom no-repeat;
}
/* line 134, ../sass/main.scss */
.section03 .col02 dt {
  padding-bottom: 20px;
}
/* line 137, ../sass/main.scss */
.section03 .col02 dd {
  padding-bottom: 7px;
}

/*-----------------------------------------
	item
-----------------------------------------*/
/* line 146, ../sass/main.scss */
#item {
  background-color: #f4f4f4;
  background-image: url(/sp/evernote/common/images/bg-index-01.png);
  background-repeat: repeat-x;
  padding-bottom: 30px;
  border-bottom: #cccccc 1px solid;
  /********************
  	shotnote
  *********************/
  /********************
  	shotdocs
  *********************/
}
/* line 153, ../sass/main.scss */
#item .item-inner {
  width: 900px;
  margin: 0 auto;
  background: url(/sp/evernote/common/images/bg-index-02.png) center -3px no-repeat;
  padding: 35px 0;
}
/* line 158, ../sass/main.scss */
#item .item-inner .hdg02 {
  border-bottom: #6bb130 2px solid;
  padding-bottom: 5px;
  margin-top: 10px;
  margin-bottom: 15px;
}
/* line 168, ../sass/main.scss */
#item #shotnote, #item #shotdocs, #item #dm100 {
  width: 305px;
  margin-left: -5px;
  overflow: hidden;
  float: left;
  padding-top: 13px;
  background: url(/sp/evernote/common/images/bg-item-top.png) 0 top no-repeat;
}
/* line 175, ../sass/main.scss */
#item #shotnote .box, #item #shotdocs .box, #item #dm100 .box {
  background: url(/sp/evernote/common/images/bg-item-bottom.png) 0 bottom no-repeat;
  padding-bottom: 13px;
}
/* line 178, ../sass/main.scss */
#item #shotnote .box .inner, #item #shotdocs .box .inner, #item #dm100 .box .inner {
  height: 600px;
  padding: 0 0 10px 23px;
  background: url(/sp/evernote/common/images/bg-item-body.png) repeat-y;
}
/* line 182, ../sass/main.scss */
#item #shotnote .box .inner p, #item #shotdocs .box .inner p, #item #dm100 .box .inner p {
  width: 258px;
}
/* line 185, ../sass/main.scss */
#item #shotnote .box .inner img, #item #shotdocs .box .inner img, #item #dm100 .box .inner img {
  margin: 5px 0;
}
/* line 188, ../sass/main.scss */
#item #shotnote .box .inner .icon02, #item #shotdocs .box .inner .icon02, #item #dm100 .box .inner .icon02 {
  width: 258px;
  margin: 10px 0;
  padding-left: 15px;
  background: url(/sp/evernote/common/images/icon-01.png) center bottom no-repeat;
}
/* line 193, ../sass/main.scss */
#item #shotnote .box .inner .icon02 li, #item #shotdocs .box .inner .icon02 li, #item #dm100 .box .inner .icon02 li {
  padding-bottom: 25px;
  list-style-type: disc;
  color: #cccccc;
}
/* line 198, ../sass/main.scss */
#item #shotnote .box .inner .icon02 span, #item #shotdocs .box .inner .icon02 span, #item #dm100 .box .inner .icon02 span {
  color: #333333;
}
/* line 202, ../sass/main.scss */
#item #shotnote .box .inner .link01, #item #shotdocs .box .inner .link01, #item #dm100 .box .inner .link01 {
  width: 258px;
  text-align: right;
  margin-top: 15px;
}
/* line 206, ../sass/main.scss */
#item #shotnote .box .inner .link01 li a, #item #shotdocs .box .inner .link01 li a, #item #dm100 .box .inner .link01 li a {
  background: url(/sp/evernote/common/images/icon-02.png) left no-repeat;
  padding-left: 17px;
  color: #167DCB;
}
/* line 210, ../sass/main.scss */
#item #shotnote .box .inner .link01 li a:hover, #item #shotdocs .box .inner .link01 li a:hover, #item #dm100 .box .inner .link01 li a:hover {
  color: #00b69a;
}
/* line 219, ../sass/main.scss */
#item #shotdocs {
  margin-right: 5px;
  margin-left: 1px;
}
/* line 224, ../sass/main.scss */
#item #dm100 {
  margin-right: -15px;
}

/*-------------------------------------
	footer
-------------------------------------*/
/* line 233, ../sass/main.scss */
#footer {
  background-color: #ffffff;
}
/* line 235, ../sass/main.scss */
#footer .inner {
  width: 900px;
  margin: 0 auto;
  text-align: center;
  padding-top: 30px;
  margin-bottom: 70px;
}
/* line 242, ../sass/main.scss */
#footer .copylight {
  background-color: #585957;
  color: #ffffff;
  padding: 20px 0;
}
/* line 246, ../sass/main.scss */
#footer .copylight p {
  width: 900px;
  font-size: 10px;
  text-align: right;
  margin: 0 auto;
}

/*-------------------------------------
	extend
-------------------------------------*/
/* line 258, ../sass/main.scss */
.left, #header .inner p, #content .section02 .in li, #content .section02 .out li {
  float: left;
}

/* line 262, ../sass/main.scss */
.right, #header .inner .hdg01 {
  float: right;
}

/* line 267, ../sass/main.scss */
.clearfix:after, #header .inner:after, #content .section01 .box .box_body:after, #content .section02 .box .box_body:after, #content .section03 .box .box_body:after, #content .section02 .in:after, #content .section02 .out:after, #item:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
}

/* line 275, ../sass/main.scss */
.mb10 {
  margin-bottom: 10px !important;
}

/* line 277, ../sass/main.scss */
.mb20 {
  margin-bottom: 20px !important;
}

/* line 279, ../sass/main.scss */
.mb30 {
  margin-bottom: 30px !important;
}

/* line 281, ../sass/main.scss */
.mb40 {
  margin-bottom: 40px !important;
}

/* line 283, ../sass/main.scss */
.mb50 {
  margin-bottom: 50px !important;
}

/* line 285, ../sass/main.scss */
.mt10 {
  margin-top: 10px !important;
}

/* line 287, ../sass/main.scss */
.mt20 {
  margin-top: 20px !important;
}

/* line 289, ../sass/main.scss */
.mt30 {
  margin-top: 30px !important;
}

/* line 291, ../sass/main.scss */
.mt40 {
  margin-top: 40px !important;
}

/* line 293, ../sass/main.scss */
.mt50 {
  margin-top: 50px !important;
}

/* line 296, ../sass/main.scss */
.pb10 {
  padding-bottom: 10px !important;
}

/* line 298, ../sass/main.scss */
.pb20 {
  padding-bottom: 20px !important;
}

/* line 300, ../sass/main.scss */
.pb30 {
  padding-bottom: 30px !important;
}

/* line 302, ../sass/main.scss */
.pb40 {
  padding-bottom: 40px !important;
}

/* line 304, ../sass/main.scss */
.pb50 {
  padding-bottom: 50px !important;
}

/* line 306, ../sass/main.scss */
.pt10 {
  padding-top: 10px !important;
}

/* line 308, ../sass/main.scss */
.pt20 {
  padding-top: 20px !important;
}

/* line 310, ../sass/main.scss */
.pt30 {
  padding-top: 30px !important;
}

/* line 312, ../sass/main.scss */
.pt40 {
  padding-top: 40px !important;
}

/* line 314, ../sass/main.scss */
.pt50 {
  padding-top: 50px !important;
}

/* line 316, ../sass/main.scss */
.ac {
  text-align: center;
}

/* line 318, ../sass/main.scss */
.icon01 {
  background: url(/sp/evernote/common/images/icon-01.png) center bottom no-repeat;
  padding-bottom: 50px;
}