html,body {
	/*background-image     : url('../images/bg5.png');*/
	background-size      : 70px 70px;
	background-attachment: fixed;
	background-repeat    : repeat;
	width                :100%;
	background-color: #E0E0E0;
	box-sizing:border-box;
}

*  {
	padding: 0px ;
	margin : 0px auto;
	/*font-family    :Consolas;*/
}


#site-box {
	box-sizing:border-box;
	text-align      : center;
	/*background-color: lavender;*/
}


#header-box {
	box-sizing:border-box;
	width:100%;
	padding            : 20px;
	background-repeat  : no-repeat;
	background-color  : #666;
	text-align         : left;
        background-image:
        -webkit-linear-gradient(top,#757575 0%,#444 100%);
        background-image:
        -moz-linear-gradient(top,#757575 0%,#444 100%);
        background-image:
        -ms-linear-gradient(top,#757575 0%,#444 100%);
}
.navi{
/*float:right;*/
margin-right:10px;
vertical-align:middle;
display:inline;
}
.navi ul {
    display: inline-block;
    /*/display: block; /* IE対策 */
    /*zoom: 1;  IE対策 */
    margin-top:5px;

}

.navi ul li {
    float: left;
    list-style: none;
    font-size:14px;
    border:0px solid #fff;
    padding-left: 20px;
    text-align:center;
    vertical-align: middle;
  color:#eee;
}
.navi ul li span{
  color:#eee;
}

.navi ul a{
color:#ccc;
text-decoration: none;
}
.navi ul a:hover{
color:#fff;
text-decoration: underline;
}

#content{
	box-sizing:border-box;
	width              : 100%;
	margin-top         : 0px;
	/*div内の横並び要素の高さを揃える*/
	display: -wbkit-flex;
	display: flex;
}
#content-left-bar{
	box-sizing:border-box;
	width              : 22%;
	float:left;
	text-align:left;
	/*border-right:1px solid #aaa;*/
	padding:5px;
	/*background-color: #f4f4f2;*/
}

#content-right{
	box-sizing:border-box;
	width              : 78%;
	float:right;
	text-align:left;
	/*border:1px solid #444;*/
	padding:5px;
}


#foot-box {
	box-sizing:border-box;
	width           : 100%;
	background-color: #444;
	font-size       : 12px;
	color           : #eee;
	text-align      : center;
	padding-bottom  : 5px;
	padding-top     : 5px;
}

  @media screen and (max-width: 640px){
      #site-box{
        width:1060px;
      }
      #content{
      width              : 100%;
     }
  }
  @media screen and (min-width: 641px){
      #site-box{
        width:100%;
      }
      #content{
      width              : 80%;
     }
  }

.clear{
  clear:both;
}
hr.line{
  border-width: 1px 0 0 0; /* 太さ */
  border-style: solid;     /* 線の種類 */
  border-color: #aaa;      /* 線の色 */
  height: 1px;             /* IE6用対策 */
  clear: both;             /* IE6用対策 */
}

/****************table defination******************************/

input[type="text"].title {
	box-sizing         :border-box;
	color              :#6C3C3C;
	width              :100%;
	height             :35px;
	font-size          :16px;
	background-color   :#F7F7F7;
	padding:5px;
}
input[type="submit"].title {
	box-sizing         :border-box;
	color              :#454545;
	width              :100%;
	height             :105px;
	font-size          :16px;
	background-color   :#EEEEEE;
	padding:5px;
	-moz-text-shadow   :1px 1px 3px #aaa;
	text-shadow        :1px 1px 3px #aaa;
	-webkit-text-shadow:1px 1px 3px #aaa;
}
input[type="submit"]:hover.title {
	background-color   :#FAE3CF;
}

/*▽▽▽▽▽▽▽　header部分のCSS　▽▽▽▽▽▽▽*/
.ciyu_title{
  border-collapse: collapse;
  width:100%;
}
.ciyu_title td{
font-size:30px;
color:#eee;
text-align:left;
/*line-height:90%;*/
vertical-align:top;
}

