@charset "utf-8";



* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
a, img, abbr, acronym, fieldset { border: 0; }

em, strong, dfn, code, var, cite,
input, select, textarea, button, optgroup, option,
address,
th, caption { font-weight: inherit; font-style: inherit; font-size: inherit; }

input, select, textarea, button, optgroup, option { font-family: inherit; }

li { list-style: none; }

th, td { vertical-align: top; }
th, caption { text-align: left; }

abbr, acronym { font-variant: normal; }

ins, del { text-decoration: none; }

sub, sup { vertical-align: baseline; }

q:before, q:after { content: ''; }

div, p,
ul, ol, li, dl, dt, dd,
th, td,
h1, h2, h3, h4, h5, h6 { background-repeat: no-repeat; background-position: 0 0; }

/* ============================== css hack */
/* floating box clear */
.clearfix:after, .clr:after, .mc:after, .ms:after, .multi_section:after, .multi_column:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix .clr, .mc, .ms, .multi_section, .multi_column { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clearfix, * html .clr, * html .mc, * html .ms, * html .multi_section, * html .multi_column { height: 1%; }
.clearfix .clr, .mc, .ms, .multi_section, .multi_column { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt, .hd { text-indent: -9999px; overflow: hidden; }
.hidetxt a, .hd a { overflow: hidden; }
/* ============================== multi column */

body {
	background-color: #fff;
	color: #333333;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-size: 14px;
	line-height: 1.8;
}

.wrapper {
	clear: both;
	margin: 0 auto 0px;
	width: 960px;
}

#main {
	background-color: #deedf4;
	padding: 30px 0 30px 0;
}
#main_02 {
	background-color: #FED966;
}
#main_03 {
	background-color: #fff;
}

#contents {
	clear: both;
	margin: 0 auto;
	width: 780px;
}

#contents h3 img {
	width: 100%;
}



.ac {
	text-align: center;
}

a {
	color: #0091db;
	text-decoration: none;
}

a:hover {
	color: #6bc6f4;
	text-decoration: underline;
}

a:hover img {
	opacity: 0.5;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt50 {
	margin-top: 50px;
}

.mt80 {
	margin-top: 80px;
}

.pt20 {
	padding-top: 20px;
}

.pl20 {
	padding-left: 20px !important;
}

.pl40 {
	padding-left: 40px;
}

.pr20 {
	padding-right: 20px;
}

.pt30 {
	padding-top: 30px;
}

.pt80 {
	padding-top: 80px;
}

.pb10 {
	padding-bottom: 10px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb80 {
	margin-bottom: 80px;
}

pb80 {
	padding-bottom: 80px;
}


/* header */
.header h1 {
	padding-top: 5px;
	float: left;
}

.header p {
	float: left;
	padding: 38px 0 0 20px;
}

.header dl {
	float: right;
	padding-top: 10px;
}

.header dd {
	text-align: right;
	padding-bottom: 10px;
}


/* gaiyou */
#youkou {
	font-size: 12px;
	padding:20px;
	font-size: 12px;
	background: #f2f2f2;
}

#youkou .gaiyo-scroll {
	padding: 20px;
	background: #fff;
	height: 100px;
	overflow-y: scroll;
}

#youkou dl {
	list-style: none;
}

#youkou .ttl {
	font-size: 14px;
	font-weight: bold;
}

/* back-top */
#back-top {
	background: #ccc none repeat scroll 0 0;
	bottom: 60px;
	position: fixed;
	right: 30px;
}

#back-top a {
	background-color: #424242;
	color: #fff;
	padding: 20px;
	border-radius: 3px;
}

.icon-pagetop {
	background-image: url("/common/img/pagetop.png");
}

/* footer */
footer {
	margin-top: 80px;
}

footer .copyright {
	font-size: 11px;
}




a img.over {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
/* 150817対応 music5追加
------------------------------------------------------------ */

/* btn_contact */

.lc {
	float: left;
}
.rc {
	float: right;
}



ul.campain {
	font-size:0px;
	background:#f7f7f7;
	overflow: hidden;
	}

.campain li{
  float: left;
  padding-left: 10px;
}
.btn_txt{
	font-size:26px;
	font-weight: bold;
	text-align: center;
	padding-top:30px;
	color:#EF4023;
}
/* 20171224追加 */
.cam_tokuten {
	padding: 0 20px 10px 20px;
	background:#f7f7f7;
}
.mpx-1 {
	padding: 10px;
	border: 1px solid #e0e0e0;
	text-align:center;
	color: #666;
	background-color:#F7F7F7;
}