*{
font-size: 18px;
line-height:1.6;
}

#container_back{

background-image: url(img/back.gif);
background-repeat: repeat;
}

#container{
background-color: #fff;
padding: 20px;
}

.nomobile{
font-size:14px;
height:250px;
overflow:auto;

}

.q {
background:url(img/q.png) no-repeat left center;
padding-left:60px;//�摜�̕��������ɗ]�����m�ۂ���
font-weight: bold;
font-size:20px;
border-bottom:solid 3px #ffc500;
}

.excelmokuji{
background:url(img/excelmokuji.gif) no-repeat left center;
padding-left:270px;//�摜�̕��������ɗ]�����m�ۂ���
font-size:20px;
line-height:2.5;
}

.wordmokuji{
background:url(img/wordmokuji.gif) no-repeat left center;
padding-left:230px;//�摜�̕��������ɗ]�����m�ۂ���
font-size:20px;
line-height:2.5;
}

.ppmokuji{
background:url(img/ppmokuji.gif) no-repeat left center;
padding-left:350px;//�摜�̕��������ɗ]�����m�ۂ���
font-size:20px;
line-height:2.5;
}

.accessmokuji{
background:url(img/accessmokuji.gif) no-repeat left center;
padding-left:270px;//�摜�̕��������ɗ]�����m�ۂ���
font-size:20px;
line-height:2.5;
}

 /*テーブル*/

 .table_design01 {
  border-collapse: collapse;
  width: 100%;
  max-width: 700px;
  margin:auto
}
.table_design01 th, .table_design01 td {
  border: 2px solid #fff;
  background-color: #f7f5ee;
  padding: 1em;
}
.table_design01 th {
  background-color: #E25452;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 30%;
  min-width: 4em;
}
      

/*�ڎ����X�g*/
ul li {
  position: relative;
}
ul li::after,
ul li::before {
  display: block;
  content: '';
  position: absolute;
}

ul li::after {
  top: .35em;
  left: -1.2em;
  width: 14px;
  height: 14px;
  border-radius: 100%;
}

ul li::before {
  z-index: 2;
  top: .625em;
  left: -.975em;
  width: 4px;
  height: 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*�ڎ����X�g�F����*/
.aolist li::after {
  background-color: #214b9c;
}

.midorilist li::after {
  background-color: #558138;
}

.orangelist li::after {
  background-color: #f34401;
}

.murasakilist li::after {
  background-color: #86365a;
}

.winlist li::after {
  background-color: #016af3;
}




/*���i�g*/
.itemwaku{
padding: 10px;
margin-bottom:20px;
border: 3px #bfbfbf solid;  /* �g�������� */
border-radius: 20px;      /* �p�ۂ̎w�� */
}

/*�˜g*/
.aowaku{
padding: 10px;
margin-bottom:20px;
border: 3px #214b9c solid;  /* �g�������� */
border-radius: 20px;      /* �p�ۂ̎w�� */

}

/*�Θg*/
.midoriwaku{
padding: 10px;
margin-bottom:20px;
border: 3px #558138 solid;  /* �g�������� */
border-radius: 20px;      /* �p�ۂ̎w�� */
}
/*�I�����W�g*/
.orangewaku{
padding: 10px;
margin-bottom:20px;
border: 3px #f34401 solid;  /* �g�������� */
border-radius: 20px;      /* �p�ۂ̎w�� */
}
/*���g*/
.murasakiwaku{
padding: 10px;
margin-bottom:20px;
border: 3px #86365a solid;  /* �g�������� */
border-radius: 20px;      /* �p�ۂ̎w�� */
}

/*���z�g*/
.kansouwaku{
padding: 10px;
margin-bottom:20px;
border: 3px #ff0000 solid;  /* �g�������� */
border-radius: 20px;      /* �p�ۂ̎w�� */
background-color: #ffffdf;
}

.okyakuwaku{
padding: 10px;
margin-bottom:20px;
border: 6px #ff5602 solid;  /* �g�������� */
}

.koukawaku{
padding: 10px;
margin-bottom:20px;
border: 5px #000000 solid;  /* �g�������� */
background-color: #fffef7;

}



/*������r�e�[�u��*/
.ryoukin td{
text-align:center;
font-weight:bold;
}

.ryoukin td:nth-of-type(1){
background-color:#ceffce;
}

.ryoukin td:nth-of-type(2){
background-color:#ceffff;
}

.ryoukin td:nth-of-type(3){
background-color:#ffff80;
color:#cc0000;
}


.left{
padding: 10px;
float: left;
}

.right{
float: right;
}

img {
    max-width: 100%; 
    height: auto; 
}

/*�R���e���c���摜*/
.contimg{
float:right;
padding:10px;
max-width: 200px; 
}

.btnimg{
text-align:center;
padding:10px;
}

.red{
color: #ff0000;
font-weight:bold;
}

.redbig{
color: #ff0000;
font-weight:bold;
font-size: 1.8em;
line-height: 0.9em
}

.bold{
font-weight:bold;
}

.marker{
background: linear-gradient(transparent 0%, #ffff66 0%);
font-weight:bold;
}

.blue{
color: #0000FF;
font-weight:bold;
}

/* �w�b�_�[ */

#header{
text-align:center;
}

.center{
text-align:center;
}

/*�匩�o��*/
h2 {
font-size: 1.5em;
padding: 0.5em;/*��������̗]��*/
}
/*�����b�g���o��*/
h3{
font-size: 1.2em;
position: relative;
padding: 0.25em 0;
color: #ff0000;
}
h3:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
}

/*���i�����o��*/
h4{
color: #010079;
text-shadow: 0 0 5px white;
padding: 0.3em 0.5em;
background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);

}

/* �t�b�^�[ */

#footer{
background-color:#c9e3fb;
text-align:center;
line-height:2;
}



/* PC�Ȃlj�ʂ�768px�ȏ�̏ꍇ */

@media (min-width: 768px){

.nomobile{
height:550px;
}

.honbun{
padding-left:30px;
padding-right:60px;
padding-bottom:20px;
}

.tokuten{
text-align:center;
padding:20px;
}

/*�g*/
.kansouwaku, .aowaku, .midoriwaku, .orangewaku, .murasakiwaku,.koukawaku{
padding: 15px;
}

.okyakuwaku{
padding: 30px;
}



/*�ڎ��摜*/
.mokujiimg{
float:right;
padding:30px;
max-width: 250px; 
}


.twostep{
padding:50px;
padding-top:20px;
padding-bottom:20px;
background-color:#fffde5;
}

}

/* ��ʂ�1024px�ȏ�̏ꍇ */

@media (min-width: 1024px){

#container{
width:1000px;
margin: 0 auto;
}
#content{
width:900px;
margin: 0 auto;
}

}