@charset "utf-8";
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/*       Copyright 2013 revois. All Rights Reserved.  */
/*       file-name : common.css   */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

@import url('http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css'); 

html,body { height: 100%;}

body {
	overflow-x: hidden;
	font-size:  11px;
	line-height: 1.6em;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック","MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #333;
}

/* ******************************************************
     COMMON SETTING
****************************************************** */

h1,h2 { display:none;}
p { margin: 0 0 1.6em 0;}
strong {font-weight: bold;}
small, .small { font-size: 10px; >font-size: 9px;  line-height: 1.4em; }
.caption { margin: 0.5em 0 0.5em 0; font-size: 10px; >font-size: 9px;  line-height: 1.4em; }
.red { color:#F00; }

a { text-decoration: none; color: #5ebcbb;}
a:visited { text-decoration: none;}
a:hover { text-decoration: underline;}
a img { border: 0px; outline:0;}
a:hover img,
a:active img{
	border: none; outline:0;
	-moz-opacity:0.75;
	opacity:0.75;
	filter: alpha(opacity=75);
}
:focus, a:focus{
	outline:none;
}
:active, a:active{
	outline:none;
}
:focus{
	-moz-outline-style:none;
}
::selection{
	background-color:#008080;
	color:#fff;	
}
::-moz-selection{
	background-color:#008080;
	color:#fff;
}

.left { float: left; }
.right { float: right; }
div.center {  margin: 0 auto;  text-align: center; }

img .left {
	margin: 0 15px 0.5em 0;
	float: left;
	clear: left;
}
img .right {
	margin: 0 0 0.5em 15px;
	float: right;
	clear: right;
}
img .center {
	text-align: center;
	margin: 0 auto;
	float: none;
	clear: both;
}
img.border { border: 1px #CCC solid;}
.clearfix:after {
	content:".";
	height: 0px;
	clear: both;
	display: block;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
hr, div.hr { 
	clear: both;
	width: 830px;
	height: 1px;
	margin: 20px auto;
	border-top: 0px #999 dotted;
	border-right: 0px #999 dotted;
	border-bottom: 0px #999 dotted;
	border-left: 0px #999 dotted;
	background: url(../images/hr_dotline.gif) 0 0 repeat-x;
}
/* page-top navi 
--------------------------*/
#page-top {
	position: fixed;
	width: 49px;
	height: 49px;
	bottom: 50px;
	right: 10px;
}
#page-top a {
	background: url(../../images/btn_pagetop.png) 0 0;
	width: 49px;
	height: 49px;
	text-indent: -9999px;
	display: block;
}
/* incrude JS
#page-top a:hover {
	border: none; outline:0;
	-moz-opacity:0.9;
	opacity:0.9;
	filter: alpha(opacity=90);
}
*/


/* ******************************************************
     TOP SETTING
****************************************************** */
#content-panel {
    width: 100%;
}

#slide1, 
#slide2, 
#slide3{
	display:none;
	width: 100%;
	background: url(../../images/slide_bg.jpg) left bottom repeat #000;
	border-top: 1px #fff solid;
}
.slide-content {
	width: auto;
	margin: 0;
	padding: 20px 200px 0;
	color: #ddd;
	letter-spacing: 1px;
}
#slide1 h3, 
#slide2 h3, 
#slide3 h3 {
	margin: 0 0 10px ;
	padding: 10px 0;
	color: #5ebcbb;
	font-size: 1.3em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-indent: 0;	
	letter-spacing: 1px;
	/* border-bottom: 1px #CCC solid; */
}
div.close-area {
    /*中央 width: 59px;
	margin: 0 auto; */
	width: 100%;
	height: 59px; 
	background: url(../../images/slide_shadow.png) left bottom repeat-x;
}
div.close-area a.close {
	display: block;
	width: 49px;
	height: 49px; 
	margin-left:137px;
	padding: 10px 5px 0;
	background: url(../../images/btn_close.png) center bottom no-repeat;
	text-indent:-9999px;
}

#title {
	width: 169px;
	height: auto;
	float: left;
	margin: 3px;
}

#grid-content {
	overflow: hidden;
	height: 0;
	margin: 18px 20px 20px;
}
#grid-content div {
	width: 169px;
	background-color: #000;
	/* border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; */
	margin: 3px;
}
#grid-content div.title {
	background-color: #fff;
	width: 169px;
	height: 530px;
	margin: 3px;
}
#grid-content div.title img {
	width: 169px;
	height: 530px;
	margin: 0;
}
#grid-content div.txt p {
	margin: 12px 0 12px 12px;
}
#grid-content div.ph img {
	margin: 12px 0 8px 12px;
}
#grid-content div.phfull {
	background-color: #fff;
	width: 169px;
	height: auto;
	margin: 3px;
}
#grid-content div.phfull img {
	margin: 0;
}
#grid-content div.detail {
	background-color: #fff;
	width: 846px;
	height: auto;
	margin: 9px 20px 20px 9px;
	line-height: 1.6em;
	border: 6px #000 solid;
	background: url(../../images/2ndBg.png) left top repeat #ddd;
}
#grid-content div.detail p {
	font-size: 11px;
	margin: 0;
	color: #333;
}
#grid-content div.detail ul {margin: 0px;}
#grid-content div.detail ul li#companyprof {
	float: left;
	width: auto;
	height: auto;
	margin:  40px 30px 25px 30px;
	padding: 0;
}

dl { 
	width: auto; 
	margin-bottom: 0px;  
}
dt {  
	float: left;  
	width: 80px; 
	padding: 0 0 8px 0;  
	clear: both;  
	font-weight: normal;  
}  
dd {  
	width: auto;  
	margin-left: 80px;  
	padding: 0 0 8px 0;  
}
#grid-content div h3 {
	font-size:  11px;
	font-weight: bold;
	line-height: 1.6em;
	margin: -7px 0 8px 12px;
	color: #5ebcbb;
}
#grid-content div p {
	font-size:  11px;
	line-height: 1.6em;
	margin: -4px 0 12px 12px;
	color: #ddd;
	clear: both;
}
#grid-content div img {
	text-align: center;
	float: none;
	clear: both;
	margin: 12px 12px 12px 12px;
}
#grid-content div img.cate {
	text-align: center;
	float: none;
	clear: both;
	margin: -3px 0 12px 12px;
}

/* ******************************************************
     FOOTER SETTING
****************************************************** */
#footer {
	width: auto;
	height: 1.5em; 
	padding: 10px ;
	color: #777;
	text-align: center;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#0F0F0F));
	background:-moz-linear-gradient(19% 75% 90deg,#000000, #0F0F0F);
}