@charset "utf-8";

/*command-----------------------------------------------------------*/

.clear
{ 
	clear		    : both;
}
.sp_br
{
	display 		: none;
}
.sc_img
{
	text-align 		: center;
}
.sc_img img
{
	max-width 		: 100%;
	height 			: auto;
}


/*margin------------------------------------------------------------*/

.none
{
	margin-bottom   : 0px!important;
}

.m_xs
{
	margin-bottom	: 10px!important;
}

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

.m_l
{
	margin-bottom	: 20px!important;
}

.m_xl
{
	margin-bottom	: 30px!important;
}
.m_xxl
{
	margin-bottom	: 40px!important;
}
.m_xll
{
	margin-bottom	: 50px!important;
}


/*font--------------------------------------------------------------*/

.f_Blue
{
	color 		: #09C;
}

.f_Green
{
	color 		: #690;
}

.f_Red
{
	color		: #C00;
}

.f_Orange
{
	color 		: #F60;
}

.f_White
{
	color 		: #FFF;
}
.f_Navy
{
	color 		: #21395A;
}
.f_LightYellow
{
	color 		: #FFFED4;
}
.f_bold
{
	font-weight 	: bold;
}

.f_s
{
	font-size		: 0.9em;
}

.f_l
{
	font-size		: 1.2em;
}

.f_xl
{
	font-size		: 1.5em;
}


/*box--------------------------------------------------------------*/
.box_s
{
	margin-left		: auto;
	margin-right	: auto;
	width			: 85%;
	text-align		: left;
}

.box_l
{
	margin-left		: auto;
	margin-right	: auto;
	width			: 90%;
	text-align		: left;
}

.box_xl
{
	margin-left		: auto;
	margin-right	: auto;
	width			: 95%;
	text-align		: left;
}


.rd_box
{
	background 		: #eee;
	padding 		: 15px;
	margin-bottom 	: 16px;
	box-sizing 		: border-box;
}
.wh_box
{
	border 				: 5px #EEE solid;
	padding 			: 15px;
	box-sizing 			: border-box;
 	border-radius 		: 3px;
-webkit-border-radius 	: 3px;
-moz-border-radius 		: 3px;
}
.wh_box .box_title
{
	border-left 		: 1px #CCC solid;
	padding 		 	: 10px 10px 10px 15px;
	font-weight 		: bold;
}
.wh_box .box_sub_title
{
	display 			: block;
	border-bottom 		: 1px #CCC solid;
}
.wh_box .box_sub_title span
{
	display: inline-block;
	background 		 	: #5b7a98;
	color 				: #FFF;
	padding 		 	: 5px 50px;
 	border-top-left-radius: 3px;
 	border-top-right-radius: 3px;
 	-webkit-border-top-left-radius: 3px;
 	-webkit-border-top-right-radius: 3px;
 	-moz-border-radius-topleft: 3px;
 	-moz-border-radius-topright: 3px;
}


/*clearfix--------------------------------------------------------------*/

.clearfix:after
{
	content		: "";
	display		: block;
	clear		: both;

}


/*btn--------------------------------------------------------------*/
.btn_Gold,
.btn_Purple,
.btn_Green,
.btn_Black,
.btn_Red
{
	text-decoration		: none!important;
	line-height			: 1em;

}
.btn_Gold img,
.btn_Purple img,
.btn_Green img,
.btn_Black img,
.btn_Red img
{
	vertical-align:middle;
}
.btn_Gold
{

  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;
	background:#e7e0b1 url(../images/common/base/gold_btn_bg.gif) repeat-x 0px -10px;
	border			: 1px solid #452300;
}


