/* ==== 初期設定 ============================================================ */

* {
	padding: 0;
	margin: 0;
}

img {
	border: 0;
	vertical-align: bottom;
	max-width: 100%;
}

/* ==== float関連 ====== */

/*--スマホの時でも、floatさせたい場合-- */
.float_l {
	float: left;
}

/*--スマホで見たい時に、floatを解除した場合のcss-- */
.float_l01 {
	float: left;
	/* float: none !important; */
	/* clear: both !important; */
}

.float_r {
	float: right;
}

.float_r01 {
	float: right;
	/* float: none !important; */
	/* clear: both !important; */
}

.img_fl12 {
	float: left;
	margin-right: 12px;
}

.img_fl16 {
	float: left;
	margin-right: 16px;
}

.img_fl16_mo {
	float: left;
	margin-right: 16px;
	/* float: none !important; */
	/* clear: both !important; */
}

.img_fl16_2 {
	float: left;
	margin-right: 16px;
	margin-bottom: 16px;
}

.img_fl20 {
	float: left;
	margin-right: 20px;
}

.img_fl20_mo {
	float: left;
	margin-right: 20px;
	/* float: none !important; */
	/* clear: both !important; */
}

.img_fl30 {
	float: left;
	margin-right: 30px;
}

.img_fl30_mo {
	float: left;
	margin-right: 30px;
	/* float: none !important; */
	/* clear: both !important; */
}

.img_fl34 {
	float: left;
	margin-right: 34px;
}

.img_fl34_mo {
	float: left;
	margin-right: 34px;
	/* float: none !important; */
	/* clear: both !important; */
}

.img_fl40 {
	float: left;
	margin-right: 40px;
}

.img_fl40_mo {
	float: left;
	margin-right: 40px;
	/* float: none !important; */
	/* clear: both !important; */
}

.img_fr12 {
	float: right;
	fmargin-left: 12px;
}

.img_fr16 {
	float: right;
	fmargin-left: 16px;
}

.img_fr20 {
	float: right;
	fmargin-left: 20px;
}

.img_fr20_mo {
	float: right;
	fmargin-left: 20px;
	/* float: none !important; */
	/* clear: both !important; */
}

.img_fr30 {
	float: right;
	fmargin-left: 30px;
}

.img_fr30_mo {
	float: right;
	fmargin-left: 30px;
	/* float: none !important; */
	/* clear: both !important; */
}

.img_fr34 {
	float: right;
	fmargin-left: 34px;
}

.img_fr40 {
	float: right;
	fmargin-left: 40px;
}

.img_fr40_mo {
	float: right;
	fmargin-left: 40px;
	/* float: none !important; */
	/* clear: both !important; */
}

.float_reset {
	float: none !important;
}

/* ==== clear関連 ====== */

.clear_b {
	clear: both;
}

.clear_fl01{
	clear: both;
	margin-bottom: 40px;
}

.clear_fl02{
	clear: both;
	margin-bottom: 20px;
}

.clear_fl03{
	clear: both;
	margin-bottom: 30px;
}

/* clear fix */

.clear_fix:after,
.clear_fl01:after,
.clear_fl02:after,
.clear_fl03:after,
.parent_box:after,
.parent_box01:after,
.ul_course1:after,
.ul_course2:after,
.ul_course3:after,
.ul_course4:after,
.ul_course5:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* 古いブラウザー用↓ */
.clear_fix,
.clear_fl01,
.clear_fl02,
.clear_fl03,
.parent_box,
.parent_box01,
.ul_course1,
.ul_course2,
.ul_course3,
.ul_course4,
.ul_course5 {
	min-height: 1%;
	display: inline-block;
}

*html .clear_fix,
*html .clear_fl01,
*html .clear_fl02,
*html .clear_fl03,
*html .parent_box,
*html .parent_box01,
*html .ul_course1,
*html .ul_course2,
*html .ul_course3,
*html .ul_course4,
*html .ul_course5 {
	height: 1px;
}

.clear_fix,
.clear_fl01,
.clear_fl02,
.clear_fl03,
.parent_box,
.parent_box01,
.ul_course1,
.ul_course2,
.ul_course3,
.ul_course4,
.ul_course5 {
	display: block;
}
/* 古いブラウザー用 ここまで*/
/* clear fix */



