@charset "UTF-8";


/*--------------------------------------------------------
1、サイト全体の背景設定
------------------------------------------------------*/

#container{ background-color: #fff; }


/*--------------------------------------------------------
2、サイト全体の共通設定
-------------------------------------------------------*/

body{ color: #3e3a39; }

/*●リンク文字*/
a{ text-decoration: underline; }

a:link,
a:visited{ color: #0000ff; }
a:hover,
a:active{ color: #0000ff; }


/*--------------------------------------------------------
3、エリアの設定
--------------------------------------------------------*/

#container{
	position: relative;
}




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

#header{
	background-color: #fff;
	font-size: 1.2em;
}

#header-in{ padding: 1em 0; }

/*●ヘッダーロゴ（メインタイトル）*/
#header #header-title{
	width: 100%; /*ロゴ（メインタイトル）下の<h1>の1行の幅はこちらのwidthの値を変更*/
}

#header .header-logo{
	float:left;
	width:50%;
}
#header .header-logo-tel{
	float:left;
	width:33%;
}
#header .header-logo-incrom{
	float:right;
	width:14%;
}


/*●ヘッダーロゴテキスト*/
.header-logo a{ text-decoration: none; }

.header-logo a:link,
.header-logo a:visited{ color: #333; }
.header-logo a:hover,
.header-logo a:active{ color: #f60; }


/*●ヘッダーテキスト・右上の文章*/
#header-in #header-text{
	float: right;
	width: 40%; /*・1行の幅はwidthの値を変更*/
	color: #333;
}

#header h1{
	margin-bottom: 1em;
	font-size: 1.167em;
}

/*--------------------------------------------------------
コンテンツ全体
--------------------------------------------------------*/

#main-in{ }

/*●メイン画像*/
#main-image{
	background:url(../images/bg_main.png) bottom center repeat-x;
}

#main-image-in{
	position: relative;
}

#main-image img{
	width: 100%;
	height: auto;
}

/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/

#main-contents{ font-size: 1.5em; }

#main-contents .contents{

	padding: 0;

    position: relative;
}


/*●H2タグ*/
#main-contents h2{
	margin: 1.5em 0 0.5em ;
	padding: 0.2em;
	background:  #fcee21;
	font-size: 1.32em;
	color:#ed1c24;
	text-align: center;
}

#main-contents h2 a:link,
#main-contents h2 a:visited{ color: #333; }

#main-contents h2 a:hover,
#main-contents h2 a:active{ color: #f60; }

#main-contents h2.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}


/*●H3タグ*/
#main-contents h3{

	padding: 0.8em 0;
	font-size: 1.143em;
	font-weight: bold;
	color:#f39800;
}

#main-contents h3 a:link,
#main-contents h3 a:visited{ color: #333; }

#main-contents h3 a:hover,
#main-contents h3 a:active{ color: #f60; }

#main-contents h3.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}


/*●H4タグ*/
#main-contents h4{
	margin: 0 0 1.5em;
	padding: 0.8em;
	border: 1px solid #8e8e8e;
	font-weight: bold;
}

#main-contents h4 a:link,
#main-contents h4 a:visited{ color: #333; }

#main-contents h4 a:hover,
#main-contents h4 a:active{ color: #f60; }

#main-contents h4.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}


/*●H5タグ*/
#main-contents h5{
	margin: 0 0 1.5em;
	padding: 0 0.8em 0.5em;
	border-bottom: 2px solid #414141;
	font-weight: bold;
}

#main-contents h5.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

#main-contents h5 a:link,
#main-contents h5 a:visited{ color: #333; }

#main-contents h5 a:hover,
#main-contents h5 a:active{ color: #f60; }


/*●段落タグ*/
#main-contents p{ margin-bottom: 1em; }
#main-contents p.p1{ padding: 2em 0 1em 0; }
#main-contents p.p2{ padding: 2em 0 0em 0; }
/*●リストタグ*/
#main-contents ul,
#main-contents ol{
	margin: 0 0.8em 1.5em 1.7em;
	padding: 0;
}

#main-contents li{
	margin-bottom: 0.5em;
	line-height: 1.5em;
}


/*●引用タグ*/
#main-contents q{
	margin: 0 2px;
	padding: 0 8px;
	background: #efefef;
}

#main-contents blockquote{
	overflow: auto;
	margin: 0 1em 1.5em;
	padding: 1em;
	border: 3px solid #ddd;
	background: #efefef;
	color: #444;
}


/*--------------------------------------------------------
フッター
--------------------------------------------------------*/

#footer{
	clear: both;


	color: #fff;
	font-size: 1.2em;
}


#footer a:hover,
#footer a:active{ color: #f60; }


#footer-in li{ list-style: none; }


