@charset "utf-8";
/* CSS Document */

/*___________ change == ___________ */
body {margin:0;padding:0;text-align:center;color:#333;font-size: 62.5%;}
.size {
width:==px;
margin:0 auto;
}
div,td,th,p,pre{text-align:left;margin:0;font: 12px/16px "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}



table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
}

a{color: #2B91C8;font-weight:bold;}

a:hover{
color:#74BADE;
}

img {
border:0;
}
li {
margin: 0;
list-style: none;
}
ol, ul {
margin: 0;
padding:0;
}
h1 {
line-height:16px;
font-weight:bold;
margin:0;
}

h2,h3 {line-height:16px;font-weight:bold;margin:0;}
h4,h5,h6 {
line-height:16px;
font-weight:normal;
margin:0px;
}
select {display:block;padding: 5px;color: #444;border-radius: 3px;width: 100%;}
form {
margin:0;
}
.indent {
text-indent:-2345px;
}
.clear {
clear:both;
}
.center {
text-align:center;
}

dl,dt,dd{margin:0px;}


/* ____________ float box __________ */
.== {
width:==px;
float:left;
}
/* ____________ margin with float __________ */
.== {
width:==px;
margin:==;
float:left;
display:inline;
}
.== {
width:==px;
margin:==;
}
.== {
margin:==;
}
/* ____ padding border box  _____ */
.== {
padding:==;
}
.== {
border:==px solid #==;
}
.== {
padding:==;
border:==px solid #==;
}

*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.none{display: none;}
.block{display: block;}

/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* End hide from IE-mac */

/*　テーブルの設定
--------------------------------------------------------------------------*/
table{width: 100%;border-collapse: separate;border-spacing: 0px;table-layout: fixed;word-break: break-all;word-wrap: break-word;border-top: 1px solid #DDD;border-left: 1px solid #DDD;background: #FFF;}
th,td{padding: 8px;border-right: 1px solid #DDD;border-bottom: 1px solid #DDD;text-align: center;}
th{background: #f3f3f3;line-height: 1;}
td{line-height: 1.2;}


/* ボックス
--------------------------------------------------------------------------*/
.box-list{padding: 15px;margin:0 0 15px 0;font-size: 16px;line-height: 1.6;border:1px solid #CCC;}
.box-list li{background:url(../img/icon/crown-m.gif) no-repeat;padding: 0 0 0 25px;background-position: 0 50%;line-height: 1.8;font-size: 16px;}

/* ボックス(ポイント)
--------------------------------------------------------------------------*/
.box-point{padding: 10px 5px;position: relative;}
.box-point li{line-height: 1.8;}
.box-point p{line-height: 1.4;font-size: 14px;}
.box-point-img{position: absolute;top: -5px;left: -6px;}
.box-point-img img{width: auto!important;height: auto!important;}

/* マーカー
--------------------------------------------------------------------------*/
.text-marker{background:#fffbbe;color:#FF0000;font-weight: bold;}

	/* 背景色
--------------------------------------------------------------------------*/
.bcg-yellow{background:#F3EEA1;}
.bcg-pastel{background:#FFFCEA;}
.bcg-gray{background:#CCC;}

/* 文字色
--------------------------------------------------------------------------*/
.red{color: red;}
.yellow{color: yellow;}

/* テキストサイズ
--------------------------------------------------------------------------*/
.tx_s-8{font-size:8px;}
.tx_s-9{font-size:9px;}
.tx_s-10{font-size:10px;}
.tx_s-11{font-size:11px;}
.tx_s-12{font-size: 12px;}
.tx_s-13{font-size:13px;}
.tx_s-14{font-size:14px;}
.tx_s-16{font-size:16px;}
.tx_s-18{font-size:18px;}
.tx_s-20{font-size:20px;}
.tx_s-24{font-size:24px;}
.tx_s-28{font-size:28px;}
.tx_s-32{font-size:32px;}
.tx_s-64{font-size:64px;}

/* テキストの位置
--------------------------------------------------------------------------*/
.tx_al-l{text-align: left;}
.tx_al-c{text-align: center;}
.tx_al-r{text-align: right;}

/* フロート設定
--------------------------------------------------------------------------*/
.fl-l{float: left;}
.fl-r{float: right;}


/* col */
.col{overflow: hidden;}
.col-1{width: 100%;}
.col-3{width: 25%;float: left;}
.col-4{width: 33.333333%;float: left;}
.col-6{width: 50%;float: left;}


/* margin
--------------------------------------------------------------------------*/
.mb-2{margin-bottom: 2%}
.mb-3{margin-bottom: 3%}
.mb-4{margin-bottom: 4%}
.mb-5{margin-bottom: 5%}
.mb-8{margin-bottom: 8px}
.mb-15{margin-bottom: 15px}
.mb-16{margin-bottom: 16px}
.mb-20{margin-bottom: 20px}
.mb-30{margin-bottom: 30px;width: 100%;}



/* padding
--------------------------------------------------------------------------*/
.pb-15{padding-bottom: 15px;}
.pb-30{padding-bottom: 30px;}


/* width指定
--------------------------------------------------------------------------*/
.wd-100{width:100%;}
.wd-90{width:90%;}
.wd-80{width:80%;}
.wd-70{width:70%;}
.wd-68{width:68%;}
.wd-63{width:63%;}
.wd-60{width:60%;}
.wd-58{width:58%;}
.wd-50{width:50%;}
.wd-49{width:49%!important;}
.wd-40{width:40%;}
.wd-40{width:40%;}
.wd-35{width:35%;}
.wd-30{width:30%;}
.wd-25{width:25%;}
.wd-20{width:20%;}
.wd-15{width:15%;}
.wd-14{width:14%;}
.wd-13{width:13%;}
.wd-12{width:12%;}
.wd-11{width:11%;}
.wd-10{width:10%;}
.wd-9{width:9%;}
.wd-8{width:8%;}
.wd-7{width:7%;}
.wd-6{width:6%;}
.wd-5{width:5%;}

.wd-0{width:49%;float: right;}
.wd-1{width:49%;float: left;}

/* ボタン
--------------------------------------------------------------------------*/
.button{border-radius: 5px;text-align: center;}
.button a{text-decoration: none;display: block;font-size:18px;padding:10px;}

.button_red{background:#FF0000;}
.button_red a{color:#FFF;}

.button_blue{background:#1073CE;}
.button_blue a{color:#FFF;}

/* アコーディオン
--------------------------------------------------------------------------*/
dl.accordion {width:100%;margin:0;}
dl.accordion dt {}
dl.accordion dt.open {}
dl.accordion dd {display:none;margin:0;}

​
/*　ページトップへ　*/
.pagetop{right: 5px;bottom: 50px;text-align: right;}
.pagetop img{width: 80%;}