@charset "UTF-8";

/* --- import --- */
@import url("service.css"); /* Contents of Solutions pages */
@import url("contents.css"); /* Contents of other pages */
/* --- import --- */


	/* ---------- MENU ---------- */
	/*
		1. Default CSS
		2. GENERAL-PURPOSE CLASSES
		3. PAGE COMMONS
		4. FOR PORTAL PAGE
		5. FOR #SOLUTIONS & #RELATED PAGES
	                              */
	/* ---------- MENU ---------- */


/* --- Default CSS --- */

	body, table{
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 12px;
		color: #131313;
		line-height: 1.4;
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" , Arial;
	}

	* html body { text-align: center; } /* IE6 */
	*:first-child+html body { text-align: center; } /* IE7 */
	head~/* */body body { text-align: center; } /* IE8 */
		
	img{
		border: 0;
	}
	
	h1, h2, h3, h4{
		margin: 0;
		padding: 0;
	}
		
	a:link, a:active, a:visited{
		color: #0e94e1;
		text-decoration: none;
	}
	
	a:link{
		color: #0e94e1;
		text-decoration: underline;
	}
	

	
/* --- GENERAL-PURPOSE CLASSES --- */

	.mt0{
		margin-top: 0;
	}
	
	.mt10{
		margin: 10px 0 0;
	}
	
	.mt20{
		margin: 20px 0 0;
	}
	
	.mtb10{
		margin: 10px 0;
	}

	.mtb20{
		margin: 20px 0;
	}
	
	.pt10{
		padding-top: 10px;
	}
	
	.left{
		float: left;
	}
	
	.right{
		float: right;
	}
	
	.exbold01{
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.text_r{
		text-align: right;
	}
	
	.text_center{
		text-align: center;
	}
	
	.clear{
		clear: both;
	}

	.normal{
		padding: 10px 10px 8px;
		font-size: 16px;
		background: url(/images/bg_headline.png) 0 0 no-repeat;
		_width: 680px;
	}

	.red{
		color: #cc0000;
	}
	
/* --- PAGE COMMONS --- */
	
	#whole{
		width: 1026px;
		margin: 0 auto;
	}
	
	* html #whole { text-align: left; } /* IE6 */
	*:first-child+html #whole { text-align: left; } /* IE7 */
	head~/* */body #whole { text-align: left; } /* IE8 */
	
	#head{
		width: 1026px;
		margin-top: 10px;
		height: 79px;
	}

	* html #head { height: 81px;} /* IE6 */
	*:first-child+html #head { height: 81px; } /* IE7 */
	head~/* */body #head { height: 81px; } /* IE8 */
	
	#head h1{
		background: url(/images/primestyle_logo.jpg) 0 0 no-repeat;
		width: 265px;
		height: 70px;
		z-index: 1;
		display: block;
	}
	
	#head h1 span{
		width: 265px;
		height: 70px;
		position: relative;
		z-index: -1;
		display: block;
		overflow: hidden;
	}

		/* --- GLOBAL NAVIGATION --- */
	ul#gn{
		margin: -1px 0 0;
		padding: 0;
		clear: both;
		overflow: hidden;
	}
	
	ul#gn li{
		float: left;
		list-style: none;
	}
	
	ul#gn li a span{
		_text-indent: -9999px;
	}
	
	ul#gn li#gn_home a{
		background-image: url(/images/primestyle_nav.png);
		background-position: 0 0;
		display: block;
		width: 206px;
		height: 57px;
		z-index: 1;
	}
	
	ul#gn li#gn_home a span{
		width: 206px;
		height: 57px;
		display: block;
		z-index: -1;
		position: relative;
		overflow: hidden;
	}

	ul#gn li#gn_home a:hover{
		background-position: 0 -60px;
	}
	
	#corp #whole ul#gn li#gn_home a{
		background-position: 0 -120px;
	}

	ul#gn li#gn_solution a{
		background-image: url(/images/primestyle_nav.png);
		background-position: -206px 0;
		display: block;
		width: 205px;
		height: 57px;
		z-index: 1;
	}
	
	ul#gn li#gn_solution a span{
		width: 205px;
		height: 57px;
		display: block;
		z-index: -1;
		position: relative;
		overflow: hidden;
	}

	ul#gn li#gn_solution a:hover{
		background-position: -206px -60px;
	}
	
	#solution #whole ul#gn li#gn_solution a{
		background-position: -206px -120px;
	}

	ul#gn li#gn_company a{
		background-image: url(/images/primestyle_nav.png);
		background-position: -411px 0;
		display: block;
		width: 205px;
		height: 57px;
		z-index: 1;
	}
	
	ul#gn li#gn_company a span{
		width: 205px;
		height: 57px;
		display: block;
		z-index: -1;
		position: relative;
		overflow: hidden;
	}

	ul#gn li#gn_company a:hover{
		background-position: -411px -60px;
	}
	
	#company #whole ul#gn li#gn_company a{
		background-position: -411px -120px;
	}

	ul#gn li#gn_recruit a{
		background-image: url(/images/primestyle_nav.png);
		background-position: -616px 0;
		display: block;
		width: 205px;
		height: 57px;
		z-index: 1;
	}
	
	ul#gn li#gn_recruit a span{
		width: 205px;
		height: 57px;
		display: block;
		z-index: -1;
		position: relative;
		overflow: hidden;
	}

	ul#gn li#gn_recruit a:hover{
		background-position: -616px -60px;
	}
	
	#recruit #whole ul#gn li#gn_recruit a{
		background-position: -616px -120px;
	}

	ul#gn li#gn_contact a{
		background-image: url(/images/primestyle_nav.png);
		background-position: -821px 0;
		display: block;
		width: 205px;
		height: 57px;
		z-index: 1;
	}
	
	ul#gn li#gn_contact a span{
		width: 205px;
		height: 57px;
		display: block;
		z-index: -1;
		position: relative;
		overflow: hidden;
	}

	ul#gn li#gn_contact a:hover{
		background-position: -821px -60px;
	}
	
	#contact #whole ul#gn li#gn_contact a{
		background-position: -821px -120px;
	}		
		/* --- GLOBAL NABIGATION | END --- */
	
	#content_wrapper{
		width: 1024px;
		margin: 1px;
		overflow: hidden;
	}
	.mv_menu {
		padding:20px 0 0;
	}
	.key_vidual{
		margin: 0;
		padding: 0;
	}
	
		/* --- FOOTER --- */
	#footer{
		width: 100%;
		background: #000000 url(/images/footer_bg.png) top left repeat-x;
		color: #a9a9a9;
		clear: both;
		overflow: hidden;
		margin-top: 30px;
	}
	
	#footer_contents{
		width: 1024px;
		margin: 0 auto;
		text-align: left;
	}
	
	#footer_table{
		width: 1024px;
		margin: 16px 0;
	}

	#footer_table th{
		text-align: left;
		padding: 3px;
		border-bottom: 1px dotted #cccccc;
	}
	
	#footer_table td{
		padding: 5px 3px 1px;
	}
	
	#footer_table th a:link, #footer_table th a:active, #footer_table th a:visited{
		color:#fd8f06;
		text-decoration: none;
		font-weight: normal;
	}

	#footer_table th a:hover{
		color:#fd8f06;
		text-decoration: underline;
	}
	
	#footer_table td a:link, #footer_table td a:active, #footer_table td a:visited{
		color:#a9a9a9;
		text-decoration: none;
		font-weight: normal;
	}

	#footer_table td a:hover{
		color:#a9a9a9;
		text-decoration: underline;
	}
	
	#footer_table td img{
		margin: 0 4px -2px 0;
	}
	
	.lined{
		border-bottom: 1px dotted #cccccc;
	}
	
	.vlined{
		border-left: 1px dotted #cccccc;
	}
	
	#footer .exbold01{
		color: #ffffff;
	}
	
	#copyright{
		text-align: center;
		margin: 0;
		padding: 10px 0;
		clear: both;
	}
		/* --- FOOTER | END --- */
	
