@charset "utf-8";

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


.tx_dec_none_a{ text-decoration: none;}
.tx_dec_none{ text-decoration: none;}
.tx_dec_none:hover{ text-decoration: none;}

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

//  フォント設定 google

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



.g_round {font-family: "Rounded Mplus 1c"; }
.g_Oswald_400 {font-family: 'Oswald', sans-serif; font-weight:400; }


.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}

.fw_100{ font-weight: 100;}
.fw_200{ font-weight: 200;}
.fw_300{ font-weight: 300;}
.fw_400{ font-weight: 400;}
.fw_500{ font-weight: 500;}
.fw_600{ font-weight: 600;}
.fw_700{ font-weight: 700;}
.fw_800{ font-weight: 800;}
.fw_900{ font-weight: 900;}

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

.text-center{ text-align: center;}
.text-right{ text-align: right;}
.text-left{ text-align: left;}
/*===================================================================

//  共通フォーマット　レイアウト設定 sample_css

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

.contents_row:after{content: ""; clear: both; display: block;}

.fl_hc {display: flex; align-items: center;}
.fl_wc {display: flex; justify-content: center;}
.fl_c {display: flex; align-items: center; justify-content: center;}
.fl_c_top {display: flex; justify-content: center;}

.fl_row{ display: -webkit-flex; display: flex; }

/*** 縦列センター ***/
.fl_height_center {
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}

.icon_wrapper{ position: relative; }
.icon_tag{ position: absolute; left: 0px; top:0px; z-index:1; }
.icon_tag5{ position: absolute; left: -5px; top:-5px; z-index:1; }
.icon_tag10{ position: absolute; left: -10px; top:-10px; z-index:1; }
.icon_tag20{ position: absolute; left: -20px; top:-20px; z-index:1; }


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

//  共通フォーマット　文字間隔設定 センター合わせ sample_css

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

.text_sp1{ letter-spacing: 1em; text-indent:1em; }
.text_sp01{ letter-spacing: 0.1em; text-indent:0.1em; }
.text_sp02{ letter-spacing: 0.2em; text-indent:0.2em; }
.text_sp03{ letter-spacing: 0.3em; text-indent:0.3em; }
.text_sp04{ letter-spacing: 0.4em; text-indent:0.4em; }
.text_sp05{ letter-spacing: 0.5em; text-indent:0.5em; }
.text_sp06{ letter-spacing: 0.6em; text-indent:0.6em; }
.text_sp07{ letter-spacing: 0.7em; text-indent:0.7em; }
.text_sp08{ letter-spacing: 0.8em; text-indent:0.8em; }
.text_sp09{ letter-spacing: 0.9em; text-indent:0.9em; }


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

//  共通フォーマット　リスト設定 sample_css

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

ul.ul_none,
ul.ul_none_pd1,
ul.ul_none_pd2,
ul.ul_none_pd3,
ul.ul_none_pd4,
ul.ul_none_pd5,
ul.ul_none_pd6,
ul.ul_none_pd7,
ul.ul_none_pd8,
ul.ul_none_pd9,
ul.ul_none_pd10 {list-style: none; padding: 0; }
ul.ul_none_pd1 li{ padding:1px;}
ul.ul_none_pd2 li{ padding:2px;}
ul.ul_none_pd3 li{ padding:3px;}
ul.ul_none_pd4 li{ padding:4px;}
ul.ul_none_pd5 li{ padding:5px;}
ul.ul_none_pd6 li{ padding:6px;}
ul.ul_none_pd7 li{ padding:7px;}
ul.ul_none_pd8 li{ padding:8px;}
ul.ul_none_pd9 li{ padding:9px;}
ul.ul_none_pd10 li{ padding:10px;}

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

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

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

