@charset "UTF-8";

/* ---------------------
* BASE STYLE *
--------------------- */
html,body {
	height:100%;
	background:url(../img/bg.gif) repeat;
}

body {
	color:#333333;
	line-height:1;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	background:url(../img/bg.gif) repeat;
	min-height:1200px;
	height:auto!important;
	height:1150px;
}



a {
	color:#F66;
	text-decoration:underline;
}
a:hover {
	color:#F66;
	text-decoration:underline;
}

.left {
	float:left;
}

.gray{
	background:#F2F2F2;
}

.pagetop {
	position:absolute;
	top:310px;
	left:-20px;
	display:block;
	width:20px;
	height:79px;
}

.pagetop-sec {
	width:700px;
	margin:0 auto;
	text-align:right;
	padding-top:10px;
}

.ta-c {
	text-align:center;
}

.pad-tb-10 {
	padding-bottom:10px;
	padding-top:10px;
}

.pad-tb-20 {
	padding-bottom:20px;
	padding-top:20px;
}

.pad-b-10 {
	padding-bottom:10px;
}

.mrg-b-10 {
	margin-bottom:10px;
}

.pad-b-15 {
	padding-bottom:15px;
}

.pad-5 {
	padding:5px 5px;
}

.mrg-b-15 {
	margin-bottom:15px;
}

h1 {
	display:block;
	padding-top:20px;
	width:150px;
	text-align:center;
	margin:0 auto;
}

h1 a {
	-moz-transition-property:all;
	-moz-transition-duration: 0.7s;
	-moz-transition-timing-function: ease;
	-moz-transition-delay: 0.3s;
	-webkit-transition-property:all;
	-webkit-transition-duration: 0.7s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0.3s;
	-o-transition-property:all;
	-o-transition-duration: 0.7s;
	-o-transition-timing-function: ease;
	-o-transition-delay: 0.3s;
	opacity:1;
}

h1 a:hover {
	-moz-transition-property:all;
	-moz-transition-duration: 0.7s;
	-moz-transition-timing-function: ease;
	-moz-transition-delay: 0.3s;
	-webkit-transition-property:all;
	-webkit-transition-duration: 0.7s;
	-webkit-transition-timing-function: ease;
	-webkit-transition-delay: 0.3s;
	-o-transition-property:all;
	-o-transition-duration: 0.7s;
	-o-transition-timing-function: ease;
	-o-transition-delay: 0.3s;
	opacity:0.5;
}


/* ---------------------
* LAYOUT SEC *
--------------------- */
#whole {
	position:relative;
	padding-left:20px;
}

#wrapper {
	position:relative;
	width:100%;
	height:100%;
	min-height:100%;
	background:url(../images/bg_leftbox.gif) 0 0 repeat-y;
}

body > #wrapper { 
    height:auto; 
}

#leftarea {
	float:left;
	width:210px;
	height:auto!important;
}

#rightarea {
	min-width:380px;
	margin-left:230px;
	padding-top:7px;
	padding-left:0;
	padding-bottom:30px;
}

body > #rightarea {
	height:auto;
}


/* ---------------------
** LEFT AREA **
--------------------- */

#leftarea {
	float:left;
	top:5px;
	left:20px;
	width:210px;
	letter-spacing: 0.1em;
}

#leftarea h1 {
	padding-left:20px;
	padding-top:20px;
	padding-bottom:30px;
}

#leftarea ul {
	width:210px;
	height:auto;
}

#leftarea ul li {
	float:left;
	width:210px;
}

#leftarea ul li a {
	text-decoration:none;
	color:#333333;
     /* -for webkit- */
     -webkit-transition-property: color;
     -webkit-transition-duration: .3s;
     -webkit-transition-timing-function: ease-in;

     /* -for mozilla- */
     -moz-transition-property: color;
     -moz-transition-duration: .3s;
     -moz-transition-timing-function: ease-in;

     /* for prest- */
     -o-transition-property: color;
     -o-transition-duration: .3s;
     -o-transition-timing-function: ease-in;
}

#leftarea ul li a:link {
	color:#333333;
}

#leftarea ul li a:visited {
	color:#333333;
}

