/*Bootstrap override*/


/*----------------------------------------------------------------
テキスト
----------------------------------------------------------------*/
body {
  margin: 0;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 14px;
  color: #333;
  background-color: #f7f0de;
  letter-spacing:0.1;
}

a {
  color: #4db5ab;
  text-decoration:none;
}

a:hover {
  color: #ed7100;
  text-decoration:underline;
}

p {
  margin: 0 0 9px;
  line-height:28px;
}

p small {
  font-size: 12px;
}

h1 {
  font-size: 18px;
  line-height: 32px;
  letter-spacing:1px;
}

h1 small {
  font-size: 18px;
}

h2 {
  font-size: 18px;
  line-height: 26px;
}

h2 small {
  font-size: 14px;
}

h3 {
  font-size: 18px;
  line-height: 32px;
  letter-spacing:1px;
}

h3 small {
  font-size: 14px;
  letter-spacing:0;
}

h4,
h5,
h6 {
  line-height: 20px;
}

h4 {
  font-size: 16px;
}

h4 small {
  font-size: 14px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
  text-transform: uppercase;
}
th{
    text-align:left;
	line-height:22px;
	vertical-align:top;
}
td{
    text-align:left;
	line-height:22px;
	vertical-align:top;
}

ul{
    list-style:none;
    margin:0;
}

figure{
    margin:0 0 12px;
}

figcaption{
    font-size:10px;
}

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

/*ホーム*/
header.home-header{background:#fff url(images/header-bg.gif) repeat-x left top;height:690px;margin-bottom:30px;}
header.home-header .navtop{background:#fff url(images/header-navtop-bg.gif) no-repeat left 5px;height:620px;}
/*サブページ*/
header.sub-header{background:#fff url(images/header-bg-sub.gif) repeat-x left top;height:270px;margin-bottom:0px;}
header.sub-header .navtop{background:#fff url(images/header-navtop-bg.gif) no-repeat left 5px;height:200px;}
header.sub-header #mainimage p{height:70px;}
/*共通*/
header .container{position:relative;}
header .container h1,header .container h2{
	padding:0;
	margin:0;
	line-height:0;	
}
/*ホームロゴ*/
header.home-header #logo{
	position:absolute;
    width:262px;
	height:200px;
	top:0px;
	left:0px;
	z-index:10;
	text-indent: -9000px;
    background:url(images/logo.png) no-repeat left top;
}

/*サブページロゴ*/
header.sub-header #logo{
	position:absolute;
    width:176px;
	height:150px;
	top:10px;
	left:0px;
	z-index:10;
	text-indent: -9000px;
    background:url(images/logo-min.png) no-repeat left top;
}
header.sub-header #logo:hover{
    background:url(images/logo-min_o.png) no-repeat left top;
}
header.sub-header #logo a{
    width:176px;
    height:150px;
	display:block;
}

header h2{
	text-indent: -9000px;
}

header address{
  position:absolute;
  top:36px;
  right:0px;
　z-index:10;
  font-size: 14px;
}

header address p{
  float:left;
  width:252px;
  height:66px;
  margin-left:18px;
  text-indent: -9000px;
}

header address p.btn-form{background:url(images/btn-form.gif) no-repeat left top; }
header address p.btn-form:hover{background:url(images/btn-form_o.gif) no-repeat left top; }
header address p.btn-fax{background:url(images/btn-shopping.gif) no-repeat left top; }
header address p.btn-fax:hover{background:url(images/btn-shopping_o.gif) no-repeat left top; }

 
header address p a{
  display: block;
  zoom:1;
  width:252px;
  height:66px;
}

header #mainimage {
  padding-top:120px;
}
header #mainimage p{
  margin:0;
  padding:0;
}
header #mainimage p{
  background:#ed7100;
}


nav ul li {
       float:left;
       padding:0;
       margin:0;
       height:70px;
       text-decoration:none;
       text-indent: -5000px;
}

nav ul li a{
       display: block;
       zoom:1;
       height:70px;
}

