charset "utf-8";
/* CSS Document */

/* --------------------------------------------------------------------------------------
 基本設定
--------------------------------------------------------------------------------------- */

/* 基本フォント ------------------------------ */

body {
	color: #333;
	font-family: Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 75%;
	line-height: 1.5;
}


html:not(:target) body {
	font-size: 12px;
}

input,textarea,select {
	font-family: Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
}

/*
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}  */

/*\*/
* html table {
	font-size: 100%;
	line-height: 1.5;
}
/**/


/* 基本タグ ------------------------------ */

body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0;
	padding: 0;
}

body {
	background-image: url(../images/common/bg_img.gif);
    background-repeat:repeat;
}

img,table {
	border: none;
}

table {
	border-collapse: collapse;
}

ul {
	list-style: none;
}

li img,
dt img {
	vertical-align: bottom;
}

address,em,cite {
	font-style: normal;
}


/* 基本テキストリンク ------------------------------ */

a {
	overflow: hidden;
}

a:link {
	color: #0066cc;
	text-decoration: underline;
}
a:visited {
	color: #666699;
	text-decoration: underline;
}
a:hover {
	color: #0066cc;
	text-decoration: none;
}
a:active {
	color: #0066cc;
	text-decoration: none;
}


#relatedLink a:link { color: #fff; text-decoration:none; }
#relatedLink a:visited { color: #fff; text-decoration:none; }
#relatedLink a:hover { color: #fff; text-decoration:underline; }
#relatedLink a:active { color: #fff; text-decoration:none; }


/* --------------------------------------------------------------------------------------
 float解除
--------------------------------------------------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: .1em;}
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/


/* --------------------------------------------------------------------------------------
 レイアウト枠
--------------------------------------------------------------------------------------- */


div#wrapper {
	width: 1045px;
	margin: 0 auto;
	background-color:#FFFFFF;
}
div#wrapper2 {
	width: 1045px;
	margin: 0 auto;

}

div#headerimgbg {
	background-image: url(../images/common/bg_header.png);
	background-repeat: repeat-x;
	width:100%;
	min-width:1045px;
	height:715px;
	clear:both ;
}

div#headerimg {
	position: relative;
	width: 1045px;
	margin: 0 auto;
}

#headerimg #mainimg {
	margin-top: 20px;
}

/* --------------------------------------------------------------------------------------
 共通CSS
--------------------------------------------------------------------------------------- */

.leftblock {
	float: left;
}

.rightblock {
	float: right;
}


/* --------------------------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------------------- 

div#header {
	width: 1045px;
	margin: 20px auto 0 auto;
}
*/

/*-----------------------------------------------------------------
ナビ 
-----------------------------------------------------------------*/
ul#NaviAreaTop{ width:1045px; margin:10px auto 0px auto;_margin:10px auto 0px auto; *margin:10px auto 0px auto; clear:both;}
ul#NaviAreaTop li{ float:left; font-size:0; line-height:0; }
ul#NaviAreaTop li.end{ margin:0;}


/*-----------------------------------------------------------------
フッター部分のナビ 
-----------------------------------------------------------------*/
ul#NavifooterAreaTop{ width:1045px; margin:0px auto 0px auto;_margin:0px auto 0px auto; *margin:0px auto 0px auto; clear:both;}
ul#NavifooterAreaTop li{ float:left; font-size:0; line-height:0; }
ul#NavifooterAreaTop li.end{ margin:0;}


/* --------------------------------------------------------------------------------------
メインイメージ main image
--------------------------------------------------------------------------------------- */

div#wrap_main {
	width: 100%;
	height:723px;
	min-width:1045px; 
	margin: 0 auto;
	text-align: left;
	background: url(../images/common/bg_header.png) top repeat-x;
	clear:both;
}

div#wrap_maincont{
	width:1045;

}

div#left {
	width:751px;
	height:562px;
	margin:0px auto;
	float:left;
}

div#right {
	width:275px;
	height:95px;
	float:right;
	text-align:left;
}

div#main_title {
	width:978px;
	margin:0 auto;
}



/*-----------------------------------------------------------------
ナビ form
-----------------------------------------------------------------*/
ul#NaviArea{ float:left; width:961px; margin:30px -6px 0px;_margin:30px auto 0px auto; *margin:30px -6px 0px ; clear:both;}
ul#NaviArea li{ float:left; font-size:0; line-height:0; }
ul#NaviArea li.end{ margin:0;}