.ciyu_title a{
display:inline-block;
font-size:30px;
padding-top:15px;
padding-bottom:15px;
color:#eee;
text-decoration:none;
text-shadow:2px 2px 4px rgba(1,1,1,0.3);
}
.ciyu_title a:hover{
color:#FE9F1F;
}
/*△△△△△△△　header部分のCSS　△△△△△△△*/
#dropmenu {
	box-xizing:border-box;
  margin:0 auto;
  text-align:center;
  width:100%;
  border-top:1px solid #333;
  border-bottom:1px solid #333;
  background: repeating-linear-gradient(
  -55deg,
  #EFEFEF,
  #EFEFEF 10px,
  #F6F6F6 10px,
  #F6F6F6 20px
  );
}
#dropmenu ul {
  list-style-type: none;
  width: 100%;
  margin: 0px auto;
  padding: 0;
}
#dropmenu ul li {
	position  : relative;
	width     : 20%;
	float     : left;
	margin    : 0;
	padding   : 0;
	text-align: center;
}

#dropmenu ul li a {
	display        : block;
	margin         : 0;
	padding        : 10px 0;
	color          : #fff;
	font-size      : 14px;
	line-height    : 1;
	text-decoration: none;
	text-shadow    : 0 1px 1px rgba(0,0,0,.3);
}
#dropmenu ul li > a {
  color: #800;
}

#dropmenu ul li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}

#dropmenu ul li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  transition: .2s;
}
#dropmenu ul li ul li a {
  padding: 13px 15px;
  background: #7c8c0e;
  text-align: left;
  font-size: 14px;
  color:#fff;
  font-weight: normal;
}

#dropmenu ul > li:hover > a {  background: #7c8c0e;color:#fff; }
#dropmenu ul > li:hover li:hover > a {  background: #6e7c0c }
#dropmenu ul li:hover > ul > li {
  overflow: visible;
  height: 38px;
}

#dropmenu ul li ul li ul {
  top: 0;
  left: 100%;
  width:100%;
}

#dropmenu ul li:last-child ul li ul {
  left: -100%;
  width: 100%;
}
#dropmenu ul li ul li ul li a {  background: #616d0b }
#dropmenu ul li:hover ul li ul li:hover > a {  background: #535d09 }
#dropmenu ul li ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: -20px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #454e08;
}
#dropmenu ul li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 100%;
  margin-left: -20px;
  border: 5px solid transparent;
  border-right-color: #454e08;
}
#dropmenu ul li> ul {
  width: 150%;
}
#dropmenu ul li:last-child >ul {
  left: -50%;
}
.user_info{
	background-color:#FBF4F2;
	padding         :5px;
	border-radius   :3px;
	font-size       :14px;
	text-decoration :none;
	border          :1px solid #666;
	box-shadow      :1px 1px 2px 0px rgba(1,1,1,0.3);
}
.user_info:hover{
	position:relative;
top:2px;
}

.newest:after{
  position:relative;
  top:-15px;
  content:"!new";
  color:yellow;
  background-color: #ff0000;
  padding:1px;
  border:1px solid yellow;
  border-radius:3px;
  font-weight: bold;
  font-size:14px;
  margin-left:10px;
}
	.calender_title{
	width:100%;
	font-size:16px;
	color:#eee;
	}
	.calender_title td:first-child{
	padding-left:10px;
	text-align:left;
	}
	.calender_title td:last-child{
	padding-right:10px;
	text-align:right;
	}
.table_calender{
	box-sizing:border-box;
	width:240px;
	border-collapse: collapse;
	margin-right:0px;
	/*float:right;*/
}
.table_calender th{
	font-weight:normal;
	font-size:14px;
	color:#eee;
	text-align:center;
	border-bottom:1px solid #777;
}
.table_calender td{
	font-weight:normal;
	font-size:16px;
	color:#eee;
	text-align:center;
}
.month_link{
	font-size:14px;
	text-decoration: none;
	color:#eee;
}
.month_link:hover{
	text-decoration: underline;
}
#dw_file_box{
box-sizing                        : border-box;
width                             : 100%;
text-align:left;
}
.file_expl{
width                             : 100%;
text-align                        : left;
font-size                         : 14px;
color                             : #444;
padding                           : 5px 5px 15px 5px;
}
.file_expl span{
font-weight                       : bold;
font-size                         : 14px;
color                             : #ff0000;
padding                           : 5px;
}