/* --- PORTAL PAGE --- */
	
	#corp{
		background: #ffffff url(/images/bg_top.jpg) top center repeat-x;
	}
	

	#corp #left_content{
		background: url(../images/bg_top-left01.png) 0 0 no-repeat;
		width: 574px;
		float: left;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

	#corp #left_content02{
		background: url(../images/bg_top-left02.jpg) left bottom no-repeat;
		padding: 7px;
		overflow: hidden;
	}
	
	#news ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#news ul li{
		margin: 0;
		padding: 0;
		border-bottom: 1px dotted #c0c0c0;
	}
	
	#news ul li a{
		margin: 0;
		width: 534px;
		_width: 558px;
		display: block;
		background: url(/images/arrow_btn.jpg) 2px 8px no-repeat;
		padding: 6px 6px 6px 20px;
		_border-bottom: 1px dotted #c0c0c0;

	}

	#news ul li a:hover{
		background-color: #fff3df;
	}
	
	#blog_button{
		height: 40px;
		margin: -30px 0 0;
		padding: 0 0 0 240px;
	}
	
	#top_banner{
		margin: 0;
		padding: 20px 0 0;
		width: 560px;
		overflow: hidden;
	}

	#top_banner div{
		margin: 0 4px 0;
		padding: 4px 0 0;
		clear: both;
	}

	#twtr_parts{
		margin: 0;
	}

	* html #twtr_parts { margin: -13px 0 0; } /* for IE6 */
	*:first-child+html #twtr_parts { margin: -13px 0 0; } /* for IE7 */
	head~/* */body #twtr_parts { margin: -14px 0 0; } /* for IE8 */
	html:not(:target) #twtr_parts { margin: -10px 0 0; }	
	
	.twtr-doc{
		padding: 2px 1px 1px;
		margin-top: 10px;
	}
	
	.twtr-hd{ /* wedget のアイコン＆ユーザー名部分 */
		display: none;
	}

	.twtr-hd h4, .twtr-hd h3 .twtr-hd a{
		display: none;
	}
	
	#corp #right_content{
		width: 434px;
		float: right;
		background: url(/images/bg_top-right01.png) 0 0 no-repeat;
	}
	
	#corp #right_content02{
		background: url(/images/bg_top-right02.jpg) left bottom no-repeat;
		padding: 7px;
	}

	#corp .service_lineup{
		background: url(/images/service_inner_mid.jpg) 0 0 repeat-y;
		margin: 10px 0 0;
		width: 420px;
		overflow: hidden;
	}

	* html #corp .service_lineup { margin: 10px 0 -6px; } /* for IE6 */
	*:first-child+html #corp .service_lineup { margin: 10px 0 -7px; } /* for IE7 */
	head~/* */body #corp .service_lineup { margin: 10px 0 -6px; } /* for IE8 */
	html:not(:target) #corp .service_lineup { margin: 10px 0 0; }
	
	
	#corp .service_table{
		margin: 10px 0 0 4px;
		width: 410px;
	}
	
	#corp .service_table th{
		text-align: left;
		padding: 0;
	}

	#corp .service_table td{
		padding: 0 0 0 12px;
		vertical-align: top;
	}
	
	#corp .service_table td em{
		font-style: normal;
		font-weight: bold;
		color: #4d4d4d;
		font-size: 0.9em;
	}

	* html #corp .service_table td em { font-size: 0.8em; } /* for IE6 */
	*:first-child+html #corp .service_table td em { font-size: 0.8em; } /* for IE7 */
	head~/* */body #corp .service_table td em { font-size: 0.8em; } /* for IE8 */
	html:not(:target) #corp .service_table td em { font-size: 0.9em; }
		