/*-----------------------------------------------------------------
フッター部分のナビ form
-----------------------------------------------------------------*/
ul#NavifooterArea{ float:left; width:961px; margin:30px -6px 0px;_margin:30px auto 0px auto; *margin:30px -6px 0px ; clear:both;}
ul#NavifooterArea li{ float:left; font-size:0; line-height:0; }
ul#NavifooterArea li.end{ margin:0;}


/* --------------------------------------------------------------------------------------
 mainイメージ・タイトル
--------------------------------------------------------------------------------------- */
div#headerimg {
	background-image: url(../images/main_top.png);
	background-color:#FFF;
	width: 1045px;
	height:662px;
	margin: 0 auto;
	
}

#headerimg .btn_topmainimg {
	float:right;
	margin-top:0;
	margin-right:25px;
	clear:both;
}

#headerimg .topmainTitle {
	margin-top: 685px;
}


div#underimg {
	width: 1002px;
	margin: 20px 30px 0 42px;
	background-color:#FFF;
}

div#cont1{
	background-image: url(../images/img_cont1.png);
	background-repeat:no-repeat;
	width:973px;
	height:171px;

}

div#cont1 .text1{
	float:left;
	width:640px;
	height:166px;
	margin-top:5px;
	margin-left:20px;
	text-align:left;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	clear:both;
}

div#cont2{
	background-repeat:no-repeat;
	width:973px;
	height:230px;

}

div#cont2 .text1{
	float:left;
	width:820px;
	height:206px;
	margin-top:5px;
	margin-left:68px;
	text-align:left;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	clear:both;
}

div#cont3{
	background-image: url(../images/goodidea_2_bg.png);
	background-repeat:no-repeat;
	width:973px;
	height:85px;

}

div#cont3 .text1{
	float:left;
	width:640px;
	height:80px;
	margin-top:5px;
	margin-left:68px;
	text-align:left;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	clear:both;
}

div#cont4{
	background-image: url(../images/goodidea_2_bg.png);
	background-repeat:no-repeat;
	width:973px;
	height:85px;

}

div#cont4 .text1{
	float:left;
	width:640px;
	height:80px;
	margin-top:5px;
	margin-left:68px;
	text-align:left;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	clear:both;
}

div#cont5{
	background-image: url(../images/goodidea_3_bg.png);
	background-repeat:no-repeat;
	width:973px;
	height:98px;

}

div#cont5 .text1{
	float:left;
	width:700px;
	height:80px;
	margin-top:5px;
	margin-left:68px;
	text-align:left;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	clear:both;
}

div#cont6{
	background-image: url(../images/goodidea_4_bg.png);
	background-repeat:no-repeat;
	width:973px;
	height:107px;

}

div#cont6 .text1{
	float:left;
	width:700px;
	height:80px;
	margin-top:5px;
	margin-left:68px;
	text-align:left;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	clear:both;
}

div#pricelist{
	background-image: url(../images/pricelist_bg.png);
	background-repeat:no-repeat;
	width:973px;
	height:306px;

}

div#pricelist .list2{
	float:left;
	width:466px;
	height135px;
	margin-top:0px;
	margin-left:0px;
	clear:both;
}

div#pricelist .list3{
	float:left;
	width:585px;
	height:171px;
	margin-top:0px;
	margin-left:0px;
	clear:both;
}

div#eventexp{
	background-image: url(../images/eventexp_bg.png);
	background-repeat:no-repeat;
	width:973px;
	height:749px;

}

div#eventexp .text1{
	float:left;
	width:640px;
	height:166px;
	margin-top:445px;
	margin-left:140px;
	text-align:left;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	clear:both;
}






div#underimg .tel {
	background-image:url(../images/bg_tel_form.png);
	background-repeat:no-repeat;
	margin-top: 10px;
	width: 973px;
	height:282px;
}

div#underimg .tel .table_formBtn{
	float:right;
	width:329px;
	height:130px;
	margin: 62px 70px 0 ;
	clear:both;
}

div#underimg .tel2 {
	background-image:url(../images/bg_tel_form2.png);
	background-repeat:no-repeat;
	margin-top: 0px;
	width: 973px;
	height:282px;
}

div#underimg .tel2 .table_formBtn{
	float:right;
	width:329px;
	height:130px;
	margin: 62px 70px 0 ;
	clear:both;
}



div#underimg .title{
	margin: 0px auto;
	}

div#underimg .contents01{
	height:110px;
	margin: 0px auto;
	}
