@charset "utf-8"; /*

コーポレート：#0078c8

背景色　　：#e0e9ef（極薄灰）
強調色　　：#000000（黒）
罫線色　　：#afafaf（灰）
通常枠色　：#4d4d4d（濃灰）
非強調枠色：#afafaf（灰）

*/


/* ▼HTML-Initial */
	* {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;

	line-height:1
.;
	word-break:break-all;
	line-height: 1.5;
	}
	body {
		background-color:#e0e9ef;
		background-image:url();
		background-repeat:repeat-x;
		color:#4d4d4d;
		margin:0;
		padding:0;
		line-height:1.5;
		font-size:12px;
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",verdana, arial, sans-serif;
	}


	div, h1, h2, h3, h4, h5, h6, p, blockquote, pre {
	display:block;
	margin: 0;
	padding: 0;
}
	h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
	ul, ol, li { display:block; list-style-image:none; list-style-position:outside; list-style-type:none;}
	em { font-style:normal; font-weight:normal;}
	
	a { text-decoration:underline; color:#0078c8;}
	a:hover { text-decoration:underline; color:#000000;}
	
	img  { border:0;}
	form { margin:0; padding:0; display:block; line-height:1; padding:0.0em;}
	input {vertical-align:middle;}
	strong { font-weight:bold; line-height:1;}
	
/* △HTML-Initial */

/* ▼COMMON-Class */
	/* Typewriter Font */
	.tw { font-family:"ＭＳ ゴシック", "Osaka－等幅", Osaka-mono, monospace;}
	/* Proportional Font */
	.pr { font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",verdana, arial, sans-serif;}
	/*Alternative Text*/
	.alter { display:none; !important}
	.none  { display:none; !important}

	/*表示の中央揃え*/
	.neutral { display:table-cell; text-align:center; vertical-align:middle;}
	/*例外処理 for IE6 */  
	* html .neutral { display:inline-block;}   
	/*例外処理 for IE7 */  
	*:first-child+html .neutral { display:inline; vertical-align:middle; zoom:1;}	
/* △COMMON-Class */

/* ▼COMMON-Layout */
	#wrap { background-color:#fff; width:950px; margin:0 auto;}

 	#belt { display:block; background-color:#0078c8; width:100%; height:5px;}

	#head { display:block; width:930px; height:140px; padding:10px; clear:both;}
	#main { display:block; width:920px; height:auto; padding:20px 15px 0 15px; clear:both;}
	#foot { display:block; width:950px; height:auto; clear:both;}
	
	#vision { display:block; width:930px; height:330px; padding:0 10px;}
	
	/*HEAD*/
	#head h1 { display:block; width:302px; height:35px; padding: 0 0 70px 0;}
	#head h1 a{ background:url(../images/ci.gif) no-repeat 0 0; display:block; width:302px; height:36px; overflow:hidden;}
	#head .hdlogo{width:300px; height:height:35px; padding: 0 0 0px 0; float:left;}
	#head .rightban{width:210px; height:height:50px; padding: 0 0 0px 0; float:right;}
	#hdmenu { display:block; width:930px; height:20px; padding:0 0 10px 0;}
	#hdmenu ol {display:block; clear:both;}
		#hdmenu ol li{display:block; width:145px; height:20px; float:left; padding:0 12px 0 0;}
		#hdmenu ol li.off{padding:0;}
		#hdmenu li a{ display:block; width:145px; height:20px; overflow:hidden;}	
			li .hd_mn_01{ background:url(../images/hdmenu_top.gif) no-repeat 0 0;}
			li .hd_mn_02{ background:url(../images/hdmenu_service.gif) no-repeat 0 0;}
			li .hd_mn_03{ background:url(../images/hdmenu_information.gif) no-repeat 0 0;}
			li .hd_mn_04{ background:url(../images/hdmenu_contact.gif) no-repeat 0 0;}			
			li .hd_mn_05{ background:url(../images/hdmenu_company.gif) no-repeat 0 0;}
			li .hd_mn_06{ background:url(../images/hdmenu_recruit.gif) no-repeat 0 0;}
		#hdmenu li a:hover{background-position:0 -20px;}

	/*FOOT*/
	#foot { margin:25px 0 0 0; padding:5px 0 0 0; border-top:1px #afafaf solid;}
	#copyright { font-family:Verdana, Geneva, sans-serif; font-size:84%; text-align:center; margin:10px 0 0 0; padding:5px 0 15px 0;}
	#ftmenu { display:block; width:930px; padding:0 10px;}
	#ftmenu ol {display:block; clear:both;}
		#ftmenu ol li{display:inline; font-size:84%; padding:0 10px 0 0; }

	/*MAIN*/
	#main {}
	#main #l{ display:block; width:300px; margin:0 0 20px 0; float:left; min-height:350px; height:auto !important; height:350px; position:relative;}
	#main #c{
	display:block;
	width:300px;
	float:left;
	min-height:350px;
	height:auto !important;
	height:350px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 10px;
}
	#main #r{ display:block; width:300px; margin:0 0 20px 10px;float:left; min-height:350px; height:auto !important; height:350px; }
	
	#main h2.title{ display:block; width:300px; padding:0 0 10px 0;}
	
		#newslist{ display:block; width:300px; clear:both; padding:0 0 10px 0;}
			#newslist .contents{ display:block; width:290px; padding:0 5px;}
			#newslist dl.list{display:block; clear:both;}
			#newslist dl.list:after { content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; overfloor:hidden;}
			#newslist dl.list dt{
	display:block;
	width:60px;
	font-size:95%;
	float:left;
}
			#newslist dl.list dd{
	display:block;
	width:230px;
	font-size:95%;
	line-height:1.4;
	padding:0 0 10px 0;
	float:left;
}
			#newslist .supplement{ display:block; width:290px; padding:5px 5px 0 5px; font-size:84%; text-align:right;}
		
		#bannerlist{ display:block; width:300px; clear:both;}
			#bannerlist ul {display:block; clear:both;}
			#bannerlist ul li{display:block; width:300px; padding:0 0 10px 0;}
			#bannerlist ul li.off{padding:0;}
		
		#medialist{ display:block; width:300px; clear:both;}
			#medialist .contents{ display:block; width:290px; padding:0 5px;}
			#medialist .headline{
	font-size:95%;
	line-height:1.4;
	padding:10px 0 10px 0;
}
			#medialist dl.list{}
			#medialist dl.list dt{
	display:block;
	width:30px;
	font-size:95%;
	float:left;
}
			#medialist dl.list dd{
	display:block;
	width:260px;
	font-size:95%;
	line-height:1.4;
	padding:0 0 5px 0;
	float:left;
}
			
		#workslist{ display:block; width:300px; clear:both;}
			#workslist ol {display:block; clear:both;}
			#workslist ol:after { content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; overfloor:hidden;}
			#workslist ol li{display:block; width:145px; height:50px; padding:0 10px 10px 0; float:left;}
			#workslist ol li.off{ padding:0 0 10px 0;}
			li .wk_01{
	display:block;
	width:145px;
	height:50px;
	background-image: url(../images/brand_nyonline.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
			li .wk_02{ background:url(../images/brand_ropepic.gif) no-repeat 0 0; display:block; width:145px; height:50px;}
			li .wk_03{
	display:block;
	width:145px;
	height:50px;
	background-image: url(../images/brand_junonline.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
			li .wk_04{ background:url(../images/brand_junred.gif) no-repeat 0 0; display:block; width:145px; height:50px;}
			li .wk_05{ background:url(../images/brand_junoutlet.gif) no-repeat 0 0; display:block; width:145px; height:50px;}
			li .wk_06{ background:url(../images/brand_vis.gif) no-repeat 0 0; display:block; width:145px; height:50px;}
			li .wk_07{ background:url(../images/brand_rope.gif) no-repeat 0 0; display:block; width:145px; height:50px;}
			li .wk_08{ background:url(../images/brand_jayro.gif) no-repeat 0 0; display:block; width:145px; height:50px;}
			li .wk_09{ background:url(../images/brand_jayrowhite.gif) no-repeat 0 0; display:block; width:145px; height:50px;}
			li .wk_10{
	display:block;
	width:145px;
	height:50px;
	background-image: url(../images/brand_parcocity.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}
			li .wk_11{ background:url(../images/brand_muji.gif) no-repeat 0 0; display:block; width:145px; height:50px;}
			li .wk_12{ background:url(../images/brand_parco.gif) no-repeat 0 0; display:block; width:145px; height:50px;}
			#workslist li a:hover{background-position:0 -50px;}
			#workslist .supplement{ display:block; font-size:84%; text-align:right;}
		
		/*イレギュラー対応100225すぎ*/
		#rbanner{ display:block; width:300px; clear:both; margin:0 0 15px 0;}
			#rbanner h3{ display:block; width:300px; height:119px;}
			#rbanner h3 a{ display:block; width:300px; height:119px; overflow:hidden; text-indent:-9999px; text-align:right; background:url(../images/banner_miraitouch.gif) no-repeat 0 0; text-align:left;}	
			#rbanner .supplement{ display:block; font-size:84%; text-align:right;}	
	
	/*イレギュラー対応*/
	strong.mail{ font-size:134%}	
	strong.tel{ color:#0078c8; font-size:150%}	

/* △COMMON-Layout */

/* ▼Sub-tier-Layout */
	#sub-tier { display:block; width:930px; height:auto; padding:0 10px; clear:both;}
	#sub-tier:after { content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; overfloor:hidden;}
	
		#sub-head { display:block; margin:0 0 20px 0; clear:both;}
		#sub-head:after { content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; overfloor:hidden;}
		
		#sub-head h2.title { display:block; width:145px; height:20px; border-bottom:1px #afafaf solid; float:left;}
		#sub-head .path    { display:block; width:773px; height:20px; border-bottom:1px #afafaf solid; margin: 0 0 0 12px; float:left;}
		#sub-head .path ol { display:block; clear:both;}
		#sub-head .path ol li{ display:inline; font-size:84%; padding:0 10px 0 0; float:left;}
		
		#sub-menu { display:block; width:145px; margin:0 0 0 0; float:left; min-height:200px; height:auto !important; height:200px;}
			#sub-menu ul{}
			#sub-menu ul li{ font-size:84%; line-height:0.8; padding:0 0 5px 5px;}
			#sub-menu ul li a{ color:#000000; text-decoration:none;}
			#sub-menu ul li a:hover{text-decoration:underline;}
			
		#sub-cont { display:block; width:773px; margin:0 0 0 12px; float:left;}
		
		#sub-cont h3.title{ display:block; color:#0078c8; font-size:150%; font-weight:bold;}
		#sub-cont h4.title{ display:block; color:#000000; font-size:117%; font-weight:bold; border-bottom:1px #afafaf solid;}
		#sub-cont .titlebar{ display:block; background-color:#0078c8; color:#ffffff; font-size:117%; font-weight:bold; padding:0 0 0 5px;}
		#sub-cont .contents{ padding:0 15px;}
		#sub-cont .text{
	color:#4d4d4d;
	line-height:1.5;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
		#sub-cont .text ol{display:block; clear:both;}
		#sub-cont .text ol li ol{ padding:0 0 15px 0;}
		#sub-cont .text ol li li{ padding:0 0 0 15px;}
		#seminar_contact dt{ display:inline;}
		#seminar_contact dd{ display:inline;}
		
		#sub-cont .newslist{
		}
		#sub-cont .newslist dl{
		}
		#sub-cont .newslist dl dt{
			display:block; font-size:84%;
		}
		#sub-cont .newslist dl dd{
	display:block;
	font-size:96%;
	line-height:1.4;
	padding:0 0 10px 0;
		}
		

/* △Sub-tire-Layout */

.mt05{ margin-top:5px;}
.mt10{
}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}

.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{
	margin-bottom:5px;
}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}

