@charset "UTF-8";
body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0px;
	padding: 0px;
	background:#000;
	text-align:left;
}

img {
	border: none;
}
a:link	{
	color:#FFF;
}
a:hover	{
	color:#FFFFCC;
}
a:active	{
	color:#FFFFCC;
}
a:visited	{
	color:#CCFFFF;
}



/*Javaナビ
------------------------------------------------------------------*/

ul.menu {list-style:none; margin-left:0px; padding:0;width:950px;font-size:70%;font-family:arial,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
ul.menu * {margin left:0px; padding:0}
ul.menu a {text-align: center; display:block; color:#fff; text-decoration:none}/*フォント指定*/
ul.menu li {position:relative; float:left;  margin-right:2px}
ul.menu ul {margin:0;padding:0;position:absolute; top:26px; left:0; background:#333; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:0px solid #aaa; border-top:none; width:225px; margin:0;list-style-type: none;}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#333}
ul.menu ul li a:hover {background-color:#87a3e2}
ul.menu ul ul {left:225px; top:-1px}
ul.menu .menulink {border:0px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(img/00.navi/header.gif); width:210px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(img/00.navi/header_over.gif)}/*1階層のロールオーバー */
ul.menu .sub {background:#CAFFFF url(img/00.navi/arrow.gif) 130px 8px no-repeat}　/*２階層のカラーとか矢印とか */
ul.menu .topline {border-top:0px solid #aaa} /*ボーダー（今ははずしている設定） */



/*clearfix（ここは変更しないように）
------------------------------------------------------------------*/
#menu:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#menu { display: inline-block; }

/* Hides from IE-mac \*/
*html #menu { height: 1%; }
#menu { display: block; }
/* End hide from IE-mac */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */



/*index
------------------------------------------------------------------*/
body#body-index {
	background:url(img/index_bg.jpg) no-repeat center top;
	background-color:#000;
	margin:0px;
	padding:0px;
	text-align:left;
}
body#body-index h1	{
	margin:0 0 320px 0;
	text-align:center;
}

#index-photo	{
	clear:both;
	margin:0 0 30px 0;
	padding:5px 0;
	width:100%;
	background:#7492d4;
	text-align:center;
}
#index-photo-wrap	{
	margin:0 auto;
	width:905px;
}
#index-photo-wrap p	{
	margin:0 5px 0 0;
	float:left;
}
	


/* レイアウト
------------------------------------------------------------------*/
#head	{
	margin:0 auto;
	width:900px;
}

#head-wrap	{
	margin:0;
	width:900px;
}
#head-catch	{
	float:left;
	margin:10px 0;
	padding-top:5px;
	color:#666;
	font-size:70%;
}
#head-btn	{
	float:right;
	margin:10px 0;
	width:250px;
}


#wrapper	{
	margin:0 auto;
	width:900px;
}
#menu	{
	margin:20px 0 34px 0;
}
#title	{
	clear:both;
	margin:0;
	width:100%;
	background:#171d2a;
	height:120px;
	text-align:center;
}
#title h1	{
	margin:0;
}
#copy	{
	clear:both;
	margin:0;
	padding:30px;
	text-align:center;
}
#footer-link	{
	margin:20px auto;
	padding-bottom:30px;
	font-size:70%;
	text-align:center;
}
#footer-link a	{
	color:#666;
}

p.honbun01	{
	margin:0 0 15px 0;
	font-size:80%;
	line-height:150%;
	color:#FFF;
}
p.honbun02	{
	margin:15px;
	font-size:80%;
	line-height:150%;
	color:#FFF;
}

p.caption01	{
	margin:0 0 15px 0;
	font-size:70%;
	line-height:150%;
	color:#FFF;
}
p.caption02	{
	margin:15px;
	font-size:70%;
	line-height:150%;
	color:#FFF;
}

.clear	{
	clear:both;
}

.info01 {
	width:472px;
	display:block;
	color:#7492d4;
	text-align:left;
}
.table01	{
	margin:20px auto;
	font-size:80%;
	line-height:150%;
	border-top:1px dotted #666;
	border-collapse:collapse;
}
.table01 th	{
	padding:5px 10px;
	color:#7492d4;
	vertical-align:top;
	border-bottom:1px dotted #666;
}
.table01 td	{
	padding:5px 10px;
	color:#fff;
	vertical-align:top;
	border-bottom:1px dotted #666;
}

