@charset "UTF-8";

body{
	font-family:sans-serif;
	background : #000 url("../images/background.png") repeat-y;
  background-size:100% 1px;
  color:#fff;
	/*
  background-image : url("../images/background.png"),
   -webkit-gradient(linear, left top, left bottom, 
		from(rgba(255,255,255,0)), 
		color-stop(90%,rgba(255,255,255,0)), 
		color-stop(91%,#c7daf2), 
		to(#c7daf2)),
	 -webkit-gradient(linear, left top, right top, 
		from(rgba(255,255,255,0)), 
		color-stop(90%,rgba(255,255,255,0)), 
		color-stop(91%,#c7daf2), 
		to(#c7daf2));
	-webkit-background-size:100% 78px,11px 11px,11px 11px;
	background-size:100% 78px,11px 11px,11px 11px;
	background-repeat:no-repeat,repeat,repeat
  */
}

/*
.theme F
-----------*/

.ui-btn-up-f {
	text-decoration: none;
	border: 1px solid 		#327abf;
	background: 			#709f9f;
	color: 					#ffffff;
	text-shadow: 0 -1px 1px #669999;
  /*
	background-image: -webkit-gradient(linear, left top, left bottom, 
		from(#5d96cd),color-stop(49%,#5d96cd), color-stop(50%,#327abf),  to(#73a4d1));
	background-image: -webkit-linear-gradient(#5d96cd,#5d96cd 49%,#317abe 50%, #73a4d1);
	background-image:    -moz-linear-gradient(#5d96cd,#5d96cd 49%,#317abe 50%, #73a4d1);
	background-image:     -ms-linear-gradient(#5d96cd,#5d96cd 49%,#317abe 50%, #73a4d1);
	background-image:      -o-linear-gradient(#5d96cd,#5d96cd 49%,#317abe 50%, #73a4d1);
	background-image:         linear-gradient(#5d96cd,#5d96cd 49%,#317abe 50%, #73a4d1);
  */

}
.ui-btn-hover-f ,
.ui-btn-down-f , 
.ui-body-f .ui-btn-active {
	text-decoration: none;
	font-weight:normal;
	border: 1px solid 		#327abf;
	/*ackground: 			#709f9f;*/
  background:rgb(58,184,52);
	color: 					#ffffff;
	text-shadow: 0 -1px 1px #669999;
  /*
	background-image: -webkit-gradient(linear, left top, left bottom, 
		from(#73a4d1), color-stop(49%,#317abe),color-stop(50%,#5d96cd),top(#5d96cd)  );
	background-image: -webkit-linear-gradient(#73a4d1 , #317abe 49% , #5d96cd 50% , #5d96cd);
	background-image:    -moz-linear-gradient(#73a4d1 , #317abe 49% , #5d96cd 50% , #5d96cd);
	background-image:     -ms-linear-gradient(#73a4d1 , #317abe 49% , #5d96cd 50% , #5d96cd);
	background-image:      -o-linear-gradient(#73a4d1 , #317abe 49% , #5d96cd 50% , #5d96cd);
	background-image:         linear-gradient(#73a4d1 , #317abe 49% , #5d96cd 50% , #5d96cd);
  */
}



/*
.ui-header
-----------*/
.ui-header h1.ui-title{
	margin:0;
}
.ui-header p{
	margin:0px 0 5px;
	font-size:12px;
	text-align:center;
}

.ui-body-f .ui-header h1 {
 text-indent:-9999px;
 background-image:url("../images/logo2.png");
 width:159px;
 height:31px;
 min-height:31px;
 padding:0;
 margin:5px auto 4px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
 .ui-body-f .ui-header h1 {
  background-image:url("../images/logo.png");
  -webkit-background-size:159px 31px;
  background-size:159px 31px;
 }
}

/*
div:not(#index) .ui-header


div:not(#index) .ui-header .ui-title{
	margin:10px 20px;
	text-align:right;
}
div:not(#index) .ui-header{
	margin-top:10px;
}
-----------*/


/*
 .ui-header
-------------------*/
.ui-body-z .ui-header{
	background-image:url("../images/header-background-top.jpg");
	-webkit-background-size:100% 50px;
	background-size:100% 50px;
	position:relative;
	height:50px;
	z-index:1;
}