.ta-center{ text-align:center;}
.ta-left{ text-align:left;}
.ta-right{ text-align:right;}

.caution{ color:#e10000;}

.fs_s {font-size:84%;}
.fs_l {font-size:117%;}
.fs_ll{font-size:150%;}

/* ▼Flash-format */
	#overlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 20000;
		width: 100%;
		height: 330px;
	}
	
	#landing_inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 20001;
		text-align: center;
		line-height: 0;
	}
	
	#landing_src{
		position: relative;
		background-color: #fff;
		width: 930px;
		height: 330px;
		margin: 0 auto;		
	}
	#landing_src * {
		line-height	:1.5;
	}
	#landing_src #attention {
		color       :#4d4d4d;
		font-size   :84%;
		text-align  :center;
		margin      :0 10%;
		padding     :30px;
		border      :5px #4d4d4d solid;
		background  :#ffffff;
	}
		#landing_src #attention p,
		#landing_src #attention ul {
			text-align  :left;
		}
		#landing_src #attention p.appendix {
			text-align  :center;
		}

	#checkarray li input{ padding-right:5px;}
	#agreearray li input{ padding-right:5px;}
	#checking{ cursor:pointer;}

/* △Flash-format */

/* ▼exmple-format */
.exaBox{width:743px;margin:0;padding:0;}
.exaBoxl{float:left;width:480px;}
.exaBoxl:after{content: " "; clear: both; height: 0; display: block; visibility: hidden;}