.clear_reset01 {
	clear: none !important;
}


.clear_reset01 {
	clear: none !important;
	float: left;
}

.clear_reset02 {
	clear: none !important;
	float: right;
}

/* ==== マージン・パディング　関連 ====== */

/*--auto 真ん中寄せ（幅の指定を忘れずに！）--*/
.mar_auto {
	margin-left: auto;
	margin-right: auto;
}
/*--auto 真ん中寄せ 終了--*/
.mar_reset {
	margin: 0 !important;
}

.mar_t0 {
	margin-top: 0 !important;
}

.mar_t20 {
	margin-top: 0 !important;
}

.mar_b0 {
	margin-bottom: 0 !important;
}

.mar_l0 {
	margin-left: 0 !important;
}

.mar_r0 {
	margin-right: 0 !important;
}

.padding_reset {
	padding: 0 !important;
}

.pad_t0 {
	padding-top: 0 !important;
}

.pad_b0 {
	padding-bottom: 0 !important;
}

.pad_l0 {
	padding-left: 0 !important;
}

.pad_r0 {
	padding-right: 0 !important;
}

.mar_t-50 {
	margin-top: -50px !important;
}

.mar_10{
	margin-top:10px;
}


.mar_t16 {
	margin-top: 16px;
}

.mat_t18 {
	margin-top: 18px;
}

.mat_t20 {
	margin-top: 20px;
}

.mar_t30 {
	margin-top: 30px !important;
}


.mar_t50 {
	margin-top: 50px !important;
}

.mar_r40 {
	margin-right: 40px;
}

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

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

.mar_b30 {
	margin-bottom: 30px !important;
}

.mar_b35 {
	margin-bottom: 35px !important;
}

.mar_b40 {
	margin-bottom: 40px !important;
}

.mar_b50 {
	margin-bottom: 50px !important;
}

.mar_b80 {
	margin-bottom: 80px !important;
}

.mar_b165 {
	margin-bottom: 165px !important;
}


.mar_l34 {
	margin-left: 34px;
	/* margin-left: %;	*/	
}

.in_main .mar_l34 {
	margin-left: 34px;
	/* margin-left: %;	*/	
}

.mar_l68 {
	margin-left: 68px;
	/* margin-left: %;	*/	
}

.mar_l80 {
	margin-left: 80px;
	/* margin-left: %;	*/	
}

.mar_l90 {
	margin-left: 90px;
	/* margin-left: %;	*/	
}

.mar_l130 {
	margin-left: 130px;
	/* margin-left: %;	*/	
}


.mar_l172 {
	margin-left: 172px;
	/* margin-left: %;	*/	
}

.mar_r22 {
	margin-right: 22px;
	/* margin-left: %;	*/	
}

.mar_r340 {
	margin-right: 340px;
	/* margin-right: %;	*/	
}

.pad_t22 {
	padding-top: 22px;
}

.pad_t30 {
	padding-top: 30px;
	/* padding-top: %;	*/
}

.pad_t40 {
	padding-top: 40px;
	/* padding-top: %;	*/
}
.pad_b5 {
	padding-bottom: 5px !important;
}

.pad_b20 {
	padding-bottom: 20px;
}

.pad_b30 {
	padding-bottom: 30px;
}

.pad_b40 {
	padding-bottom: 40px;
}

.pad_l16 {
	padding-left: 16px;
	/* padding-left: %;	*/	
}

.pad_l34 {
	padding-left: 34px;
	/* padding-left: %;	*/	
}

.pad_l45 {
	padding-left: 45px;
	/* padding-left: %;	*/	
}

.in_main .pad_l34 {
	padding-left: 34px;
	/* padding-left: %;	*/		
}

.pad_r38_l10 {
	padding-right: 38px;
	padding-left: 10px;
}

/* ==== reset関連 ====== */

/* ==== 背景画像を取りたい時、バックグラウンドを解除 ====== */

.bg_reset {
	background: none !important;
}
/* ==== ボーダーを解除 ====== */
.border_reset {
	border: none !important;
}
/* ==== フォントサイズの解除 ====== */
.font_reset {
	font-size: 100% !important;
}

/* ==== フォントサイズの指定（14px)がimportant ====== */
.font_14 {
	font-size: 14px !important;
}






