@charset "utf-8";
/*-----------------------------

　リセットCSS + サイト共通設定

------------------------------*/

/* 全ての要素に対する余白初期値設定 */
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input
address,pre,strong,em,iframe,img{
	margin:0;
	padding:0;
	font-size:100%;
	border:0;
}

/* デフォルト文字設定 */
body{
	color:#666666;
	font-family:"メイリオ", Meiryo, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  sans-serif;
	font-size:14px;
	*font-size:small;
	line-height:1.7;
}

/* リストマーカーを非表示 */
ul,ol{
	list-style-type:none;
}

/* テーブルセルのボーダーの設定 */ 
table {
	border-collapse: collapse; 
	border-spacing: 0;
}




/* デフォルトリンク色の設定 */
a{
	color:#a52a2a;
}

a:hover{
	color:#cc6633;
}

a {
	text-decoration :none;
}
	
	
	
/*	clearfix
------------------------------*/
.clearfix:after {/*for modern browser*/
   content: "";
   display: block;
   clear: both;
}

* html .clearfix { zoom:1; } /*for IE6*/
*:first-child+html .clearfix { zoom:1; } /*for IE7*/




/*--------------------------

　レイアウト

---------------------------*/

/*全体枠*/

#wrap {
	width: 860px;
	margin:0 auto ;
	padding: 0;
	overflow:hidden;
}

/*フロート*/
	
.fl {
	float:left;
}

.fr {
	float: right;
}

.fc {
	clear:both;
}

.center {
	text-align:center;
}

/*マージン*/

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb60 {
	margin-bottom: 60px;
}


.mr10 {
	margin-right: 10px;
}

.ml30 {
	margin-left: 30px;
}

.ml85 {
	margin-left: 85px;
}

.ml122 {
	margin-left: 122px;
}




/*--------------------------

　トップページレイアウト

---------------------------*/

/* トップページヘッダー*/

#header-area {
	margin: 85px 0 65px 0;
	padding:0;
	overflow:hidden;
}


#top-header {
	width: 354px;
	height: 378px;
	float: left;
	position: relative;
	overflow: hidden;
}

#top-header h1 {
	text-align: center;
	margin-bottom: 40px;
}

#top-nav ul {
	width: 256px;
	margin: 0 auto;
	overflow: hidden;
}

#top-nav li {
	float: left;
}

#top-nav a {
	width: 32px;
	height: 190px;
	display:block;
}

#top-nav .top-gnavi-01 a {
	background: url(../img/gnav-01.jpg) no-repeat;
	text-indent: -9999px;
}

#top-nav .top-gnavi-02 a {
	background: url(../img/gnav-02.jpg) no-repeat;
	text-indent: -9999px;
}

#top-nav .top-gnavi-03 a {
	background: url(../img/gnav-03_2023.jpg) no-repeat;
	text-indent: -9999px;
}

#top-nav .top-gnavi-04 a {
	background: url(../img/gnav-04.jpg) no-repeat;
	text-indent: -9999px;
}

#top-nav .top-gnavi-05 a {
	background: url(../img/gnav-05.jpg) no-repeat;
	text-indent: -9999px;
}

#top-nav .top-gnavi-06 a {
	background: url(../img/gnav-06.jpg) no-repeat;
	text-indent: -9999px;
}

#top-nav .top-gnavi-07 a {
	background: url(../img/gnav-07.jpg) no-repeat;
	text-indent: -9999px;
}

#top-nav .top-gnavi-08 a {
	background: url(../img/gnav-08.jpg) no-repeat;
	text-indent: -9999px;
}


#top-header .time {
	position: absolute;
	bottom: 0;
	left: 88px;
}


/* トップページコンテンツ */

#top-contents-1 {
	width: 860px;
	margin-bottom: 65px;
	padding: 0;
	overflow: hidden;
}

#banner-area {
	width:180px;
	float: left;
	overflow: hidden;
}

#msg-area {
	width: 608px;
	float:right;
}


#fb-area {
	width: 340px;
    padding-top: 20px;
	float: right;
    overflow: hidden;

}

#insta-area {
	width: 340px;
    padding-top: 40px;
	float: right;
    overflow: hidden;

}

#top-contents-2 {
	width: 860px;
	padding: 0;
	margin-bottom: 70px;
	overflow: hidden;
}



/*  トップページメッセージエリア  */

#msg {
	width: 608px;
	margin-top: 16px;
	float: right;
}


.msg-img-btm {
	padding-top: 12px;
}

/*  トップページお知らせ  */

#info-area {
	width: 446px;
	float: left;
    padding-top: 20px;
    overflow: hidden;
}

#info-area h3 {
	padding-left: 10px;
	margin-top: 40px;
	margin-bottom: 15px;
	line-height: 2;
	font-size: 20px;
	border-top: solid #ccc 1px;
	border-bottom: solid #ccc 1px;	
}

#info-area dl {
	  border-top: dotted 1px #CCC;
}

#info-area dl dt {
  clear: left;
  float: left;
  width: 7em;
  padding: 10px 0.5em;
}

#info-area dl dd {
  padding: 10px 0.5em 10px 8em;
  margin-left: 0;
  border-bottom: dotted 1px #CCC;
}


/* ここよりサブページ*/


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


/* グローバルナビゲーション
---------------------------*/


/* コンテンツエリア
---------------------------*/


/* パンくず
---------------------------*/



/* メインコンテンツ
---------------------------*/

#main {
	width: 610px;
	float: right;
	margin-bottom: 70px;
}