.table02	{
	margin:20px 100px;
	font-size:70%;
	line-height:150%;
	border-top:1px dotted #666;
	width:700px;
	border-collapse:collapse;
}
.table02 th	{
	padding:3px 10px;
	color:#7492d4;
	vertical-align:top;
	border-bottom:1px dotted #666;
	white-space:nowrap;
}
.table02 td	{
	padding:3px 10px;
	color:#fff;
	vertical-align:top;
	border-bottom:1px dotted #666;
}
.align-left	{
	text-align:left;
}
.align-right	{
	text-align:right;
}
.align-center	{
	text-align:center;
}

.img-left	{
	float:left;
	margin:0 15px 15px 0;
}
.img-right	{
	float:right;
	margin:0 0 15px 15px;
}

.wide700	{
	margin:20px 100px;
	width:700px;
}
.wide900	{
	margin:0;
	width:900px;
}

.wide700-gray	{
	margin:20px 100px;
	width:700px;
	background:#222;
}

h2.h2-nomal	{
	margin:0 0 15px 0;
}
h3.h3-nomal	{
	margin:0 0 15px 0;
}
h4.h4-nomal	{
	margin:0 0 15px 0;
}
h3.h3-white	{
	margin:15px;
	padding:2px 0;
	color:#FFF;
	border-bottom:1px dotted #666;
}

ul.ul-nomal	{
	margin:0 0 15px 17px;
	padding:0;
	font-size:80%;
	line-height:150%;
	color:#FFF;
}
ul.ul-nomal li	{
	margin:0 0 5px 0;
	padding:0;
	line-height:150%;
}

/* About us
------------------------------------------------------------------*/

#corp-left	{
	float:left;
	margin:0;
	width:400px;
}
#corp-left p	{
	margin:0;
}
#corp-left p#corp-btn	{
	margin:0 0 0 30px;
}
#corp-right	{
	float:right;
	margin:0;
	width:500px;
}
#corp-right p,#corp-right h2	{
	margin:0 0 15px 0;
}

#policy-left	{
	float:left;
	margin:0;
	width:270px;
}
#policy-right	{
	float:right;
	margin:0;
	padding-top:30px;
	width:630px;
}

#recruit-left	{
	float:left;
	margin:0;
	width:200px;
}
#recruit-left p	{
	margin:0;
}
#recruit-right	{
	float:right;
	margin:0;
	width:700px;
}
#recruit-right p.recruit-p	{
	margin:15px 0 15px 30px;
	font-size:80%;
	line-height:150%;
	color:#FFF;
}

#support-hana01	{
	float:left;
	margin:20px 0;
	width:330px;
}
#support-hana01 p	{
	margin:0 0 10px 0;
}
#support-hana02	{
	float:right;
	margin:20px 0;
	width:570px;
}
#support-hana02 h3	{
	margin:0 0 10px 0;
}
.support-wrap	{
	margin:0 auto;
	margin-bottom:30px;
	width:860px;
}
.support-block01	{
	float:left;
	margin:0 0 10px 0;
	background-color:#1a1a1a;
	width:410px;
}
.support-block02	{
	float:right;
	margin:0 0 10px 0;
	background-color:#1a1a1a;
	width:410px;
}
.support-wrap h4	{
	margin:10px;
}

.support-line01	{
	float:left;
	margin:0 0 30px 0;
	border:1px solid #333;
	width:410px;
}
.support-line02	{
	float:right;
	margin:0 0 30px 0;
	border:1px solid #333;
	width:410px;
}
.support-wrap	dl	{
	margin:10px 12px;
}
.support-wrap	dt	{
	margin:0 0 5px 0;
	color:#7492d4;
	font-weight:bold;
	font-size:80%;
}
.support-wrap	dd	{
	margin:0 0 10px 0;
	padding-bottom:3px;
	border-bottom:1px dotted #333;
	color:#fff;
	font-size:70%;
}

.support-comment	{
	margin:0 0 20px 20px;
	padding:10px;
	width:860px;
	background-color:#1a1a1a;
}
.support-comment h4	{
	margin:10px;
}

.support-campus01	{
	float:left;
	margin:0 0 10px 0;
	width:410px;
	background:url(aboutus/support/img/index_campus_bg.gif) bottom;
}
.support-campus02	{
	float:right;
	margin:0 0 10px 0;
	width:410px;
	background:url(aboutus/support/img/index_campus_bg.gif) bottom;
}
.support-campus01 h4,.support-campus02 h4	{
	margin:0;
}
.support-campus01 p,.support-campus02 p	{
	margin:0 20px 15px 20px;
	font-size:80%;
	line-height:150%;
	color:#333;
}
.support-campus02 p.support-koshi	{
	font-size:70%;
}




