/*  
MELOCO

********************
--------------------
      Contents
--------------------
********************

	* General
	* Layout
		- Header
		- Container
	* Content	(Includes items in the main content area)
		- Post headers
		- Posts
	* Footer   (Includes items in the footer)
	* Misc.    (Includes miscellaneous items)

*/


/*******************
 **    YUI font   **
 *******************/
/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/

/*******************
 **    General    **
 *******************/

*{margin:0;padding:0;}
html{height:100%;	background-color: #000;}
body, h1, h2, h3, h4, h5, h6, blockquote, p, form,iframe{margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6{overflow: hidden;}
body{
	float: left;
	width: 100%;
/*	height:100%;*/
/*	background-color: #EEE;*/
	margin: 0 auto;
	vertical-align: top;
	color: #FFF;
	text-align: center;
}
ul{list-style:none;margin:0;padding:0;}
ol li{list-style-position:outside;}
img{border: 0;margin: 0;padding: 0;}
h1{
/*	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 123.1%;
	padding: 0 0 10px 0;*/
}
a{
	text-decoration: underline;
	color: #FFF;
	}
	a:link, a:visited{
		text-decoration: underline;
		color: #FFF;
	}
	a:hover{
		text-decoration: none;
		color: #FFF;
	}
blockquote{
	margin: 0 0 0 5px;
	padding: 3px 0 3px 10px;
	border-left: 2px solid #DDD;
}
/*input,textarea{
	background: #FFF;
	border: 1px solid #CCC;
	margin: 2px 0;
}*/

/*******************
 **    Layout     **
 *******************/

#wrapper{
	position: relative;
	float: left;
	font-family: "Hiragino Kaku Gothic Pro", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "繝｡繧､繝ｪ繧ｪ", Meiryo, "・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け", "MS P Gothic", Helvetica, Arial, Verdana, sans-serif;
	font-size: 93%;
	line-height: 150%;
	margin: 0 auto;
	padding: 0px;
	width: 100%;
/*	height: 100%;*/
	min-height:100%;
	text-align: justify;
	text-justify: inter-ideograph;
}

body > #wrapper {height:auto;}

#content{
/*	position: relative;*/
	text-align: center;
	float: left;
	margin: 0;
	padding: 0;
/*	background-color: #333;
	background:url(./img/index.jpg) no-repeat center;*/
/*	margin: 0 auto;*/
/*	padding: 35px 0px 35px 0px;*/
/*	position: relative;*/
	width: 100%;
}
.ind{background:url(../img/index.jpg) no-repeat center;height: 650px;}
.kw{background:url(../img/k-wing.jpg) no-repeat center;height: 650px;}
.flow{background:url(../img/workflow.jpg) no-repeat center;height: 650px;}
.feat{height: 650px;}
.cont{background:url(../img/index.jpg) no-repeat center;height: 680px;}
#content_wrapper{
	position: relative;
	margin: 0px auto;
	padding: 0;
/*	float: left;*/
/*	background-color: #FFF;*/
/*	background-color: #00d;*/
/*	background:url(../../../img/head.png) repeat-x center;*/
	width: 960px;
/*	height: 20px;*/
	text-align: center;
}
#container{
	position: relative;
	width: 100%;
/*	background-color: #DDD;*/
/*	background-color: #eae9e4;*/
/*	margin: 0 31px 0 0;*/
/*	padding: 20px 10px 20px 10px;*/
/*	background-color: #FF0;*/
	float: left;
	text-align: justify;
	text-justify: inter-ideograph;
}


/*******************
 **    Header     **
 *******************/
#header{
	position: relative;
	text-align: center;
	float: left;
	margin: 0;
	padding: 0;
/*	position: relative;*/
	background-color: #000;
/*	background:url(../../../img/headtop.png) no-repeat;*/
	width: 100%;
	height: 80px;
}
#header h1{float: left;margin-top: 30px;}
#header h2{float: right;width: 650px;margin: 16px 0 16px 0;color: #FFF;}
#header_wrapper{
	position: relative;
/*	float: left;*/
	margin: 0 auto;
	padding: 0;