#main h2 {
	margin: 112px 0 15px 0;
}




/* サイドバー
---------------------------*/

#side {
	width: 180px;
	float: left;
	margin-bottom: 70px;
}

#side h1 {
	margin: 85px 0 55px 0;
}

#side-nav ul {
	width: 160px;
	margin: 0 auto 30px;
	overflow: hidden;
}

#side-nav li {
	float: left;
}

#side-nav a {
	width: 32px;
	height: 190px;
	display:block;
}

#side-nav .top-gnavi-01 a {
	background: url(../img/gnav-01.jpg) no-repeat;
	text-indent: -9999px;
}

#side-nav .top-gnavi-02 a {
	background: url(../img/gnav-02.jpg) no-repeat;
	text-indent: -9999px;
}

#side-nav .top-gnavi-03 a {
	background: url(../img/gnav-03_2023.jpg) no-repeat;
	text-indent: -9999px;
}

#side-nav .top-gnavi-04 a {
	background: url(../img/gnav-04.jpg) no-repeat;
	text-indent: -9999px;
}

#side-nav .top-gnavi-05 a {
	background: url(../img/gnav-05.jpg) no-repeat;
	text-indent: -9999px;
}

#side-tel {
	margin-bottom: 130px;
}



/* フッター
---------------------------*/
#footer {
	width: 860px;
    padding: 0;
	overflow: hidden;
	clear:both;
}

#footer-logo {
	width: 49px;
	margin: 0 auto 30px;
}

#footer-menu1 {
	margin-bottom: 10px;
}

#footer-menu1 ul {
	overflow: hidden;
	text-align: center;
}

#footer-menu1 li {
	display: inline;
	padding-left: 15px;
}

#footer-menu2 {
	margin-bottom: 20px;
}


#footer-menu2 ul {
	overflow: hidden;
	text-align: center;
}

#footer-menu2 li {
	display: inline;
	padding-left: 15px;
}

#copyright {
	margin-bottom: 20px;
	text-align:center;
}



/* ページトップ */



/*--------------------------

　共有スタイル

---------------------------*/

/* テキスト */

.font15-b {
	font-size: 15px;
	font-weight:bold;
}

.font15-orange {
	font-size: 15px;
	font-weight:bold;
	color: #ff8c00;
}

.font15-red {
	font-size: 15px;
	color:#ff0000;
}

.font10-red {
	font-size: 10px;
	color:#ff0000;
}

.font14-blue {
	font-size: 14px;
	color:#0000cd;
}

.font14-red {
	font-size: 14px;
	color:#ff0000;
}



/* リード文タイトル */

#main .lead {
	font-size: 16px;
	margin-bottom: 30px;
}

/* リード文タイトル テキストボールド14pt*/

#main .leadbold-14 {
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 20px;
}

/* リード文タイトル テキストボールド14pt bottom10px*/

#main .leadbold-14-bottom10 {
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 10px;
}






/* リストマーカーあり */

#main .liststyle li {
	margin: 0.5em 0 0.5em 30px;
	list-style-type: disc;
	line-height: 1.7;
}


/* リストマーカーあり 下マージン 20px*/
#main .liststyle-btm20 li {
	margin: 0.5em 0 20px 30px;
	list-style-type: disc;
	line-height: 1.7;
}


/* h3見出しマージン */

#main h3 {
	margin: 40px 0 20px 0;
}

/* 定義リスト行間 */

#main .list-dl dd {
	margin-bottom: 20px;
}

/* 定義リストボールド　15pt */

#main .list-dl-bold15 dd {
	margin-bottom: 20px;
}

#main .list-dl-bold15 dt {
	font-size:15px;
	font-weight: bold;
}


/* 定義リスト横並び 下マージン20px*/


#main .list-fl dl {
	width: 610px;
}

#main .list-fl dt {
	float:left;
}

#main .list-fl dd {
	margin-left: 80px;
	margin-bottom:20px;
}


/* 定義リスト横並び dd左マージン120 */


#main .list-fl-ml120 dl {
	width: 610px;
}

#main .list-fl-ml120 dt {
	float:left;
}

#main .list-fl-ml120 dd {
	margin-left: 120px;
	margin-bottom:20px;
}

/* 定義リスト横並び dd左マージン200 */


#main .list-fl-ml200 dl {
	width: 610px;
}

#main .list-fl-ml200 dt {
	float:left;
}

#main .list-fl-ml200 dd {
	margin-left: 200px;
	margin-bottom:20px;
}


/* 定義リスト横並び 下マージンなし*/


#main .list-fl-no dl {
	width: 610px;
}

#main .list-fl-no dt {
	float:left;
}

#main .list-fl-no dd {
	margin-left: 80px;
}


/* お問い合わせフォーム　*/

#formWrap {
	width:600px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable {
	width:100%;
	margin:0 auto 30px;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th {
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

#main #formWrap h3 {
	font-size: 18px;
}

#contact #main h3 {
	font-size: 18px;
	font-weight: bold;
}

#btn-1 input{
	width: 100px;
}

#btn-2 input{
	width: 100px;
}

#btn-1 {
	width: 290px;
	padding: 0;
	margin-bottom : 40px;	
	float:left;
	text-align:right;
}

#btn-2 {
	width: 290px;
	padding: 0;
	margin-bottom : 40px;	
	float:right;
	text-align:left;
}

/* セミナー　*/
#seminar img.img_ml120 {
	margin-left: 120px;
}