*
{
    font-family: 'メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
    font-size:13px;
    line-height: 1.6;
    color :#333333;
}
p
{
    color: #333333;
}
.center {
  text-align: center;
}


.wrapper
{
    float:left;
    width: 100%;

}
body 
{
    background-color: #fff;
    width: 100%;
    margin: 0;
    float:left;
}

header {
  padding:10px 0px;
  background: #fff;
  width: 100%;
  position: fixed;
  top:0;
  z-index: 99999;
  border-bottom: 2px solid #349a5a;
}
h1.intro{
	font-size: 12px;
	color:#333;
	margin-bottom:10px;
}
.logo{
	width:85%;
    margin-right: 10px;
}
.logo_box
{
    padding: 20px 10px 10px 10px;
}
/*****************
nav
******************/
#mb_menu
{
    overflow-y: scroll;
}
.main_menu
{
    list-style: none;
    padding: 0;
    width: 100%;
    margin: 5px auto;
}
nav {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	display: none;
	z-index: 99;
}
nav li {
	width: 100%;
	background: #fff;
  background-image: -webkit-linear-gradient(top, #fff, #eaeff3);
  background-image: -moz-linear-gradient(top, #fff, #eaeff3);
  background-image: -ms-linear-gradient(top, #fff, #eaeff3);
  background-image: -o-linear-gradient(top, #fff, #eaeff3);
  background-image: linear-gradient(to bottom, #fff, #eaeff3);
}
nav li ul {
	display:none;
}
nav li a {
	display: block;
	border-bottom: 3px solid #349a5a;
	min-height: 35px;
	padding: 5px 0;
	color: #000;
	font-size: 18px;
	font-weight: bolder;
	text-align: center;
	text-decoration: none;
	line-height:35px;
	font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
}

nav li ul li a {
	display: block;
	background: #FFF;
	color: #014227;
	text-align: center;
	border-bottom:5px solid #00ae65;
}

/***** Start Header *******/
.left_header
{
    width:75%;
    padding-left:15px;
    float:left;
}

.left_header h1
{
    font-size: 9px;
    font-weight: normal;
    color: #333;
    padding: 5px 0px 0px 0;
    margin: 0;
    text-align: left;
}

.right_header
{
    width:15%;
    float:right;
    padding: 20px 5px 0 0;
}
.left_header img 
{
    width: 100%;
    padding : 5px 0px 0px 0px;
}
.right_header img
{
    float:right;
    cursor: pointer;
}
.intro
{
    font-size:12px;
    color:white;
    text-align: center;
    font-weight: normal;
}
.slide_show
{
    width: 100%;
    background: white;
}
.slide-container {
	height: auto;
	width: 100%;
	margin: auto 0;
}
.slide-stage{
	position: relative;
    width: 100%;
}
.slide-image {
	left: 0;
	position: absolute;
	top: 0;
	opacity:0;
	display:none;
    width: 100%;
    background:white; 
}
.slide-image:first-child{
	opacity:1;
	display:block;
    width: 100%
}
.slide-image img
{
    width: 100%;
}
/***** End Header *******/

/***** Start Footer *****/
.footer
{
    border-top:1px solid #c7c7c7;
    float:left;
    width: 100%;
    position: relative;
    margin-top: 40px;
}
.ft_info
{
    float:left;
    width: 100%;
}

.ft_copy
{
    float:left;
    text-align: center;
    width: 100%;
    color:white;
    padding: 5px 0px;
    border-top:1px solid white;
    margin-top:10px;
    font-size:12px;
    background: #2f9d59;
}
.ft_info_left
{
    float:left;
    padding: 15px;
}
.ft_info_left p , .ft_info_left p a 
{
    float:left;
    width: 100%;
    color:#333;
    font-size:12px;
    margin: 2px 0;
    text-decoration: none;
}

.ft_info_left p a 
{
    margin: 10px 5px -10px 0;
    float:none !important;
    width:initial !important;
}

.ft_info_left p a img
{
    display: inline-block;
    margin: auto;
}

.ft_left
{
    float:left;
    padding: 20px 0 0px 20px;
}
.ft_right
{
    float:right;
    margin: 30px 10px;
    position: absolute;
    right:15px;
    top:10px
}
.ft_right img
{
    position: absolute;
    top: -85px;
    right: -25px;
}
/***** End Footer *****/

/***** Start Content ******/
.content
{
    float:left;
    padding: 15px;
    background: white;
}

.content_title
{
    float:left;
    width: 100%;
    background: #1E3978;
    margin-bottom: 15px;
}
.content_title p 
{
    color:white;
    margin:10px 0px 10px 15px;
    border-left:6px solid #8EA3D3;
    font-size:20px;
    padding: 5px 10px;
    width: 90%; 
}

.ct_inner
{
    float:left;
    width: 100%;
    margin: 10px 0;
}

.ct_inner_ct
{
    background: #f4f7ee;
    border:3px solid #bdbdbd;
    float:left;
    width: 100%;
    margin: 15px 0;
}

.ct_inner_side
{
    display: block;
    width: ;
}

.sel_txt1
{
    float:left;
    width: 100%;
    background:#41ae4e;
    margin:20px 0 10px;
}

.sel_txt2
{
    float:left;
    padding: 20px;
    background: #F5F5F5;
    color:black;
    font-weight: bold;
    font-size:17px;
}

.sell_ban
{
    display: block;
    margin: -4px 0 0 -1px;
    width: 100%;
}

.sel_txt1 span
{
    padding-left: 10px;
    display: block;
    margin-top: 8px;
    color:white;
    font-size:17px;
    padding-bottom: 5px;
}

.sel_txt1 span img
{
    max-width: 100%;
    vertical-align: -5px;
}

.sel_txt1 span a
{
    color:white;
    text-decoration: none;
}

#btn_contact ,#btn_contact1, #btn_contact2, #btn_contact3 ,#btn_contact4 ,#btn_contact5
{
    float:left;
    width:150px !important;
    margin: 10px 0;
}

#step_arrow,#step_arrow1 ,#step_arrow2 ,#step_arrow3
{
    display: block;
    margin: auto;
}
/***** End Content ******/

/** Start Short Css **/
.no_box
{
    box-shadow: none !important;
}

.no_bold
{
    font-weight: normal !important;
}

.no_bor
{
    border:none !important;
}

.no_fl
{
    float:none !important;
}

.no_pad
{
    padding: 0 !important;
}

.no_mar
{
    margin: 0 !important;
}

.no_wid
{
    width: initial !important;
}

.m_bt5
{
    margin-bottom: 5px !important;
}

.m_bt15
{
    margin-bottom: 15px !important;
}

.m_bt25
{
    margin-bottom: 25px !important;
}

.m_top5
{
    margin-top: 5px !important;
}

.m_top15
{
    margin-top: 15px !important;
}

.m_top25
{
    margin-top: 25px !important;
}


.txt_333
{
    color:#333333;
}

.txt_red {
    color:#e9451f !important;
}

.txt_green{
    color:#3EB86E !important;
}

.txt_orange
{
    color: #f58c00 !important;
}

.txt_center
{
    text-align: center !important;
}

.fs15
{
    font-size: 15px !important;
}

.fs16
{
    font-size: 16px !important;
}

.fs18
{
    font-size: 18px !important;
}

.fs20
{
    font-size: 20px !important;
}

.w20
{
    width: 20% !important;
}

.w70
{
    width: 70% !important;
}

.w100
{
    width: 100% !important;
}


.w100x
{
    width: 100px !important; 
}

.w200
{
    width: 200px !important;
}

.w240
{
    width: 240px !important;
}

.bold
{
    font-weight: bold !important;
}
.fl
{
    float:left !important;
}
.ps_re
{
   position: relative !important; 
}

.hover
{
    opacity:1;
}

.hover
{
    cursor: pointer;
    opacity:0.8;
}

/** End Short Css **/

/** Start Page **/
.title_border
{
    padding: 10px 10px 2px 45px;
    background: url(../img/bg_h2_index.gif) left no-repeat;
}

.title_border h2
{
    font-size:19px;
    color:white;
    font-weight: bold;
    padding: 5px 0;
    margin: -5px 0 0 0; 
    display: inline-block;
}

.title_border2
{
    padding: 10px 10px 2px 45px;
    background: url(../img/bg_h2_index2.gif) left no-repeat;
}

.title_border2 h2
{
    font-size:19px;
    color:white;
    font-weight: bold;
    margin:-5px 0 0 0; 
    padding: 5px 0;
    display: inline-block;
    
}

.title_border3
{
    padding: 10px 10px 2px 35px;
    background: url(../img/bg_h2_index3.gif) left no-repeat;
}

.title_border3 h2
{
    font-size:19px;
    color:white;
    font-weight: bold;
    margin:-5px 0 0 0; 
}

.title_h3
{
    width: 100%;
    display: inline-block;
}

.title_h3 label
{
    
    padding: 0px 0px 5px;
}

.title_h3 h3 a img
{
    float: right;
}

.title_h3 h3
{
    display: inline-block;
    font-weight: bold;
    color:#998959;
    font-size:17px;
    background: url(../img/bg_h3_index.gif) left no-repeat;
    padding: 5px 0;
    width: 100%;
    text-indent: 10px;
}

.green_ct
{
    background: #3cb88e;
    color: white;
    padding: 10px;
}

.ct_inner_img1 ,.ct_inner_img2 ,.ct_inner_img ,.ct_inner_txt {
    float:left;
    width: 100%;
}

.ct_inner_img1 img
{
    width: 100%;
    border: 3px solid white;
    box-shadow: 0px 0px 1px 1px #B3B3B3;
}

.ct_inner_img2 img
{
    float:left;
    padding: 3%;
}

.ct_inner_txt a img
{
    width: initial !important;
    padding: 0 !important;
}

.ct_inner_txt img
{   
    width:100%;
    padding: 10px 0;
}

.ct_inner_txt table
{
    width: 100%;
    border-collapse: collapse;
}

.ct_inner_txt .ab_table1 tr td
{
    padding: 5px 0 0 5px;
    border:1px solid #34a742;
}

.ct_inner_txt_tit
{
    padding-bottom: 5px;
    margin-bottom: 5px;
    color: #998959;
    border-bottom: 1px solid #998959;
    float:left;
    width: 100%;
}

.ct_link_inner
{
    display: block;
    margin: auto;
    width: 190px;
}

.ct_inner_txt a
{
    text-align: center;
    margin: 10px 0;
    display: inherit;
}

.ct_inner_txt a img
{
    display: block;
    margin:2px auto;
}

.index_bor
{
    border-bottom:1px dotted #ccc;
    width: 100%;
    padding-bottom: 30px;
}

.index_new
{
    font-size:13px;
    color: #FF0;
    font-weight: bold;
    margin-left: 10px;
    display: inline-block;
}

.side_tt
{
    display: block;
    width: 100%;
    text-align: center;
}

.side_tt img
{
    display: block;
    margin: auto;
}

.side_ct ,.sct_1
{
    width: 100%;
    display: block;
}

.sct_1
{
    border-bottom: 1px dashed #a3a3a3;
    padding-bottom: 10px;
    margin: 10px 0 20px;
}

.sct_2
{
    border-bottom: 1px dotted #c6c4c4;
    padding:0 0 10px 10px;
    margin: 10px 0 0px;
}

.sct_2 span
{
    color:white;
    background: url(../img/img_sidenavIcon.gif) left no-repeat;
    display: block;
    text-indent: 20px;
}

.sct_2 span a
{
    text-decoration: none;
    color:
}


.sct_1 span
{
    padding: 5px 10px;
    color:white;
    background: #998959;
}

.sct_1 label
{
    display: block;
    margin: 5px 0 0 0;
}

.sct_fb
{
    background: #45629e !important;
}

.sct_ab
{
    background: #48a737 !important;
}

.side_ct_inner 
{
    display: block;
    margin: auto;
    border:5px solid #f0f0eb;
    overflow: scroll;
    height: 600px;
    padding: 10px;
    width: 210px;
}

.side_ct_inner2
{
    border:10px solid #41ae4e;
    display: block;
    margin: auto;
    width: 220px;
}

.side_ct_inner3
{
    display: block;
    margin: auto;
    width: 240px;
}

.tit_cube
{
    padding: 10px 10px 2px 55px;
    background: url(../img/tit_cube.png) left no-repeat;
}

.tit_cube h2
{
    font-size:19px;
    color:white;
    font-weight: bold;
    margin: -5px 0 0 0;
    padding: 5px 0;
}

.ct_inner .ab_table
{
    width: 100%;
    border-collapse: collapse;
}

.ct_inner .ab_table tr td
{
    border: 1px solid #009700;
    vertical-align: top;
    padding: 4px 0 4px 5px;
}

.ct_inner .ab_table tr td a
{
    text-decoration: none;
}

.ct_tb_td
{
    width: 30%;
    color:white;
    background: #41ae4e;
}

.ct_in_td
{
    background: url(../img/table_td.png) left no-repeat;
    width: 110px;
    color:white;
    text-indent: 20px;
}

.tit_round
{
    float:left;
    background: url(../img/round.png) left no-repeat;
    width: 100%;
    border-bottom:1px solid #998B5D;
    margin-bottom: 15px;
}

.tit_round h3
{
    font-size:17px;
    color: #998959;
    margin: 10px 0 5px;
    padding-left: 35px;
}

.ab_table2 
{
    width: 100%;
    border-collapse: collapse;
}

.ab_table2 tr td
{
    padding: 5px 0 5px 5px;
    vertical-align: top;
    border-bottom: 1px solid #a9aca9;
}

.ab_table2_td
{
    color: #41ae4e;
    border-right: 2px solid #DFE2E0;
    width: 35%;  
    font-weight: bold;
}

.ab_div
{
    border: none !important;
    line-height: 0px !important;
}

.pro_mouse
{
    vertical-align: -15px;
    margin-bottom: 10px;
}

.pro_table
{
    width: 100%;
    border-collapse: collapse;
}

.pro_table tr td 
{
    background: #ede9de;
    padding: 10px 20px;
    border-right: 1px solid white;
    border-bottom: 10px solid white;
    width: 25%;
    text-align: center;
    vertical-align: middle;
}

.pro_table tr td a
{
    color:#41ae4e;
    text-decoration: none;
}

.int_ct
{
    background: #F3EEDD;
    padding: 10px;
}

.int_ct_name
{
    width: 100%;
    text-align: center;
    color:#998959;
    font-size:16px;
    font-weight: bold;
}

.int_ct img
{
    border:3px solid white;
    box-shadow:0px 0px 0px 1px #9C9C9C;
    display: block;
    margin: auto;
    width: 170px;
}

.int_ct_desc
{
    padding: 0 20px;
}

.int_btnmore
{
    display: inline-block !important;
    margin: auto;
    border:none !important;
    box-shadow: none !important;
    width: initial !important;
}

.refr_h3
{
    display: block;
    border-bottom:2px solid #3cb88e;
}

.refr_h3 h3 img
{
    max-width: 100%;
}

.refr_h4
{
    display: block;    
    margin: 10px 0 -10px;
}

.refr_h4 h4
{
    background: #F0F0F0; 
    padding:10px;
    border-radius:5px;
    color:#3cb88e;
    font-weight: bold;
    font-size:16px;
    margin: 0 0 10px;
}

.refr_h4 img
{
    width: 100%;
    display: block;
    margin-top: -10px;
}

.sell_h4
{
    display: block;    
    margin: 10px 0 -10px;
}

.sell_h4 h4
{
    background: #F0F0F0; 
    padding:10px;
    border-radius:5px;
    color:#777c7a;
    font-weight: bold;
    font-size:16px;
    margin: 0 0 10px;
}

.sell_h4 img
{
    width: 100%;
    display: block;
    margin-top: -10px;
}


.ref_ct
{
    display: block;
    margin-top: 20px;
}

.ref_cts,.ref_cts2 ,.ref_cts3 ,.ref_cts4
{
    float:left;
    margin-bottom: 20px;
    width: 100%;
}

.ref_ct3
{
    float:left;
    padding: 10px;
    border:1px solid #ddd;
}

.ref_ct img
{
    width: 225px;
    display: block;
    margin: auto;
    box-shadow:0 0 0 1px #D6D6D6;
    border:3px solid white;
}

.refr_simg
{
    width: 110px !important;
    border:0px solid #ddd !important;
    box-shadow: none !important;
    margin: 0 !important;
    float:left;
}

.refr_stxt{
    float: left;
    width: 55%;
    padding: 0px 10px;
    margin: 0;
}

.ref_cts2 img
{
    padding: 2px;
    background: #FFF;
    width: 136px;    
    border: 1px solid #CCC !important;
    box-shadow: none !important;       
}

.ref_cts3 img
{
    padding: 2px;
    background: #FFF;
    width: 150px;    
    border: 1px solid #CCC !important;
    box-shadow: none !important;
    max-width: 200px !important; 
}

.ref_cts4 p
{
    padding: 10px 20px;
}

.ref_cts4 img
{
    padding: 2px;
    background: #FFF;
    width: 176px;    
    border: 1px solid #CCC !important;
    box-shadow: none !important;
    max-width: 200px !important; 
}

.ref_table
{
    width: 100%;
    float:left;
    border-collapse: collapse;
    margin: 20px 0;
}

.ref_table tr td
{
    border:1px solid #e6dec7;
    padding: 5px 0;
    text-indent: 5px;
}

.ref_tabletr
{
    background: #f2eee2;
}

.sel_h4
{
    font-size:16px;
    font-weight: bold;
    float:left;
    margin: 5px 0 30px;
    text-indent: 10px;
    width: 100%;
}

.sel_h4 label
{
    height: 10px;
    width: 100%;
    display: block;
    margin-top: -11px;
    background:#B6F0FC;
}

.sel_ct
{
display: block;
    background: #E6FFF2;
    padding: 0 0 3px 15px;
    height: 50px;
}
/** End Page**/

/******** Start Pop Up ********/
.popup-position{ display: none; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.7); width: 100%; height: 100%; }
#popup-wrapper , #popup-wrapper1{ width: 100%; margin: 50% 0; text-align: left; }
#popup-container ,#popup-container1 { background-color: #FFF; padding: 20px; border-radius: 4px;width: 85%;text-align: center; float:left;position: relative;}
.pop_scroll {overflow: scroll;z-index: 999;}
#popup-container h3
{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
#popup-container span ,,#popup-container1 span
{
    width: 100%;
    float:left;
    text-align: center;
    margin-bottom: 15px;
}

.pop_close
{
    position: absolute;
    top: -10px;
    right: 10px;
    padding: 3px 12px 0px 13px;
    border: 2px solid #999;
    border-radius: 50%;
    font-size: 21px;
    box-shadow: none;
    font-weight: bold;
}
.pop_close a
{
    text-decoration: none;
    color:black;
    font-size:18px;
}

.index_bana{
    width:240px;
}

/******** End Pop Up ********/

@media only screen and (max-width:480px) and (min-width:320px) {
    nav li a { line-height: 40px; min-height: 20px; }
    .title_bor h3 {font-size:17px}
    .title_bor h3 label {font-size:17px}
    .quest span , .answer span {float:left; width: 80%;}
}

@media only screen and (max-width:768px) and (min-width:460px) {
    nav li a { line-height: 48px !important; min-height: 32px !important; }
    .title_bor h3 {font-size:20px}
    .title_bor h3 label {font-size:20px}
    .quest span , .answer span {float:left; width: 85%;}
    .ct_inner_img2 img { padding: 21px;   }
}