/*	margin: 0 auto;*/
/*	background-color: #00d;*/
/*	background:url(../../../img/head.png) repeat-x center;*/
	width: 960px;
	height: 100%;
	text-align: right;
	z-index: 1;
}
/*a.h_r:hover {background: #00A73C;}
a.h_r:hover img {position: relative;top: -30px;}*/
#gnavi{
	position: relative;
	float: right;
	margin:30px 0;
	padding: 0px;
/*	background-color: #FF0;*/
	width: 633px;
	height: 28px;
}
#gnavi ul{
	width: 100%;
	height: 28px;
	margin: 0;
	padding: 0px;
	float:left;
	border-left: 1px solid #FFF;
}
#gnavi li{
/*	width: 108px;*/
	height: 28px;
	margin: 0;
	padding: 0px;
	float:left;
	border-right: 1px solid #FFF;
}
li#gn_kwing{background:url(../img/gn_kwing_on.png) no-repeat;}
li#gn_features{background:url(../img/gn_features_on.png) no-repeat;}
li#gn_workflow{background:url(../img/gn_workflow_on.png) no-repeat;}
li#gn_contact{background:url(../img/gn_contact_on.png) no-repeat;}
li#gn_movie{background:url(../img/gn_movie_on.png) no-repeat;}

/*#g_main li a{display:block;margin: 0;padding: 0;width: 108px;overflow: hidden;height: 45px; background:url(./img/gnavi_back.png) repeat 0px -100px;}*/
#g_navi li a{display:block;}
#g_main li a:hover {background-position: 0px 0px;}
#g_main li a.current {background-position: 0px 0px;}



/*******************
 **    Content    **
 *******************/

a#more_article{
	display: block;
	position: relative;
	width: 118px;
	height: 19px;
	overflow: hidden;
	}
	a#more_article:hover{background: #00A73C;}
	a#more_article:hover img{position: relative;top:-19px}
#foot_area{
	margin: 5px 0 10px 0;
	float: right;
	width: 595px;
	height: 47px;
	background:url(../img/page_tel.gif) no-repeat left top;
}
a#page_reserve{
	background:url(../img/page_res-on.gif) no-repeat left top;
	float: right;
	display: block;
	position: relative;
	width: 315px;
	height: 47px;
	overflow: hidden;
	}
.clearfix {float: none;clear: both;}
.post{
	color: #FFF;
	margin: 64px 0 25px 0;
/*	clear: both;*/
	width: 100%;
	height: 100%;
	float: left;
/*	background-color: #0F0;*/
	position: relative;
}
.post h2{margin-bottom: 15px;}
.post h2 img{}
.post h3{margin-bottom: 15px;}
.half_l{width: 480px;height: 100%;position: relative;float: left;}
.half_r{width: 480px;height: 100%;position: relative;float: left;}
.three{width: 300px;height: 100%;position: relative;float: left;}
#k-wing{
	width: 460px;
	padding: 10px;
	background-color: #111;
	background-color: rgba( 0,0,0,0.7 );
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B3000000, endcolorstr=#B3000000, gradienttype=0);
	line-height: 20px;
}
#k-wing h2{margin-bottom: 15px;}
#safty{width: 300px;height: 100%;margin: 74px 30px 0 0;	line-height: 18px;}
#stability{width: 300px;height: 100%;margin: 74px 30px 0 0;	line-height: 18px;}
#flexibility{width: 300px;height: 100%;margin: 74px 0 0 0;	line-height: 18px;}
.slidearea{
	position: relative;
	margin: 0px 0 15px 0;
	padding: 0px;
/*	background-color: #FFF;*/
	width: 100%;
/*	height: 448px;*/
}
#kwing_img{
	position: relative;
	margin: 0;
	padding: 0;
	width: 460px;
	height: 259px;
	overflow: hidden;
}
#kwing_img #list li {position: absolute;top: 0;left: 0;}
#safty_img{
	position: relative;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 169px;
	overflow: hidden;
}
#safty_img #list li {position: absolute;top: 0;left: 0;}
#stability_img{
	position: relative;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 169px;
	overflow: hidden;
}
#stability_img #list li {position: absolute;top: 0;left: 0;}
#flexibility_img{
	position: relative;
	margin: 0;
	padding: 0;
	width: 300px;
	height: 169px;
	overflow: hidden;
}
#flexibility_img #list li {position: absolute;top: 0;left: 0;}
#workflow h2{margin-bottom: 30px;}
#workflow table{float: left;width: 100%;font-size: 93%;}
#workflow tr{float: left;width: 476px;padding: 2px;}
#workflow th{width: 140px;overflow: hidden;}
#workflow td{width: 100%;vertical-align: middle;}
#workflow tr.odd{background-color: #666;background-color: rgba(255,255,255,0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#40FFFFFF, endcolorstr=#40FFFFFF, gradienttype=0);}
#workflow tr.odd td{padding-left: 10px;}
#workflow tr.even th{float: left;width: 100%;text-align: center;margin: 4px 0;}
#workflow tr.last{background-color: #666;background-color: rgba(48,48,48,0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#40303030, endcolorstr=#40303030, gradienttype=0);}
#workflow td.last{padding-left: 10px;color: #000;}
#atention{margin-top: 5px;font-size: 10px;color: #000;}
#bodycopy{margin-top: 30px;}
#caution{width: 280px;padding: 10px 10px 8px 10px;border: 1px solid #FFF;margin-top: 70px;font-size: 10px;line-height: 15px;}
#index_movie{position: absolute;top: 260px;left: 97px;float: left;}
.entry{
	color: #000;
	margin-top: 10px;
/*	line-height: 18px;*/
	float: left;
	width: 595px;
}
.entry p{margin: 0;padding: 0;}
#contact{
	float: left;
	/*margin-top: 20px;width: 100%*/;
	background-color: #111;
	background-color: rgba( 0,0,0,0.7 );
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B3000000, endcolorstr=#B3000000, gradienttype=0);
}
#contact h2{margin-bottom: 20px;}
#contact dl{padding: 0;margin: 0px;}
#contact dt {
	float: left;
	width: 150px;
	clear: both;