.btn_Gold:hover
{
	background:#e7e0b1 url(../images/common/base/gold_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Gold span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}


.btn_Red
{

  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;
	background:#e7e0b1 url(../../images/common/base/red_btn_bg.gif) repeat-x 0px -10px;
	border			: 1px solid #ed2507;
}


.btn_Red:hover
{
	background:#e7e0b1 url(../../images/common/base/red_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Red span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}


.btn_Gray
{

  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #333!important;
	background: url(../images/common/base/gray_btn_bg.gif) repeat-x 0px -10px;
	border			: 1px solid #c2c2c2;
}


.btn_Gray:hover
{
	background:#e7e0b1 url(../images/common/base/gray_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Gray span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s_off.png) 95% 50% no-repeat;
}



.btn_Black
{

  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;
	background:#e7e0b1 url(../../images/common/base/black_btn_bg.gif) repeat-x 0px -10px;
	border			: 1px solid #1e1d1d;
}


.btn_Black:hover
{
	background:#e7e0b1 url(../../images/common/base/black_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Black span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}



.btn_Purple
{
  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;

	background:#e7e0b1 url(../../images/common/base/purple_btn_bg.gif) repeat-x 0px -10px;	
	border			: 1px solid #450006;

}
.btn_Purple:hover
{
	background:#e7e0b1 url(../../images/common/base/purple_btn_bg_on.gif) repeat-x 0px -10px;		
}

.btn_Purple span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}

.btn_Green
{
  display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */
	line-height		: 1em;
	font-size		: 16px;
	color			: #F5F2E9!important;
	background:#e7e0b1 url(../images/common/base/green_btn_bg.gif) repeat-x 0px -10px;	
	border			: 1px solid #1b4400;
}
.btn_Green:hover
{
	background:#e7e0b1 url(../images/common/base/green_btn_bg_on.gif) repeat-x 0px -10px;	
}

.btn_Green span
{
  	display: -moz-inline-box;
    display: inline-block;
    /display: inline;
    /zoom: 1;
    vertical-align : top;
	padding			: 13px 50px 13px 25px;
	background		: url(../images/common/icon/btn_icon02_s.png) 95% 50% no-repeat;
}




.btn01
{
	width 			: 300px;
	margin 			: 0 auto 30px;
	text-align 		: center;
	display 		: block;
	overflow 		: auto;
}

.btn01 .btn_inner
{
	padding 		: 15px 20px;
	color 			: #fff;
 	display 		: block;
	background 			: #5b7a98 url("../images/common/icon/btn_arrow_s.png") right 10px top 50% no-repeat;
	-webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius		: 3px;   /* Firefox用 */
	border-radius			: 3px;
	text-decoration 		: none;
	-webkit-transition		: all 0.5s ease;
    -moz-transition			: all 0.5s ease;
    -o-transition			: all 0.5s ease;
	transition				: all 0.5s ease;
}
.btn01 .btn_inner:hover
{
	opacity 			: .8;
}










/*display--------------------------------------------------------------*/
.dis_block,
.dis_block span
{
	display:block!important;
}
.dis_inline
{
	display:inline!important;
}
.dis_inblock
{
	display					: -moz-inline-box;
	display					: inline-block!important;
	/display				: inline;
	/zoom					: 1;
	vertical-align 			: top;
}




/*list--------------------------------------------------------------*/

.link_list,
.link_list li
{
	padding 			: 0;
	margin 				: 0;
	list-style-type 	: none;
}
.link_list li a
{
	padding 			: 2px 0 2px 28px;
	background: url("../images/common/icon/btn_icon_s.png") 0 5px no-repeat;
	display 			: block;
-webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.link_list li a:hover
{
	background: url("../images/common/icon/btn_icon_s.png") 5px 5px no-repeat;
}
.list01,
.list01 li,
.news_back_list,
.news_back_list li,
.news_detail ul li,
.news_detail ol li,
.news_detail li,
#tinymce ul li,
#tinymce ol li,
#tinymce li
{
	padding 			: 0;
	margin 				: 0;
	list-style-type 	: none;
}
.list01 ul li,
.news_detail ul li,
#tinymce ul li
{
	padding 			: 2px 0 2px 15px;
	background: url("../images/common/icon/f_nav_title.png") 0 8px no-repeat;
	overflow 			: hidden;
}
.news_back_list
{
	background 			: #f1f1f1;
	padding 			: 20px;
	margin-bottom 		: 16px;
	letter-spacing		: -1em;
}
.news_back_list li
{
	display 			: inline-block;
	width 				: 49%;
	margin 				: 0 .5%;
	padding 			: 2px 0 2px 15px;
	background: url("../images/common/icon/f_nav_title.png") 0 8px no-repeat;
	overflow 			: hidden;
	letter-spacing 		: normal;
	box-sizing 			: border-box;
}


.number_list01,
.number_list01 li,
.number_list,
.number_list li,
.number_list_small,
.number_list_small li,
.number_list_normal,
.number_list_normal li,
.number_list_small_normal,
.number_list_small_normal li,
.news_detail ul,
.news_detail ol,
.news_detail ol li,
#tinymce ul,
#tinymce ol,
#tinymce ol li
{
	padding 			: 0;
	margin 				: 0;
	list-style-type 	: none;
}
.number_list01,
.number_list,
.number_list_small,
.number_list_normal,
.number_list_small_normal,
.news_detail ol li,
#tinymce ol
{
	counter-reset 		: number; /*数字をリセット*/
	list-style-type 	: none!important; /*数字を一旦消す*/
}
.number_list01>li
{
	position 			: relative;
 	padding 			: 10px 0 0px 50px;
	margin-top 		 	: 10px; 
	overflow 			: hidden;
	background 			: url("../images/common/line/01.gif") top left repeat-x;
}
.number_list01>li:before
{
 	position 			: absolute;
 	counter-increment 	: number;
  content 				: counter(number,decimal-leading-zero);
 	display 			: inline-block;
 	color 				: #5b7a98;
 	font-weight 		: normal;
 	font-size 			: 30px;
 	left 				: 0;
	top 				: 50%;
 	text-align 			: center;
 	-moz-transform 		: translateY(-50%);
  	-webkit-transform 	: translateY(-50%);
  	-o-transform 		: translateY(-50%);
  	-ms-transform 		: translateY(-50%);
  	transform 			: translateY(-50%);
}




.number_list>li,
.news_detail ol>li,
#tinymce ol>li
{
	position 			: relative;
 	padding 			: 10px 0 0px 40px;
	margin-top 		 	: 10px; 
	overflow 			: hidden;
	background 			: url("../images/common/line/01.gif") top left repeat-x;
}
.number_list>li:first-child,
.news_detail>ol li:first-child,
#tinymce ol>li:first-child
{
	background: none;
	padding-top 		: 0px;
	margin-top 			: 0px; 
}

.number_list>li:before,
.news_detail ol>li:before,
#tinymce ol>li:before
{
 	position 			: absolute;
 	counter-increment 	: number;
  content 				: counter(number,decimal-leading-zero);
 	display 			: inline-block;
 	color 				: #5b7a98;
 	font-weight 		: normal;
 	font-size 			: 22px;
 	left 				: 5px;
 	text-align 			: center;
	top 				: 5px;
	font-weight 		: bold;
}
.number_list>li:first-child:before,
.news_detail ol>li:first-child:before,
#tinymce ol>li:first-child:before
{
	top 				: -5px; 
}






.number_list_normal>li
{
	position 			: relative;
 	padding 			: 10px 0 0px 40px;
	margin-top 		 	: 10px; 
	overflow 			: hidden;
	background 			: url("../images/common/line/01.gif") top left repeat-x;
}
.number_list_normal>li:first-child
{
	background: none;
	padding-top 		: 0px;
	margin-top 			: 0px; 
}

.number_list_normal>li:before
{
 	position 			: absolute;
 	counter-increment 	: number;
  content 				: counter(number)".";
 	display 			: inline-block;
 	color 				: #5b7a98;
 	font-weight 		: normal;
 	font-size 			: 22px;
 	left 				: 5px;
 	text-align 			: center;
	top 				: 5px;
	font-weight 		: bold;
}
.number_list_normal>li:first-child:before
{
	top 				: -5px; 
}







.number_list_small>li
{
	position 			: relative;
 	padding 			: 5px 0 0px 50px;
	margin-top 		 	: 5px; 
	overflow 			: hidden;
}

.number_list_small>li:before
{
 	position 			: absolute;
 	counter-increment 	: number;
  content 				: counter(number,decimal-leading-zero);
 	display 			: inline-block;
 	color 				: #7f94a9;
 	font-weight 		: normal;
 	font-size 			: 16px;
 	left 				: 5px;
 	text-align 			: center;
	top 				: 5px;
	font-weight 		: bold;
	border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
	display: inline-block;
	padding 			: 0px 8px;
	background: #EEE;
}



.number_list_small_normal>li
{
	position 			: relative;
 	padding 			: 5px 0 0px 40px;
	margin-top 		 	: 5px; 
	overflow 			: hidden;
}

.number_list_small_normal>li:before
{
 	position 			: absolute;
 	counter-increment 	: number;
  content 				: "("counter(number)")";
 	display 			: inline-block;
 	color 				: #7f94a9;
 	font-weight 		: normal;
 	font-size 			: 16px;
 	left 				: 5px;
 	text-align 			: center;
	top 				: 5px;
	font-weight 		: bold;
}



.input_list,
.input_list li
{
	margin 			: 0px;
	padding 		: 0px;
	list-style 	 	: none;
}
.input_list li
{
	display 		: inline-block;
	margin-right 	: 20px; 
}
.hosoku_list,
.hosoku_list li
{
	padding 			: 0;
	margin 				: 0;
	list-style-type 	: none;
}
.hosoku_list
{
	counter-reset 		: number; /*数字をリセット*/
	list-style-type 	: none!important; /*数字を一旦消す*/
}
.hosoku_list li
{
	position 			: relative;
 	padding 			: 3px 0 3px 2em;
	margin-bottom 		: 5px;
	overflow 			: hidden;
	text-align 			: left;
}
.hosoku_list > li:after
{
 	position 			: absolute;
 	counter-increment 	: number;
 	content 			: "※" counter(number);
 	display 			: inline-block;
 	font-weight 		: nomal;
 	left 				: 0;
	top 				: 1em;
 	line-height 		: 1em;
 	text-align 			: center;
 	-moz-transform 		: translateY(-50%);
  	-webkit-transform 	: translateY(-50%);
  	-o-transform 		: translateY(-50%);
  	-ms-transform 		: translateY(-50%);
  	transform 			: translateY(-50%);
}


.hosoku_list02,
.hosoku_list02 li
{
	padding 			: 0;
	margin 				: 0;
	list-style-type 	: none;
}

.hosoku_list02 li
{
	position 			: relative;
 	padding 			: 2px 0 2px 1.3em;
	margin-bottom 		: 3px;
	overflow 			: hidden;
	text-align 			: left;
}
.hosoku_list02 li:after
{
 	position 			: absolute;
 	content 			: "※";
 	display 			: inline-block;
 	font-weight 		: nomal;
	color 				: #004d72;
 	left 				: 0;
	top 				: 16px;
 	line-height 		: 1em;
 	text-align 			: center;
 	-moz-transform 		: translateY(-50%);
  	-webkit-transform 	: translateY(-50%);
  	-o-transform 		: translateY(-50%);
  	-ms-transform 		: translateY(-50%);
  	transform 			: translateY(-50%);
}

#contact_form .hosoku_list02 li
{
	margin-bottom 		: 0px; 
}



/*align--------------------------------------------------------------*/
.text_left
{
	text-align		: left;
}
.text_center
{
	text-align		: center!important;
}
.text_right
{
	text-align		: right;
}
.text_top
{
	vertical-align	: top;
}
.text_bottom
{
	vertical-align	: bottom;
}




/* postimage */

.alignright
{
  float 			: right;
  padding 			: 0 0 25px 25px;
  clear 			: both;
}
.alignleft
{
  float 			: left;
  padding 			: 0 25px 25px 0;
  clear 			: both;
}
.aligncenter
{
  text-align 		: center;
  margin 			: 0 auto;
  padding-bottom	: 10px;
  clear				: both;
  display 			: block;
}




/*768以下の指定（タブレット）*/
@media screen and (max-width: 768px) {

/*box--------------------------------------------------------------*/
.rd_box
{
	padding 			: 4%;
}

/* postimage */
.alignright,
.alignright img,
.alignleft,
.alignleft img
{
	max-width 			: 45%;
	height 				: auto;
}
.alignright
{
	padding 			: 0 0 4% 4%;
}
.alignleft
{
	padding 			: 0 4% 4% 0;
}
.aligncenter
{
	padding-bottom 		: 4%;
}
.pc_br
{
	display 			: none;
}
}


/*480以下の指定（タブレット）*/
@media screen and (max-width: 480px) {

.sp_br
{
	display 			: inline;
}



/*margin------------------------------------------------------------*/

.none
{
	margin-bottom   : 0px!important;
}

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

.m_s
{
	margin-bottom	: 10px!important;
}

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

.m_xl
{
	margin-bottom	: 25px!important;
}
.m_xxl
{
	margin-bottom	: 30px!important;
}
.m_xll
{
	margin-bottom	: 40px!important;
}

.news_back_list li
{
	width 			: 100%;
	display 		: block;
	margin 			: 0;
}

.wh_box .box_sub_title span
{
	padding 		 	: 5px 10px;
 	border-top-left-radius: 3px;
 	border-top-right-radius: 3px;
 	-webkit-border-top-left-radius: 3px;
 	-webkit-border-top-right-radius: 3px;
 	-moz-border-radius-topleft: 3px;
 	-moz-border-radius-topright: 3px;
	font-weight: bold;
	font-size: 16px;
}

.btn01
{
	max-width 			: 80%;
}

}



/*---------------------------------------------------------*/
/*    copyright(C) CloudWorks.All rights reserved. Ver1.0    */
/*---------------------------------------------------------*/