/* ==== overflow text position　ポジション関連 ====== */

.over_flow {
	overflow: hidden;
}

span.over_flow {
	overflow: hidden;
	display: block;
}

.over_flow_reset {
	overflow: visible !important;
}
/*--ブロック要素に変えてあげる<span><img><a>とかで使った時--*/
.display_bl {
	display: block;
}
/*--ブロック要素に変えてあげる<span><img><a>とかで使った時　終了--*/


/*--position relativeは基準点を決める、そこからスタート --*/
.position_rela {
	position: relative;
}

/*--position relativeとセットでabsoluteを使うabsoluteは位置（画像）を置く場所を指定してあげる基準点から画像までを測るleftが基準点からの横幅、topが基準点から縦の幅--*/
.position_00 {
	position: absolute;
	left: 0px;
	top: 0px;
}

/*--position relativeとセットでabsoluteを使うabsoluteは位置（画像）を置く場所を指定してあげる基準点から画像までを測るleftが基準点からの横幅、topが基準点から縦の幅　完了--*/

/* ==== 文章を真ん中寄せ、左寄せ、右寄せ ====== */

.txt_left {
	text-align: left;
}

.txt_center {
	text-align: center;
}

.txt_right {
	text-align: right;
}

.p_txt_center span {
	display: block;
	text-align: center;
	}

	

/* ==== レイアウト項目 ====================================================== */

html {
	height: 100%;
}

body {
	text-align: center;
	font-family:  'IPA 明朝', 'IPAMincho', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color: #666666;
}

/* ==== 全体を囲む　whole  ====== */
#whole {
	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 100%;
}

header,
footer {
	clear: both;
	line-height: 1.0;
	width: 100%;	
}

footer {
	min-height: 300px;
}

/* ==== 幅指定 全体を囲む幅(幅を変更するなら、widthの横幅を変更する）================== */

.inner_header,
.inner_footer,
.main,
#article_main {
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 1114px;
}

/*　clear fix　定型文 */
.inner_header:after,
.inner_footer:after,
#article_main:after,
.main:after,
nav:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*　古いブラウザー対策用 ↓*/
.inner_header,
.inner_footer,
#article_main,
.main,
nav {
	min-height: 1%;
	display: inline-block;
}

*html .inner_header,
*html .inner_footer,
*html #article_main,
*html .main,
*html nav {
	height: 1px;
}

.inner_header,
.inner_footer,
#article_main,
.main,
nav {
	display: block;
}
/*　clear fix　定型文 */

/* ==== header関連 ====== */


#logo {
	padding-top: 13px;
}

.top_tel {
	float: right;
	font-size: 42px;
	color: #ddbe4f;
	background: url("../image/icon_tel01.gif") no-repeat left top;
	line-height: 42px;
	padding-top: 3px;
	padding-left: 74px;
	padding-right: 40px;
	margin-bottom: 23px;
}


/* ==== nav関連 ====== */

nav,
footer {
	min-width: 1114px;
}

/* ==== keyvisual関連 ====== */

.keyvisual {
	margin-bottom: 34px;
	text-align: center;
}





/* ==== footer関連 ====== */

footer {
	background-color: #4485ae;
	color: #ffffff;
}

footer .inner_footer small {
	display: block;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	padding-top: 20px;
	margin-bottom: 20px;
}




/* ==== font関連 ====== */
/*---LP用のcss--詰める（LPページだけにCSSを指定したい場合、bodyにidを指定してあげると、このページだけに効くCSSが出来る。）--*/
body#lp_js01 h2,
body#lp_js01 h3,
body#lp_js01 h4,
body#lp_js01 h5,
body#lp_js01 h6,
body#lp_js01 p,
body#lp_js01 ol,
body#lp_js01 ul,
body#lp_js01 dl,
body#lp_js01 figcaption{
	margin-bottom:0px;

	
}

.moushikomi_nagare01{
	background-color:#f2efe8;
}

body#lp_js01 .moushikomi_nagare01 p{
	margin-bottom:35px;
}

	

/*---------ジャスティスLPのbodyだけかけてるcss　完了----------*/

/*---------LP以外のページにかけてあるcss----------*/
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 30px;
}