div#underimg.contents01 .img_rabbit{
	width:1045px;
	height:110px;
	margin: 0px auto 0px auto;
	clear:both;
}

div#underimg .contents01 .title1{
	width:1045px;
	height:106px;
	margin: 0px auto 0px auto;
	clear:both;
}
	
div#underimg .contents02{
	background-image:url(../images/contents01_bg1.png);
	background-repeat:no-repeat;
	width:1045px;
	height:1106px;
	margin:0px auto 0px auto;
	clear:both;
}


div#underimg .contents02 .table_case{
	width:727px;
	height:212px;
	margin-top: 106px;
	margin-left: auto;
	margin-right:auto;
	clear:both;
}

div#underimg .contents02 .table_merit{
	width:732px;
	height:422px;
	margin: 275px auto 0px auto;
	clear:both;
}





div#underimg .contents03{
	background-image: url(../images/img_title_3.png);
	background-repeat:no-repeat;
	width:1045px;
	height:244px;
	margin: 0px auto 0 auto;
}

div#underimg .contents03 .text1{
	float:left;
	width:385px;
	height:200px;
	margin-top:5px;
	margin-left:125px;
	text-align:left;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	clear:both;
}

div#underimg .contents04{
	background-image: url(../images/img_title_4.jpg);
	background-repeat:no-repeat;
	width:1045px;
	height:228px;
	margin: 0px auto 0 auto;
}

div#underimg .contents04 .text1{
	float:right;
	width:385px;
	height:200px;
	margin-top:5px;
	margin-right:125px;
	text-align:left;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	clear:both;
}


div#underimg .contents05{
	background-image: url(../images/img_title_5.jpg);
	background-repeat:no-repeat;
	width:1045px;
	height:219px;
	margin: 0px auto 0 auto;
}

div#underimg .contents05 .text1{
	float:left;
	width:385px;
	height:200px;
	margin-top:5px;
	margin-left:125px;
	text-align:left;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	clear:both;
}

div#underimg .contents06{
	background-image: url(../images/img_title_6.jpg);
	background-repeat:no-repeat;
	width:1045px;
	height:270px;
	margin: 0px auto 0 auto;
}

div#underimg .contents06 .text1{
	float:right;
	width:385px;
	height:200px;
	margin-top:5px;
	margin-right:130px;
	text-align:left;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	clear:both;
}



div#underimg .contents07{
	background-image: url(../images/bg_cont2.png);
	background-repeat:no-repeat;
	width:1045px;
	height:1191px;
	margin: 20px auto 0 auto;
}
div#underimg .contents07 .title1{
	width:1045px;
	height:160px;
	padding-top: 182px;
	clear:both;
}

div#underimg .contents07 .eventtext{
	float:left;
	margin-top:455px;
	margin-left:230px;
	width:490px;
	height:150px;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	line-height:24px;
	clear:both;

}




div#underimg_top {
	width: 1045px;
	margin: 0px auto;
	background-color:#FFF;
}


div#underimg_top .contents03{
	background-image: url(../images/bg_footerimg.png);
	background-repeat:no-repeat;
	width:1045px;
	height:355px;
	margin: 0px auto 0 auto;
}

div#underimg_top .contents03 .title2 {
	padding-top: 165px;
	clear:both;
	text-align:center;
}


div#underimg_top .contents03 .footertext{
	float:left;
	width:330px;
	height:150px;
	margin: 82px 0 0 52px;
	text-align:left;
	font-weight:bold;
	clear:both;
	font-size:12px;
}

div#underimg_top .tel {
	background-image:url(../images/bg_tel2.png);
	background-repeat:no-repeat;
	width: 1045px;
	height:288px;
	margin: 0px auto 0px auto;
}
div#underimg_top .img_undertel {
	background-image:url(../images/pointrag.png);
	background-repeat:no-repeat;
	width: 1045px;
	height:177px;
	margin: 0px auto 0px auto;
}

div#underimg_top .tel .table_formBtn{
	float:right;
	width:502px;
	height:98px;
	margin: 15px 55px 0 ;
	clear:both;
}


/* --------------------------------------------------------------------------------------
 form フォーム
--------------------------------------------------------------------------------------- */
div#headerimg_form {
	background-image: url(../images/form1/img_main.png);
	width: 1045px;
	height:489px;
	margin: 0 auto;
	
}

#headerimg_form #mainimg {
	margin-top: 49px;
}

#headerimg_form .mainTitle {
	padding-top: 385px;
}

