@charset "utf-8";

/******************** area ********************/
.date {
    background: #fffed0;
    padding: 10px 10px;
    text-align: center;
    margin: 15px 15px;
    line-height: 160%;
}
.area {
    margin-bottom: 30px;
    text-align: center;
}
.area h3 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 20px auto 10px;
}
.area h4 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 20px auto 10px;
}
ul.osusume {
    margin: 0 15px 20px;
    text-align: left;
}
ul.osusume li {
    width: 100%;
    background: #ccf5f7 url("../img/konnakata.png") no-repeat -18px center;
    background-size: 86px;
    padding: 10px 10px 10px 55px;
    margin-bottom: 10px;
    display: inline-block;
    text-align: left;
    min-height: 50px;
    vertical-align: middle;
}
dl.kaiketsu {
    text-align: left;
    margin: 0 15px;
}
dl.kaiketsu dt {
    background: #fffd85;
    font-weight: bold;
    padding: 5px;
    margin: 0;
    display: inline-block;
}
dl.kaiketsu dd {
    text-align: left;
    background: #fffecb;
    padding: 8px 5px;
    margin: 0;
}
/******************** gps ********************/
.gps h2 {
    text-align: left;
    font-size: 18px;
    margin-bottom: 20px;
}
ol.step {
    margin: 10px 0 15px 15px;
}
ol.step li {
    list-style-position: outside;
    list-style: decimal;
    margin-bottom: 10px;
}


/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;

/* グラデーション */
    background: -moz-linear-gradient(top, #f5f5f5, #fff);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#066));　/* Safari,Google Chrome用 */  
}
/********************
* html  IE6
*:first-child+html  IE7
head~/* */body  IE8/*
html>body  Firefox
body:last-child  Opera
html:not([lang*=""])  Firefox
html:not(:only-child:only-child)  Safari
********************/