p, ol, ul, dl,figcaption {
	font-size: 17px;
	margin-bottom: 16px;
}

figure {
	margin-bottom: 15px;
}

p,
figcaption {
	line-height: 1.6;
}

figcaption {
	margin-top: 16px;
}

figcaption.ssize {
	font-size: 14px;
	margin-top: 0 !important;
}

header p,
header h2,
footer p,
header ol,
footer ol,
header ul,
footer ul,
header dl,
footer dl {
	margin-bottom: 0;
}

/* ==== テーブル設定 ==== */

table {
border-collapse: collapse;
margin-bottom: 30px;
width: 100%;
}

caption {
	text-align: left;
	font-size: 26px;
	margin-bottom: 12px;
}

th {
color: #000000;
font-size: 20px;
background-color: #ffffff;
white-space: nowrap;
text-align: center;
border: 1px solid #666666;
padding: 10px;
}

th.th01 {
	width: 60%;
}

td {
color: #666666;
font-size: 18px;
background-color: #ffffff;
white-space: nowrap;
text-align: center;
border: 1px solid #666666;
padding: 10px;
}

table.blue th {
	background-color: #d8e7f9;
}

table.blue td {
	text-align: left;
}

table.shiba th {
	background-color: #d7d7f8;
}

table.blue caption {
    border-left: 7px solid #6C9AC5;
    color: #5F96C9;
    font-size: 26px;
    margin-bottom: 20px;
    padding-left: 7px;
 }
 
table.shiba caption {
    border-left: 7px solid #7777A3;
    color: #7777A3;
    font-size: 26px;
    margin-bottom: 20px;
    padding-left: 7px;
 }
 
 table .td_bg_pink {
	 background-color: #fbe5e8;
	 color: #de0101;
	 font-weight: bold;
	 }
	 
 table .td_bg_yellow {
	 background-color: #fdfcc4;
	 }


/* ====ul リンク関連 ==== */

ul.pankuzu,
#page_nav ul,
ol {
	list-style: none;
}

ul li,
ol li,
dl dt,
dl dd {
	margin-bottom: 20px;
}

dl.dl01 dt {
	float: left;
	margin-right: 16px;
}

dl.dl01 dd {
	float: left;
}

.ul_course1,
.ul_course2,
.ul_course3,
.ul_course4,
.ul_course5,
.ul_link01,
.ul_blue_course1,
.ul_check_box01,
ul.blue_checkbox01 {
	list-style: none;
}

.ul_course2 li,
.ul_course3 li,
.ul_course4 li {
	float: left;
	margin-right: 16px;
}

.ul_course5 li {
	float: left;
	margin-right: 10px;
}


.ul_course1 li {
	float: left;
	margin-bottom: 7px;
}

.list_normal {
	margin-left: 1em;
}


	

/* ==== BOX幅指定（決まった数字）float 二等分・三等分　幅の指定　====== */

.in_main {
	margin-left: 10px;
	margin-right: 10px;
/* 1.0416666666666667% */
}

/* ==== BOX幅指定（決まった数字）float 二等分　====== */

.col2 {
	width: 542px;
	margin-right: 30px;
/* width: 48.125%; */
/* margin-right: 3.75%; */
}

.box2 {
	width: px;
	margin-right: px;
/* width: 48.125%; */
/* margin-right: 3.75%; */
}

.in_main .box2 {
	width: px;
	margin-right: px;
/* width: 48.08510638297872%; */
/* margin-right: 3.829787234042553%; */
}

/* ==== BOX幅指定（決まった数字）float 三等分　====== */

.box3 {
	width: px;
	margin-right: px;
/* width: 31.25%; */
/* margin-right: 3.125%; */
}


.in_main .box3 {
	width: px;
	margin-right: px;
/* width: 31.91489361702128%; */
/* margin-right: 2.127659574468085%; */
}

/* ↓画像一つに対して、二個の画像　1対2の画像　*/
.box3_2 {
	width: 640px;
/* margin-right: 40px; */
/* width: 65.625%; */
/* margin-right: 3.125%; */
}

.in_main .col3_2 {
	width: 630px;
/*margin-right: 30px; */
/* width: 64.8936170212766%; */
/* margin-right: 3.191489361702128%; */
}

/* ==== BOX幅指定（決まった数字）float 四等分　====== */

