@charset "UTF-8";


/* ####################################

                              [x]howto
						               
####################################### */

h2.st_howto {
margin-top: 30px;
}


/*-- 2カラム右 --*/

.twocolrgt {
padding: 0 10px;
}

.twocolrgt .imgbox {
float: left;
width: 200px;
}

.twocolrgt .txtbox {
float: left;
width: 360px;
margin-top: 10px;
}

.twocolrgt ul.goto {
margin-bottom: 15px;
}

/*-- 数字リスト --*/
ol.reg {
padding: 0 0 0 20px;
}


/*--補足--*/
ul.numberbox {
margin: 20px 0 20px 20px;
color: #777;
}

ul.numberbox li {
display: block;
list-style-type: none;
margin: 0.33em 0 0 0;
padding: 10px 10px 10px 3em;
border: 5px solid #ebf4fe;
}

ul.numberbox li span {
float: left;
width: 3em;
margin-left: -3em;
text-align: center;
font-weight: bold;
font-family: sans-serif;
}

/*-- ボタンリスト --*/
ul.btnbox {
margin-top: 25px;
padding: 10px 5px;
text-align: center;
line-height: 0;
font-size: 0;
background: #f0f7fe;
}

ul.btnbox li {
float: left;
width: 50%;
padding: 5px 0;
}


/*-- テーブル --*/

#howtoflow {
margin-top: 25px;
padding: 10px 11px;
background: #f0f7fe;
}

#howtoflow table {
font-size: 0.8em;
line-height: 1.2em;
color: #666;
border-collapse: collapse;
}

#howtoflow table tr td {
padding: 5px 5px 20px;
vertical-align: top;
}

#howtoflow table tr td strong {
color: #00a0e9;
}

#howtoflow table tr td p {
margin: 5px 0 0;
}

.atten {
}