@charset "shift_jis"; 

/********************
リンク設定
********************/
a{
	color:#0066CC;
}
a:link    {}
a:visited {}
a:active  {}
a:hover   {color: #006699;}
a:active, a:focus {outline:0;}

/********************
フォントサイズ
********************/
.txtSmall2 {font-size: 0.8em; line-height:1.4em;}
.txtSmall   {font-size: 0.9em; line-height:1.4em;}
.txtLarge   {font-size: 1.2em; line-height:1.5em;}
.txtLarge2 {font-size: 1.4em; line-height:1.5em;}

/********************
フォントカラー
********************/
.fcKeycolor	{color:;}
.fcWhite	{color:#FFFFFF;}
.fcRed		{color:#be1d12;}
.fcBlack	{color:#000000;}
.fcGray3	{color:#333333;}
.fcGray6	{color:#666666;}
.fcGray9	{color:#999999;}

/********************
フォントファミリー
********************/
.ffTahoma{
	font-family: Tahoma, Verdana,Arial, Helvetica,sans-serif;
}
/*HGP行書体*/
.ffGyousyo{
	font-family:"HGS行書体", "HGP行書体" , cursive;
}
/********************
背景色
********************/
.bgRed   { background:#be1d12; color:#ffffff;}
.bgGrayF7   { background:#f7f7f7;}
.bgGrayEEE { background:#eeeeee;}
.bgGrayCCC { background:#cccccc;}

/********************
区切り線
********************/
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/********************
余白
********************/
.pad5{ padding:5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	behavior: url("boxsizing.htc");
	}
.pad10{ padding:10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	behavior: url("boxsizing.htc");
	}
.pad20{ padding:20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	behavior: url("boxsizing.htc");
	}
.pad40{ padding:40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	behavior: url("boxsizing.htc");
	}
.padR5{
	padding-right:5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	behavior: url("boxsizing.htc");
}
.padR10{
	padding-right:10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	behavior: url("boxsizing.htc");
}
.padR20{
	padding-right:20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	behavior: url("boxsizing.htc");
}
.padR5{
	padding-left:5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	behavior: url("boxsizing.htc");
}
.padL10{
	padding-lift:10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	behavior: url("boxsizing.htc");
}
.padL20{
	padding-left:20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	behavior: url("boxsizing.htc");
}

@media only screen and (max-width: 480px){
	.pad10{ padding: 5px;}
	.pad15{ padding: 5px;}
	.pad40{ padding:10px;}
}

/********************
右寄せ・左寄せ指定
********************/
.floatLeft  { float:left;}
.floatRight { float:right;}
.floatCenter{ float:none; clear:both; text-align:center; margin:auto;}
.floatClear { float:none; clear:both;}

/********************
サイズ指定
********************/
.w15{ width:15%; height:auto;}
.w20{ width:20%; height:auto;}
.w25{ width:25%; height:auto;}
.w30{ width:30%; height:auto;}
.w33{ width:33%; height:auto;}
.w35{ width:35%; height:auto;}
.w40{ width:40%; height:auto;}
.w45{ width:45%; height:auto;}
.w49{ width:49%; height:auto;}
.w50{ width:50%; height:auto;}
.w60{ width:60%; height:auto;}
.w70{ width:70%; height:auto;}
.w80{ width:80%; height:auto;}
.w90{ width:90%; height:auto;}
.w100{ width:100%; height:auto;}

/********************
ボーダー
********************/	
.BorderBox { border:1px solid #cccccc;}

.BorderTop   {border-top   :1px solid #cccccc;}
.BorderRight {border-right :1px solid #cccccc;}
.BorderBtm   {border-bottom:1px solid #cccccc;}
.BorderLeft  {border-left  :1px solid #cccccc;}

.BorderDotTop   {border-top   :1px dotted #cccccc;}
.BorderDotRight {border-right :1px dotted #cccccc;}
.BorderDotBtm   {border-bottom:1px dotted #cccccc;}
.BorderDotLeft  {border-left  :1px dotted #cccccc;}

/*******************
背景画像繰り返し
*******************/
.repeatX{background-repeat: repeat-x;}
.repeatY{background-repeat: repeat-y;}
.repeatNo{background-repeat: no-repeat;}

/*******************
影
*******************/
.shadow{
	background:#ffffff;
	box-shadow:2px 2px 2px rgba(0,0,0,0.2);
	padding:10px;
	margin-bottom:20px;
}

/*******************
角丸
*******************/
.corner5{
	        border-radius:5px;
	   -moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url("border-radius.htc");
}
.cornerTop5{
	/*水平方向に 左上、右上、右下、左下 / 垂直方向に 左上、右上、右下、左下*/
	        border-radius: 5px 5px 0 0 / 5px 5px 0 0;
   	   -moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	behavior: url(../css%20-%20Copy/border-radius.htc); /* IE */
}

/*******************
スペーサー
*******************/
.mrgnB1 {margin-bottom:1px;}
.mrgnB3 {margin-bottom:3px;}
.mrgnB5 {margin-bottom:5px;}
.mrgnB10 {margin-bottom:10px;}
.mrgnB15 {margin-bottom:15px;}
.mrgnB20 {margin-bottom:20px;}
.mrgnB25 {margin-bottom:25px;}
.mrgnB30 {margin-bottom:30px;}
.mrgnB40 {margin-bottom:40px;}
.mrgnB50 {margin-bottom:50px;}
.mrgnB60 {margin-bottom:60px;}
.mrgnB70 {margin-bottom:70px;}

.mrgnT10 {margin-top:10px;}
.mrgnT20 {margin-top:20px;}
.mrgnT30 {margin-top:30px;}

@media only screen and (max-width: 480px){
	.mrgnB10 {margin-bottom: 5px;}
	.mrgnB20 {margin-bottom:10px;}
	.mrgnB30 {margin-bottom:15px;}
	.mrgnB40 {margin-bottom:20px;}
}

/********************
ページトップ
********************/
#page-top {
    position: fixed;
	bottom:-120px;
    right: 20px;
    font-size: 0.8em;
	line-height:1.5em;
	z-index:999;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;}
#page-top.show {
  bottom:10px;
}
#page-top a {
	background:#ffffff;
	border:#be1d12 solid 1px;
    text-decoration: none;
    color: #be1d12;
    padding: 10px;
    text-align: center;
    display: block;
    border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
	background:#be1d12;
	color:#ffffff;
}
@media only screen and (max-width: 1350px){
	#page-top {
		right:0;
	}
	#page-top  br{
		display:none;
	}
	#page-top.show {
		bottom:90px;
		right:0;
	}
	#page-top a{
		padding: 3px 10px 0;
	}
}


/********************
リスト●表示
********************/
.list li{
    padding-left: 1em; 
    text-indent: -.7em;
}
.list li:before {
	display:inline-block;
    content: "";
		width:5px;
		height:5px;
		margin-right:5px;
		margin-bottom:2px;
		background:#333333;
	        border-radius:50%;
	   -moz-border-radius:50%;
	-webkit-border-radius:50%;
	behavior: url("border-radius.htc");
}


/********************
リスト番号表示
********************/
.listNumber li{
	list-style-type:decimal;
	list-style-position:inside;
    padding-left: 1.5em; 
    text-indent: -1.2em;
}


/********************
注釈（※）
********************/

.listNotes li{
	padding-left: 1em; 
	text-indent: -.7em;
	margin-bottom:5px;
}
.listNotes li:before {
	display:inline-block;
	content: "※";
	/*content: "\002732";*/
	width:10px;
	height:10px;
}

.notes{
	padding-left: 1em; 
	text-indent: -.7em;
}
.notes:before {
	display:inline-block;
	content: "* ";
}


/********************
フォーム
********************/
input[type="submit"] ,
input[type="reset"] ,
input[type="button"] {
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック";
	color:#222;
	padding:10px;
	min-width:80%;
	font-weight:bold;
	cursor:pointer;
	        border-radius: 3px;
       -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	behavior: url(../css%20-%20Copy/border-radius.htc); /* IE */

	-webkit-appearance: none;/*iphoneのデフォルトボタン打消*/
	border:#b9b8b8 solid 1px;
	background:-webkit-gradient(
		linear, left top, left bottom, 
		from(#dddddd),
		to(#f7f7f7));
	background:-webkit-linear-gradient(top, #f7f7f7 0% , #dddddd 100%);
	background:-moz-linear-gradient   (top, #f7f7f7 0% , #dddddd 100%);
	background:-o-linear-gradient     (top, #f7f7f7 0% , #dddddd 100%);
	background:-ms-linear-gradient    (top, #f7f7f7 0% , #dddddd 100%);
	background:linear-gradient        (top, #f7f7f7 0% , #dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
		GradientType=0,startColorstr='#FFf7f7f7', endColorstr='#FFdddddd');/*IE10用（色の頭にFFが必要）*/
}

input[type="submit"]:hover,
input[type="reset"]:hover ,
input[type="button"]:hover {
	color:#aa1706;
	background:#dddddd;
}

input[type="checkbox"],
input[type="radio"]{
	width:18px;
	height:18px;
	vertical-align:middle;
	margin:6px;
}

input[type="text"],
input[type="password"]{
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック";
	margin:0;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    width: 100%;
    border: 1px solid #b9b8b8;
}
select{
    /*display: block;*/
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック";
	margin:0;
    padding: 5px 25px 5px 10px;
    box-sizing: border-box;
	        border-radius:3px;
	   -moz-border-radius:3px;
	-webkit-border-radius:3px;
behavior: url(../css%20-%20Copy/border-radius.htc); /* IE */
    line-height: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    background: url(../css%20-%20Copy/select_arrow.gif) right 50% no-repeat #fff;
    background-size: 19px,100%;
    width: auto;
	min-width:60px;
	max-width:100%;
    height: 30px;
    border: 1px solid #b9b8b8;
}
select::-ms-expand {
  display: none;
}
textarea{
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック";
	margin:0;
    padding: 5px;
    box-sizing: border-box;
	        border-radius:3px;
	   -moz-border-radius:3px;
	-webkit-border-radius:3px;
behavior: url(../css%20-%20Copy/border-radius.htc); /* IE */
    line-height: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    width: 100%;
    border: 1px solid #b9b8b8;
}

label{
	/*white-space: nowrap;*/
	padding-right:5px;
}

/*必須*/
input.required,
textarea.required{
	background:#FFFFCC;
}

/********************
２段組
********************/	
.column2{}
.column2 li{
	float:left;
	list-style:none;
	width:49%;
	height:auto;
	margin-right:2%;
	margin-bottom:10px;
}
.column2 li:nth-child(2n){
	margin-right:0;
}
.column2:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.column2-1{}
.column2-1 li{
	float:left;
	list-style:none;
	width:49%;
	height:auto;
	margin-right:2%;
	margin-bottom:10px;
}
.column2-1 li:nth-child(2n){
	margin-right:0;
}
.column2-1:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

@media only screen and (max-width: 768px){
}
@media only screen and (max-width: 480px){
	.column2-1 li{
		clear:both;
		width:100%;
		margin-right:0;
	}
	.column2-1 li ul{
		width:100%;
	}
	.column2-1 li ul li{
		clear:none;
		float:left;
		list-style:none;
		width:49%;
		height:auto;
		margin-right:2%;
		margin-bottom:2%;
	}
	.column2-1 li ul li:nth-child(2n){
		margin-right:0;
	}
}

/********************
３段組
********************/
.column3{}
.column3 li{
	float:left;
	list-style:none;
	width: 32%;
	/*margin-right: 1.33%; /* 32 + 1.33 = 33.33% = 3分の1 これだと一番右に余白ができる*/
	margin-right: 1.99%; /* 32+1.33 +(1.33÷2) */
	height:auto;
	margin-bottom:40px;
}
.column3 li:nth-child(3n){
	margin-right:0;
}
.column3:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

/********************************/
.column3-1{}
.column3-1 li{
	float:left;
	list-style:none;
	width: 32%;
	/*margin-right: 1.33%; /* 32 + 1.33 = 33.33% = 3分の1 これだと一番右に余白ができる*/
	margin-right: 1.99%; /* 32+1.33 +(1.33÷2) */
	height:auto;
	margin-bottom:10px;
}
.column3-1 li:nth-child(3n){
	margin-right:0;
}
.column3-1:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
@media only screen and (max-width: 768px){
}
@media only screen and (max-width: 480px){
	/*3-1*/
	.column3-1 li{
		float:none;
		clear:both;
		width:100%;
		margin-right:0;
	}
	.column3-1 li:nth-child(3n){
		margin-right:auto;
	}
}

/********************************/
.column3-2{}
.column3-2 li{
	float:left;
	list-style:none;
	width: 32%;
	/*margin-right: 1.33%; /* 32 + 1.33 = 33.33% = 3分の1 これだと一番右に余白ができる*/
	margin-right: 1.99%; /* 32+1.33 +(1.33÷2) */
	height:auto;
	margin-bottom:10px;
}
.column3-2 li:nth-child(3n){
	margin-right:0;
}
.column3-2:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
@media only screen and (max-width: 768px){
}
@media only screen and (max-width: 480px){
	.column3-2 li{
		float:left;
		list-style:none;
		width:49%;
		height:auto;
		margin-right:2%;
		margin-bottom:2%;
	}
	.column3-2 li:nth-child(3n){ margin-right:2%;}
	.column3-2 li:nth-child(2n){ margin-right:0;}
}

/********************
４段組
********************/	
.column4{}
.column4 li{
	float:left;
	list-style:none;
	width:23.5%;
	height:auto;
	margin-right:2%; /*23.5+1.5+(1.5÷3)*/
	margin-bottom:10px;
}
.column4 li:nth-child(4n){
	margin-right:0;
}
.column4:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
/********************************/
.column4-2{}
.column4-2 li{
	float:left;
	list-style:none;
	width:23.5%;
	height:auto;
	margin-right:2%; /*23.5+1.5+(1.5÷3)*/
	margin-bottom:10px;
}
.column4-2 li:nth-child(4n){ margin-right:0;}
.column4-2:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

@media only screen and (max-width: 768px){
}
@media only screen and (max-width: 480px){
	.column4-2 li{
		width:49%;
		height:auto;
		margin-right:2%;
	}
	.column4-2 li:nth-child(2n){ margin-right:0;}
}

/********************************/
.column4-2-1{}
.column4-2-1 li{
	float:left;
	list-style:none;
	width:23.5%;
	height:auto;
	margin-right:2%; /*23.5+1.5+(1.5÷3)*/
	margin-bottom:10px;
}
.column4-2-1 li:nth-child(4n){
	margin-right:0;
}
.column4-2-1:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
@media only screen and (max-width: 768px){
	.column4-2-1 li{
		width:49%;
		height:auto;
		margin-right:2%;
	}
	.column4-2-1 li:nth-child(2n){margin-right:0;}
}

@media only screen and (max-width: 480px){
	.column4-2-1 li{
		clear:both;
		width:100%;
		margin-right:0;
	}
}

/*******************
クリアフィックス
*******************/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}