/*------------- 　itwork.css  ----------*/


body {
margin: 0px 0px 0px 0px;
background-color: #fafafa;
text-align: center;
}	


#top {
margin: 10px auto;
width: 796px;height: auto;
padding: 20px 0px 0px 0px;
text-align: left;
border-width: 2px 2px 2px 2px;
border-color: #ffd33c;
border-style: solid;
background-color: #fafafa;
}

#top h1 {
line-height: 50%;
padding: 10px 0px 0px 0px;
text-align: center;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 26px; color: #dc6000;
letter-spacing: 0pt; 
}

#top h2 {
line-height: 50%;
padding: 0px 10px 0px 0px;
text-align: right;
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
font-size: 20px; color: #dc6000;
letter-spacing: 0pt; 
}

#container{
line-height: 0%;
margin: 40px auto;
text-align: left;
padding: 10px 0px 0px 0px;
width: 800px;
background-color: #fafafa;
}

#container h3 {
padding: 0px 0px 0px 10px;
font-family: Verdana, Arial, sans-serif;
font-weight: bolder;
font-size: 20px; color: #dc6000;
}

#desc {
line-height: 150%;
margin: 0px auto 40px auto;
padding: 0px 15px 0px 15px;
text-align: left;
border-width: 2px 2px 2px 2px;
border-color: #ffd33c;
border-style: solid;
}

#desc p {
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
font-size: 16px; color: #ff4c03;
letter-spacing: 0pt; 
}

#selet {
line-height: 150%;
height: 220px;
margin:  0px 0px 40px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
border-width: 2px 2px 2px 2px;
border-color: #1c0b5a;
border-style: solid;
}

.reco {
line-height: 150%;
width: 215px;height: 200px;
margin: auto;
padding: 0px 15px 0px 15px;
text-align: left;
float: left;
border-width: 10px 10px 10px 10px;
border-color: #ffd33c;
border-style: ridge;
}

.reco p {
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
font-size: 14px; color: #ff4c03;
letter-spacing: 0pt; 
}

#cate {
line-height: 100%;
margin: 20px auto 40px auto;
padding: 0px 15px 0px 15px;
text-align: left;
border-width: 2px 2px 2px 2px;
border-color: #ffd33c;
border-style: solid;
}

#cate p {
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
font-size: 12px; color: #00ff00;
letter-spacing: 0pt; 
}

#cate p a {
font-family: Verdana, Arial, sans-serif;
font-weight: normal;
font-size: 12px; color: #008740;
letter-spacing: 0pt; 
}

/*------------- 　文字の色や強調  ----------*/

.s {font-size: 10px}
.b {font-weight: bold}
.l {font-weight: bold; font-size: 16px}
.ll {font-weight: bold; font-size: 24px}


.red  {color: red}
.redb {color: red; font-weight: bold}
.redl {color: red; font-weight: bold; font-size: 16px}


.blue  {color: blue}
.blueb {color: blue; font-weight: bold}
.bluel {color: blue; font-weight: bold; font-size: 16px}


.dgreen  {color: darkgreen}
.dgreenb {color: darkgreen; font-weight: bold}
.dgreenl {color: darkgreen; font-weight: bold; font-size: 16px}


.chu  {color: #ff8833; font-size: 11px}
.chub {color: #ff8833; font-weight: bold; font-size: 13px}
.chul {color: #ff8833; font-weight: bold; font-size: 16px}