@charset "utf-8";

img {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
        border-radius: 5px;
       -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
}

.img_left {
                margin-left: 15px;
                margin-right: 15px;              
	/*background-color: #f6f6f6;*/
                display: block;
               -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
               box-sizing: border-box;
}
.img_right {
                margin-left: 15px;
                margin-right: 15px;   
                display: block;
	/*background-color: #f6f6f6;*/
               -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
               box-sizing: border-box;
}
.img_center {
                margin-left: 15px;
                margin-right: 15px;   
	background-color: #f6f6f6;
               -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
               box-sizing: border-box;
}

.content .box_out {
	background-color: #ffe4e1;
	margin-top: 1px;
	margin-bottom: 5px;
	padding: 5px;
}
.content .box_in {
	background-color: #fffff0;
	border: 1px solid #D9D9D9;
	margin-bottom: 5px;
	padding: 10px;
}

.content h3 {
	background-image: url(../img/navi_li_ov.gif);
                background-repeat: repeat-x;
               background-position: top;
}

/*
各種テーブル
-------------------------------------------------------------------*/
.content table.table_info {
	width: 85%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.content table td.td_head {
	background-color: #FAF8F3;
	text-align: right;
	padding: 8px;
	white-space: nowrap;
	color: #333333;
	border-top-width: 1px;
	border-right-width: 4px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D5D5D5;
	border-right-color: #CDBB9C;
	border-bottom-color: #D5D5D5;
	border-left-color: #D5D5D5;
	font-size: 13px;
	background-image: url(../img/td_head.gif);
	background-repeat: repeat-x;
}

.content table td.td_odd {
	background-color: #fFFFFF;
	text-align: left;
	padding: 8px;
	border: 1px solid #D5D5D5;
	font-size: 13px;
	background-image: url(../img/td_odd.gif);
	background-repeat: repeat-x;
	line-height: 25px;
}

dl.dl_link {
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D9D9D9;
	margin-right: 10px;
	margin-left: 5px;
}
.dl_link dt {
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	line-height: 28px;
	margin-bottom: 7px;
	background-image: url(../img/li.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	font-weight: normal;
	letter-spacing: 1px;
}
.dl_link dd {
	font-size: 14px;
	line-height: 20px;
	padding-right: 15px;
	padding-left: 15px;
	color: #505050;
}

/*お問い合わせ*/
span.required {
	display: inline-block;
	margin-left: 5px;
	color: #FFF;
	background-color: #FF5B33;
	font-size: 12px;
	line-height: 24px;
	padding-right: 5px;
	padding-left: 5px;
}

form#mail_form input#mail_form_btn {
	background-color: #F60;
	color: #FFF;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 3px solid #EEE;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
	font-size: 18px;
	line-height: 24px;
}
form#mail_form input#mail_form_btn:hover {
	background-color: #FFF;
	color: #F60;
	border-top-color: #F60;
	border-right-color: #F60;
	border-bottom-color: #F60;
	border-left-color: #F60;
	cursor: pointer;
}

form#mail_form input.form_btn_gr {
	width : auto;
	height : auto;
	vertical-align : middle;
	border-radius : 3px;
	font-family : inherit;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	font-size: 18px;
	line-height: 26px;
	color: #FFF;
	background-color: #555;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 1px 0px;
	border: 1px solid #FFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
form#mail_form input.form_btn_gr:hover {
	background-color: #FFF;
	color: #555;
	border-top-color: #555;
	border-right-color: #555;
	border-bottom-color: #555;
	border-left-color: #555;
	cursor: pointer;
}

.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}
.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}
/*===========================================*/
/*style.cssにも同じものあるが作動しないため*/
 @media screen and (max-width:640px){     
.img_left,
.img_right {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}
}            
/*============================================*/