@charset "UTF-8";
/* CSS Document */
/*===========================================*/
/*==テンプレートcss==*/
/*===========================================*/
* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
} /*スクロールバーの有無によるズレ対策*/
html, body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 160%;
	color: #473E2C;
}
*html, body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
} /*IE6*/
body {
	background: #FFFFFF;
}
input, textarea, select {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
input, select {
	vertical-align: middle;
}
*html input, *html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
} /*IE6*/
img {
	vertical-align: top;
	border: none;
}
a {
	color: #151515;
	text-decoration: none;
}
li {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
input::-webkit-input-placeholder {
color: #CCCCCC;
}
input:-moz-placeholder {
color: #CCCCCC;
}
label {
	cursor: pointer;
}

 .sp_img{display:none}
  .pc_img{display:block}
 @media (max-width: 768px) { .sp_img{display:block}
  .pc_img{display:none}}
/*===========================================*/
/*==余白関連==*/
/*===========================================*/
/*Margin All*/
.centering {
	margin: 0px auto;
}
.mar_a_05 {
	margin: 5px;
}
.mar_a_10 {
	margin: 10px;
}
.mar_a_15 {
	margin: 15px;
}
.mar_a_20 {
	margin: 20px;
}
.mar_a_25 {
	margin: 25px;
}
.mar_a_30 {
	margin: 30px;
}
.mar_a_35 {
	margin: 35px;
}
.mar_a_40 {
	margin: 40px;
}
.mar_a_45 {
	margin: 45px;
}
.mar_a_50 {
	margin: 50px;
}
.mar_a_55 {
	margin: 55px;
}
.mar_a_60 {
	margin: 60px;
}
/*Margin Top*/
.mar_t_05 {
	margin-top: 5px;
}
.mar_t_10 {
	margin-top: 10px;
}
.mar_t_15 {
	margin-top: 15px;
}
.mar_t_20 {
	margin-top: 20px;
}
.mar_t_25 {
	margin-top: 25px;
}
.mar_t_30 {
	margin-top: 30px;
}
.mar_t_35 {
	margin-top: 35px;
}
.mar_t_40 {
	margin-top: 40px;
}
.mar_t_45 {
	margin-top: 45px;
}
.mar_t_50 {
	margin-top: 50px;
}
.mar_t_55 {
	margin-top: 55px;
}
.mar_t_60 {
	margin-top: 60px;
}
/*Margin Right*/
.mar_r_05 {
	margin-right: 5px;
}
.mar_r_10 {
	margin-right: 10px;
}
.mar_r_15 {
	margin-right: 15px;
}
.mar_r_20 {
	margin-right: 20px;
}
.mar_r_25 {
	margin-right: 25px;
}
.mar_r_30 {
	margin-right: 30px;
}
.mar_r_35 {
	margin-right: 35px;
}
.mar_r_40 {
	margin-right: 40px;
}
.mar_r_45 {
	margin-right: 45px;
}
.mar_r_50 {
	margin-right: 50px;
}
.mar_r_55 {
	margin-right: 55px;
}
.mar_r_60 {
	margin-right: 60px;
}
/*Margin Bottom*/
.mar_b_05 {
	margin-bottom: 5px;
}
.mar_b_10 {
	margin-bottom: 10px;
}
.mar_b_15 {
	margin-bottom: 15px;
}
.mar_b_20 {
	margin-bottom: 20px;
}
.mar_b_25 {
	margin-bottom: 25px;
}
.mar_b_30 {
	margin-bottom: 30px;
}
.mar_b_35 {
	margin-bottom: 35px;
}
.mar_b_40 {
	margin-bottom: 40px;
}
.mar_b_45 {
	margin-bottom: 45px;
}
.mar_b_50 {
	margin-bottom: 50px;
}
.mar_b_55 {
	margin-bottom: 55px;
}
.mar_b_60 {
	margin-bottom: 60px;
}
/*Margin Left*/
.mar_l_05 {
	margin-left: 5px;
}
.mar_l_10 {
	margin-left: 10px;
}
.mar_l_15 {
	margin-left: 15px;
}
.mar_l_20 {
	margin-left: 20px;
}
.mar_l_25 {
	margin-left: 25px;
}
.mar_l_30 {
	margin-left: 30px;
}
.mar_l_35 {
	margin-left: 35px;
}
.mar_l_40 {
	margin-left: 40px;
}
.mar_l_45 {
	margin-left: 45px;
}
.mar_l_50 {
	margin-left: 50px;
}
.mar_l_55 {
	margin-left: 55px;
}
.mar_l_60 {
	margin-left: 60px;
}
/*Padding All*/
.pad_a_05 {
	padding: 5px;
}
.pad_a_10 {
	padding: 10px;
}
.pad_a_15 {
	padding: 15px;
}
.pad_a_20 {
	padding: 20px;
}
.pad_a_25 {
	padding: 25px;
}
.pad_a_30 {
	padding: 30px;
}
.pad_a_35 {
	padding: 35px;
}
.pad_a_40 {
	padding: 40px;
}
.pad_a_45 {
	padding: 45px;
}
.pad_a_50 {
	padding: 50px;
}
.pad_a_55 {
	padding: 55px;
}
.pad_a_60 {
	padding: 60px;
}
/*Padding Top*/
.pad_t_05 {
	padding-top: 5px;
}
.pad_t_10 {
	padding-top: 10px;
}
.pad_t_15 {
	padding-top: 15px;
}
.pad_t_20 {
	padding-top: 20px;
}
.pad_t_25 {
	padding-top: 25px;
}
.pad_t_30 {
	padding-top: 30px;
}
.pad_t_35 {
	padding-top: 35px;
}
.pad_t_40 {
	padding-top: 40px;
}
.pad_t_45 {
	padding-top: 45px;
}
.pad_t_50 {
	padding-top: 50px;
}
.pad_t_55 {
	padding-top: 55px;
}
.pad_t_60 {
	padding-top: 60px;
}
/*Padding Right*/
.pad_r_05 {
	padding-right: 5px;
}
.pad_r_10 {
	padding-right: 10px;
}
.pad_r_15 {
	padding-right: 15px;
}
.pad_r_20 {
	padding-right: 20px;
}
.pad_r_25 {
	padding-right: 25px;
}
.pad_r_30 {
	padding-right: 30px;
}
.pad_r_35 {
	padding-right: 35px;
}
.pad_r_40 {
	padding-right: 40px;
}
.pad_r_45 {
	padding-right: 45px;
}
.pad_r_50 {
	padding-right: 50px;
}
.pad_r_55 {
	padding-right: 55px;
}
.pad_r_60 {
	padding-right: 60px;
}
/*Padding Bottom*/
.pad_b_05 {
	padding-bottom: 5px;
}
.pad_b_10 {
	padding-bottom: 10px;
}
.pad_b_15 {
	padding-bottom: 15px;
}
.pad_b_20 {
	padding-bottom: 20px;
}
.pad_b_25 {
	padding-bottom: 25px;
}
.pad_b_30 {
	padding-bottom: 30px;
}
.pad_b_35 {
	padding-bottom: 35px;
}
.pad_b_40 {
	padding-bottom: 40px;
}
.pad_b_45 {
	padding-bottom: 45px;
}
.pad_b_50 {
	padding-bottom: 50px;
}
.pad_b_55 {
	padding-bottom: 55px;
}
.pad_b_60 {
	padding-bottom: 60px;
}
/*Padding Left*/
.pad_l_05 {
	padding-left: 5px;
}
.pad_l_10 {
	padding-left: 10px;
}
.pad_l_15 {
	padding-left: 15px;
}
.pad_l_20 {
	padding-left: 20px;
}
.pad_l_25 {
	padding-left: 25px;
}
.pad_l_30 {
	padding-left: 30px;
}
.pad_l_35 {
	padding-left: 35px;
}
.pad_l_40 {
	padding-left: 40px;
}
.pad_l_45 {
	padding-left: 45px;
}
.pad_l_50 {
	padding-left: 50px;
}
.pad_l_55 {
	padding-left: 55px;
}
.pad_l_60 {
	padding-left: 60px;
}
/*上下Padding*/
.pad_tb_05 {
	padding-top: 5px;
	padding-bottom: 5px;
}
.pad_tb_10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.pad_tb_15 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.pad_tb_20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
.pad_tb_25 {
	padding-top: 25px;
	padding-bottom: 25px;
}
.pad_tb_30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.pad_tb_35 {
	padding-top: 35px;
	padding-bottom: 35px;
}
.pad_tb_40 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.pad_tb_45 {
	padding-top: 45px;
	padding-bottom: 45px;
}
.pad_tb_50 {
	padding-top: 50px;
	padding-bottom: 50px;
}
.pad_tb_55 {
	padding-top: 55px;
	padding-bottom: 55px;
}
.pad_tb_60 {
	padding-top: 60px;
	padding-bottom: 60px;
}
/*========ここからマイナスのmargin=========*/
/*マイナスのMargin Top*/
.mar_t_-05 {
	margin-top: -5px;
}
.mar_t_-10 {
	margin-top: -10px;
}
.mar_t_-15 {
	margin-top: -15px;
}
.mar_t_-20 {
	margin-top: -20px;
}
.mar_t_-25 {
	margin-top: -25px;
}
.mar_t_-30 {
	margin-top: -30px;
}
.mar_t_-35 {
	margin-top: -35px;
}
.mar_t_-40 {
	margin-top: -40px;
}
.mar_t_-45 {
	margin-top: -45px;
}
.mar_t_-50 {
	margin-top: -50px;
}
.mar_t_-55 {
	margin-top: -55px;
}
.mar_t_-60 {
	margin-top: -60px;
}
/*マイナスのMargin Right*/
.mar_r_-05 {
	margin-right: -5px;
}
.mar_r_-10 {
	margin-right: -10px;
}
.mar_r_-15 {
	margin-right: -15px;
}
.mar_r_-20 {
	margin-right: -20px;
}
.mar_r_-25 {
	margin-right: -25px;
}
.mar_r_-30 {
	margin-right: -30px;
}
.mar_r_-35 {
	margin-right: -35px;
}
.mar_r_-40 {
	margin-right: -40px;
}
.mar_r_-45 {
	margin-right: -45px;
}
.mar_r_-50 {
	margin-right: -50px;
}
.mar_r_-55 {
	margin-right: -55px;
}
.mar_r_-60 {
	margin-right: -60px;
}
/*マイナスのMargin Bottom*/
.mar_b_-05 {
	margin-bottom: -5px;
}
.mar_b_-10 {
	margin-bottom: -10px;
}
.mar_b_-15 {
	margin-bottom: -15px;
}
.mar_b_-20 {
	margin-bottom: -20px;
}
.mar_b_-25 {
	margin-bottom: -25px;
}
.mar_b_-30 {
	margin-bottom: -30px;
}
.mar_b_-35 {
	margin-bottom: -35px;
}
.mar_b_-40 {
	margin-bottom: -40px;
}
.mar_b_-45 {
	margin-bottom: -45px;
}
.mar_b_-50 {
	margin-bottom: -50px;
}
.mar_b_-55 {
	margin-bottom: -55px;
}
.mar_b_-60 {
	margin-bottom: -60px;
}
.mar_b_-80 {
	margin-bottom: -80px;
}
/*マイナスのMargin Left*/
.mar_l_-05 {
	margin-left: -5px;
}
.mar_l_-10 {
	margin-left: -10px;
}
.mar_l_-15 {
	margin-left: -15px;
}
.mar_l_-20 {
	margin-left: -20px;
}
.mar_l_-25 {
	margin-left: -25px;
}
.mar_l_-30 {
	margin-left: -30px;
}
.mar_l_-35 {
	margin-left: -35px;
}
.mar_l_-40 {
	margin-left: -40px;
}
.mar_l_-45 {
	margin-left: -45px;
}
.mar_l_-50 {
	margin-left: -50px;
}
.mar_l_-55 {
	margin-left: -55px;
}
.mar_l_-60 {
	margin-left: -60px;
}
/*===========================================*/
/*==文字関連==*/
/*===========================================*/
/*html=12px基準*/
.font-4 {
	font-size: 66.7%;
}
.font-3 {
	font-size: 75%;
	line-height: 120%;
}
.font-2 {
	font-size: 83.3%;
	line-height: 130%;
}
.font-1 {
	font-size: 91.7%;
	line-height: 120%;
}
.font_normal {
	font-size: 100%;
}
.font1 {
	font-size: 108.3%;
}
.font2 {
	font-size: 116.7%;
}
.font3 {
	font-size: 125%;
}
.font4 {
	font-size: 133.3%;
}
.font5 {
	font-size: 141.7%;
}
.font6 {
	font-size: 150%;
}
.font7 {
	font-size: 158.3%;
}
.font8 {
	font-size: 166.7%;
}
.font9 {
	font-size: 175%;
}
.font10 {
	font-size: 183.3%;
}
.font11 {
	font-size: 191.7%;
}
.font12 {
	font-size: 200%;
}
/*文字色*/
.c_red {
	color: #FF0000;
}
.c_crimson {
	color: #CC0000;
}
.c_blue {
	color: #0066FF;
}
.c_green {
	color: #669933;
}
.c_yellow {
	color: #FFFF00;
}
.c_white {
	color: #FFFFFF;
}
.c_black {
	color: #333333;
}
.c_pink {
	color: #FF99CC;
}
.c_brown {
	color: #CC6600;
}
.c_gray {
	color: #999999;
}
.c_orange {
	color: #FF6600;
}
.c_sky-blue {
	color: #6796FF;
}
.c_gray {
	color: #666666;
}
.c_cream {
	color: #FFFF99;
}
/*太字*/
.bold {
	font-weight: bold;
}
.no_bold {
	font-weight: normal;
}
/*文字隠し*/
.hide-text {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
/*===========================================*/
/*==背景色==*/
/*===========================================*/
.bg_white {
	background-color:#FFF;
}
.bg_yellow {
	background-color:#FFFF00;
}
.bg_cream {
	background-color:#FFFF99;
}
/*===========================================*/
/*==フロート関連==*/
/*===========================================*/
.f_left {
	float: left;
}
.f_right {
	float: right;
}
.clear {
	clear: both;
}
/*===========================================*/
/*==文字寄せ関連==*/
/*===========================================*/
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.right_1 {
	text-align: right;
	padding-right: 1em;
}
/*===========================================*/
/*==ボーダー関連==*/
/*===========================================*/
.border_a {
	border: 1px solid #999999;
}
.border_t {
	border-top: 1px solid #999999;
}
.border_r {
	border-right: 1px solid #999999;
}
.border_b {
	border-bottom: 1px solid #999999;
}
.border_l {
	border-left: 1px solid #999999;
}
.border_a-dot {
	border: 1px dotted #999999;
}
.border_t-dot {
	border-top: 1px dotted #999999;
}
.border_r-dot {
	border-right: 1px dotted #999999;
}
.border_b-dot {
	border-bottom: 1px dotted #999999;
}
.border_l-dot {
	border-left: 1px dotted #999999;
}
.borderless {
	border: none;
}
.border_blue {
	border-bottom: 1px solid #0066FF;
}
.border_blue2 {
	border: 1px solid #0066FF;
}

.border_red {
	border-bottom: 1px solid #F00;
	border-top:none
}

.border_red2 {
	border: 2px solid #F00;
}


.border_green{
	border-bottom: 1px solid #090;
}
/*===========================================*/
/*==クリアフィックス==*/
/*===========================================*/
.clearfix {
	zoom: 100%;
}
.clearfix:after {
	display: block;
	clear: both;
	content: ".";
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/*\*/
*html .clearfix {
	height: 1px;
}
.clearfix {
	display: block;
}
/*===========================================*/
/*==ブロックとインライン==*/
/*===========================================*/
.block {
	display: block;
}
.inline {
	display: inline;
}
/*===========================================*/
/*==その他==*/
/*===========================================*/
.whole_link {/* <a>タグに指定。親要素にサイズ指定しておけば、親要素ごとリンクに。 */
	height: 100%;
	width: 100%;
	display:block;
	position:relative;
	left: 0px;
	top: 0px;
}
.hidden {
	overflow:hidden;
}
.none {
	display:none;
}
.button {
	display: inline-block;
	width: 230px;
	height: 44px;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color:#4169E1;
	border: 2px solid #4169E1;
	color: #fff;
	line-height: 44px;
	border-radius: 5px;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb;
}
.doubleline {/*二重取り消し線*/
background-image:url(../image/common/uchikeshi.gif);
background-repeat:repeat-x;
background-position: center;
}