.nav-concept{background:url(images/navi.gif) no-repeat 0 0;width:230px;}
.nav-plan{background:url(images/navi.gif) no-repeat -230px 0;width:135px;}
.nav-apply{background:url(images/navi.gif) no-repeat -365px 0;width:163px;}
.nav-faq{background:url(images/navi.gif) no-repeat -528px 0;width:154px;}
.nav-contact{background:url(images/navi.gif) no-repeat -682px 0;width:143px;}
.nav-topics{background:url(images/navi.gif) no-repeat -825px 0;width:115px;}

.nav-concept:hover,.nav-concept-on{background:url(images/navi-on.gif) no-repeat 0 0;width:230px;}
.nav-plan:hover,.nav-plan-on{background:url(images/navi-on.gif) no-repeat -230px 0;width:135px;}
.nav-apply:hover,.nav-apply-on{background:url(images/navi-on.gif) no-repeat -365px 0;width:163px;}
.nav-faq:hover,.nav-faq-on{background:url(images/navi-on.gif) no-repeat -528px 0;width:154px;}
.nav-contact:hover,.nav-contact-on{background:url(images/navi-on.gif) no-repeat -682px 0;width:143px;}
.nav-topics:hover,.nav-topics-on{background:url(images/navi-on.gif) no-repeat -825px 0;width:115px;}



nav address {
  display: block;
  width:320px;
  height:21px;
  text-indent: -9000px;
  background:url(images/btn-form.gif) no-repeat left top;
  margin-bottom: 20px;
}

/*----------------------------------------------------------------
フッター
----------------------------------------------------------------*/
footer{
    background:#fff;
	background:url(images/footer-bg.gif) repeat-x left top;
	height:110px;
	margin-top:60px;
}


footer p.copyright{
	margin:2px 0 0;
	font-size:12px;
}

footer .sns-share{text-align:left;height:18px;margin:45px 12px 0 0;}

footer ul{
	padding-top:44px;
}

footer ul li {
	font-size:14px;
	font-weight:bold;
    float:right;
    padding:0;
    margin:0 0 0 25px;

}

footer ul li a{
       color:#000;
}

/*----------------------------------------------------------------
レイアウト
----------------------------------------------------------------*/
.content section,
.content aside{
    margin:0 0 40px;
}

/*----------------------------------------------------------------
共通スタイル
----------------------------------------------------------------*/
#bread-list{
	text-align:left;
	margin-top:10px;
}
.main-title{
	height:200px;
	text-indent:-9000px;
}
.main-title h1{
	margin:0;
	padding:0;
}
.side-nav{
	margin:0 0 36px;
}
.bg-dot1{background:url(images/border-dot1.gif) no-repeat left bottom;padding-bottom:25px;}
.bg-dot2{background:url(images/border-dot2.gif) no-repeat left bottom;padding-bottom:20px;}

.btn-list{
	text-indent:-9000px;
	background:url(images/btn-list.png) no-repeat left top;
	height:16px;width:122px;
	float:right;
}

.btn-list:hover{background:url(images/btn-list_o.png) no-repeat left top;}

.btn-list a{display:block;height:16px;width:122px;}