div#underimg_form {
	width: 1045px;
	margin: 0px 30px 0 42px;
}

div#underimg_form .contents01{
	height:70px;
	margin: 5px auto 20px auto;
	}
div#underimg_form .contents01 .text{
	float:left;
	width:800px;
	margin-top: 10px;
	margin-left: 70px;
	text-align:left;
	line-height:18px;
	font-weight:bold;
	clear:both;
	font-size:14px;
}

div#underimg_form .contents01 .text2{
	float:left;
	width:800px;
	margin-top: 10px;
	margin-left: 70px;
	text-align:left;
	line-height:18px;
	font-weight:bold;
	clear:both;
	font-size:14px;
}

div#underimg_form .contents01 .text3{
	float:left;
	width:800px;
	margin-top: 10px;
	margin-left: 70px;
	text-align:left;
	line-height:18px;
	font-weight:bold;
	font-size:14px;
	clear:both;
}


div#underimg_form .contents_exp{
	height:300px;
	font-size:14px;
	line-height:18px;
	margin: 20px auto 20px auto;
	}
div#underimg_form .contents_exp .text{
	float:left;
	width:800px;
	margin-top: 10px;
	margin-left: 70px;
	text-align:left;
	font-weight:bold;
	clear:both;
	font-size:14px;
	line-height:18px;
}

div#underimg_form .contents_exp .text2{
	float:left;
	width:800px;
	margin-top: 10px;
	margin-left: 70px;
	text-align:left;
	line-height:18px;
	font-weight:bold;
	clear:both;
	font-size:14px;
}


div#underimg_form .contents01 .imgOK{
	float:left;
	width:514px;
	padding-left:70px;
	clear:both;
}



div#underimg_form .contents02{
	width:950px;

/*	background-image: url(../img/contents_bg_02.png) ;
	background-repeat:no-repeat;
	height:1051px;
*/
}

div#underimg_form .contents02 .text{
	text-align:left;
	font-size:12px;
	clear:both;
}

div#underimg_form .contents03{
	background-image: url(../images/common/bg_img2.png);
	background-repeat:no-repeat;
	width:948px;
	height:330px;
	margin: 0px auto 0 auto;
}

div#underimg_form .contents03 .btnhome {
	padding-top: 20px;
}

div#underimg_form .contents03 .title2 {
	padding-top: 145px;
	clear:both;
	text-align:center;
}


div#underimg_form .contents03 .footertext{
	float:left;
	width:330px;
	height:150px;
	margin: 82px 0 0 52px;
	text-align:left;
	font-weight:bold;
	clear:both;
	font-size:12px;
}


/* --------------------------------------------------------------------------------------
 form1 フォーム1
--------------------------------------------------------------------------------------- */

.gray_back{
	background-color: #F3F3F3;
	border-bottom: 2px solid #FFF;
}

#form {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
}


#form_exp1 {
	width: 800px;
	margin-top:40px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	text-align:left;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	clear:both;
}


#form_exp2 {
	float:left;
	width: 800px;
	margin-bottom: 20px;
	font-size:14px;
	font-weight:bold;
	clear:both;
}

div#formwidth {
	width:800px;
}

div#formwidth form{
	width:940px;
}

table#form_left {
	width:950px;
}

table#form_left tr th{
	background-color:#F29600;
	color: #FFF;
	font-size: 14px;
	padding:15px ;
	text-align:left;
	border-bottom: 2px solid #FFF;
}

table#form_left tr td{
	padding-top:6px;
	padding-left:10px;
	text-align:left;

}






/* --------------------------------------------------------------------------------------
 form2 フォーム2
--------------------------------------------------------------------------------------- */


div#formwidth {
	width:800px;
}

div#formwidth form{
	width:940px;
}

table#form2_left {
	width:800px;
}

table#form2_left tr th{
	background-color:#86C257;
	color: #FFF;
	font-size: 14px;
	padding:15px ;
	text-align:left;
	border-bottom: 2px solid #FFF;

}

table#form2_left tr td{
	padding-top:6px;
	padding-left:10px;
	text-align:left;

}











.table_border{
border-width:3px;
border-style:none solid solid none;
border-right-color:#C9CACA;
border-bottom-color:#C9CACA;
}

div#underimg .contents02 .tbtext{
	margin:5px 1px 8px 1px;
	font-size:12px;
	text-align:left;
	line-height:16px;
	}