/* Service
------------------------------------------------------------------*/

#school-left	{
	float:left;
	margin:20px 0 40px 0;
	width:300px;
}
#school-right	{
	float:right;
	margin:20px 0 40px 0;
	width:575px;
}
.school-block	{
	clear:both;
	margin:20px auto;
	width:700px;
	border-top:1px dotted #CCC;
}
.school-img	{
	float:left;
	width:180px;
	margin:20px 0;
}
.school-txt	{
	float:right;
	width:520px;
	margin:20px 0;
}
.school-txt p	{
	margin-bottom:5px;
}
.school-katsura	{
	margin:5px 0 5px 15px;
	float:right;
}

.total-rei	{
	margin:30px auto;
	padding:25px 0 0 0;
	width:700px;
	background:#1a1a1a;
}
.total-rei h3	{
	margin:0 0 28px 55px;
}
.total-rei .total-btn	{
	margin:0 0 0 55px;
}
.total-rei p	{
	float:left;
	margin:0 40px 17px 0;
}

#mdets-left	{
	float:left;
	margin:30px 0;
	width:220px;
}
#mdets-left	p{
	margin:0 0 15px 0;
}
#mdets-right	{
	float:right;
	margin:30px 0 10px 0;
	width:600px;
}

ul.mdets-ul	{
	margin:10px;
	padding:0;
}
ul.mdets-ul li	{
	margin:0 10px 5px 10px;
	padding:0;
	font-size:80%;
	color:#FFF;
	line-height:150%;
}

#disp-right	{
	float:right;
	margin:30px 0;
	width:280px;
}

/* 追加120818 */
#disp-right img{
	margin-bottom:20px;
}

#disp-left	{
	float:left;
	margin:30px 0 10px 0;
	padding-left:20px;
	width:570px;
}

#disp-smenu	{
	clear:both;
	margin:0 0 30px 0;
	padding:50px 0 0 0;
}
#disp-smenu p	{
	float:left;
	margin:0;
}

.disp-block	{
	clear:both;
	margin:20px auto;
	width:700px;
	border-top:1px dotted #CCC;
}
.disp-img	{
	float:left;
	width:300px;
	margin:20px 0;
}
.disp-txt	{
	float:right;
	width:400px;
	margin:20px 0;
}
.disp-txt p	{
	margin-bottom:5px;
}

#wed-left	{
	margin:20px 0;
	float:left;
	width:350px;
}
#wed-right	{
	margin:20px 0;
	float:right;
	width:550px;
}
	
#wed-smenu	{
	clear:both;
	margin:0 auto;
	margin-bottom:30px;
	padding:50px 0 0 0;
	width:601px;
}
#wed-smenu p	{
	float:left;
	margin:0;
}

.category-flow	{
	clear:both;
	margin:0 0 5px 0;
	padding-bottom:20px;
	background:#1a1a1a url(service/wed/category/img/index_flow_bottom.gif) bottom no-repeat;
	width:700px;
}
.category-flow-bottom	{
	clear:both;
	margin:0 0 5px 0;
	padding-bottom:5px;
	background:#1a1a1a;
	width:700px;
}
.category-t	{
	float:left;
	margin:10px 0;
	width:300px;
	text-align:center;
}
.category-txt	{
	float:right;
	margin:10px 0;
	padding-right:30px;
	width:370px;
	font-size:80%;
	color:#FFF;
	line-height:150%;
}

.plan-wrap	{
	clear:both;
	margin:20px auto;
	padding-bottom:20px;
	width:700px;
	border-bottom:1px dotted #fff;
}
.plan-wrap01-l	{
	float:left;
	margin:0;
	width:280px;
}

.plan-wrap01-r	{
	float:right;
	margin:0;
	width:420px;
}

.plan-wrap02-l	{
	float:left;
	margin:0;
	width:420px;
}
.plan-wrap02-r	{
	float:right;
	margin:0;
	width:280px;
}

.plan-wrap03-l	{
	float:left;
	margin:0;
	width:360px;
}
.plan-wrap03-r	{
	float:right;
	margin:0;
	width:340px;
}

.plan-wrap04-l	{
	float:left;
	margin:0;
	width:340px;
}
.plan-wrap04-r	{
	float:right;
	margin:0;
	width:360px;
}

.plan-wrap05-l	{
	float:left;
	margin:0;
	width:280px;
}
.plan-wrap05-r	{
	float:right;
	margin:0;
	width:420px;
}