.col4,
.ul_course4 li {
	width: 227px;
	margin-right: 24px;
/* width: 23.75%; */
/* margin-right: 1.666666666666667%; */
}

/* ==== BOX幅指定（決まった数字）float 5等分　====== */

.col5,
.ul_course5 li {
	width: 184px;
	margin-right: 15px;
/* width: 19.16666666666667%; */
/* margin-right: 1.0416666666666667%; */
}

.col2:nth-of-type(2n+1),
.col3:nth-of-type(3n+1),
.col4:nth-of-type(4n+1),
.box2:nth-of-type(2n+1),
.box3:nth-of-type(3n+1),
.box4:nth-of-type(4n+1),
.ul_course2 li:nth-of-type(2n+1) ,
.ul_course3 li:nth-of-type(3n+1),
.ul_course4 li:nth-of-type(4n+1),
.ul_course5 li:nth-of-type(5n+1) {
	clear: both;
}

.col2:nth-of-type(2n+2),
.col3:nth-of-type(3n+3),
.col4:nth-of-type(4n+4),
.box2:nth-of-type(2n+2),
.box3:nth-of-type(3n+3),
.box4:nth-of-type(4n+4),
.ul_course2 li:nth-of-type(2n+2) ,
.ul_course3 li:nth-of-type(3n+3),
.ul_course4 li:nth-of-type(4n+4),
.ul_course5 li:nth-of-type(5n+5) {
	margin-right: 0;
}

.box286 {
	width: 286px;
	/* width: %; */
}

.box300 {
	width: 300px;
	/* width: %; */
}

.box320 {
	width: 320px;
	/* width: %; */
}

.box351 {
	width: 351px;
	/* width: %; */
}

.box337 {
	width: 337px;
	/* width: %; */
}

.col372 {
	width: 372px;
	/* width: %; */
}

.box390 {
	width: 390px;
	/* width: %; */
}

.box452 {
	width: 452px;
	/* width: %; */
}

.box476 {
	width: 476px;
	/* width: %; */
}

.box492 {
	width: 492px;
	/* width: %; */
}

.box538 {
	width: 538px;
	/* width: %; */
}

.box568 {
	width: 568px;
	/* width: %; */
}

.box588 {
	width: 588px;
	/* width: %; */
}

.box595 {
	width: 595px;
	/* width: %; */
}

.box602 {
	width: 602px;
	/* width: %; */
}

.box603 {
	width: 603px;
	/* width: %; */
}

.box609 {
	width: 609px;
	/* width: %; */
}

.box622 {
	width: 622px;
	/* width: %; */
}

.box635 {
	width: 635px;
	/* width: %; */
}

.box636 {
	width: 636px;
	/* width: %; */
}

.box637 {
	width: 637px;
	/* width: %; */
}

.box638 {
	width: 638px;
	/* width: %; */
}

.box656 {
	width: 656px;
	/* width: %; */
}

.box675 {
	width: 675px;
	/* width: %; */
}

.box680 {
	width: 680px;
	/* width: %; */
}

.box684 {
	width: 684px;
	/* width: %; */
}

.box699 {
	width: 699px;
	/* width: %; */
}

.box703 {
	width: 703px;
	/* width: %; */
}

.box798 {
	width: 798px;
	/* width: %; */
}

.box800 {
	width: 800px;
	/* width: %; */
}

.box808 {
	width: 808px;
	/* width: %; */
}

.box830 {
	width: 830px;
	/* width: %; */
}

.box867 {
	width: 867px;
	/* width: %; */
}

.box889 {
	width: 889px;
	/* width: %; */
}



/* ==== parent_box関連 ====== */

.parent_box {
	clear: both;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: -ms-box;
	display: box;
}

.parent_box01 {
	clear: both;
	margin-bottom: 50px;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: -ms-box;
	display: box;
}


.parent_box .col2,
.parent_box .col3,
.parent_box .col4,
.parent_box01 .col2,
.parent_box01 .col3,
.parent_box01 .col4 {
	position: relative;
	overflow: visible;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 1.0;
	-moz-box-flex: 1.0;
	-o-box-flex: 1.0;
	-ms-box-flex: 1.0;
	box-flex: 1.0;
}

