@charset "utf-8";
/******** 共通 ********/
/* meta */
/* header */
/* contentArea */
#main p{ display:block; width:90%; text-align:center; margin:0 auto; }
#main .list{ clear:both display:block; width:90%; max-width:750px; margin:30px auto 0 auto; overflow:hidden; }
#main .list li{ display:block; float:left; text-align:center; }
#main .list li a{ display:block; width:90%;  color:#FFF; text-align:center; padding:15px 0; margin:0 auto; background:#F1A400; font-family:"rounded-x-mplus-1c-bold", "Boku2-Bold", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial,Osaka,Sans-Serif; border-radius:5px; /* CSS3草案 */  -webkit-border-radius: 5px;/* Safari,Google Chrome用 */  -moz-border-radius: 5px;/* Firefox用 */ }
#main .list li a.selected{ color:#F1A400; background:#F9DB99; }
.flow { display:none; }
#flow00 { display:block; }
#flow00 .image{ display:block; width:90%; max-width:750px; margin:0 auto; }
.flow dl{ display:block; width:80%; max-width:750px; padding:50px 5%; margin:0 auto; color:#85683E; border:5px #F1A400 solid; line-height:200%; border-radius:20px; /* CSS3草案 */  -webkit-border-radius: 20px;/* Safari,Google Chrome用 */  -moz-border-radius: 20px;/* Firefox用 */ }
.flow dl dt{ font-size:1.3em; color:#666; font-family:"rounded-x-mplus-1c-bold", "Boku2-Bold";  }
.flow dl dd{ margin-bottom:15px; padding-left:1em;}
/* footer */
/******** PC用 ********/
@media screen and (min-width:736px) {
	#main .list li{ width:33.3%; }
}
/******** スマホ、タブレット用 ********/
@media screen and (max-width:735px){
	#main .list li{ width:50%; margin-top:10px; }
}