.bouque-p01	{
	float:left;
	margin:15px 20px 15px 0;
	width:251px;
}
.bouque-p02	{
	float:left;
	margin:15px 0;
	width:200px;
}

.shop-left	{
	float:left;
	margin:20px 0 40px 0;
	width:280px;
}
.shop-right	{
	float:right;
	margin:20px 0 40px 0;
	width:595px;
}
.shop-lola01	{
	float:left;
	margin:0;
	width:325px;
}
.shop-lola02	{
	float:right;
	margin:0;
	width:250px;
}
.shop-tencho	{
	clear:both;
	margin:0;
	padding:15px 15px 5px 15px;
	background-color:#1a1a1a;
}

.concept-left	{
	float:left;
	margin:20px 0;
	width:600px;
}
.concept-right	{
	float:right;
	margin:20px 0;
	width:260px;
	text-align:right;
}



/* Contact
------------------------------------------------------------------*/

ul.contact-ul	{
	margin:15px 20px;
	padding:0;
	color:#FFF;
	list-style:none;
}

ul.contact-ul li	{
	margin:0 0 15px 0;
	padding:0 0 5px 20px;
	font-size:80%;
	color:#FFF;
	background:url(contact/img/contact_ul.gif) no-repeat;
	border-bottom:1px dotted #666;
}





























/*ＨＰ枠の設定
------------------------------------------------------------------*/
#container {
	background-color: #FFFFFF;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	border-right: 2px solid #00CCC1;
	border-bottom: 2px solid #00CCC1;
	border-left: 2px solid #00CCC1;
	text-align: left;
}



/*メイン写真（下にある黒いラインとフロート解除）
------------------------------------------------------------------*/
#mainimg {
	clear: both;
	border-bottom: 5px solid #00CCC1;
}

/*メインコンテンツ（文章がある部分）
------------------------------------------------------------------*/
#main {
	float: left;
	background: url(img/02.top/haikei.jpg) repeat-x ;
	width: 750px;
	display: inline;
	margin-left: 0px;
	margin-bottom: 30px;
}
#main h2 {
	font-size: 100%;
	background-color: #a4e6f4;
	border-left: 8px solid #00a0e9;
	margin-top: 20px;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 5px;
}
#main p {
	margin: 3px 10px 8px 10px;
}
#new li {
	border-bottom: 1px dotted #CCCCCC;
	margin-top: 5px;
	text-indent: -1em;
	padding-left: 1em;
}



/*文字サイズ変更ボタン（ここは変更しないように）
------------------------------------------------------------------*/
#fsize {
	height: 44px;
	width: 173px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}
#fsize li {
	float: right;
}
#fsize a{
	overflow:hidden; /*firefox�p*/
	display: block;
	text-indent: -9999px;
}
#sm a {
	background-image: url(images/fsize_btn_01.gif);
	height: 44px;
	width: 58px;
}
#sm a:hover {
	background-image: url(images/fsizen_btn_01.gif);
}
#me a {
	background-image: url(images/fsizen_btn_02.gif);
	height: 44px;
	width: 55px;
}
#me a:hover {
	background-image: url(images/fsizen_btn_02.gif);
}
#la a {
	background-image: url(images/fsize_btn_03.gif);
	height: 44px;
	width: 60px;
}
#la a:hover {
	background-image: url(images/fsizen_btn_03.gif);
}

/*フッター（コピーライト部分）
------------------------------------------------------------------*/
#footer {
	color: #FFFFFF;
	background-color: #00CCC1;
	text-align: center;
	clear: both;
	font-size: 10px;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#footer a {
	color: #a4e6f4;
	text-decoration: none;
	font-size: 80%;
}


/*追加20170418
------------------------------------------------------------------*/
.area_eguchi{
	width:100%;
	margin:0 0 30px;
	padding-top:15px;
}

.area_eguchi img{
	float:left;
	width:475px;
}

.area_eguchi div.area_txt{
	float:right;
	width:410px;
	line-height:150%;

}

.area_eguchi div.area_txt p{
	margin:0 0 20px;
	color:#fff;
	font-size:13px;
}

h4.ttl_company{
	color:#7492D4;
	font-size:16px;
	font-weight:bold;
	margin:0 0 15px;

}

h5.ttl_name{
	color:#fff;
	margin:0 0 15px;
	font-size:14px;
	}

.txt_s{
	font-size:13px;}

.txt_l{
	font-size:17px;}