.parent_box .col3_2,
.parent_box01 .col3_2 {
	position: relative;
	overflow: visible;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-flex: 1.0;
	-moz-box-flex: 1.0;
	-o-box-flex: 1.0;
	-ms-box-flex: 1.0;
	box-flex: 1.0;
}

.box_border {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* ==== font title　フォント関連 ====== */
.font_tit00 {
	color: #ffffff;
	font-size: 72px;
}

.font_tit01 {
	color: #ffffff;
	font-size: 80px;
}

.font_tit02 {
	color: #ffffff;
	font-size: 20px;
}

.font_tit03 {
	color: #409de4;
	font-size: 48px;
}

.clear_fix span.sp_01,
.clear_fix span.sp_02,
.clear_fix span.sp_03 {
	display: block;
	float: left;
}

.clear_fix span.sp_01 {
	margin-right: 34px;
}

.clear_fix span.sp_02 {
	margin-right: 30px;
}

/*--文字フォント青・フォント指定--*/

.blue_title_font02{
	color:#01518a;
	font-size:20px;
}


.blue_text_font02{
	color:#409de4;
	font-size:48px;
}

.blue_font{
	color:#409de4;
}

.red_font{
	color:#f70415;
}

.font_blk48 {
	color: #000000;
	font-size: 48px;
}
.font_red48 {
	color: #f70415;
	font-size: 48px;
}

.font_tit04 {
	color: #f70415;
	font-size: 72px;
}

.font_blk72 {
	color: #000000;
	font-size: 72px;
}


.font_tit05 {
	font-size: 48px;
}

.font_bold01{
	font-weight:bold;
}

.font_size18{
	font-size:18px;
}


.font_size22{
	font-size: 22px;
}

.font_size26{
	font-size: 26px;
}

.font_size28{
	font-size: 28px;
}

.font_size31 {
	font-size: 31px;
}


.font_size34 {
	font-size: 34px;
}

.font_size40 {
	font-size: 40px;
}

.font_size56 {
	font-size: 56px;
}

.font_size60 {
	font-size: 60px;
}

.font_size72 {
	font-size: 72px;
}

/* ==== color 関連 ====== */

.red {
	color: #ff0000;
}

.red01 {
	color: #cc3300;
	font-weight: bold;
}

.color_logo {
	color: #91103f;
	
}

.color_blue01 {
	color: #343c73;
	font-weight: bold;
	
}

.color_blue02 {
	color: #2883c9;
	
}

.color_blue03 {
	color: #2082ce;
	
}

.color_blue04 {
	color: #2a8cd8;
	
}

.color_red01 {
	color: #f70415;
}

.color_red02 {
	color: #fe0303;
}

.color_black01 {
	color: #000e19;
}


.color_white01 {
	color: #ffffff;
}

.color_gold01{
	color:#c28b08;
}

.color_gold02{
	color:#c39837;
}

.color_gold03{
	color:#c28901;
}

/* ==== h title関連 ====== */

.h_tit01{
	background:url("../image/icon_tel02.gif") no-repeat left center;
	padding-left:130px;
}

.blue_h_tit01:after,
.shiba_h_tit01:after,
.h_tit05:after,
.h_tit06:after,
.h_tit07:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
	
.blue_h_tit01,
.shiba_h_tit01,
.h_tit05,
.h_tit06,
.h_tit07 {
	min-height: 1%;
	display: inline-block;
	}
	
*html .blue_h_tit01,
*html .shiba_h_tit01,
*html .h_tit05,
*html .h_tit06,
*html .h_tit07 {
	height: 1px;
	}
	
.blue_h_tit01,
.shiba_h_tit01,
.h_tit05,
.h_tit06,
.h_tit07 {
	display: block;
	margin-bottom: 30px;
	}
	

.blue_h_tit01 {
	color: #01518a;
}

.shiba_h_tit01 {
	color: #004075;
}

.blue_h_tit01 span.sp01,
.shiba_h_tit01 span.sp01 {
	display: block;
	font-size: 32px;
	padding-bottom: 6px;
	width: 100%;
}

.blue_h_tit01 span.sp01 {
/* --	background: url("../image/blue_h_tit01_underbar.gif") repeat-x left bottom;	--*/
border-bottom:2px solid #01518a;
padding-bottom:5px;
}


.shiba_h_tit01 span.sp01 {
	background: url("../image/shiba_h_tit01_underbar.gif") repeat-x left bottom;
}

.blue_h_tit01 span.sp02,
.shiba_h_tit01 span.sp02 {
	display: block;
	font-size: 20px;
	padding-top: 10px;
	padding-right: 5px;
	float: right;
}

.h_tit07_blue {
	/*--background: url("../image/under_bar_chousa01.gif") repeat-x left bottom; --*/
	padding-bottom: 7px;
	font-size: 26px;
	color: #356ca0;
	border-bottom:solid 2px #356ca0;
	
}

body#lp_js01 .h_tit07_blue {
	margin-bottom: 30px;
}