.exaBoxl .urlBox{float:right; margin:5px 0 0 0;}
.exaBoxl .urlBox:after{content: " "; clear: both; height: 0; display: block; visibility: hidden;}
.exaBoxl .img{float:left;}
.exaBoxl .img:after{content: " "; clear: both; height: 0; display: block; visibility: hidden;}
.exaBoxl .type{float:right;}
.exaBoxl .type:after{content: " "; clear: both; height: 0; display: block; visibility: hidden;}

.exaBoxr{margin:0 0 0 5px; float:left;}
.exaBoxr:after{content: " "; clear: both; height: 0; display: block; visibility: hidden;}

.exaBoxr .img{border:1px solid #afafaf;margin:5px 0 0 0;}
.exaBoxr .img:after{content: " "; clear: both; height: 0; display: block; visibility: hidden;}

#cntSmpnavi{margin:5px 0 0 5px;}
.line{display:block;height:1px;margin:5px 0 5px 0;padding:0;width:743px;clear:both;}
/* △exmple-format */
#wrap #main #c .twitter {
	width: 300px;
	height: auto;
	padding-top: 400px;
}
#wrap .bn_space {
	height: 118px;
	width: auto;
	margin-top: 20px;
	margin-left: 10px;
}

#wrap #main #l #bannerlist_center {
	display:block;
	width:300px;
	clear:both;
	margin-left: 300px;
}
			#bannerlist ul {display:block; clear:both;}
			#bannerlist ul li{display:block; width:300px; padding:0 0 10px 0;}
			#bannerlist ul li.off{padding:0;}
			