.ui-body-z .ui-header:after{
	position:absolute;
	right:0px;
	bottom:15px;
}
.ui-body-z .ui-header h1{
	text-indent:-9999px;
	background-image:url("../images/logo2.png");
	width:159px;
	height:31px;
	min-height:31px;
	padding:0;
	margin:5px auto 4px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
 .ui-body-z .ui-header h1 {
  background-image:url("../images/logo.png");
  -webkit-background-size:159px 31px;
  background-size:159px 31px;
 }
}

.ui-body-z .ui-header a{
	display:block;
	width:100%;
	height:100%;
}
.ui-body-z .ui-header h2{
	color:#fff;
	font-weight:normal;
	font-size:12px;
	text-align:left;
	margin:0 auto;
	width:192px;
}
.ui-body-z .ui-header p{
	font-size:12px;
	color:#fff;
	margin:0 125px 0 15px;
}
.ui-body-z .ui-content{
	position:relative;
	margin-top:-40px;
	z-index:2;
}
/*
 #index .ui-header
-------------------*/

h3.jigyou .ui-icon {
	border: 1px solid #e6edc5;
	background: url("../images/jigyou-i.gif") no-repeat 0px 0px;
	width:16px;
	height:16px;
	border-radius:12px;
}

.ui-body-z  .ui-header{
	-webkit-background-size:100% 150px;
	background-size:100% 150px;
	height:150px;
}
.ui-body-z .ui-header:after{
	content:url("../images/header-camera.png");
	bottom:40px;
  right:15px;
}
.ui-body-z .ui-header h1{
	margin-bottom:18px;
}
.ui-body-z .ui-header h2{
	width:auto;
	margin:0 auto 5px 15px;
}

.ui-content {
 padding-top:0;
}

/*
 .ui-content .recommend
-------------------*/
.ui-content .recommend{
	text-align:center;
}
.ui-content .recommend img{
	border:solid 3px rgb(58,184,52);
}
.ui-content .recommend a{
	position:relative;
	display:inline-block;
	padding-top:5px;
	text-decoration:none;
}
.ui-content .recommend a.reco01:before{
	content:"CM制作";
	display:block;
	font-size:11px;
	color:white;
	background:rgb(45,150,42);
	padding:2px 5px;
	position:absolute;
	top:-1px;
	left:10px;
}
.ui-content .recommend a.reco01:after{
	content:"";
	display:block;
	width:0;
	border-bottom:3px solid rgb(28,86,24);
	border-left:3px solid rgb(28,86,24);
	border-top:3px solid transparent;
	border-right:3px solid transparent;
	position:absolute;
	top:-1px;
	left:57px;
}

.ui-content .recommend a.reco02:before{
	content:"ダビング";
	display:block;
	font-size:11px;
	color:white;
	background:rgb(45,150,42);
	padding:2px 5px;
	position:absolute;
	top:-1px;
	left:10px;
}
.ui-content .recommend a.reco02:after{
	content:"";
	display:block;
	width:0;
	border-bottom:3px solid rgb(28,86,24);
	border-left:3px solid rgb(28,86,24);
	border-top:3px solid transparent;
	border-right:3px solid transparent;
	position:absolute;
	top:-1px;
	left:60px;
}

.ui-content .recommend a.reco03:before{
	content:"人材派遣";
	display:block;
	font-size:11px;
	color:white;
	background:rgb(45,150,42);
	padding:2px 5px;
	position:absolute;
	top:-1px;
	left:6px;
}
.ui-content .recommend a.reco03:after{
	content:"";
	display:block;
	width:0;
	border-bottom:3px solid rgb(28,86,24);
	border-left:3px solid rgb(28,86,24);
	border-top:3px solid transparent;
	border-right:3px solid transparent;
	position:absolute;
	top:-1px;
	left:60px;
}

/* 省略破棄 */
.wb {
 overflow: visible;
 white-space: normal;
}

.wb2 {
 overflow: visible;
 white-space: normal;
 margin-top:0.5em;
}

/*
#detail
-----------*/
#detail .contents{
	padding:1px;
}
#detail .contents p{
	margin:1em;
	color:#fff;
	text-shadow:1px 0 0 white;
}

/*
.ui-footer
-----------*/
.ui-footer{
	padding:10px 0;
	text-align:center;
	font-size:12px;
	color:#fff;
	font-weight:normal;
}