.material_list{
 box-sizing:border-box;
border-collapse: collapse;
border-spacing: 0px;
width:100%;
padding:0px;
box-shadow: 2px 2px 2px 0px rgba(1,1,1,0.3);
}
.material_list td {
  font-size: 14px;
  color:#444;
  padding:5px;
  border:1px solid #aaa;
  line-height: 150%;
  background-color: #f4f4f2;
}

.material_list td p.title{
  font-size  :16px;
  font-weight:bold;
  color      :#f4f4f2;
  color      :#111;
  letter-spacing: 1px;

}

.material_list tr:nth-child(2n+1) td {
    color: #444;
    background-color:#f4f4f2;
    background: -moz-linear-gradient(top,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.03,#FFF), color-stop(0.03,#E6E6E6), to(#FFF));
    background: -ms-linear-gradient(top,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
    border: 1px solid #CCC;
    /*border-bottom: 1px solid #0099CC;*/
     /*padding: 10px 0;*/
}
.material_list tr:first-child td:first-child {
     border-top-left-radius: 3px;
     -moz-border-top-left-radius: 3px;
     -webkit-border-top-left-radius: 3px;
}
.material_list tr:first-child td:last-child {
     border-top-right-radius: 3px;
     -moz-border-top-right-radius: 3px;
     -webkit-border-top-right-radius: 3px;
}
.material_list tr:last-child td:first-child {
     border-bottom-left-radius: 3px;
     -moz-border-bottom-left-radius: 3px;
     -webkit-border-bottom-left-radius: 3px;
}

.material_list tr:last-child td:last-child {
     border-bottom-right-radius: 3px;
     -moz-border-bottom-right-radius: 3px;
     -webkit-border-bottom-right-radius: 3px;
}



 a.cart{
  box-sizing:border-box;
  display:block;
  color:#FFFFFF;
  font-size:14px;
  text-decoration: none;
}
 a:hover.cart{
  color:#EC8800;
    /*text-decoration: underline;*/
}

label{
cursor                            : pointer;
}
.check-btn {
display                           : none;
}
.check-btn:checked + .check:before {
opacity                           : 1;
}
.check {
position                          : relative;
box-sizing                        : border-box;
position                          : relative;
display                           : inline-block;
margin                            : 0 auto;
padding                           : 0;
vertical-align                    : middle;
cursor                            : pointer;
}
.check:hover:after {
width                             : 19px;
height                            : 19px;
border-color                      : #EC8800;
box-shadow                        : 0px 0px 6px 3px rgba(255,153,15,0.3),0px 0px 0px 1px #fff;
}
.check:after {
position                          : absolute;
top                               : 50%;
left                              : -9px;
display                           : block;
margin-top                        : -12px;
width                             : 18px;
height                            : 18px;
border                            : 2px solid #bbb;
border-radius                     : 3px;
content                           : '';
transition-property               : border, box-shadow,background-color,width,height;
transition-duration               : 1s;
transition-timing-function        : ease-in-out;
-moz-transition-property          : border, box-shadow,background-color,width,height;
-webkit-transition-property       : border, box-shadow,background-color,width,height;
-o-transition-property            : border, box-shadow,background-color,width,height;
-ms-transition-property           : border, box-shadow,background-color,width,height;
-moz-transition-duration          : 1s;
-webkit-transition-duration       : 1s;
-o-transition-duration            : 1s;
-ms-transition-duration           : 1s;
-moz-transition-timing-function   : ease-in-out;
-webkit-transition-timing-function: ease-in-out;
-o-transition-timing-function     : ease-in-out;
-ms-transition-timing-function    : ease-in-out;
}
.check:before {
position                          : absolute;
z-index                           : 999;
top                               : 50%;
left                              : -2px;
display                           : block;
margin-top                        : -9px;
width                             : 5px;
height                            : 10px;
border-right                      : 3px solid #fff;
border-bottom                     : 3px solid #fff;
transform                         : rotate(45deg);
content                           : '';
opacity                           : 0;
}
.check-btn:checked + .check:after {
opacity                           : 1;
background-color                  : #EC8800;
border                            : 2px solid #EC8800;
box-shadow                        : 0px 0px 0px 1px #fff;
}
.check-btn:checked + .check > table td {
color                             : #EC8800;
font-weight                       : bold;
text-shadow                       : 1px 1px 0px  #fff;
}
.radio-btn {
display                           : none;
}
.radio-btn + label > span.icon {
	box-sizing:border-box;

background-color                  : #fff;
border                            : 1px solid #aaa;
width                             : 18px;
height                            : 18px;
border-radius                     : 10px;
display                           : inline-block;
position                          : relative;
margin-right                      : 5px;
cursor                            : pointer;
vertical-align                    : middle;
top                               : -2px;
margin-right                      : 8px;
transition-property               : border, box-shadow,background-color,width,height;
transition-duration               : 1s;
transition-timing-function        : ease-in-out;
-moz-transition-property          : border, box-shadow,background-color,width,height;
-webkit-transition-property       : border, box-shadow,background-color,width,height;
-o-transition-property            : border, box-shadow,background-color,width,height;
-ms-transition-property           : border, box-shadow,background-color,width,height;
-moz-transition-duration          : 1s;
-webkit-transition-duration       : 1s;
-o-transition-duration            : 1s;
-ms-transition-duration           : 1s;
-moz-transition-timing-function   : ease-in-out;
-webkit-transition-timing-function: ease-in-out;
-o-transition-timing-function     : ease-in-out;
-ms-transition-timing-function    : ease-in-out;
}
.radio-btn + label:hover {
color                             : #EC8800;
}
.radio-btn + label:hover > span.icon {
box-sizing:border-box;
color                             : #EC8800;
width                             : 19px;
height                            : 19px;
border                            : 5px solid  #EC8800;
box-shadow                        : 0px 0px 6px 3px rgba(255,153,15,0.3),0px 0px 0px 1px #fff;
}
.radio-btn:checked + label {
color                             : #EC8800;
font-weight                       : bold;
}
.radio-btn:checked + label > span.icon {
background-color                  : #EC8800;
border                            : 1px solid #EC8800;
color                             : #fff;
position                          : relative;
box-shadow                        : 0px 0px 0px 1px #fff;
}
.radio-btn:checked + label > span.icon i {
width                             : 8px;
height                            : 8px;
background                        : #fff;
border-radius                     : 4px;
position                          : absolute;
left                              : 50%;
top                               : 50%;
margin-top                        : -4px;
margin-left                       : -4px;
z-index                           : 5;
display                           : block;
}

.check_finished {
position                          : relative;
box-sizing                        : border-box;
position                          : relative;
display                           : inline-block;
margin                            : 0 auto;
padding                           : 0;
/*margin                            : 0 20px 0 0;
padding                           : 0 0 0 30px;*/
vertical-align                    : middle;
}

.check_finished:after {
position                          : absolute;
top                               : 50%;
left                              : -9px;
display                           : block;
margin-top                        : -12px;
width                             : 18px;
height                            : 18px;
border                            : 2px solid #bbb;
border-radius                     : 3px;
content                           : '';
}
.check_finished:before {
position                          : absolute;
z-index                           : 999;
top                               : 50%;
left                              : -2px;
display                           : block;
margin-top                        : -9px;
width                             : 5px;
height                            : 10px;
border-right                      : 3px solid #444;
border-bottom                     : 3px solid #444;
transform                         : rotate(45deg);
content                           : '';
opacity                           : 1;
}



 .paid_material_content{
border-collapse: collapse;
border-spacing: 0px;
width:100%;
background-color: #eee;
padding:5px;
 box-sizing:border-box;
}
.paid_material_content td {
  font-size: 14px;
  padding:10px;
  border:1px solid #aaa;
  line-height: 150%;
  text-align:left;
}
.paid_material_content tr:first-child td{
/*background-color: #444;*/
color:#444;
    background-color:#f4f4f2;
    background: -moz-linear-gradient(top,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.03,#FFF), color-stop(0.03,#E6E6E6), to(#FFF));
    background: -ms-linear-gradient(top,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
    border: 1px solid #CCC;
}
.paid_material_content td p.title{
  font-size  :16px;
  color      :#444;
  letter-spacing: 1px;
  padding:5px;
}
.content_jieshao{
	font-size:14px;
  font-family:Verdana;
	color:#800;
	padding:10px;
}

.confirm_page_tble{
border-collapse: collapse;
border-spacing: 0px;
width:100%;
background-color: #eee;
padding:5px;
 box-sizing:border-box;
}
.confirm_page_tble th {
  font-size: 12px;
  padding:2px;
  border:1px solid #aaa;
  line-height: 150%;
background-color:#444;
text-align:left;
color:#f4f4f2;
}
/*.confirm_page_tble td {
  font-size: 16px;
  padding:5px;
  border:1px solid #aaa;
  line-height: 150%;
background-color:#444;
text-align:left;
color:#f4f4f2;
        background-image:
        -webkit-linear-gradient(top,#757575 0%,#444 100%);
        background-image:
        -moz-linear-gradient(top,#757575 0%,#444 100%);
        background-image:
        -ms-linear-gradient(top,#757575 0%,#444 100%);
}*/
.confirm_page_tble td {
  font-size: 16px;
  padding:5px;
  border:1px solid #aaa;
  line-height: 150%;
background-color:#444;
text-align:left;
    color: #444;
    background-color:#f4f4f2;
    background: -moz-linear-gradient(top,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.03,#FFF), color-stop(0.03,#E6E6E6), to(#FFF));
    background: -ms-linear-gradient(top,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
    border: 1px solid #CCC;
    border-bottom: 1px solid #0099CC;
}


.confirm_page_tble td p.title{
  font-family:'ms-ゴシック','icomoon';
  font-size  :16px;
  /*font-weight:bold;*/
  color      :#111;
    letter-spacing: 1px;
  padding:5px;
}

.confirm_page_tble td  a{
  box-sizing:border-box;
  position:relative;
  display:inline-block;
    color:#EC8800;
    letter-spacing: 1px;
    font-size:14px;
    padding:2px 10px;
    text-decoration: none;
}
.confirm_page_tble td  a:hover{
 position:relative;
  top      :1px;
  color:#f4f4f2;
  text-decoration: underline;
}
.confirm_page_tble td  a:active{
  color      :#EC8800;
}

.form-button {
  border:0;
/*      width: 150px;
    height: 50px;*/
  border-radius: 3px;
  background:#666;
  color:#000;
  font-size:14px;
  padding:0.5em 2em;
  box-shadow:
               5px 5px 8px 1px rgba(0,0,0,0.3),
               inset -1px -1px 0px 0px rgba(200,200,200,0.8);
}
.form-button:active {
  /*bottom: -4px;
  margin-bottom: 4px;*/
    background:#606;
  border: none;
  box-shadow: 1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, .3);
}
/*色属性は別のクラスを作成*/


table.formTable{
	width:95%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,
table.formTable th{
	font-size:14px;
	border:1px solid #ccc;
	padding:10px;
  text-align:left;
}
table.formTable th{
  text-align:left;
  font-weight:normal;
	background:#ffffff;
}
table.formTable td{
  font-size:16px;
  background:#eeeeee;
  letter-spacing: 1px;
}
table.formTable tr:first-child th:first-child{
  border-top-left-radius:5px;
}
table.formTable tr:first-child td:last-child{
  border-top-right-radius:5px;
}
table.formTable tr:last-child th:first-child{
  border-bottom-left-radius:5px;
}
table.formTable tr:last-child td:last-child{
  border-bottom-right-radius:5px;
}
table.formTable input[type=text]{
  width:180px;
  padding:10px;
  border-radius:3px;
  background:#F8F8D6;
  color:#800;
  font-size:14px;
  border:1px solid #fff;
  box-shadow:
  1px 1px 1px rgba(20,20,20,0.5) inset,
  -1px -1px 0px rgba(50,50,50,0.2) inset;
}
table.formTable select{
  padding:10px;
  font-size:14px;
  font-weight:normal;
  border-radius:3px;
  background:#F8F8D6;
  color:#800;
  border:1px solid #fff;
  box-shadow:
  1px 1px 1px rgba(20,20,20,0.5) inset,
  -1px -1px 0px rgba(50,50,50,0.2) inset;
}

table.formTable textarea{
  padding:10px;
  font-size:14px;
  border-radius:3px;
  background:#F8F8D6;
  color:#800;
  border:1px solid #fff;
  box-shadow:
  1px 1px 1px rgba(20,20,20,0.5) inset,
  -1px -1px 0px rgba(50,50,50,0.2) inset;
}
/*▼side menu*/
.block_outer {
 margin-top:5px;
 font-size:14px;
 color:#444;
 width:100%;
 box-sizing:border-box;
 border:1px solid #999;
 background-color:#f4f4f2;
 line-height:150%;
 padding:3px;
}
.title_box {
border-bottom:1px dashed #999;
padding:3px;
    color: #444;
	background-color:#f4f4f2;
    background: -moz-linear-gradient(top,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.03,#FFF), color-stop(0.03,#E6E6E6), to(#FFF));
    background: -ms-linear-gradient(top,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
    border: 1px solid #CCC;
}
.side_menu_title {
	border-left:5px solid #999;
	padding:3px;
}
.block_body {
width:100%;
margin-top:3px;
padding:3px;
box-sizing:border-box;
}
.information {
width:80%;
text-align:left;
}
.item {
margin-top:10px;
border:1px solid #999;
}
.total {
margin-top:5px;
border:1px solid #999;
}
.left {
	box-sizing:border-box;
	display:inline-block;
	width:40%;
	font-size:12px;
	text-align:center;
  padding:5px;
/*  color:#eee;
	background-color:#444;
  ound-image:
  -webkit-linear-gradient(top,#888 0%,#444 100%);
  background-image:
  -moz-linear-gradient(top,#888 0%,#444 100%);
  background-image:
  -ms-linear-gradient(top,#888 0%,#444 100%);*/
  color: #444;
  background-color:#f4f4f2;
    background: -moz-linear-gradient(top,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.03,#FFF), color-stop(0.03,#E6E6E6), to(#FFF));
    background: -ms-linear-gradient(top,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
    border: 1px solid #CCC;
}
.right {
	box-sizing:border-box;
	display:inline-block;
	width:60%;
	text-align:center;
	background-color:#f4f4f2;
	padding:5px;
/*	        background-image:
        -webkit-linear-gradient(top,#f4f4f2 0%,#ccc 100%);
        background-image:
        -moz-linear-gradient(top,#f4f4f2 0%,#ccc 100%);
        background-image:
        -ms-linear-gradient(top,#f4f4f2 0%,#ccc 100%);*/
}
.attention{
color:red;
font-weight:bold;
font-family:Verdana;
}
.price {
	text-align:right;
	color:blue;
	font-weight:bold;
  font-family:Verdana;
}
h2.cart {
	font-size:14px;
	color:#444;
}
h2.category {
	font-size:14px;
	color:#444;
}
h2.guide {
	font-size:14px;
	color:#444;
}

  .categorytree{
    width:100%;
    padding:0px;
    margin:0px;
    list-style: none;
    line-height: 150%;
  }
  .categorytree li{
color:#444;
  }
  .categorytree li a{
  box-sizing:border-box;
  display:block;
  width:100%;
  padding:5px 5px 5px 5px;
  text-decoration: none;
  font-size:14px;
  color:#444;
  position:relative;
  /*border:1px solid #444;*/
  }
    .categorytree li a:hover{
  /*text-decoration: underline;*/
  background-color:#e4e4e2;
  color:#444;
  border-radius:3px;
  }

  .categorytree li a > span.kaban{
color:#999;
  }

  .categorytree li a > span.arrow{
position:absolute;
right:10px;
color:#E86D09;
  }

  .button_like{
    width:100%;
    padding:0px;
    margin:0px;
    list-style: none;
    line-height: 150%;
  }
  .button_like li{
padding:5px 10px;
color:#444;
  }
  .button_like li a{
  text-decoration: none;
  font-size:12px;
  color:#2980C7;
  }
    .button_like li a:hover{
  text-decoration: underline;
  }

.btn {
	margin-top:10px;
/*	margin-bottom:3px;*/
	text-align:center;
	/*background-color: #CACAFF;*/
	/*height:50px;*/
	vertical-align: middle;
	/*padding:15px;*/

}
.b_cart {
display:inline-block;
  border:0;
 text-decoration: none;
  border-radius: 3px;
  background:#666;
  color:#000;
  font-size:14px;
  padding:10px;
  box-shadow: inset -1px -1px 0px 0px rgba(200,200,200,0.8);
}
.b_cart:active {
    background:#606;
  border: none;
  box-shadow: 1px 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, .3);
}
.table_cart {
display:inline-block;
 text-decoration: none;
 padding:1px;
  color:#111;
  font-size:16px;
}
.table_cart:hover {
  color:#800;
border-bottom:1px solid #800;
}
/*▲side menu*/
.col-orange {
  border:1px solid #aaa;
  color: #fff;
  text-shadow: 0px 1px 0px #888888;
  border-bottom: 2px solid #777777;
  background-color: #d2691e;
  background: -webkit-linear-gradient(top, #d2691e, #8b0000);
  background: -moz-linear-gradient(top,  #d2691e,  #8b0000);
  background: linear-gradient(to bottom, #d2691e, #8b0000);
}
.col-orange:hover {
  background: #d2691e;
  background: -webkit-linear-gradient(top, #8b0000, #d2691e);
  background: -moz-linear-gradient(top,  #8b0000,  #d2691e);
  background: linear-gradient(to bottom, #8b0000, #d2691e);
  color: #fff;
  text-shadow: 0px 1px 0px #333;
}
    .sch_index{
		width     :100%;
		text-align:left;
		font-size:14px;
    }
    .sch_index select{
		width    :100px;
		padding  :5px;
		font-size:12px;
    }
    .sch_index a{
		font-size      :14px;
		color          :#236874;
		padding        :10px 5px;
		font-family    :Consolas;
		text-decoration: none;
    }
    .sch_index a:hover{
		color          :#236874;
		text-decoration: underline;
    }
    .sch_index a:visited{
        color:#236874;
    }
    .curr_pg{
		color      :#993131;
		font-weight:bold;
		padding:5px;
		border:1px solid #666;
        border-radius:3px;
		box-shadow:1px 1px 1px 0 rgba(1,1,1,0.2);
            background-image:
    -webkit-linear-gradient(top,#D7E89D 0%,#CEE287 100%);
    background-image:
    -moz-linear-gradient(top,#D7E89D 0%,#CEE287 100%);
    background-image:
    -ms-linear-gradient(top,#D7E89D 0%,#CEE287 100%);
    }
#undercolumn_order {
	width:100%;
}
#undercolumn_order table {
	width:100%;
	border-collapse: collapse;
}

#undercolumn_order table th {
	font-size:12px;
	background-color:#eee;
	border:1px solid #ccc;
	padding:10px;
	padding-left:20px;
	color:#444;
	text-align:left;
	font-weight:normal;
}
#undercolumn_order table td {
	font-size:12px;
	background-color:#f4f4f2;
	border:1px solid #ccc;
	padding:10px;
	color:#444;
	line-height:200%;
}
#undercolumn_aboutus {
	width:100%;
}
#undercolumn_aboutus table {
	width:100%;
	border-collapse: collapse;
}

#undercolumn_aboutus table th {
	font-size:12px;
	background-color:#eee;
	border:1px solid #ccc;
	padding:10px;
	padding-left:20px;
	color:#444;
	text-align:left;
	font-weight:normal;
}
#undercolumn_aboutus table td {
	font-size:12px;
	background-color:#f4f4f2;
	border:1px solid #ccc;
	padding:10px;
	color:#444;
	line-height:200%;
}
.page_title {width:100%;}
.page_title td{	font-size:16px;color:#AB0B0B;padding:3px;}
.pg_title_span {display:block;font-size: 16px; color: #AB0B0B;border-left:8px solid #DF3A01;  padding:5px; padding-left:15px;text-shadow:1px 1px 1px rgba(0,0,0,0.1);font-weight:bold;}
.pg_title_horbar {margin-top:5px;border-top:1px dashed #444;border-bottom:1px dashed #fff;}
.page_title_exp {padding:5px 5px 5px 25px; text-align:left; font-size:14px; color:#444;}

.midashi1{font-size:14px;font-weight:bold;color:#222;padding:5px;}
.midashi1 + p {font-size:12px;font-weight:normal;color:#444;padding:5px;}

.faq_question{
	width:100%;
	margin-left:0px;
}
#accordion{
  position:relative;
  width:90%;
  min-width: 360px;
  max-width:800px;
/*  float:left;*/
  padding: 0;
  border-top: 28px solid #1b4958;
  border-bottom: 15px solid #1b4958;
  /*border-radius: 3px;*/
  font-size: 14px;
  line-height: 1;
  color:#333;
}
#accordion input{
  position:absolute;
  height: 0;
  padding:0;
}
#accordion div div{
  position         : relative;
  padding          : 5px 35px 5px 15px;
  border-top       : 1px solid #d4ebf2;
  border-bottom    : 1px solid #86c5da;
  background       : #add8e6;
  line-height      : 200%;
}
#accordion label:first-child div div{
  border-top: 0;
}
#accordion label:last-child div div{
  border-bottom: 0;
}
#accordion div div:hover{
  background: #a0d2e2;
  cursor: pointer;
}

#accordion  div  div::before{
  position:relative;
  color: #ff0000;
  font: 14px 'Typicons';
  content: "Q.　" ;
}
#accordion div div:after{
  position:absolute;
  top: 15px;
  right:10px;
	color: #2f7f99;
  font: 14px 'Typicons';
  content: "▼";
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
  text-shadow:
  0px -1px 0px rgba(255,255,255,0.4),
  1px 1px 0px rgba(255,255,255,0.4),
  -1px 1px 0px rgba(255,255,255,0.4);
}

#accordion input:checked + div div:after{
  top: 12px;
  right: 10px;
  color: #FFFF00;
  /*content: "▼▼";*/
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  text-shadow:1px 1px 1px rgba(1,1,1,0.3);
}
#accordion ul{
  list-style: none;
  margin: 0;
  padding-left:0px;
  background: #e1f1f6;
}


#accordion ul li{
  display: block;
  overflow: hidden;
  height: 0;
  padding: 0px 15px;
  color: #333;
  text-decoration: none;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}
#accordion ul li::before{
  position:relative;
  color: #ff0000;
  font: 14px 'Typicons';
  content: "A.　" ;
}
#accordion input:checked + div ul li{
  display:block;
  color:#333;
  height:100%;
  position:relative;
  background: none;
  line-height: 200%;
  /*height: 14px;*/
  padding: 13px 15px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #a0d2e2;
}
.mat_list_sub_link {width:100%;text-align:right;padding:5px;color:#800;}
.mat_list_sub_link a {display:inline-block;padding:5px;color:#800;text-decoration:none;}
.mat_list_sub_link a:hover {
  text-decoration:none;
/*  background-color:#fff;
  box-shadow:2px 2px 2px 0px rgba(1,1,1,0.3);*/
    color      :#993131;
    font-weight:bold;
    padding:5px;
    border:1px solid #666;
        border-radius:3px;
    box-shadow:1px 1px 1px 0 rgba(1,1,1,0.2);
            background-image:
    -webkit-linear-gradient(top,#D7E89D 0%,#CEE287 100%);
    background-image:
    -moz-linear-gradient(top,#D7E89D 0%,#CEE287 100%);
    background-image:
    -ms-linear-gradient(top,#D7E89D 0%,#CEE287 100%);
}

.formWrap {
  width:800px;
	margin:0 auto;
	color:#555;
	line-height:200%;
	font-size:12px;
	text-align:left;
}
.selector11b {
	font-size:16px;color:#DF3A01;line-height:150%;
}

.midashi2 {
	font-size:14px;color:#444;line-height:150%;
}

a.sample_download_link {
	color:#f4f4f2;
	text-decoration: none;
}
a.sample_download_link:hover{
	color:#d2691e;
	text-decoration: underline;
}
a.sample_download_link:active {
	color:#f4f4f2;
}
.orderchart {display:inline-block;padding:5px;border-radius:3px;background-color:#f4f4f2;border:1px solid #888;color:#444;}