.bg-blue{background:#53aebc;}
.bg-orange{background:#ed7100;}
.bg-beige{background:#f5e8c2;}
.bg-white{background:#fff;}

.fb-like{margin-right:12px;}
.sns-share{margin:10px -32px 0 0;text-align:right;height:18px;}

.bd-bottom{border-bottom:1px dotted #ed7100;}
.bd-right{border-right:1px dotted #ed7100;}

.ditto-pages{font-weight:bold;}
.ditto-pages span{padding-right:10px;}
.ditto-pages a{padding-right:10px;}
.ditto_off{color:#bbb;}
.ditto_currentpage{color:#ed7100;}

/*----------------------------------------------------------------
ホーム
----------------------------------------------------------------*/
.topics-list-home h2{
	background:url(images/topics-list-title.gif) no-repeat left top;
	margin:11px 0 0;
	width:135px;
	height:22px;
	position:relative;
	text-indent:-9000px;
}

.topics-list-home th a{
	color:#333;
}

.topics-list-home th a:hover{
	color:#ed7100;
}


.topics-list-home td{
	color:#ed7100;
}
.topics-list-home th{
	padding:8px 0 0 10px;
}

.topics-list-home td{
	padding:7px 0 0 0;
}
.topics-list-home td.date{
	padding:8px 10px 0 0;
	font-size:12px;
	font-weight:bold;
}

.topics-list-home #blog{
	text-indent:-9000px;
	background:url(../../images/common/icon-blog.gif) no-repeat left 7px;
	width:80px;
	height:22px;
}

.topics-list-home #news{
	text-indent:-9000px;
	background:url(../../images/common/icon-news.gif) no-repeat left 7px;
	width:80px;
	height:22px;
}






/*----------------------------------------------------------------
コンセプト
----------------------------------------------------------------*/
.concept-title{
	background:url(../../images/concept/title.gif) no-repeat center;
}

.concept1{
	background:url(../../images/concept/concept1.jpg) no-repeat left top;
	height:495px;
	text-indent:-9000px;
}

.concept2{
	background:url(../../images/concept/concept2.jpg) no-repeat left top;
	height:630px;
	text-indent:-9000px;
}

.concept3{
	background:url(../../images/concept/concept3.jpg) no-repeat left top;
	height:495px;
	text-indent:-9000px;
	margin-bottom:-60px;
}



/*----------------------------------------------------------------
プラン一覧
----------------------------------------------------------------*/
#plan-list-title{
	background:url(images/plan-list-title.gif) no-repeat left top;
	height:100px;margin-bottom:20px;
	position:relative;
}
#backnumber-list-title{
	background:url(images/backnumber-list-title.gif) no-repeat left top;
	height:100px;margin-bottom:20px;
	position:relative;
}

#plan-list-title h2,
#backnumber-list-title h2{
	text-indent:-9000px;
}

#plan-list-title .btn-list,
#backnumber-list-title .btn-list{
	position:absolute;
	top:20px;
	right:6px;
}
.plan-list figure,
.backnumber-list figure{
	padding:5px;
	background:#fff
}
.plan-list h3,
.backnumber-list h3{
	margin:0 0 5px;
}

.plan-list h3 small,
.backnumber-list h3 small{
	color:#666;
}

.plan-subtitle{
	line-height:20px;
}

.plan-list h3 a,
.backnumber-list h3 a{
	color:#333;
}

.plan-list h3 a:hover{
	color:#ed7100;
}

.backnumber-list h3 a:hover{
	color:#53aebc;
}

.plan-list table,
.backnumber-list table{
	margin-top:10px;
}
	
.plan-list th,
.backnumber-list th{
	padding:10px 0 0 8px;
}
	
.plan-list th{color:#ed7100;}
.backnumber-list th{color:#53aebc;}

.plan-list td,
.backnumber-list td{
	padding:7px 0 0 0;
}

.plan-list .row,
.backnumber-list .row{
	background:url(images/border-dot1.gif) no-repeat 20px bottom;
	margin-bottom:20px;
	padding-bottom:10px;
}
/*-一覧小--*/

.plan-list-min h2{
	background:url(../../images/plan/plan-list-title-min.gif) no-repeat left top;
	height:48px;
	margin:0 0 14px;
	text-indent:-9000px;
}

.backnumber-list-min h2{
	background:url(../../images/plan/backnumber-list-title-min.gif) no-repeat left top;
	height:48px;
	margin:0 0 14px;
	text-indent:-9000px;
}
.plan-list-min figure,
.backnumber-list-min figure{
	padding:5px;
	margin-bottom:5px;
	background:#fff;
}

.plan-list-min h3,
.backnumber-list-min h3{
	font-size:12px;
	line-height:20px;
	margin:0 0 18px;
	padding:0 0 14px;
	background:url(images/border-dot1.gif) no-repeat left bottom;
}

.plan-list-min h3 a,
.backnumber-list-min h3 a{
	color:#333;
}

.plan-list-min h3 a:hover,
.backnumber-list-min h3 a:hover{
	color:#ed7100;
}

.plan-list a:hover img,
.plan-list-min a:hover img,
.backnumber-list a:hover img,
.backnumber-list-min a:hover img{ 
      opacity: 0.8;
       filter:alpha(opacity=80);  
      -moz-opacity:0.8;  
      -khtml-opacity: 0.8; 
}

.ditto-noresult{
	background:url(images/noresult-bg.gif) no-repeat center;
	text-indent:-9000px;
	height:200px;
}

.plan-list-min .ditto-noresult{
	background:url(images/noresult-bg-min.gif) no-repeat center;
	text-indent:-9000px;
	height:242px;
}

.backnumber-list .ditto-noresult{
	background:url(images/noresult-bn-bg.gif) no-repeat center;
	text-indent:-9000px;
	height:200px;
}

.backnumber-list-min .ditto-noresult{
	background:url(images/noresult-bn-bg-min.gif) no-repeat center;
	text-indent:-9000px;
	height:242px;
}

/*----------------------------------------------------------------
プラン
----------------------------------------------------------------*/
.plan-title{
	background:url(../../images/plan/title.gif) no-repeat center;
}
.plan hgroup{
	background:url(images/border-dot1.gif) no-repeat left top;
	margin-bottom:20px;
}

.plan hgroup h1{
	text-align:center;
	padding-top:20px;
	background:url(images/border-hgroup1.gif) no-repeat left bottom;
	min-height:120px;
	margin:0 0 6px;
}
.plan hgroup table td{
	padding:10px 0 0 0;
}
.plan hgroup table th{
	color:#ed7100;
	padding:12px 0 0 10px;
}

.plan-main figure,
.plan-point figure{
	background:#fff;
	padding:5px;
}

.plan-main h2{
	font-size:16px;
	line-height:28px;
}

.plan-point .row{
	background:url(images/border-dot1.gif) no-repeat 20px bottom;
	margin-bottom:20px;
	padding-bottom:10px;
}

.plan-point h3{
	margin:0 0 10px;
	padding
}

.plan-point h2{height:50px;background:url(../../images/plan/title-sub1.gif) no-repeat left top;text-indent:-9000px;}
.plan-detail h2{height:50px;background:url(../../images/plan/title-sub2.gif) no-repeat left top;text-indent:-9000px;}
.plan-conditions h2{height:50px;background:url(../../images/plan/title-sub3.gif) no-repeat left top;text-indent:-9000px;}
.plan-conditions-download h2{height:50px;background:url(../../images/plan/title-sub4.gif) no-repeat left top;text-indent:-9000px;}
.plan-company h2{height:50px;background:url(../../images/plan/title-sub5.gif) no-repeat left top;text-indent:-9000px;}


.plan-detail table,
.plan-conditions table{
	border:solid 1px #ed7100;
	margin-bottom:20px;
	width:620px;
}

.plan-detail table th{
	color:#ed7100;
	background:#fff;
	padding:10px;
}
.plan-detail table td{
	padding:10px;
}

.plan-conditions table th{
	width:210px;
	border-bottom:1px dotted;
	color:#ed7100;
	background:#fff;
	padding:10px;
}

.plan-conditions table td{
	padding:10px;
	border-bottom:1px dotted #ed7100;
}
.plan-detail ul,
.plan-conditions ul{
     margin:0 0 10px;
}

.plan-detail ul li,
.plan-conditions ul li{
	margin-bottom: 8px;
	line-height:24px;
	padding:0 0 0 19px;
	background:url(images/icon-list1.gif) no-repeat 0px 3px;

}


.plan-company table{
	border:solid 1px #666;
	margin-bottom:20px;
	width:620px;
}

.plan-company table th{
	width:120px;
	border-bottom:1px dotted;
	color:#666;
	background:#fff;
	padding:12px;
}

.plan-company table td{
	padding:10px;
	border-bottom:1px dotted #666;
}

/*----------------------------------------------------------------
お申し込み方法
----------------------------------------------------------------*/
.apply-title{
	background:url(../../images/apply/title.gif) no-repeat center;
}

.apply-process{
	padding:20px 0 0;

}

.apply-arrow{
	background:url(../../images/apply/apply-arrow.gif) no-repeat left 120px;
	height:200px;
}



/*----------------------------------------------------------------
よくあるご質問
----------------------------------------------------------------*/
.faq-title{
	background:url(../../images/faq/title.gif) no-repeat center;
}

.faq h2{
	font-size:20px;
	color:#ed7100;
	padding-left:50px;
	background:url(../../images/faq/icon-q.gif) no-repeat 10px top;
	min-height:32px;
}

.faq .answer{
	padding-left:50px;
	background:url(../../images/faq/icon-a.gif) no-repeat 10px 6px;
}

.faq ul{
     margin:0 0 20px;
}

.faq ul li{
	margin-bottom: 8px;
	font-weight:bold;
	line-height:24px;
	padding:0 0 0 19px;
	background:url(images/icon-list1.gif) no-repeat 0px 3px;

}

.faq section{
	background:url(images/border-dot1.gif) no-repeat left bottom;padding-bottom:25px;
}


.faq table{
	border:solid 1px #666;
	margin-bottom:20px;
	width:570px;
}

.faq table caption{
	text-align:left;
	font-weight:bold;
	margin-bottom:6px;
}

.faq table th{
	width:180px;
	border-bottom:1px dotted;
	color:#666;
	background:#fff;
	padding:12px;
}

.faq table td{
	padding:10px;
	border-bottom:1px dotted #666;
}
.faq-bd-bottom{
	background:url(images/border-dot1.gif) no-repeat left bottom;padding-bottom:18px;margin-bottom:18px;;
}

/*----------------------------------------------------------------
お問い合わせ
----------------------------------------------------------------*/
.contact-title{
	background:url(../../images/contact/title.gif) no-repeat center;
}
.contact p{
	text-align:left;
}

.contact section{
	background:url(images/border-dot1.gif) no-repeat left bottom;padding-bottom:25px;
}


/*--------------------------------------------------------------------------------------------------------------------
トピックス
--------------------------------------------------------------------------------------------------------------------*/
.topics-title{
	background:url(../../images/topics/title.gif) no-repeat center;
}

.news-title{
	background:url(../../images/news/title.gif) no-repeat center 54px;
}
.blog-title{
	background:url(../../images/blog/title.gif) no-repeat center 54px;
}
.news hgroup,
.blog hgroup{
	background:url(images/border-dot1.gif) no-repeat left top;
	margin-bottom:20px;
}


.news hgroup .topics-date{
	font-size:12px;
	font-weight:bold;
	color:#ed7100;
	padding:8px 0 0;
}

.news hgroup h1{
	text-align:center;
	background:url(images/border-hgroup1.gif) no-repeat left bottom;
	min-height:120px;
	margin:0 0 6px;
}

.blog hgroup .topics-date{
	font-size:12px;
	font-weight:bold;
	color:#53aebc;
	padding:8px 0 0;
}

.blog hgroup h1{
	text-align:center;
	background:url(images/border-hgroup2.gif) no-repeat left bottom;
	min-height:120px;
	margin:0 0 6px;
}

.news img,
.blog img{
	padding:5px;
	width:610px;
	background:#fff;
	margin-bottom:20px;
}
/*-一覧--------------*/

.news-list{
	background:url(../../images/topics/news-list-title.gif) no-repeat left 12px;
	margin-bottom:20px;
}

.news-list h2{
	background:url(images/border-dot1.gif) no-repeat left top;
	height:110px;margin-bottom:30px;
	text-indent:-9000px;
}
.news-list .date{
	color:#ed7100;
	margin:0 0 4px;
	padding:0;
}
.news-list h3{
	background:url(images/border-dot1.gif) no-repeat left bottom;
	margin:0 0 26px;
	padding:0 0 26px;
	font-size:16px;
	line-height:28px;
}

.news-list h3 a{
	color:#333;
}

.news-list h3 a:hover{
	color:#ed7100;
}
.blog-list{
	background:url(../../images/topics/blog-list-title.gif) no-repeat left 12px;
	margin-bottom:20px;
}

.blog-list h2{
	background:url(images/border-dot1.gif) no-repeat left top;
	height:110px;margin-bottom:30px;
	text-indent:-9000px;
}
.blog-list .date{
	color:#53aebc;
	margin:0 0 4px;
	padding:0;
}
.blog-list h3{
	background:url(images/border-dot1.gif) no-repeat left bottom;
	margin:0 0 26px;
	padding:0 0 26px;
	font-size:16px;
	line-height:28px;
}

.blog-list h3 a{
	color:#333;
}

.blog-list h3 a:hover{
	color:#53aebc;
}

.news-list-min h2{
	background:url(../../images/topics/news-list-title-min.gif) no-repeat left top;
	height:48px;
	margin:0 0 20px;
	text-indent:-9000px;
}

.blog-list-min h2{
	background:url(../../images/topics/blog-list-title-min.gif) no-repeat left top;
	height:48px;
	margin:0 0 20px;
	text-indent:-9000px;
}
.news-list-min p,
.blog-list-min p{
	font-size:10px;
	line-height:20px;
	margin:0 0 2px;
	font-weight:bold;
}

.news-list-min p{
	color:#ed7100;
}

.blog-list-min p{
	color:#53aebd;
}
.news-list-min h3,
.blog-list-min h3{
	font-size:12px;
	line-height:20px;
	background:url(images/border-dot1.gif) no-repeat left bottom;
	padding:0 0 20px;
	margin:0 0 20px;
}

.news-list-min h3 a,
.blog-list-min h3 a{
	color:#333;
}

/*----------------------------------------------------------------
お申し込み
----------------------------------------------------------------*/
.form-title{
	background:url(../../images/form/title.gif) no-repeat center;
}
input{
	width:540px;
}

#form-post{
	width:150px;
}

textarea{
	width:620px;
}
.form-plan{
	background:#f5e8c2;
	padding:40px;
	margin:10px 0 20px;
}
#form-send{
	width:140px;
}


#thankyou th{
	background:url(images/border-dot1.gif) no-repeat left top;
	padding:14px 0;
	width:180px;
}
#thankyou td{
	background:url(images/border-dot1.gif) no-repeat left top;
	padding:14px 0;
}

/*----------------------------------------------------------------
会社情報
----------------------------------------------------------------*/
.company-title{
	background:url(../../images/company/title.gif) no-repeat center;
}

.company th{
	background:url(images/border-dot1.gif) no-repeat left top;
	padding:14px 0;
	width:180px;
}
.company td{
	background:url(images/border-dot1.gif) no-repeat left top;
	padding:14px 0;
}


.company #download{
	background:url(images/border-dot1.gif) no-repeat left top;
	padding:6px 0 0;
}

.company #download h2{
	font-size:14px;
	margin:20px 0 4px;
}


/*----------------------------------------------------------------
個人情報
----------------------------------------------------------------*/
.privacy-title{
	background:url(../../images/privacy/title.gif) no-repeat center;
}

.privacy section{
	background:url(images/border-dot1.gif) no-repeat left bottom;
	padding:0 0 20px;
	margin:0 0 34px;
}


/*----------------------------------------------------------------
404notfound
----------------------------------------------------------------*/
.not-found-title{
	background:url(../../images/404/title.gif) no-repeat center;
	height:320px;
}
.errors{
	color:red;
	border:2px solid;
	padding:15px;
	margin-bottom:20px;
}


/*add 20220923*/
.twitter-share-button {
	height: 24px !important;
}