/* ==== background系  ====== */

.blue_bg01 {
	background: url("../image/blue_bot_bg01.gif") no-repeat center bottom #dbeffe;
}

.blue_bg02 {
	background-color: #2082ce;
	padding: 20px;
}

.top_obi02 {
	background-color: #ffffff;
	width: 100%;
}

.gray_bg {
	background-color:#f2efe8;
	}

/* ==== 背景グラデーション  ====== */

.blue_bg11{
	background: -webkit-gradient(linear, left top, left bottom, from(#e6fefe), to(#fcfeff));
	background: -webkit-linear-gradient(#e6fefe 0%, #fcfeff 100%);
	background: -moz-linear-gradient(#e6fefe 0%, #fcfeff 100%);
	background: -o-linear-gradient(#e6fefe 0%, #fcfeff 100%);
	background: -ms-linear-gradient(#e6fefe 0%, #fcfeff 100%);
	background: linear-gradient(#e6fefe 0%, #fcfeff 100%);
	
}


.box_01 {
	padding: 40px 7px 7px 42px;
	width: 635px;
	}

/* ==== 白背景  ====== */
	
.white_bg01 {
	background-color: #ffffff;
	border-radius: 7px;
	padding: 13px;
}

/* ==== グレー背景  ====== */

.box_gray01 {
	background: url("../image/photo_01.png") no-repeat right bottom;
	backgoound-size: 100%;
	border: 1px solid #666666;
	padding: 20px 15px 15px;
	}
	
	
/*--背景image--*/

.back_image_blue01{
	background:url("../image/blue01.gif") no-repeat left bottom #dbeffe;
}

/*-- 電話番号　かけられるようにしてある--*/

.blue_tel01{
	background:url("../image/icon_tel02.gif") no-repeat left center;
	padding-left:140px;
	min-height:55px;
	
}

.blue_tel01 a{
	color:#ffffff;
	font-size:72px;
	text-decoration:none;
}

.tel_logo_good{
	float:left;
	margin-left:45px;
}


/*-- 電話番号　かけられるようにしてある　完了--*/



/*-- box3の中に背景色とテキストだけを入れる(background-color系)--*/

.blue_text01{
	background-color:#2082ce;
	padding:20px 20px 20px 20px;
	color:#ffffff;
}

/*-- border角丸(border-radius系)--*/

.blue_background_box01{
	background-color:#409de4;
	padding:17px 15px ;
	border-radius:10px;
}

.tel_background_blue{
	background-color:#2082ce;
	min-height:50px;
	padding:20px 40px 10px 100px;
}


.white_background_box02{
	background:#ffffff;
	padding:27px 30px;
	border-radius:10px;
}






/* ==== link関連 ====== */

.blue_link02 a,
.shiba_link02 a {
	display: block;
	background: url("../image/common/blue_link_icon03.gif") no-repeat left center;
	padding-left: 14px;
	font-size: 14px;
	line-height: 14px;
	text-decoration: none;
}

.blue_link02 a {
	color: #418faa;
}










/*--spanタグをブロック要素にしてあげる--*/

.blue_bg09_man{
	background-color:#d1ebff;
	background: url("../image/soudan_man.gif") no-repeat right bottom #d1ebff;
	margin-top:20px;
}

.blue_bg09_lady{
	background-color:#d1ebff;
	background: url("../image/soudan_lady.gif") no-repeat right bottom #d1ebff;
	margin-top:20px;
}


.blue_bg09_man .inner_contents,
.blue_bg09_lady .inner_contents{
	padding: 20px;
}