div#footer_area {
	width: 100%;
	min-width:1045px; 
	margin: 0 auto;
	background-image: url(../images/common/bg_footerimg.gif);
    background-repeat:repeat;
	clear:both;
}

div#footer_copyright {
	width:100%;
	font-size: 12px;
	line-height:1.5;
	clear:both;
}

div#footer_copyright .line {
	width:1045px;
}




div#footer_copyright_wrap{
	width:1045px;
	overflow:hidden;
/*
	background-image:url(../images/common/bg_footerimg.gif);
*/
}

div#footer_copyright_wrap div.left{
	float:left;
	margin-top:30px;
	padding-left:70px;
	display:inline;
}

div#footer_copyright_wrap div.left2{
	float:left;
	margin-top:30px;
	padding-left:30px;
	display:inline;
}

div#footer_copyright_wrap div.left3{
	float:left;
	padding-left:70px;
	padding-right:60px;
	padding-bottom:20px;
	display:inline;
}




div#footer_copyright_wrap div.right{
	padding-top:13px;
	float:right;
	text-align:left;
	font-size: 12px;
	line-height:1.5;
}

div#footer_copyright_wrap div.right p{
	font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
font-size: 12px;
	line-height:1.5;
	color:#FFF;
	text-align:left;
}




div#footer_copyright_wrap div.left p{
	font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
font-size: 12px;
	color:#FFF;
	text-align:left;
}

div#footer_copyright_wrap div.left2 p{
	font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
font-size: 12px;
	color:#FFF;
	text-align:left;
}

div#footer_copyright_wrap div.left3 .p{
	font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
font-size: 12px;
	color:#FFF;
	text-align:left;
}

div#footer_copyright_wrap div.left3 .table{
	font-family: Verdana, Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
font-size: 12px;
	color:#FFF;
	text-align:left;
}


div#footer_copyright_wrap div.left div.logo_footer{
	padding:5px 0;
}

div#footer_copyright_wrap .footertable {
	width:1045px;
}






div#footerarea_copyrightBottom {
	width:100%;
	min-width:1045px;
	height: 55px;
	color:#946134;
	background-color:#FFF;
	clear:both;
}

div#footerarea_copyrightBottom .textcr {
	padding-top:21px;
	text-align: center;
	font-size:12px;
	clear:both;
}

div#footer_copyrightBottom {
	width:1045px;
	height: 55px;
	color:#946134;
	background-color:#FFF;
	clear:both;
}
div#footer_copyrightBottom .textcr {
	padding-top:21px;
	text-align: center;
	font-size:12px;
	clear:both;
}


/*-----------------------------------------------------------------
price
-----------------------------------------------------------------*/

  .price-box {
    margin: 20px 0;
}
  .price-box h3 {
    font-size: 20px;
    position: relative;
    margin-left: 20px;
    margin-bottom: 14px;
}
  .price-box h3::before {content:"";display: block;background: #000;width: 16px;height: 16px;position: absolute;top: 7px;left: -20px;}
  .price-box .scroll-table {}
  .price-box .scroll-table .price-table {
    width: 95%;
    margin: 20px 0;
}
  .price-box .scroll-table .price-table th,
  .price-box .scroll-table .price-table td {
    border: 1px solid #4fac22;
    padding: 8px 12px;
    font-size: 18px;
}
  .price-box .scroll-table .price-table th {
    background: #f29600;
    color: #FFF;
    font-size: 20px;
}
  .price-box .scroll-table .price-table td {}
  .price-box .scroll-table .price-table td.pink {
    background: #a5d68e;
    color: #FFF;
    font-weight: bold;
}
  .price-box .scroll-table .price-table td.pink span {
    font-size: 90%;
}
  .price-box .price-note {
    width: 95%;
}
  .price-box .price-note li {
    font-size: 16px;
    line-height: 150%;
    position: relative;
    margin-left: 20px;
}
  .price-box .price-note li::before {content:"※";position: absolute;left: -20px;}
  
  @media only screen and (max-width: 768px){
  
  .price-box {}
  .price-box h3 {}
  .price-box h3::before { }
  .price-box .scroll-table {}
  .price-box .scroll-table .price-table {}
  .price-box .scroll-table .price-table th,
  .price-box .scroll-table .price-table td {}
  .price-box .scroll-table .price-table th {}
  .price-box .scroll-table .price-table td {}
  .price-box .scroll-table .price-table td.pink {}
  .price-box .scroll-table .price-table td.pink span {}
  .price-box .price-note li {}
  .price-box .price-note li::before { }
  }