#leftarea ul li a:hover {
	color:#2ca1db !important;
	transition-duration:5s;
	text-decoration:none;
}

#leftarea ul li.home {
	background:url(../img/left/icon-home.png) no-repeat left top;
	padding-top:12px;
	padding-left:28px;
	height:18px;
	padding-bottom:10px;
}

#leftarea ul li.company {
	background:url(../img/left/icon-company.png) no-repeat left top;
	padding-top:12px;
	padding-left:28px;
	height:18px;
	padding-bottom:10px;
}

#leftarea ul li.rec {
	background:url(../img/left/icon-rec.png) no-repeat left top;
	padding-top:12px;
	padding-left:28px;
	height:18px;
	padding-bottom:10px;
}

#leftarea ul li.works {
	background:url(../img/left/icon-works.png) no-repeat left top;
	padding-top:12px;
	padding-left:28px;
	height:18px;
	padding-bottom:10px;
}

#leftarea ul li.co-works {
	margin-left:26px;
	background:url(../img/left/icon-works.png) no-repeat left top;
	padding-top:12px;
	padding-left:28px;
	height:18px;
	padding-bottom:10px;
	
}

#leftarea ul li.contact {
	background:url(../img/left/icon-contact.png) no-repeat left top;
	padding-top:12px;
	padding-left:28px;
	height:18px;
	padding-bottom:10px;
}

#leftarea ul li.news {
	padding-top:26px;
	height:18px;
	font-weight:bold;
}

#leftarea dl dt {
	color:#b8b9b8;
	font-size:12px;
	display:block;
	line-height:20px;
	width:180px;
}

#leftarea dl dd {
	color:#606060;
	font-size:12px;
	display:block;
	line-height:20px;
	background:url(../img/left/border-news.png) no-repeat bottom left;
	padding-bottom:6px;
	width:180px;
}

#leftarea .Altri {
	padding-top:10px;
	padding-bottom:10px;
	font-size:12px;
	line-height:20px;
}

#leftarea .Altri a {
	text-decoration:none;
	color:#333333;
     /* -for webkit- */
     -webkit-transition-property: color;
     -webkit-transition-duration: .3s;
     -webkit-transition-timing-function: ease-in;

     /* -for mozilla- */
     -moz-transition-property: color;
     -moz-transition-duration: .3s;
     -moz-transition-timing-function: ease-in;

     /* for prest- */
     -o-transition-property: color;
     -o-transition-duration: .3s;
     -o-transition-timing-function: ease-in;
}

#leftarea .Altri a:link {
	color:#333333;
}

#leftarea .Altri a:visited {
	color:#333333;
}

#leftarea .Altri a:hover {
	color:#2ca1db !important;
	transition-duration:5s;
	text-decoration:none;
}

#leftarea .copyright {
	color:#999;
	padding-top:10px;
	padding-bottom:10px;
	font-size:11px;
	line-height:20px;
}

#leftarea .copyright a {
	text-decoration:none;
	color:#999;
     /* -for webkit- */
     -webkit-transition-property: color;
     -webkit-transition-duration: .3s;
     -webkit-transition-timing-function: ease-in;

     /* -for mozilla- */
     -moz-transition-property: color;
     -moz-transition-duration: .3s;
     -moz-transition-timing-function: ease-in;

     /* for prest- */
     -o-transition-property: color;
     -o-transition-duration: .3s;
     -o-transition-timing-function: ease-in;
}

#leftarea .copyright a:link {
	color:#999;
}

#leftarea .copyright a:visited {
	color:#999;
}

#leftarea .copyright a:hover {
	color:#2ca1db !important;
	transition-duration:5s;
	text-decoration:none;
}


#rightarea {
	min-width:760px;
	margin-left:230px;
	padding-top:7px;
	padding-left:0;
	padding-bottom:30px;
}

body > #rightarea {
	height:auto;
}





/* ---------------------
** RIGHT AREA **
--------------------- */
#rightarea .rightbox {
	width:730px;
}

#rightarea .rightbox .Head {
	width:730px;
	height:15px;
}

#rightarea .rightbox .Mid {
	width:730px;
	background:url(../img/main/middle-main.png) repeat-y;
}

#rightarea .rightbox .Bt {
	width:730px;
	height:22px;
}