/* ▼ipad-format 100720 */
.ipdBox{width:743px;margin:0;padding:0;}

.ipadTtlBox{width:743px;margin:0 0 10px 0;padding:0; text-align:left;}
.ipadTtlBox:after{content: " "; clear: both; height: 0; display: block; visibility: hidden;}
.ipadTtlBoxl{width:100px;margin:0 10px 0 0;padding:0; float:left;}
.ipadTtlBoxl:after{content: " "; clear: both; height: 0; display: block; visibility: hidden;}
.ipadTtlBoxl img{width:100px; height:100px;margin:0;padding:0;}
.ipadTtlBoxr{width:633px;margin:0;padding:0; float:left;}
.ipadTtlBoxr:after{content: " "; clear: both; height: 0; display: block; visibility: hidden;}
.ipadTtlBoxr h3{width:633px;margin:0;padding:0; font-size:18px;}
.ipadTtlBoxr ul{width:633px;margin:5px 0 0 0;padding:0; font-size:10px;}
.ipadfr{ color:#F00;}
.ipadTtlBoxDl{width:743px;margin:0 0 45px 0;padding:0; text-align:left;}
.ipadTtlBoxDl:after{content: " "; clear: both; height: 0; display: block; visibility: hidden;}
.ipadTtlBoxDl img{width:370px; height:50px;margin:0;padding:0;}

.ipadBoxComent{float:left;width:743px; margin:5px auto;}
.ipadBoxComent:after{content: " "; clear: both; height: 0; display: block; visibility: hidden;}

.ipadBoxSs{width:743px; margin:5px auto;}
.ipadBoxSs:after{content: " "; clear: both; height: 0; display: block; visibility: hidden;}

.ipadBoxSsl{width:350px; margin:0 43px 0 0; float:left;}
.ipadBoxSsl:after{content: " "; clear: both; height: 0; display: block; visibility: hidden;}
.ipadBoxSsl img{width:350px; height:279px;margin:0;padding:0;}

.ipadBoxSsr{width:350px; margin:0 0 0 0; float:left;}
.ipadBoxSsr:after{content: " "; clear: both; height: 0; display: block; visibility: hidden;}
.ipadBoxSsr img{width:350px; height:279px;margin:0;padding:0;}
/* ▲ipad-format 100720 */