/* --- #SOLUTIONS & RELATED PAGES --- */

	#solution, #company, #related, #contact{
		background: #ffffff url(/images/bg_global.jpg) top center repeat-x;
	}

	#company #left_content, #solution #left_content, #related #left_content, #contact #left_content{
		width: 694px;
		float: left;
		background: url(/images/bg_related-left01.png) 0 0 no-repeat;
	}

	#company #left_content02, #solution #left_content02, #related #left_content02, #contact #left_content02{
		background: url(/images/bg_related-left02.jpg) left bottom no-repeat;
		padding: 7px;
	}
	
	#company #right_content, #solution #right_content, #related #right_content, #contact #right_content{
		width: 314px;
		float: right;
		background: url(/images/bg_related-right01.png) 0 0 no-repeat;
	}
	
	#company #right_content02, #solution #right_content02, #related #right_content02, #contact #right_content02{
		background: url(/images/bg_related-right02.jpg) left bottom no-repeat;
		padding: 7px;
	}
	
		/* --- BREAD CRUMB --- */
	
	#breadcrumb{
		background: url(/images/bg_breadcrumb.png) 0 0 no-repeat;
		margin: 0;
		padding: 8px 0 7px;
		width: 1024px;
		overflow: hidden;
	}
	
	#breadcrumb ul{
		margin: 0;
		_margin: 0 0 0 -14px;
		padding: 0;
		list-style: none;
	}

	#breadcrumb ul li{
		margin: 0 0 0 14px;
		float: left;
		vertical-align: bottom;
	}	

	#breadcrumb ul li img{
		margin: 0 26px 0 0;
	}

	#breadcrumb ul li a{
		color: #131313;
		text-decoration: none;
	}

	#breadcrumb ul li a:hover{
		text-decoration: underline;
	}
	
		/* --- BREAD CRUMB | END --- */
	
		/* --- SIDE NAVIGATION | START --- */
	
	#side_navi{
		margin: 0;
		padding: 0;
	}

	#side_area_btm{
		margin: 0;
	}
	
	* html #side_area_btm { margin-bottom: -3px; } /* IE6 */
	*:first-child+html #side_area_btm { margin-bottom: -3px; } /* IE7 */
	head~/* */body #side_area_btm { margin-bottom: -3px; } /* IE8 */
	
	#sol_sidenavi_area{
		background: url(/images/side_area_mid.jpg) 0 0 repeat-y;
		width: 300px;
		margin: 0;
		padding: 0;
	}
	
	#sol_sidenavi_area ul{
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	#sol_sidenavi_area ul li{
		margin: 0;
		padding: 0;
		background: url(/images/side_list-off.png) 0 0 no-repeat;
		list-style: none;
	}
	
	#sol_sidenavi_area ul li a{
		width: 300px;
		height: 26px;
		display: block;
		padding: 6px 0 0 40px;
		margin: 0;
		color: #131313;
		text-decoration: none;
	}
	
	#sol_sidenavi_area ul#side_marketing li a:hover{
		color: #eb1c6a;
		text-decoration: none;
		background: url(/images/side_marketing-on.png) 0 0 no-repeat;
	}
	
	#sol_sidenavi_area ul#side_websol li a:hover{
		color: #7acf00;
		text-decoration: none;
		background: url(/images/side_websol-on.png) 0 0 no-repeat;
	}
	
	#sol_sidenavi_area ul#side_mobsol li a:hover{
		color: #188bc5;
		text-decoration: none;
		background: url(/images/side_mobsol-on.png) 0 0 no-repeat;
	}
	
	#side_bnr_area img{
		margin: 10px 0 0;
	}

		/* --- SIDE NAVIGATION | END --- */