.footerarea h1{float:left;height:60px;font-size:14px;line-height:22px;color:#7b3;font-weight:normal;}
.footerarea h1 img{display:block;padding:25px 0 0 0;}
.footerarea p{float:right;padding:3px 0 0 0;font-size:0;line-height:0;}

/* footer */
.footerarea{
	margin: 20px auto 10px;
}
#footer{margin:0 auto;width:100%;}
#footer h3{font-size:14px;color:#666;text-align:center;font-weight:normal;margin-bottom: 0px;padding: 7px 0;border-top: 6px solid #ccc;}




/*--------------------------------------------------------
ページトップ
--------------------------------------------------------*/

.page-top{
	position: fixed;
	right: 0;
	bottom: 20px;
	z-index: 99;
	width: 182px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

* html .page-top{ display: none; }

.page-top a{
	display: block;
	padding: 10px;
	padding-left: 42px;
	border: 1px solid #fff;
	border-right: 0;
	text-decoration: none;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
}

.page-top a:link,
.page-top a:visited{
	background: #999;
	color: #fff;
}

.page-top a:hover,
.page-top a:active{
	background: #fc6;
	color: #f60;
}



/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/

#global-nav{
	background-color: #fff;
} /*メニュー下のラインの設定*/

#global-nav dl{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

#global-nav dt,
#global-nav dd{
	margin: 0;
	padding: 0;
}


/*●メニューボタンを非表示*/
#global-nav .btn-gnav{ display:none; }


/*●グローバルメニュー*/
#global-nav .menu-wrap{ display: block; background:url(../images/menubg_orange.png) 0 0px no-repeat;}

#menu{
	font-size: 1.5em;
}

#global-nav #menu li{
	position: relative;
	float: right;
	margin: 0;

	list-style: none;
	font-weight: bold;
}

#global-nav #menu li.first{ margin-right:5px; } /*一番左のメニューだけに追加指示*/

#global-nav #menu li{ white-space: nowrap; }

/*メニューのデザイン*/
#global-nav #menu li a{
	display: block;
	width:159px;
	padding: 4px 3px;
	color: #f0f5fa; /* メニューのフォントの色  */
	text-align:center;
	height:51px;
	text-decoration: none;
	text-indent: -9999px;
}
#global-nav #menu li a.menu4{ background:url(../images/menu4_off_orange.png) 0 9px no-repeat; }
#global-nav #menu li a.home{ background:url(../images/menu1_off_orange.png) 0 9px no-repeat; }
#global-nav #menu li a.senryaku{ background:url(../images/menu2_off_orange.png) 0 9px no-repeat; }
#global-nav #menu li a.chiken{ background:url(../images/menu3_off_orange.png) 0 9px no-repeat; }
#global-nav #menu li a.home:hover{ background:url(../images/menu1_over_2.png) 0 10px no-repeat; }
#global-nav #menu li a.senryaku:hover{ background:url(../images/menu2_over_2.png) 0 10px no-repeat; }
#global-nav #menu li a.chiken:hover{ background:url(../images/menu3_over_2.png) 0 10px no-repeat; }
#global-nav #menu li a.menu4:hover{ background:url(../images/menu4_over_2.png) 0 10px no-repeat; }
#global-nav #menu li.on a.home{ background:url(../images/menu1_on_2.png) 0 8px no-repeat; }
#global-nav #menu li.on a.senryaku{ background:url(../images/menu2_on_2.png) 0 8px no-repeat; }
#global-nav #menu li.on a.chiken{ background:url(../images/menu3_on_2.png) 0 8px no-repeat; }
#global-nav #menu li.on a.menu4{ background:url(../images/menu4_on_2.png) 0 8px no-repeat; }




#global-nav #menu li ul{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 12em;
}

/*ドロップダウンメニューのデザイン*/
#global-nav #menu li ul li{
	margin: 0;
	padding: 0;
	width: 12em;
	background-color: #eaeaea;
	border-top: 0;
	border-right: 0;
	white-space: normal;
}

#global-nav #menu li ul li a{
	display: block;
	padding: 0.8em 2em;
}

#global-nav #menu li ul ul{
	top: 0;
	left: 100%;
}

#global-nav .showMenu{ display: block!important; }


/*------------------------------------------------------------
floatの回り込みを解除
-------------------------------------------------------------*/

#top-in:after,.seminar p.pp:after,
#header-in:after,
#global-nav-in #menu:after,
#main-in:after,
#main-and-sub:after,
.contents:after,
#main-contents dl.dl-style01:after,
.box-wrap:after,
dl.search-box:after,
#footer-in:after,
#main-contents .sb:after,
.contact:after,
#main-contents .cont-menu01:after,
#main-contents .cont-menu02:after,.tocrom:after,
.clearfix:after{ content : ''; display : block; clear : both; height:0; }

#top-in,.seminar p.pp,
#header-in,
#global-nav-in #menu,
#main-in,
#main-and-sub,
.contents,
#main-contents dl.dl-style01,
.box-wrap,
dl.search-box,
#footer-in,
#main-contents .sb,
.contact,
#main-contents .cont-menu01,
#main-contents .cont-menu02,.tocrom,
.clearfix{ /zoom : 1; }


/*------------------------------------------------------------
　template tsuika
-------------------------------------------------------------*/
#lbgimg{
	padding-left: 354px;
	margin-left: -354px;
	background:url(../images/bg_1.png) top left no-repeat;
}