/*	text-align: right;*/
	font-weight: normal;
	padding: 5px 0px 0px 0px;
	margin: 0px;
/*	background-color: #EEE;*/
}
#contact dt span {
	display: block;
	font-size: 93%;
	color: #999;
	margin: 0;
	padding: 0;
}
#contact dd {
/*	float: left;*/
	padding: 10px 0px 10px 160px;
	border-top: solid 1px #CCC;
	margin: 5px 0;
}
#contact input,textarea{width: 310px;background: #FFF;border: none;margin: 2px 0;}
/*#submit {float: left;width: 595px;background: #398;margin: 10px 0 0 0;}*/
#submit input{width: 310px;background: #666;margin: 0;color:#000;cursor: pointer;}
#submit input:disabled{width: 310px;background: #EEE;margin: 0;color: #666;}
#postcode input{width: 100px;}
dd#sending input{width: 20px;}

/*******************
 **     Footer    **
 *******************/

#footer{
	text-align: center;
	float: left;
	margin: 0;
	padding: 0;
/*	border-top: 3px solid #00A73C;*/
	background-color: #000;
/*	padding: 10px 0px 25px 0px;*/
	width: 100%;
/*	height: 100%;*/
	color: #FFF;
}
#footer_wrapper{
	text-align: left;
	margin: 0 auto;
	padding: 10px 0 10px 0;
	letter-spacing: 1px;
	width: 960px;
	height: 100%;
	background:url(../img/copyright.png) no-repeat right center;
}
#footer p{margin: 0;}
#footer address{font-size: 93%;line-height: 150%;}
#footer .legal{float: left;font-size: 85%;}
#footer .credit{float: right;font-size: 85%;}

/*******************
 **     Misc.     **
 *******************/
#legal{
	float: left;
	width: 290px;
	height: 18px;
	position: relative;
	left:0;
	bottom:28px;
	font-size: 77%;
}
#legal ul{height: 18px;width: 289px;float: left;border-right: 1px solid #000;}
#legal li{height: 18px;width: 95px;float: left;border-left: 1px solid #000;text-align: center;}
#legal a{color: #000;text-decoration: none;}#legal a:hover{color: #000;text-decoration: underline;}

.clear_float{clear: both;}
img.avatar{float:left;margin-right:5px;}
.aligncenter{display: block;margin-left: auto;margin-right: auto;}
.alignleft{float: left;}
.alignright{float: right;}
.wp-caption{
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/*-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
}
.wp-caption img{
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption-dd{
	font-size: 77%;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}