@charset "UTF-8";

/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width: 640px) {

body {
	/*font-size:2em;*/
	line-height:1.5em;
}
.pc {
	display:none;
}
.smart {
	display:block;
}
.pc_left {
float:none;
}
.pc_right {
float:none;
}
.pc_font01 {
	font-size:1.2em;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.margin_bottom07 {
	margin-bottom:30px;
}
.smart_width100 {
	width:100%;
}
.smart_width95 {
	width:95%;
}

#wrapper {
	width:100%;
}

header h1 {
	text-align:center;
}
header h1 img {
	width:80%;
}

.footer_nav {
	display:none;
}


footer .footer01 {
	border-top:3px solid #2e6592;
	margin:0;
	text-align:left;
	padding:10px 5px;
	font-size:0.8em;
	width:100%;
}
footer .footer01 img {
	width:95%;
	margin:1px 2.5%;
}

footer .footer01 .footer_menu {
display:none;
}

footer #copy {
	text-align:center;
		font-size:0.8em;
}

/* top */
#main .top01 {
	background-color:#f2f2f2;
	padding:20px 5px 5px 5px;
	margin-bottom:10px;
}
#main .top01 h2 {
	width:95%;
	margin:0 auto;
	text-align:center;
}
#main .top01 h2 img {
		width:100%;
}
#main .top01 h3 {
	font-size:1.1em;
	margin:0px 0 10px 0;
}
#main .top02 {
	margin:10px 5px 0px 5px;
}
#main .top02 .top_box01 {
	width:100%;
	float:none;
	margin-bottom:10px;
}
#main .top02 .top_box01 img {
	width:20%;
}
#main .top02 .top_box01 h3 {
	margin-top:0px;
	margin-bottom:10px;
}
#main .top02 .top_box01 br {
    display: none;
  }


#main .bxslider li {
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	border:1px solid #ededed;
	width:48;
}
#main .bxslider li .slider_left {
	float:none;
	width:100%;
}
#main .bxslider li .slider_right {
	float:none;
	width:100%;
}
#main .bxslider li .slider_right h5 {
	color:#2e6592;
	font-size:0.9em;
	margin-top:8px;
	padding:0 2px;
}
#main .bxslider li .slider_right p {
	font-size:0.9em;
	margin-bottom:5px;
}

/* カテゴリー一覧 */
#main .cate01 {
    background-color:#f2f2f2;
	padding:20px 5px 5px 5px;
	margin:0 auto;
	margin-bottom:20px;
	text-align:center;
	
}
#main .cate01 form {
	text-align:left;
	float:none;
	padding:0 2%;
}
#main .cate01 form input {
	font-size:0.8em;
	width:auto;
	max-width:70%;
}

#main .cate_h2 {
	margin:10px 5px 0px 5px;
	background-color:#30638b;
	padding:7px 15px;
	color:#ffffff;
	font-size:1.1em;
	text-align:left;
}
#main .cate02 {
	width:94%;
    margin:10px 3% 0px 3%;
	text-align:left;
}

#main .cate02 dt img {
	width:50px;
}
#main .cate02 dd {
	padding-left:60px;
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
	min-height:60px;
}


#main .cate03 {
	width:94%;
    margin:10px 3% 0px 3%;
	text-align:left;
}
#main .cate03 dt {
	width:23%;
	float:left;
	line-height:0;
	font-size:0;
	text-align:left;
}
#main .cate03 dt img {
	width:100%;
	height:auto;
	margin: 0;
	margin-bottom:-7px;
	padding: 0;
	vertical-align:middle;
}
#main .cate03 dd {
	margin-left:3%;
	width:74%;
	float:left;
}
#main .cate03 .dl_border {
    border-bottom:1px dotted #ccc;
}
#main .cate03 .dl_border {
	width:100%;
	max-width:1000px;
	height:1px;
	vertical-align:bottom;
}

.search_dl {
	width:100%;
}
.search_dl dt {
	float:none;
	width:100%;
	
}
.search_dl dd {
	float:none;
	width:100%;
}

.search_dl01 {
	width:100%;
}
.search_dl01 dt {
	float:none;
	width:100%;
	
}
.search_dl01 dd {
float:none;
	width:100%;
}

#main .single01 {
	background-color:#f2f2f2;
	padding:10px;
	margin:0 auto;
	margin-bottom:20px;
}

#main .single02 {
	width:94%;
    margin:10px 3% 0px 3%;
	text-align:left;
}

#main .single03 {
    width:94%;
    margin:10px 3% 0px 3%;
}
#main .single03 img {
	margin-left:5px;
	margin-bottom:5px;
	width:25%;
	max-width:180px;
	height:auto;
	float:right;
}

/* 静的ページ */

#main #contents p {
	margin:5px;
}

#main #contents .h2 {
	border-left:15px solid #30638b;
	padding:15px 0px 0 15px;
	margin:10px 5px;
	color:#30638b;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
}


#main #contents .zu_back {
	background-color:#f2f2f2;
	margin:0;
	margin-bottom:50px;
	padding:15px 5px;
}

#main #contents .h3 {
	padding-bottom:3px;
	margin:50px 5px 10px 5px;
	font-size:1em;
	text-align:left;
	border-bottom:3px solid #f2f2f2;
	position:relative;
}
#main #contents .h3 span {
	position:absolute;
	bottom:-3px;
	border-bottom: 3px solid #30638b;
	padding-bottom:7px;
}
#main #contents .ul01 {
margin:5px;
list-style-type:circle;
padding-left:20px
}

#main #contents .ul02 {
	border:1px solid #ccc;
	padding:15px;
	margin:5px;
	font-size:1.1em;	
}
#main #contents .ul02 li {
	margin-bottom:15px;
	font-size:0.9em;
}
#main #contents .table01 {
    margin:5px;	
	width:97%;
	font-size:0.9em;
}
#main #contents .table01 th {
	background-color:#efefef;
	text-align:left;
	padding:5px;
	border:1px solid #ccc;
	width:19%;
	vertical-align:top;
}
#main #contents .table01 td {
	text-align:left;
	padding:5px;
	border:1px solid #ccc;
	vertical-align:top;
	width:80%;
}
#main #contents .table01 td img {
	margin-right:0px;
}

#main #contents .table01 td h2 {
	font-weight:bold;
}
#main #contents .ol01 {
	list-style-type:decimal;
	padding-left:28px;
}
#main #contents .ol02 {

}
.ol02 li{
     list-style:none;
    text-indent:-1.8em;
    padding-left:1.8em;
	margin-left:-10px;
}

#main #contents .ol03 {
padding-left:19px;	
}
.ol03 li{
     list-style:none;
    text-indent:-1.8em;
    padding-left:1.8em;
}
#main #contents .table02 {
   margin:5px;	
	width:97%;
	font-size:0.9em;
}
#main #contents .table02 th {
	background-color:#efefef;
	text-align:left;
	padding:5px;
	border:1px solid #ccc;
	width:35%;
	vertical-align:top;
}
#main #contents .table02 td {
	text-align:left;
	padding:5px;
	border:1px solid #ccc;
	vertical-align:top;
}
#main #contents .table02 input {
	width:90%;
}
#main #contents .table02 textarea {
	width:90%;
}
#main #contents .dl01 {
	 margin:5px;
}