@charset "utf-8";

/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/**游指定**/
.fonts_yu{ font-family:"游ゴシック","YuGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ"; }

/*===================================================================

//  共通フォーマット　カラー・サイズ設定 sample_css

//=================================================================*/

.color_fff { color:#fff;}
.color_eee { color:#eee;}
.color_ccc { color:#ccc;}
.color_ddd { color:#ddd;}
.color_999 { color:#999;}
.color_F00 { color:#F00;}
.color_0080c9 { color:#0080c9;}
.color_0070aa { color:#0070aa;}
.color_c0392b { color:#c0392b;}
.color_34495e { color:#34495e;}
.color_2c3e50 { color:#2c3e50;}
.color_ecf0f1 { color:#ecf0f1;}
.color_FFE824 { color:#FFE824;} 
.color_b4d100 { color:#b4d100;} 
.color_fed400 { color:#fed400;} 
.color_f6f7f7 { color:#f6f7f7;} 
.color_e9eaea { color:#e9eaea;} 
.color_fafafa { color:#fafafa;} 
.color_63c7f2 { color:#63c7f2;} 
.color_3597d3 { color:#3597d3;} 
.color_bb9bc7 { color:#bb9bc7;} 
.color_f19482 { color:#f19482;} 
.color_f7ad00 { color:#f7ad00;} 
.color_9fa0a0 { color:#9fa0a0;} 
.color_f4acb0 { color:#f4acb0;} /**超繁忙**/
.color_ffe5a6 { color:#ffe5a6;} /**繁忙**/

.back_fff { background:#fff;}
.back_eee { background:#eee;}
.back_ccc { background:#ccc;}
.back_ddd { background:#ddd;}
.back_999 { background:#999;}
.back_F00 { background:#F00;}
.back_0080c9 { background:#0080c9;}
.back_0070aa { background:#0070aa;}
.back_c0392b { background:#c0392b;}
.back_34495e { background:#34495e;}
.back_2c3e50 { background:#2c3e50;}
.back_ecf0f1 { background:#ecf0f1;}
.back_FFE824 { background:#FFE824;} 
.back_b4d100 { background:#b4d100;} 
.back_fed400 { background:#fed400;} 

.back_f6f7f7 { background:#f6f7f7;} 
.back_e9eaea { background:#e9eaea;} 
.back_fafafa { background:#fafafa;} 
.back_63c7f2 { background:#63c7f2;} 
.back_3597d3 { background:#3597d3;} 
.back_bb9bc7 { background:#bb9bc7;}
.back_f19482 { background:#f19482;} 
.back_f7ad00 { background:#f7ad00;} 
.back_9fa0a0 { background:#9fa0a0;} 
.back_f4acb0 { background:#f4acb0;}  /**超繁忙**/
.back_ffe5a6 { background:#ffe5a6;}  /**繁忙**/





.size_24px { font-size:24px;}
.size_22px { font-size:22px;}
.size_20px { font-size:20px;}
.size_18px { font-size:18px;}
.size_16px { font-size:16px;}
.size_14px { font-size:14px;}
.size_12px { font-size:12px;}
.size_10px { font-size:10px;}

.size_110 { font-size:110%;}
.size_120 { font-size:120%;}
.size_130 { font-size:130%;}
.size_150 { font-size:150%;}
.size_180 { font-size:180%;}
.size_200 { font-size:200%;}
.size_300 { font-size:300%;}
.size_400 { font-size:400%;}
.size_80 { font-size:80%;}
.size_100 { font-size:100%;}

/*===================================================================

//  共通フォーマット　ボーダーライン設定設定 sample_css

//=================================================================*/
.bl_01{ border:5px solid #eeeeee;}
.bl_01:hover{ border:5px solid #ffd06b; }



/*===================================================================

//  共通フォーマット　テキストシャドー設定 sample_css

//=================================================================*/

.ts_01{text-shadow: 1px 1px 3px #333;  }
.ts_02{text-shadow: 0px 0px 3px #333;  }


/*===================================================================

//  共通フォーマット　ボックスシャドー設定 sample_css

//=================================================================*/

.bs_01{ box-shadow: 0px 0px 3px #333;}
.bs_02{ box-shadow: 0px 0px 5px #999;}



/*===================================================================

//  共通フォーマット　グラデーション設定 sample_css

//=================================================================*/

.gr_gray_white{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */}


/*===================================================================

//  共通フォーマットデザイン sample_css

//=================================================================*/


/**タイトルセット**/

.title_01 { border:1px solid #ccc; border-radius:5px; margin:0 0 10px 0; padding:10px; color:#444; background:#eee; }
.title_02 { color:#1a68ba; border:#cccccc 1px solid; background:#efefef; border-radius:5px; padding:10px; margin:0 0 10px 0; }
.title_03 {margin:0 0 15px 0; font-size:18px; font-weight:bold; padding:15px; color:#333; border-radius:5px; box-shadow:2px 2px 5px #666;
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-8 */}
.title_04 { border:1px solid #5b8a00; border-radius:5px; margin:0 0 10px 0; padding:10px; color:#fff; background:#74c500; }
.title_05 { border:1px solid #005278; border-radius:5px; margin:0 0 10px 0; padding:10px; color:#fff; background:#00a0dc; }
.title_06 { border:1px solid #c10040; border-radius:5px; margin:0 0 10px 0; padding:10px; color:#fff; background:#f73769; }
.title_07 { border:1px solid #c54264; border-radius:5px; margin:0 0 10px 0; padding:10px; color:#fff; background:#e86e77; }
.title_08 { border-bottom:1px solid #ccc; margin:0 0 10px 0; padding:5px 0; color:#333; }
.title_09 { border:1px solid #5b8a00; margin:0 0 10px 0; padding:10px; color:#fff; background:#74c500; }
.title_10 { border:1px solid #005278; margin:0 0 10px 0; padding:10px; color:#fff; background:#00a0dc; }
.title_11 { border:1px solid #c10040; margin:0 0 10px 0; padding:10px; color:#fff; background:#f73769; }
.title_12 { border:1px solid #c54264; margin:0 0 10px 0; padding:10px; color:#fff; background:#e86e77; }
.title_13 { border-bottom:1px solid #F00; margin:0 0 10px 0; padding:5px 0; color:#F00; }
.title_14 { background: #38b4f7; /* Old browsers */
background: -moz-linear-gradient(top,  #38b4f7 0%, #1e5799 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#38b4f7), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #38b4f7 0%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #38b4f7 0%,#1e5799 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #38b4f7 0%,#1e5799 100%); /* IE10+ */
background: linear-gradient(to bottom,  #38b4f7 0%,#1e5799 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38b4f7', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
border: 1px solid #1E5799; border-radius:5px; color:#fff; padding:10px; }

.title_15 {
background: #a460bd; /* Old browsers */
background: -moz-linear-gradient(top,  #a460bd 0%, #771dab 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a460bd), color-stop(100%,#771dab)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a460bd 0%,#771dab 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a460bd 0%,#771dab 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a460bd 0%,#771dab 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a460bd 0%,#771dab 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a460bd', endColorstr='#771dab',GradientType=0 ); /* IE6-9 */
border: 1px solid #771DAB; border-radius:5px; color:#fff; padding:10px;}

.title_16{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* IE10+ */
background: linear-grmadient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
margin:0 0 20px 0; padding:20px 15px; border:1px #ccc solid; border-radius:10px;
box-shadow:2px 2px 5px #bbb; }

.title_17{ border-radius:10px; padding:10px; margin:0 0 10px 0 ; background: #ffffff; box-shadow:2px 2px 5px #ccc; }

.title_18{ border-radius:10px; border:1px solid #ccc; padding:15px; box-shadow: 3px 3px 5px 0 #ccc, inset 0 0 10px 0 #fff;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #e5e5e5 52%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(52%,#e5e5e5), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#e5e5e5 52%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#e5e5e5 52%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#e5e5e5 52%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#e5e5e5 52%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */}

.title_19{
border-radius:10px; border:1px solid #000; padding:15px; color:#fff; font-size:140%; margin:0 0 15px 0; 
background: #848484; /* Old browsers */
background: -moz-linear-gradient(top,  #848484 0%, #000000 41%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#848484), color-stop(41%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #848484 0%,#000000 41%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #848484 0%,#000000 41%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #848484 0%,#000000 41%); /* IE10+ */
background: linear-gradient(to bottom,  #848484 0%,#000000 41%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}

.title_20{ border:1px solid #F30; border-radius:5px; background:#FFC;  margin:0 0 10px 0; padding:10px;  }

.title_21{
background: #ff9400; /* Old browsers */
background: -moz-linear-gradient(top,  #ff9400 0%, #e56300 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9400), color-stop(99%,#e56300)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff9400 0%,#e56300 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff9400 0%,#e56300 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff9400 0%,#e56300 99%); /* IE10+ */
background: linear-gradient(to bottom,  #ff9400 0%,#e56300 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9400', endColorstr='#e56300',GradientType=0 ); /* IE6-9 */
border: 1px solid #be5000; border-radius:5px; color:#fff; padding:10px;
}
.title_22{
background: #00cec7; /* Old browsers */
background: -moz-linear-gradient(top,  #00cec7 0%, #00878c 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00cec7), color-stop(99%,#00878c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00cec7 0%,#00878c 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00cec7 0%,#00878c 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00cec7 0%,#00878c 99%); /* IE10+ */
background: linear-gradient(to bottom,  #00cec7 0%,#00878c 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cec7', endColorstr='#00878c',GradientType=0 ); /* IE6-9 */
border: 1px solid #0f7082; border-radius:5px; color:#fff; padding:10px;	
	}
	
.title_22{
background: #00cec7; /* Old browsers */
background: -moz-linear-gradient(top,  #00cec7 0%, #00878c 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00cec7), color-stop(99%,#00878c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00cec7 0%,#00878c 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00cec7 0%,#00878c 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00cec7 0%,#00878c 99%); /* IE10+ */
background: linear-gradient(to bottom,  #00cec7 0%,#00878c 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cec7', endColorstr='#00878c',GradientType=0 ); /* IE6-9 */
border: 1px solid #0f7082; border-radius:5px; color:#fff; padding:10px;	
	}
	
.title_23{
background: #7db9e8; /* Old browsers */
background: -moz-linear-gradient(top,  #7db9e8 0%, #1e5799 70%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(70%,#1e5799)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7db9e8 0%,#1e5799 70%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7db9e8 0%,#1e5799 70%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7db9e8 0%,#1e5799 70%); /* IE10+ */
background: linear-gradient(to bottom,  #7db9e8 0%,#1e5799 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
border: 1px solid #0f7082; border-radius:5px; color:#fff; padding:10px;		
	}
.title_24 { border:1px solid #C30; border-radius:5px; margin:0 0 10px 0; padding:10px; color:#FFF; background: #F00; }


.title_25{
border-radius:10px; border:1px solid #000; padding:15px; color:#fff; margin:0 0 15px 0; 
background: #848484; /* Old browsers */
background: -moz-linear-gradient(top,  #848484 0%, #000000 41%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#848484), color-stop(41%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #848484 0%,#000000 41%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #848484 0%,#000000 41%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #848484 0%,#000000 41%); /* IE10+ */
background: linear-gradient(to bottom,  #848484 0%,#000000 41%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#848484', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}


.title_26 { border-bottom:1px solid #ccc; margin:0 0 10px 0; padding:5px 0; }


.title_27 { padding:15px; color:#fff; border-radius:5px;}


/**テーブルセット**/

.box_tbl_01{ background:#ccc; border:3px solid #eee; border-radius:3px;}
.box_tbl_01 th{ background:#eee; padding:5px; border:1px solid #fff;}
.box_tbl_01 td{ background:#fff; padding:5px; }

.box_tbl_02{ background:#ccc; border:3px solid #eee; border-radius:3px;}
.box_tbl_02 th{ background:#3399cc; padding:5px; border:1px solid #fff; color:#fff;}
.box_tbl_02 td{ background:#fff; padding:5px; border:1px solid #fff; }
.box_tbl_02 td.tbl_price{ color:#F00; font-weight:bold;} 
.box_tbl_02 td.tbl_price_y{ color:#F00; font-weight:bold; background:#fffdd4;}
.box_tbl_02 td.tbl_subtitle{ background:#eee; padding:5px; }

.box_tbl_03{ background:#ccc; border:3px solid #eee; border-radius:3px;}
.box_tbl_03 th{ background:#86cc33; padding:5px; border:1px solid #fff; color:#fff;}
.box_tbl_03 td{ background:#fff; padding:5px; border:1px solid #fff; }
.box_tbl_03 td.tbl_price{ color:#F00; font-weight:bold;} 
.box_tbl_03 td.tbl_price_y{ color:#F00; font-weight:bold; background:#fffdd4;}
.box_tbl_03 td.tbl_subtitle{ background:#eee; padding:5px; }

.box_tbl_04{ background:#ccc; border:2px solid #eee; border-radius:3px;}
.box_tbl_04 th{ background:#eee; padding:2px; border:1px solid #fff; }
.box_tbl_04 td{ background:#fff; padding:2px; border:1px solid #fff; }
.box_tbl_04 td.tbl_price{ color:#F00; font-weight:bold;} 
.box_tbl_04 td.tbl_price_y{ color:#F00; font-weight:bold; background:#fffdd4;}
.box_tbl_04 td.tbl_subtitle{ background:#efefef; padding:3px; }
.box_tbl_04 th.tbl_th_red{ background:#F00; color:#fff; padding:3px; }

.box_tbl_05{ background:#bbb; border:3px solid #eee; border-radius:3px;}
.box_tbl_05 th{ background:#eee; padding:10px; border:1px solid #fff; }
.box_tbl_05 td{ background:#fff; padding:10px; border:1px solid #eee; }
.box_tbl_05 td.tbl_price{ color:#F00; font-weight:bold;} 
.box_tbl_05 td.tbl_price_y{ color:#F00; font-weight:bold; background:#fffdd4;}
.box_tbl_05 td.tbl_subtitle{ background:#efefef; padding:3px; }

.box_tbl_06{ background:#fff; }
.box_tbl_06 th{ background:#ecf0f1; padding:5px; color:#34495e; }
.box_tbl_06 td{ padding:5px; }
.box_tbl_06 tr:nth-child(2n+1) { background:#f7f7f7;}

.box_tbl_07{ background:#eee; border:3px solid #f5f5f5; }
.box_tbl_07 th{ background:#c0392b; padding:5px; color:#fff; }
.box_tbl_07 td{ padding:5px; background:#fff; }
.box_tbl_07 td.tbl_subtitle{ background:#f7f8f9; }


/**ボックスセット**/

.boxr_01{ padding:10px; border:1px solid #ccc; border-radius:5px;}
.boxr_02{ padding:10px; border:3px solid #ccc; border-radius:8px;}
.boxr_03{ padding:10px; border:1px solid #F00; border-radius:5px;}
.boxr_04{ padding:10px; border:1px solid #ccc; border-radius:5px; background:#eee;}
.boxr_05{ padding:10px; border:1px solid #ccc; border-radius:5px; background:#fff; margin:10px;}
.boxr_06{ padding:10px; border:1px solid #ccc; border-radius:5px; background:#fff; margin:10px 0;}
.boxr_07{ padding:10px; border:1px solid #ccc; border-radius:5px; background:#eee; margin:10px;}
.boxr_08{ padding:20px; border:3px solid #ccc; border-radius:10px; background:#fff; margin:20px;}
.boxr_09{ padding:20px; border:3px solid #ccc; border-radius:10px; background:#faf9e9; margin:20px;}
.boxr_10{ padding:10px; border-radius:5px; background:#eee;}
.boxr_11{ padding:20px; border:3px solid #ccc; border-radius:10px; background:#faf9e9; }
.boxr_12{ background:#fff; border-radius:5px; box-shadow:rgba(207, 207, 207, 0.529412) 0px 0px 3px 3px; margin:5px; padding:10px;}
.boxr_13{ padding:5px; border-radius:5px; border:1px solid #F00; background:#FFC;}
.boxr_14{ padding:10px; border:1px solid #eee; border-radius:5px; background:#fff; box-shadow:rgba(242, 242, 242, 0.65098) 2px 2px 2px 0px;}

.boxr_15{ border-radius:5px; }

/**スペースセット**/

.space_01{ margin:10px 0;}
.space_02{ margin:0px 10px;}
.space_03{ margin:20px 0;}
.space_04{ margin:0px 20px;}
.space_05{ margin:0px 10px 10px 10px;}
.space_06{ margin:0px 20px 20px 20px;}
.space_07{ padding:10px;}
.space_08{ margin:10px;}
.space_09{ margin:0 0 10px 0;}
.space_10{ padding:15px 0; margin:0 0 10px 0;}
.space_11{ margin:5px 0;}
.space_12{ margin:5px 10px;}
.space_13{ margin:5px;}
.space_14{ margin:0px;}
.space_15{ padding:5px;}
.space_16{ padding:3px;}

/**レイアウトセット あまり使わない例**/

.layout_01{ width:800px; margin:0 auto;}
.layout_02{ width:900px; margin:0 auto;}


/**フォーム関連**/



/**エラー表示**/
.errors{ background:url(../images/css/cation.gif)  3px 4px no-repeat #fffddc; margin:3px; border:1px solid #F00; border-radius:3px; padding:3px 5px 3px 20px; color:#F00; font-weight:bold; display:block; }
.button_next_01{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold; width:300px; font-size:14px; color:#666; margin:10px;
padding:10px; text-align:center; border:2px solid #ccc; border-radius:10px; background: url(../images/css/form_icon_02.png) no-repeat right, #feffff ; /* Old browsers */
background:url(../images/css/form_icon_02.png) no-repeat right, -moz-linear-gradient(top, #feffff 0%, #eeeeee 100%); /* FF3.6+ */
background:url(../images/css/form_icon_02.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background:url(../images/css/form_icon_02.png) no-repeat right, -webkit-linear-gradient(top, #feffff 0%,#eeeeee 100%) ;/* Chrome10+,Safari5.1+ */
background:url(../images/css/form_icon_02.png) no-repeat right, -o-linear-gradient(top, #feffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background: url(../images/css/form_icon_02.png) no-repeat right, -ms-linear-gradient(top, #feffff 0%,#eeeeee 100%) ; /* IE10+ */
background: url(../images/css/form_icon_02.png) no-repeat right, linear-gradient(to bottom, #feffff 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
box-shadow: 3px 3px 3px #e3e3e3;}

.button_next_01:hover{ color:#F60; box-shadow: 0px 0px 10px rgb(255, 192, 31); border:2px solid #F90;
background: #feffff; /* Old browsers */
background:url(../images/css/form_icon_02a.png) no-repeat right, -moz-linear-gradient(top,  #feffff 0%, #fff4a3 100%); /* FF3.6+ */
background:url(../images/css/form_icon_02a.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#fff4a3)); /* Chrome,Safari4+ */
background:url(../images/css/form_icon_02a.png) no-repeat right, -webkit-linear-gradient(top,  #feffff 0%,#fff4a3 100%); /* Chrome10+,Safari5.1+ */
background:url(../images/css/form_icon_02a.png) no-repeat right, -o-linear-gradient(top,  #feffff 0%,#fff4a3 100%); /* Opera 11.10+ */
background:url(../images/css/form_icon_02a.png) no-repeat right, -ms-linear-gradient(top,  #feffff 0%,#fff4a3 100%); /* IE10+ */
background:url(../images/css/form_icon_02a.png) no-repeat right, linear-gradient(to bottom,  #feffff 0%,#fff4a3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#fff4a3',GradientType=0 ); /* IE6-9 */}

.button_back_01{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold;
width:200px; font-size:14px; color:#666; margin:10px;
padding:10px; text-align:center; border:2px solid #ccc; border-radius:10px;
background: url(../images/css/form_icon_03.png) no-repeat left, #feffff ; /* Old browsers */
background:url(../images/css/form_icon_03.png) no-repeat left, -moz-linear-gradient(top, #feffff 0%, #eeeeee 100%); /* FF3.6+ */
background:url(../images/css/form_icon_03.png) no-repeat left, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background:url(../images/css/form_icon_03.png) no-repeat left, -webkit-linear-gradient(top, #feffff 0%,#eeeeee 100%) ;/* Chrome10+,Safari5.1+ */
background:url(../images/css/form_icon_03.png) no-repeat left, -o-linear-gradient(top, #feffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background: url(../images/css/form_icon_03.png) no-repeat left, -ms-linear-gradient(top, #feffff 0%,#eeeeee 100%) ; /* IE10+ */
background: url(../images/css/form_icon_03.png) no-repeat left, linear-gradient(to bottom, #feffff 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
box-shadow: 3px 3px 3px #e3e3e3;}

.button_back_01:hover{ color: #39C; border:2px solid #39C; box-shadow: 0px 0px 10px rgb(55, 148, 191);
background: #feffff; /* Old browsers */
background: url(../images/css/form_icon_03a.png) no-repeat left, -moz-linear-gradient(top,  #feffff 0%, #c0e5f9 100%); /* FF3.6+ */
background: url(../images/css/form_icon_03a.png) no-repeat left, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#c0e5f9)); /* Chrome,Safari4+ */
background: url(../images/css/form_icon_03a.png) no-repeat left, -webkit-linear-gradient(top,  #feffff 0%,#c0e5f9 100%); /* Chrome10+,Safari5.1+ */
background: url(../images/css/form_icon_03a.png) no-repeat left, -o-linear-gradient(top,  #feffff 0%,#c0e5f9 100%); /* Opera 11.10+ */
background: url(../images/css/form_icon_03a.png) no-repeat left, -ms-linear-gradient(top,  #feffff 0%,#c0e5f9 100%); /* IE10+ */
background: url(../images/css/form_icon_03a.png) no-repeat left, linear-gradient(to bottom,  #feffff 0%,#c0e5f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#c0e5f9',GradientType=0 ); /* IE6-9 */
box-shadow: 3px 3px 3px #e3e3e3;}

.button_back_02{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold;
width:200px; font-size:14px; color:#666; margin:10px;
padding:10px; text-align:center; border:2px solid #ccc; border-radius:10px;
background: #feffff ; /* Old browsers */
background:-moz-linear-gradient(top, #feffff 0%, #eeeeee 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, #feffff 0%,#eeeeee 100%) ;/* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, #feffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top, #feffff 0%,#eeeeee 100%) ; /* IE10+ */
background:linear-gradient(to bottom, #feffff 0%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
box-shadow: 3px 3px 3px #e3e3e3;}

.button_back_02:hover{ color: #39C; border:2px solid #39C; box-shadow: 0px 0px 10px rgb(55, 148, 191);
background: #feffff; /* Old browsers */
background:-moz-linear-gradient(top,  #feffff 0%, #c0e5f9 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#c0e5f9)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  #feffff 0%,#c0e5f9 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #feffff 0%,#c0e5f9 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #feffff 0%,#c0e5f9 100%); /* IE10+ */
background:linear-gradient(to bottom,  #feffff 0%,#c0e5f9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#c0e5f9',GradientType=0 ); /* IE6-9 */
box-shadow: 3px 3px 3px #e3e3e3;}

.button_enter_01{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold;
width:300px; font-size:14px; color:#fff; margin:10px;
padding:10px; text-align:center; border:2px solid #f04f00; border-radius:10px;
background: #ffe100; /* Old browsers */
background: -moz-linear-gradient(top,  #ffe100 0%, #ff6e00 72%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe100), color-stop(72%,#ff6e00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffe100 0%,#ff6e00 72%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffe100 0%,#ff6e00 72%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffe100 0%,#ff6e00 72%); /* IE10+ */
background: linear-gradient(to bottom,  #ffe100 0%,#ff6e00 72%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe100', endColorstr='#ff6e00',GradientType=0 ); /* IE6-9 */}

.button_enter_01:hover{ color:#fff3c2; box-shadow: 0px 0px 10px rgb(255, 192, 31); border:2px solid #a00000;
background: #ff9400; /* Old browsers */
background: -moz-linear-gradient(top,  #ff9400 0%, #ff0000 72%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9400), color-stop(72%,#ff0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff9400 0%,#ff0000 72%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff9400 0%,#ff0000 72%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff9400 0%,#ff0000 72%); /* IE10+ */
background: linear-gradient(to bottom,  #ff9400 0%,#ff0000 72%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9400', endColorstr='#ff0000',GradientType=0 ); /* IE6-9 */}

.button_enter_02{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:bold;
font-size:14px; color:#fff; margin:10px; background:#00a4e1; padding:10px; text-align:center; border:none; border-radius:10px; }

.button_enter_02:hover{ box-shadow: 0px 0px 10px rgb(255, 192, 31); background:#0082b2; }

.textbox_01{  padding:5px; border-radius:5px; }
.textbox_01:focus{ background:#FFC; box-shadow: 0px 0px 10px rgb(255, 192, 31); }

.textbox_02{  padding:2px; border-radius:3px; border:1px solid #ccc; font-size:10px;}
.textbox_02:focus{ background:#FFC;  border:1px solid #6CF;  }



.labelcheck { display: inline;}
.regular-checkbox {	display: none;}
.regular-checkbox + .labelcheck {background-color: #fafafa; border: 1px solid #cacece;box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px;border-radius: 3px; display: inline-block; position: relative;}
.regular-checkbox + .labelcheck:active, .regular-checkbox:checked + .labelcheck:active {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.regular-checkbox:checked + .labelcheck {background-color: #e9ecee; border: 1px solid #adb8c0; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); color: #99a1a7;}
.regular-checkbox:checked + .labelcheck:after { content: '\2714'; font-size: 14px; position: absolute; top: 0px; left: 3px; color: #99a1a7;}
.big-checkbox + .labelcheck { padding: 13px;}
.big-checkbox:checked + .labelcheck:after { font-size: 20px; padding:3px 0 0 0;}
.text_lavel{ color:666; font-size:14px; line-height:28px;}

/**ボックスセットタイトルパターン**/
.titlebox_h01{
border:1px solid #ccc; border-radius:5px 5px 0 0; padding:10px; margin:0;
background: #feffff; /* Old browsers */
background: -moz-linear-gradient(top,  #feffff 0%, #eeeeee 83%, #cccccc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(83%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #feffff 0%,#eeeeee 83%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #feffff 0%,#eeeeee 83%,#cccccc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #feffff 0%,#eeeeee 83%,#cccccc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #feffff 0%,#eeeeee 83%,#cccccc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */}
.titlebox_d01{ border-radius:0 0 5px 5px; padding:10px 20px; background:#fff; border:1px solid #ccc;}


/**ボタンAhref**/

.ahref_01{
background: url(../images/css/ahref_01.png) right center no-repeat, #ffffff; /* Old browsers */
background: url(../images/css/ahref_01.png) right center no-repeat, -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
background: url(../images/css/ahref_01.png) right center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: url(../images/css/ahref_01.png) right center no-repeat, -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: url(../images/css/ahref_01.png) right center no-repeat, -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Opera 11.10+ */
background: url(../images/css/ahref_01.png) right center no-repeat, -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* IE10+ */
background: url(../images/css/ahref_01.png) right center no-repeat, linear-grmadient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
 border-radius:15px; border:1px solid #ccc;padding:10px 25px 10px 15px; text-align: center; text-decoration:none;

}

.ahref_01:hover{ box-shadow: 0px 0px 10px rgb(255, 192, 31); border:1px solid #FC0;
background: #ffffff; /* Old browsers */
background: url(../images/css/ahref_01a.png) right center no-repeat,-moz-linear-gradient(top,  #ffffff 0%, #fff0a5 100%); /* FF3.6+ */
background: url(../images/css/ahref_01a.png) right center no-repeat,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fff0a5)); /* Chrome,Safari4+ */
background: url(../images/css/ahref_01a.png) right center no-repeat,-webkit-linear-gradient(top,  #ffffff 0%,#fff0a5 100%); /* Chrome10+,Safari5.1+ */
background: url(../images/css/ahref_01a.png) right center no-repeat,-o-linear-gradient(top,  #ffffff 0%,#fff0a5 100%); /* Opera 11.10+ */
background: url(../images/css/ahref_01a.png) right center no-repeat,-ms-linear-gradient(top,  #ffffff 0%,#fff0a5 100%); /* IE10+ */
background: url(../images/css/ahref_01a.png) right center no-repeat,linear-gradient(to bottom,  #ffffff 0%,#fff0a5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff0a5',GradientType=0 ); /* IE6-9 */}


.ahref_02{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* IE10+ */
background: linear-grmadient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
border-radius:15px; border:1px solid #ccc;padding:10px 15px 10px 15px; text-align: center; text-decoration:none; }

.ahref_02:hover{ box-shadow: 0px 0px 10px rgb(255, 192, 31); border:1px solid #FC0;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fff0a5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fff0a5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fff0a5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fff0a5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fff0a5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fff0a5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff0a5',GradientType=0 ); /* IE6-9 */}

.ahref_03{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* IE10+ */
background: linear-grmadient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
border-radius:10px; border:2px solid #ccc; padding:10px 15px 10px 15px; text-align: center; text-decoration:none; margin:10px; }

.ahref_03:hover{ box-shadow: 0px 0px 10px rgb(255, 192, 31); border:2px solid #FC0;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fff0a5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fff0a5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fff0a5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fff0a5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fff0a5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fff0a5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff0a5',GradientType=0 ); /* IE6-9 */}

/**リストデザイン**/

.list_menu_01{ margin:0 auto; padding:0; list-style:none;}
.list_menu_01 li{ float:left; margin:0; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;
background:  #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%); /* IE10+ */
background: linear-grmadient(to bottom,  #ffffff 0%,#e7e7e7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}

.list_menu_01 a{ display:block; padding:10px; text-align:center; text-decoration:none;}
.list_menu_01 a:hover{ display:block; padding:10px; text-align:center;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fff0a5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fff0a5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fff0a5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#fff0a5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#fff0a5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#fff0a5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff0a5',GradientType=0 ); /* IE6-9 */
}
.list_menu_01 .start{ border-radius:5px 0px 0px 5px; border:1px solid #ccc;}
.list_menu_01 .end{ border-radius:0px 5px 5px 0px; border-top:1px solid #ccc; border-right:1px solid #ccc;  border-bottom:1px solid #ccc;}

.list_menu { list-style: none; overflow: hidden; padding: 0; margin:0 0 10px 0; }
.list_menu li { list-style: none; overflow: hidden; margin:3px 0; padding: 0;}
.list_menu li:last-child { border-bottom: 0px;}
.list_menu li a { display: block; border-radius:3px; position: relative; z-index: 10; margin: 0; padding: 3px 10px 3px 30px;  text-decoration: none;}
.list_menu li a:hover { background: rgba(223, 223, 223, 0.5);}

#list_01 li a:before { display: block; content: ""; position: absolute; top: 50%; left: 10px; width: 0; height: 0; margin-top: -5px; border: 5px solid transparent; border-left: 5px solid #bbb;}
#list_01 li a:after { display: block; content: ""; position: absolute; top: 50%; left: 6px; width: 6px; height: 4px; margin-top: -2px; background: #bbb;}
#list_01 li a:hover:before {	left: 12px; }



.list_menu_01 .start{ border-radius:5px 0px 0px 5px; border:1px solid #ccc;}
.list_menu_01 .end{ border-radius:0px 5px 5px 0px; border-top:1px solid #ccc; border-right:1px solid #ccc;  border-bottom:1px solid #ccc;}

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


.list_menu_02 { list-style: none; padding: 0; margin:0 0 10px 0; width:100%; display:table;  font-weight:bold; }
.list_menu_02 li { font-size:120%; list-style: none; display:table-cell; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-top:1px solid #ccc;}
.list_menu_02 li a { display: block; text-align:center; padding:15px 5px; text-decoration:none;}
.list_menu_02 li a:hover { background: #efefef;}

.list_menu_02 li:first-child { border-radius:5px 0px 0px 5px;}
.list_menu_02 li:last-child{ border-radius:0px 5px 5px 0px; border-right:1px solid #ccc;}


.list_menu_03 li a{ font-size:120%; display: inline-block; width:100%; margin:0;  padding:13px 0; text-align: center; text-decoration: none; outline: none;}
.list_menu_03 li a::before,
.list_menu_03 li a::after { position: absolute; z-index: -1; display: block; content: ''; }
.list_menu_03 li a,
.list_menu_03 li a::before,
.list_menu_03 li a::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s; }


.list_menu_03 { list-style: none; padding: 0; margin:0 0 10px 0; width:100%; display:table;  font-weight:bold; }
.list_menu_03 li { display:table-cell; line-height:0px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-top:1px solid #ccc; }
.list_menu_03 li a {position: relative; z-index: 2; background-color: #f6f7f7; border-bottom:3px solid #eee; color: #555; overflow: hidden;}
.list_menu_03 li a:hover { color: #555; border-bottom:3px solid #ddd;}
.list_menu_03 li a::after{ top: -100%; width:100%; height:100%;}
.list_menu_03 li a:hover::after {top: 0; background-color: #fff;}
.list_menu_03 li:first-child { border-radius:5px 0px 0px 5px; }
.list_menu_03 li:last-child{ border-right:1px solid #ccc; border-radius:0px 5px 5px 0px;}


/**ICONデザイン***/

.icon_new_01{ display:block; margin:-10px 0px 0 -30px; float:left; width:32px; height:24px; background:url(/images/css/icon/icon_new_01.gif) no-repeat; text-indent:-99999px}
.icon_cation{ display:block; margin:-10px 0px 0 -30px; float:left; width:32px; height:24px; background:url(/images/css/icon/icon_cation.gif) no-repeat; text-indent:-99999px}


.icon_cirle_01{ color:#fff; border-radius:3px; border:1px solid #6f0000; padding:5px 10px; font-weight:bold; font-size:120%;　box-shadow:rgba(145, 145, 145, 0.298039) 3px 3px 9px 0px;
background: #ef0003; /* Old browsers */
background: -moz-linear-gradient(top,  #ef0003 0%, #bc0003 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef0003), color-stop(100%,#bc0003)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ef0003 0%,#bc0003 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ef0003 0%,#bc0003 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ef0003 0%,#bc0003 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ef0003 0%,#bc0003 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef0003', endColorstr='#bc0003',GradientType=0 ); /* IE6-9 */}

/*===================================================================

//  共通Jquery sample_css

//=================================================================*/

/**タブ切り替えデザイン**/

ul.tab_list_01{ margin:0; padding:0; list-style:none;}
ul.tab_list_01 li{ padding:10px; display:table-cell; text-align:center; float:left;  cursor:pointer; }
ul.tab_list_01 li.select{ background:#f7f7f7; }
.content_wrap{ clear:both;}
.disnon{ display:none;}


/*===================================================================

//  共通Jquery sample_css

//=================================================================*/

.g_Oswald_400 {font-family: 'Oswald', sans-serif; font-weight:400; }
.g_Oswald_300 {font-family: 'Oswald', sans-serif; font-weight:300; }

.gfonts_100 { font-family:Noto Sans Japanese,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック"; font-weight:100}
.gfonts_200 { font-family:Noto Sans Japanese,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック"; font-weight:200}
.gfonts_300 { font-family:Noto Sans Japanese,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック"; font-weight:300}
.gfonts_400 { font-family:Noto Sans Japanese,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック"; font-weight:400}
.gfonts_500 { font-family:Noto Sans Japanese,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック"; font-weight:500}
.gfonts_600 { font-family:Noto Sans Japanese,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック"; font-weight:600}
.gfonts_700 { font-family:Noto Sans Japanese,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック"; font-weight:700}
.gfonts_800 { font-family:Noto Sans Japanese,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック"; font-weight:800}
.gfonts_900 { font-family:Noto Sans Japanese,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック"; font-weight:900}