.color_fff { color:#fff;}
.color_eee { color:#eee;}
.color_ccc { color:#ccc;}
.color_ddd { color:#ddd;}
.color_333 { color:#333;}
.color_555 { color:#555;}
.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;} /**繁忙**/
.color_F44336 { color:#F44336;} 
.color_F5EFE6 { color:#F5EFE6;} 
.color_5EBABA { color:#5EBABA;} 
.color_FFC { color:#FFC;} 
.color_534741 { color:#534741;} 
.color_e52c47 { color:#e52c47;} 
.color_ab1746 { color:#ab1746;} 
.color_F3F7F7 { color:#F3F7F7;} 
.color_0ED2D9 { color:#0ED2D9;} 
.color_FF6473 { color:#FF6473;} 
.color_FFE8E2 { color:#FFE8E2;} 



.back_fff { background:#fff;}
.back_eee { background:#eee;}
.back_ccc { background:#ccc;}
.back_ddd { background:#ddd;}
.back_333 { background:#333;}
.back_555 { background:#555;}
.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;}  /**繁忙**/
.back_F44336 { background:#F44336;}  
.back_F5EFE6 { background:#F5EFE6;}  
.back_5EBABA { background:#5EBABA;}  
.back_FFC { background:#FFC;}  
.back_534741 { background:#534741;}  
.back_e52c47 { background:#e52c47;}  
.back_ab1746 { background:#ab1746;}  
.back_F3F7F7 { background:#F3F7F7;}  
.back_0ED2D9 { background:#0ED2D9;}  
.back_FF6473 { background:#FF6473;}  
.back_FFE8E2 { background:#FFE8E2;}  


.border_fff { border-color:#fff;}
.border_eee { border-color:#eee;}
.border_ccc { border-color:#ccc;}
.border_ddd { border-color:#ddd;}
.border_333 { border-color:#333;}
.border_555 { border-color:#555;}
.border_999 { border-color:#999;}
.border_F00 { border-color:#F00;}
.border_0080c9 { border-color:#0080c9;}
.border_0070aa { border-color:#0070aa;}
.border_c0392b { border-color:#c0392b;}
.border_34495e { border-color:#34495e;}
.border_2c3e50 { border-color:#2c3e50;}
.border_ecf0f1 { border-color:#ecf0f1;}
.border_FFE824 { border-color:#FFE824;} 
.border_b4d100 { border-color:#b4d100;} 
.border_fed400 { border-color:#fed400; } 

.border_f6f7f7 { border-color:#f6f7f7;} 
.border_e9eaea { border-color:#e9eaea;} 
.border_fafafa { border-color:#fafafa;} 
.border_63c7f2 { border-color:#63c7f2;} 
.border_3597d3 { border-color:#3597d3;} 
.border_bb9bc7 { border-color:#bb9bc7;}
.border_f19482 { border-color:#f19482;} 
.border_f7ad00 { border-color:#f7ad00;} 
.border_9fa0a0 { border-color:#9fa0a0;} 
.border_f4acb0 { border-color:#f4acb0;}  /**超繁忙**/
.border_ffe5a6 { border-color:#ffe5a6;}  /**繁忙**/
.border_F44336 { border-color:#F44336;}  
.border_F5EFE6 { border-color:#F5EFE6;} 
.border_5EBABA { border-color:#5EBABA;} 
.border_FFC { border-color:#FFC;} 
.border_534741 { border-color:#534741;}
.border_e52c47 { border-color:#e52c47;}
.border_ab1746 { border-color:#ab1746;}
.border_F3F7F7 { border-color:#F3F7F7;}
.border_0ED2D9 { border-color:#0ED2D9;}
.border_FF6473 { border-color:#FF6473;}
.border_FFE8E2 { border-color:#FFE8E2;}


.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_140 { font-size:140%;}
.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_90 { font-size:90%;}
.size_100 { font-size:100%;}

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

//  リストデザイン

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


ul.lists_squere{ list-style: none; margin: 0 0 0 2em; padding: 0;}

ul.lists_squere li {
  position: relative;
}
ul.lists_squere li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: .6em;
  height: .6em;
}

ul.lists_circle{ list-style: none; margin: 0 0 0 2em; padding: 0;}

ul.lists_circle li {
  position: relative;
}
ul.lists_circle li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: .6em;
  height: .6em;
  border-radius: 100%;
}

ul.lists_carrow{ list-style: none; margin: 0 0 0 2em; padding: 0;}
ul.lists_carrow li {
  position: relative;
}
ul.lists_carrow li::after,
ul.lists_carrow li::before {
  display: block;
  content: '';
  position: absolute;
}
ul.lists_carrow li::after {
  top: .35em;
  left: -1.2em;
  width: 1em;
  height: 1em;
  border-radius: 100%;
}
ul.lists_carrow li::before {
  z-index: 2;
  top: .7em;
  left: -.9em;
  width: 0.3em;
  height: 0.3em;
  border-right: 0.1em solid #fff;
  border-bottom: 0.1em solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

ul.lists_diamond{ list-style: none; margin: 0 0 0 2em; padding: 0;}

ul.lists_diamond li {
  position: relative; padding: 0 0 0.5em 0;
}
ul.lists_diamond li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: .6em;
  height: .6em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.lists_fff li::after  { background:#fff;}
.lists_eee li::after { background:#eee;}
.lists_ccc li::after { background:#ccc;}
.lists_ddd li::after { background:#ddd;}
.lists_333 li::after { background:#333;}
.lists_555 li::after { background:#555;}
.lists_999 li::after { background:#999;}
.lists_F00 li::after { background:#F00;}
.lists_0080c9 li::after { background:#0080c9;}
.lists_0070aa li::after { background:#0070aa;}
.lists_c0392b li::after { background:#c0392b;}
.lists_34495e li::after { background:#34495e;}
.lists_2c3e50 li::after { background:#2c3e50;}
.lists_ecf0f1 li::after { background:#ecf0f1;}
.lists_FFE824 li::after { background:#FFE824;} 
.lists_b4d100 li::after { background:#b4d100;} 
.lists_fed400 li::after { background:#fed400;} 

.lists_f6f7f7 li::after { background:#f6f7f7;} 
.lists_e9eaea li::after { background:#e9eaea;} 
.lists_fafafa li::after { background:#fafafa;} 
.lists_63c7f2 li::after { background:#63c7f2;} 
.lists_3597d3 li::after { background:#3597d3;} 
.lists_bb9bc7 li::after { background:#bb9bc7;}
.lists_f19482 li::after { background:#f19482;} 
.lists_f7ad00 li::after { background:#f7ad00;} 
.lists_9fa0a0 li::after { background:#9fa0a0;} 
.lists_f4acb0 li::after { background:#f4acb0;}  /**超繁忙**/
.lists_ffe5a6 li::after { background:#ffe5a6;}  /**繁忙**/
.lists_F44336 li::after { background:#F44336;}  
.lists_F5EFE6 li::after { background:#F5EFE6;}  
.lists_5EBABA li::after { background:#5EBABA;}  
.lists_FFC li::after { background:#FFC;}  
.lists_534741 li::after { background:#534741;}  
.lists_e52c47 li::after { background:#e52c47;}  
.lists_ab1746 li::after { background:#ab1746;}  
.lists_F3F7F7 li::after { background:#F3F7F7;}  
.lists_0ED2D9 li::after { background:#0ED2D9;}  
.lists_FF6473 li::after { background:#FF6473;}  
.lists_FFE8E2 li::after { background:#FFE8E2;}  

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

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

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

.bl_02{ border:1px solid #cccccc;}
.bl_03{ border:1px solid #eeeeee;}
.bl_04{ border:3px solid #eeeeee;}
.bl_05{ border:5px solid #eeeeee;}

.border_1{ border-width: 1px; border-style: solid;}
.border_2{ border-width: 2px; border-style: solid;}
.border_3{ border-width: 3px; border-style: solid;}
.border_4{ border-width: 4px; border-style: solid;}
.border_5{ border-width: 5px; border-style: solid;}
.border_6{ border-width: 6px; border-style: solid;}
.border_7{ border-width: 7px; border-style: solid;}
.border_8{ border-width: 8px; border-style: solid;}
.border_9{ border-width: 9px; border-style: solid;}
.border_10{ border-width: 10px; border-style: solid;}

.border_bottom{ border-top:none; border-left: none; border-right: none;}
.border_left{ border-top:none; border-bottom: none; border-right: none;}
.border_right{ border-top:none; border-left: none; border-bottom: none;}
.border_top{ border-bottom:none; border-left: none; border-right: none;}

.border_bottom_none{ border-bottom: none;}
.border_left_none{ border-left: none;}
.border_right_none{ border-right: none;}
.border_top_none{ border-top: none;}


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

//  共通フォーマット　角丸設定 sample_css

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

.border_r1{ border-radius: 1px;}
.border_r2{ border-radius: 2px;}
.border_r3{ border-radius: 3px;}
.border_r4{ border-radius: 4px;}
.border_r5{ border-radius: 5px;}
.border_r6{ border-radius: 6px;}
.border_r7{ border-radius: 7px;}
.border_r8{ border-radius: 8px;}
.border_r9{ border-radius: 9px;}
.border_r10{ border-radius: 10px;}
.border_r11{ border-radius: 11px;}
.border_r12{ border-radius: 12px;}
.border_r13{ border-radius: 13px;}
.border_r14{ border-radius: 14px;}
.border_r15{ border-radius: 15px;}
.border_r16{ border-radius: 16px;}
.border_r17{ border-radius: 17px;}
.border_r18{ border-radius: 18px;}
.border_r19{ border-radius: 19px;}
.border_r20{ border-radius: 20px;}

.border_r1_top{ border-radius:1px 1px 0 0;}
.border_r2_top{ border-radius: 2px 2px 0 0;}
.border_r3_top{ border-radius: 3px 3px 0 0;}
.border_r4_top{ border-radius: 4px 4px 0 0;}
.border_r5_top{ border-radius: 5px 5px 0 0;}
.border_r6_top{ border-radius: 6px 6px 0 0;}
.border_r7_top{ border-radius: 7px 7px 0 0;}
.border_r8_top{ border-radius: 8px 8px 0 0;}
.border_r9_top{ border-radius: 9px 9px 0 0;}
.border_r10_top{ border-radius: 10px 10px 0 0;}
.border_r11_top{ border-radius: 11px 11px 0 0;}
.border_r12_top{ border-radius: 12px 12px 0 0;}
.border_r13_top{ border-radius: 13px 13px 0 0;}
.border_r14_top{ border-radius: 14px 14px 0 0;}
.border_r15_top{ border-radius: 15px 15px 0 0;}
.border_r16_top{ border-radius: 16px 16px 0 0;}
.border_r17_top{ border-radius: 17px 17px 0 0;}
.border_r18_top{ border-radius: 18px 18px 0 0;}
.border_r19_top{ border-radius: 19px 19px 0 0;}
.border_r20_top{ border-radius: 20px 20px 0 0;}

.border_r1_bottom{ border-radius:0 0 1px 1px;}
.border_r2_bottom{ border-radius:0 0 2px 2px;}
.border_r3_bottom{ border-radius:0 0 3px 3px;}
.border_r4_bottom{ border-radius:0 0 4px 4px;}
.border_r5_bottom{ border-radius:0 0 5px 5px;}
.border_r6_bottom{ border-radius:0 0 6px 6px;}
.border_r7_bottom{ border-radius:0 0 7px 7px;}
.border_r8_bottom{ border-radius:0 0 8px 8px;}
.border_r9_bottom{ border-radius:0 0 9px 9px;}
.border_r10_bottom{ border-radius:0 0 10px 10px;}
.border_r11_bottom{ border-radius:0 0 11px 11px;}
.border_r12_bottom{ border-radius:0 0 12px 12px;}
.border_r13_bottom{ border-radius:0 0 13px 13px;}
.border_r14_bottom{ border-radius:0 0 14px 14px;}
.border_r15_bottom{ border-radius:0 0 15px 15px;}
.border_r16_bottom{ border-radius:0 0 16px 16px;}
.border_r17_bottom{ border-radius:0 0 17px 17px;}
.border_r18_bottom{ border-radius:0 0 18px 18px;}
.border_r19_bottom{ border-radius:0 0 19px 19px;}
.border_r20_bottom{ border-radius:0 0 20px 20px;}


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

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

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

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

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

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

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

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

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

//  共通フォーマット　padding設定 sample_css

//=================================================================*/
.pd_0{ padding:0px; }
.pd_1{ padding:1px; }
.pd_2{ padding:2px; }
.pd_3{ padding:3px; }
.pd_4{ padding:4px; }
.pd_5{ padding:5px; }
.pd_6{ padding:6px; }
.pd_7{ padding:7px; }
.pd_8{ padding:8px; }
.pd_9{ padding:9px; }
.pd_10{ padding:10px; }
.pd_11{ padding:11px; }
.pd_12{ padding:12px; }
.pd_13{ padding:13px; }
.pd_14{ padding:14px; }
.pd_15{ padding:15px; }
.pd_16{ padding:16px; }
.pd_17{ padding:17px; }
.pd_18{ padding:18px; }
.pd_19{ padding:19px; }
.pd_20{ padding:20px; }
.pd_25{ padding:25px; }
.pd_30{ padding:30px; }
.pd_35{ padding:35px; }
.pd_40{ padding:40px; }
.pd_45{ padding:45px; }
.pd_50{ padding:50px; }

.pd_top_0{ padding-top:0px; }
.pd_top_1{ padding-top:1px; }
.pd_top_2{ padding-top:2px; }
.pd_top_3{ padding-top:3px; }
.pd_top_4{ padding-top:4px; }
.pd_top_5{ padding-top:5px; }
.pd_top_6{ padding-top:6px; }
.pd_top_7{ padding-top:7px; }
.pd_top_8{ padding-top:8px; }
.pd_top_9{ padding-top:9px; }
.pd_top_10{ padding-top:10px; }
.pd_top_11{ padding-top:11px; }
.pd_top_12{ padding-top:12px; }
.pd_top_13{ padding-top:13px; }
.pd_top_14{ padding-top:14px; }
.pd_top_15{ padding-top:15px; }
.pd_top_16{ padding-top:16px; }
.pd_top_17{ padding-top:17px; }
.pd_top_18{ padding-top:18px; }
.pd_top_19{ padding-top:19px; }
.pd_top_20{ padding-top:20px; }
.pd_top_25{ padding-top:25px; }
.pd_top_30{ padding-top:30px; }
.pd_top_35{ padding-top:35px; }
.pd_top_40{ padding-top:40px; }
.pd_top_45{ padding-top:45px; }
.pd_top_50{ padding-top:50px; }


.pd_bottom_0{ padding-bottom:0px; }
.pd_bottom_1{ padding-bottom:1px; }
.pd_bottom_2{ padding-bottom:2px; }
.pd_bottom_3{ padding-bottom:3px; }
.pd_bottom_4{ padding-bottom:4px; }
.pd_bottom_5{ padding-bottom:5px; }
.pd_bottom_6{ padding-bottom:6px; }
.pd_bottom_7{ padding-bottom:7px; }
.pd_bottom_8{ padding-bottom:8px; }
.pd_bottom_9{ padding-bottom:9px; }
.pd_bottom_10{ padding-bottom:10px; }
.pd_bottom_11{ padding-bottom:11px; }
.pd_bottom_12{ padding-bottom:12px; }
.pd_bottom_13{ padding-bottom:13px; }
.pd_bottom_14{ padding-bottom:14px; }
.pd_bottom_15{ padding-bottom:15px; }
.pd_bottom_16{ padding-bottom:16px; }
.pd_bottom_17{ padding-bottom:17px; }
.pd_bottom_18{ padding-bottom:18px; }
.pd_bottom_19{ padding-bottom:19px; }
.pd_bottom_20{ padding-bottom:20px; }
.pd_bottom_25{ padding-bottom:25px; }
.pd_bottom_30{ padding-bottom:30px; }
.pd_bottom_35{ padding-bottom:35px; }
.pd_bottom_40{ padding-bottom:40px; }
.pd_bottom_45{ padding-bottom:45px; }
.pd_bottom_50{ padding-bottom:50px; }

.pd_left_0{ padding-left:0px; }
.pd_left_1{ padding-left:1px; }
.pd_left_2{ padding-left:2px; }
.pd_left_3{ padding-left:3px; }
.pd_left_4{ padding-left:4px; }
.pd_left_5{ padding-left:5px; }
.pd_left_6{ padding-left:6px; }
.pd_left_7{ padding-left:7px; }
.pd_left_8{ padding-left:8px; }
.pd_left_9{ padding-left:9px; }
.pd_left_10{ padding-left:10px; }
.pd_left_11{ padding-left:11px; }
.pd_left_12{ padding-left:12px; }
.pd_left_13{ padding-left:13px; }
.pd_left_14{ padding-left:14px; }
.pd_left_15{ padding-left:15px; }
.pd_left_16{ padding-left:16px; }
.pd_left_17{ padding-left:17px; }
.pd_left_18{ padding-left:18px; }
.pd_left_19{ padding-left:19px; }
.pd_left_20{ padding-left:20px; }
.pd_left_25{ padding-left:25px; }
.pd_left_30{ padding-left:30px; }
.pd_left_35{ padding-left:35px; }
.pd_left_40{ padding-left:40px; }
.pd_left_45{ padding-left:45px; }
.pd_left_50{ padding-left:50px; }

.pd_right_0{ padding-right:0px; }
.pd_right_1{ padding-right:1px; }
.pd_right_2{ padding-right:2px; }
.pd_right_3{ padding-right:3px; }
.pd_right_4{ padding-right:4px; }
.pd_right_5{ padding-right:5px; }
.pd_right_6{ padding-right:6px; }
.pd_right_7{ padding-right:7px; }
.pd_right_8{ padding-right:8px; }
.pd_right_9{ padding-right:9px; }
.pd_right_10{ padding-right:10px; }
.pd_right_11{ padding-right:11px; }
.pd_right_12{ padding-right:12px; }
.pd_right_13{ padding-right:13px; }
.pd_right_14{ padding-right:14px; }
.pd_right_15{ padding-right:15px; }
.pd_right_16{ padding-right:16px; }
.pd_right_17{ padding-right:17px; }
.pd_right_18{ padding-right:18px; }
.pd_right_19{ padding-right:19px; }
.pd_right_20{ padding-right:20px; }
.pd_right_25{ padding-right:25px; }
.pd_right_30{ padding-right:30px; }
.pd_right_35{ padding-right:35px; }
.pd_right_40{ padding-right:40px; }
.pd_right_45{ padding-right:45px; }
.pd_right_50{ padding-right:50px; }


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

//  共通フォーマット　margin設定 sample_css

//=================================================================*/
.mg_0{ margin: 0px; }
.mg_1{ margin: 1px; }
.mg_2{ margin:2px; }
.mg_3{ margin:3px; }
.mg_4{ margin:4px; }
.mg_5{ margin:5px; }
.mg_6{ margin:6px; }
.mg_7{ margin:7px; }
.mg_8{ margin:8px; }
.mg_9{ margin:9px; }
.mg_10{ margin:10px; }
.mg_11{ margin:11px; }
.mg_12{ margin:12px; }
.mg_13{ margin:13px; }
.mg_14{ margin:14px; }
.mg_15{ margin:15px; }
.mg_16{ margin:16px; }
.mg_17{ margin:17px; }
.mg_18{ margin:18px; }
.mg_19{ margin:19px; }
.mg_20{ margin:20px; }
.mg_25{ margin:25px; }
.mg_30{ margin:30px; }
.mg_35{ margin:35px; }
.mg_40{ margin:40px; }
.mg_45{ margin:45px; }
.mg_50{ margin:50px; }

.mg_top_0{ margin-top: 0px; }
.mg_top_1{ margin-top: 1px; }
.mg_top_2{ margin-top:2px; }
.mg_top_3{ margin-top:3px; }
.mg_top_4{ margin-top:4px; }
.mg_top_5{ margin-top:5px; }
.mg_top_6{ margin-top:6px; }
.mg_top_7{ margin-top:7px; }
.mg_top_8{ margin-top:8px; }
.mg_top_9{ margin-top:9px; }
.mg_top_10{ margin-top:10px; }
.mg_top_11{ margin-top:11px; }
.mg_top_12{ margin-top:12px; }
.mg_top_13{ margin-top:13px; }
.mg_top_14{ margin-top:14px; }
.mg_top_15{ margin-top:15px; }
.mg_top_16{ margin-top:16px; }
.mg_top_17{ margin-top:17px; }
.mg_top_18{ margin-top:18px; }
.mg_top_19{ margin-top:19px; }
.mg_top_20{ margin-top:20px; }
.mg_top_25{ margin-top:25px; }
.mg_top_30{ margin-top:30px; }
.mg_top_35{ margin-top:35px; }
.mg_top_40{ margin-top:40px; }
.mg_top_45{ margin-top:45px; }
.mg_top_50{ margin-top:50px; }

.mg_left_0{ margin-left: 0px; }
.mg_left_1{ margin-left: 1px; }
.mg_left_2{ margin-left:2px; }
.mg_left_3{ margin-left:3px; }
.mg_left_4{ margin-left:4px; }
.mg_left_5{ margin-left:5px; }
.mg_left_6{ margin-left:6px; }
.mg_left_7{ margin-left:7px; }
.mg_left_8{ margin-left:8px; }
.mg_left_9{ margin-left:9px; }
.mg_left_10{ margin-left:10px; }
.mg_left_11{ margin-left:11px; }
.mg_left_12{ margin-left:12px; }
.mg_left_13{ margin-left:13px; }
.mg_left_14{ margin-left:14px; }
.mg_left_15{ margin-left:15px; }
.mg_left_16{ margin-left:16px; }
.mg_left_17{ margin-left:17px; }
.mg_left_18{ margin-left:18px; }
.mg_left_19{ margin-left:19px; }
.mg_left_20{ margin-left:20px; }
.mg_left_25{ margin-left:25px; }
.mg_left_30{ margin-left:30px; }
.mg_left_35{ margin-left:35px; }
.mg_left_40{ margin-left:40px; }
.mg_left_45{ margin-left:45px; }
.mg_left_50{ margin-left:50px; }

.mg_right_0{ margin-right: 0px; }
.mg_right_1{ margin-right: 1px; }
.mg_right_2{ margin-right:2px; }
.mg_right_3{ margin-right:3px; }
.mg_right_4{ margin-right:4px; }
.mg_right_5{ margin-right:5px; }
.mg_right_6{ margin-right:6px; }
.mg_right_7{ margin-right:7px; }
.mg_right_8{ margin-right:8px; }
.mg_right_9{ margin-right:9px; }
.mg_right_10{ margin-right:10px; }
.mg_right_11{ margin-right:11px; }
.mg_right_12{ margin-right:12px; }
.mg_right_13{ margin-right:13px; }
.mg_right_14{ margin-right:14px; }
.mg_right_15{ margin-right:15px; }
.mg_right_16{ margin-right:16px; }
.mg_right_17{ margin-right:17px; }
.mg_right_18{ margin-right:18px; }
.mg_right_19{ margin-right:19px; }
.mg_right_20{ margin-right:20px; }
.mg_right_25{ margin-right:25px; }
.mg_right_30{ margin-right:30px; }
.mg_right_35{ margin-right:35px; }
.mg_right_40{ margin-right:40px; }
.mg_right_45{ margin-right:45px; }
.mg_right_50{ margin-right:50px; }

.mg_bottom_0{ margin-bottom: 0px; }
.mg_bottom_1{ margin-bottom: 1px; }
.mg_bottom_2{ margin-bottom:2px; }
.mg_bottom_3{ margin-bottom:3px; }
.mg_bottom_4{ margin-bottom:4px; }
.mg_bottom_5{ margin-bottom:5px; }
.mg_bottom_6{ margin-bottom:6px; }
.mg_bottom_7{ margin-bottom:7px; }
.mg_bottom_8{ margin-bottom:8px; }
.mg_bottom_9{ margin-bottom:9px; }
.mg_bottom_10{ margin-bottom:10px; }
.mg_bottom_11{ margin-bottom:11px; }
.mg_bottom_12{ margin-bottom:12px; }
.mg_bottom_13{ margin-bottom:13px; }
.mg_bottom_14{ margin-bottom:14px; }
.mg_bottom_15{ margin-bottom:15px; }
.mg_bottom_16{ margin-bottom:16px; }
.mg_bottom_17{ margin-bottom:17px; }
.mg_bottom_18{ margin-bottom:18px; }
.mg_bottom_19{ margin-bottom:19px; }
.mg_bottom_20{ margin-bottom:20px; }
.mg_bottom_25{ margin-bottom:25px; }
.mg_bottom_30{ margin-bottom:30px; }
.mg_bottom_35{ margin-bottom:35px; }
.mg_bottom_40{ margin-bottom:40px; }
.mg_bottom_45{ margin-bottom:45px; }
.mg_bottom_50{ margin-bottom:50px; }


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

//  共通フォーマット　グラデーション設定 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

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



.circle_20 { border-radius: 20px; width: 20px; height: 20px;
display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;  }
.circle_30 {border-radius: 30px; width: 30px; height: 30px;
display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.circle_40 {border-radius: 40px; width: 40px; height: 40px;
display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.circle_50 {border-radius: 50px; width: 50px; height: 50px;
display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.circle_60 {border-radius: 60px; width: 60px; height: 60px;
display: -webkit-flex; display: flex; -webkit-align-items: center; align-items  center; -webkit-justify-content: center; justify-content: center; }
.circle_70 {border-radius: 70px; width: 70px; height: 70px;
display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.circle_80 {border-radius: 80px; width: 80px; height: 80px;
display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.circle_90 {border-radius: 90px; width: 90px; height: 90px;
display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.circle_100 {border-radius: 100px; width: 100px; height: 100px;
display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }



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

//  共通フォーマットデザイン 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;}
.space_17{ padding-bottom:10px;}
.space_18{ padding:10px 0px;}

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

.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;}