@charset "utf-8";
@import url("normalize.css");

/* ==========================================================
Common class
========================================================== */
body { 
    font-family: Meiryo,'メイリオ', 'ヒラギノ角ゴ ProN W3', Arial,Helvetica,sans-serif,Osaka;
	color:#333;
    background: #f2f2f2;
}

.fL{ float:left;}
.fR{ float:right;}

/* clearfix */
.clearfix {*zoom: 1;}

.clearfix:before,
.clearfix:after {
	display: block; 
	line-height: 0;
	content: "";
}

.clearfix:after {clear: both;}

.floatL { float: left; }
.floatR { float: right; }
.center { text-align: center; }

/* ==========================================================
Container
==========================================================*/
#wrapper{
    width: 900px;
    margin:0 auto;
}

@media screen and (max-width:900px){
    #wrapper{
        width: 98%;
    }
}

#main{

}

section.content{
    padding:10px 19px;
    margin-bottom:20px;
    border:1px solid #ebebeb;
    border-radius:6px;
    background:#fff;
    overflow:hidden;
    font-size:14px;
}

section.content p{margin-bottom:5px;}

h2.heading{
    padding-left:7px;
    margin-bottom:10px;
    font-size:16px;
    border-left:5px solid #358cac;
}

.topContent{
    padding:10px 19px;
    margin-bottom:20px;
    border:1px solid #ebebeb;
    border-radius:6px;
    background:#358cac;
    overflow:hidden;
    font-size:14px;
    color:#fff;
}

.topContent h2.heading{
    padding-left:7px;
    margin-bottom:10px;
    font-size:16px;
    border-left:5px solid #fff;
}

.readmore{
    display: inline-block;
    padding:6px 10px;
    color:#fff;
    background: #358cac;
    border-radius:5px;
}

.readmore a{
    color:#fff;
    text-decoration: none;
}

.readmore:hover{
    background: #e0660c;
}

/* ==========================================================
Sidebar
==========================================================*/
aside{
    padding:10px 19px;
    margin-bottom:20px;
    border:1px solid #ebebeb;
    border-radius:6px;
    background:#fff;
    overflow:hidden;
    font-size:14px;
}

#sidebar ul{padding:10px;}

#sidebar li{
margin-bottom:10px;
padding-bottom:10px;
list-style:none;
border-bottom:1px dashed #ebebeb;
}

#sidebar li:last-child{
border:0;
margin-bottom:0px;
}

#sidebar li a{
display:block;
    text-decoration: none;
}

#sidebar ul.list li{
clear:both;
margin-bottom:5px;
padding:5px 0;
overflow:hidden;
border:0;
}

ul.list li{height:1%;}

ul.list li img{
float:left;
margin-right:10px;
}

ul.list li{
font-size:12px;
line-height:1.35;
}

/* ==========================================================
navi
==========================================================*/
ul#topnav{
    padding: 0;
    overflow:hidden;
}

* html ul#topnav{height:1%;}

ul#topnav li{
    float:left;
    margin:5px;
    text-align:center;
    list-style: none;
}

ul#topnav a{
    font-size:12px;
    display:block;
    width: 4em;
    padding:10px 10px;
    color:#333;
}

ul#topnav li a{
    background:#e4e4e4;
    border-radius:5px;
}

ul#topnav li.active a,ul#topnav a:hover{
    background:#73c4e6;
    border-radius:5px;
}


/* ==========================================================
Header Footer
==========================================================*/
/* Header */
header{
    padding:20px 0;
    margin-bottom:1em;
    background:#358cac;
    color:#fff;
}

h1{
    margin:10px auto;
    text-align:center;
}

/* Footer */
footer{
    clear: both;
    padding:40px 0 6px 10px;
    font-size:12px;
    background:#73c4e6;
}

address{
    font-style: inherit;
}

/* min1024 ---------------------------------------------- */
@media screen and (min-width:1024px){}