@charset "utf-8";


/*==-----------------------------------------------
CSS Information

 File name:      common.css
 Author:         Crea.,Inc.
 Style Info:     ���ʕ����̃X�^�C��(�w�b�_�[�A�t�b�^�[�A���̑��p�[�c)


-------------------------------------------------*/





/*==-----------------------------------------------
container
-------------------------------------------------*/
#container{

}

#contents .section .field{
	padding-bottom:20px;
}

/*==-----------------------------------------------
header
-------------------------------------------------*/
#header{
}

#header .section{
	text-align: left;
	width:960px;
	height: 56px;
	margin: 0 auto;
}
#header .section .feed{
	float:right;
}

#header .section p.contact,
#header .section ul.language{
	float:left;
}

#header .section ul.language li{
	float:left;
	margin:0 20px 0 0;
	padding-top:30px;
}

/*==-----------------------------------------------
navigation
-------------------------------------------------*/
#nav{
	background:url(../../src/chinese/image/common/header/nav.gif) 0 0 repeat-x;
}
#nav ul.menu{
	height: 60px;
}

#nav ul.menu li{
	width:192px;
	height: 50px;
	float:left;
}
#nav ul.menu li a{
	display:block;
	width:100%;
	height: 50px;
	text-indent:-9999px;
	background:url(../../src/chinese/image/common/nav/nav.gif) no-repeat;
}

#nav ul.menu li.nav1 a{background-position:0 0;}
#nav ul.menu li.nav2 a{background-position:-192px 0;}
#nav ul.menu li.nav3 a{background-position:-384px 0;}
#nav ul.menu li.nav4 a{background-position:-576px 0;}
#nav ul.menu li.nav6 a{background-position:-768px 0;}


#nav ul.menu li.nav1 a:hover{background-position:0 -50px;}
#nav ul.menu li.nav2 a:hover{background-position:-192px -50px;}
#nav ul.menu li.nav3 a:hover{background-position:-384px -50px;}
#nav ul.menu li.nav4 a:hover{background-position:-576px -50px;}
#nav ul.menu li.nav6 a:hover{background-position:-768px -50px;}

#home #nav ul li.nav1 a{background-position:0 -50px;}
#lineup #nav ul li.nav2 a{background-position:-192px -50px;}
#quality #nav ul li.nav3 a{background-position:-384px -50px;}
#case #nav ul li.nav4 a{background-position:-576px -50px;}
#company #nav ul li.nav6 a{background-position:-768px -50px;}


#nav ul.menu li ul.sub{
    position:absolute;
    width:192px;
}
#nav ul.menu li ul.sub li{
	float:none;
	width:192px;
	height: 30px;
}
#nav ul.menu li ul.sub li a{
	width:192px;
	height: 100%;
}

#nav ul.menu li ul#subnav1 li a{
	background:#FF0000 url(../../src/chinese/image/common/nav/subnav1.gif) no-repeat;
}
#nav ul.menu li ul#subnav1 li.subnav1_1 a{background-position:0 0;}
#nav ul.menu li ul#subnav1 li.subnav1_2 a{background-position:0 -30px;}

#nav ul.menu li ul#subnav1 li.subnav1_1 a:hover{background-position:-192px 0;}
#nav ul.menu li ul#subnav1 li.subnav1_2 a:hover{background-position:-192px -30px;}

#nav ul.menu li ul#subnav2 li a{
	background:#FF0000 url(../../src/chinese/image/common/nav/subnav2.gif) no-repeat;
}

#nav ul.menu li ul#subnav2 li.subnav2_1 a{background-position:0 0;}
#nav ul.menu li ul#subnav2 li.subnav2_2 a{background-position:0 -30px;}
#nav ul.menu li ul#subnav2 li.subnav2_3 a{background-position:0 -60px;}
#nav ul.menu li ul#subnav2 li.subnav2_4 a{background-position:0 -90px;}


#nav ul.menu li ul#subnav2 li.subnav2_1 a:hover{background-position:-192px 0;}
#nav ul.menu li ul#subnav2 li.subnav2_2 a:hover{background-position:-192px -30px;}
#nav ul.menu li ul#subnav2 li.subnav2_3 a:hover{background-position:-192px -60px;}
#nav ul.menu li ul#subnav2 li.subnav2_4 a:hover{background-position:-192px -90px;}
#nav ul.menu li ul#subnav3 li a{
	background:#FF0000 url(../../src/chinese/image/common/nav/subnav3.gif) no-repeat;
}

#nav ul.menu li ul#subnav3 li.subnav3_1 a{background-position:0 0;}
#nav ul.menu li ul#subnav3 li.subnav3_2 a{background-position:0 -30px;}
#nav ul.menu li ul#subnav3 li.subnav3_3 a{background-position:0 -60px;}
#nav ul.menu li ul#subnav3 li.subnav3_4 a{background-position:0 -90px;}
#nav ul.menu li ul#subnav3 li.subnav3_5 a{background-position:0 -120px;}

#nav ul.menu li ul#subnav3 li.subnav3_1 a:hover{background-position:-192px 0;}
#nav ul.menu li ul#subnav3 li.subnav3_2 a:hover{background-position:-192px -30px;}
#nav ul.menu li ul#subnav3 li.subnav3_3 a:hover{background-position:-192px -60px;}
#nav ul.menu li ul#subnav3 li.subnav3_4 a:hover{background-position:-192px -90px;}
#nav ul.menu li ul#subnav3 li.subnav3_5 a:hover{background-position:-192px -120px;}

#nav ul.menu{
    zoom:1;
}

#nav ul.menu:after {
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}



/*==-----------------------------------------------
contents
-------------------------------------------------*/
#contents {
	text-align: left;
}

#contents #inner{
}

#contents #main sup {
	/*vertical-align: super;*/
	position: relative;
	top: -1ex;
	vertical-align: baseline;
	font-size: 80%;
}

/*==-----------------------------------------------
main
-------------------------------------------------*/
#main{

}


#main .section{
}

#contents #main .aside{
}

/*==-----------------------------------------------
footer
-------------------------------------------------*/
#footer{
	text-align: center;
    background: -moz-linear-gradient(top, #70cbe9, #0061af);
    background: -webkit-gradient(linear, left top, left bottom, from(#70cbe9), to(#0061af));
    color:#FFFFFF;
    font-size:0.95em;
}

#footer .section{
	text-align: left;

}
#footer .section #text-nav{
	float:left;
	margin:12px auto;
}

#footer .section #text-nav a{
	text-decoration:none;
	color:#FFFFFF;
}
#footer .section #text-nav a:hover{
	color:#0061af;
}

#footer .section #text-nav dl{
	float:left;
	margin-right:20px;
}

#footer .section #text-nav dl dt{
	background:url(../../src/chinese/image/common/mrk.png) 0 50% no-repeat;
	padding-left:17px;
}

#footer .section #text-nav dl dd ul{
	margin:5px 5px 0 5px;
}

#footer .section #text-nav dl dd ul li{
	background:url(../../src/chinese/image/common/footer/icon.png) 0 50% no-repeat;
	padding-left:12px;
	margin-bottom:3px;
	font-size:0.9em;
}

#footer .section ul.bottom{
	border-top:solid 1px #FFF;
	padding-top:5px;
	clear:both;
}

#footer .section ul li.footer-nav{
	float:left;
}

#footer .section ul li.footer-nav a{
	text-decoration:none;
	color:#FFF;
}

#footer .section ul li.footer-nav a:hover{
	color:#5dc3e6;
}

#footer .section ul li.copyright{
	float:right;
	font-size:0.65rem;
}



/*==-----------------------------------------------
sidebar
-------------------------------------------------*/
#contents #sidebar.aside{


}


/*==banner*/

#contents .aside #banner{
}
#contents .aside #banner ul{
	margin: 0 0 0 0;
}
#contents .aside #banner li{
	margin: 0 0 5px 0;

	zoom:1;
}
#contents .aside #banner li a{
}
#contents .aside #banner li a img{
	border:0;
	vertical-align:top;
}
#contents .aside #banner li:last-child{
	margin: 0 0 0px 0;
}


/*==-----------------------------------------------
breadcrumb
-------------------------------------------------*/

p.breadcrumb{
	font-size: 0.85em;
	margin-bottom: 10px;
}



/*==-----------------------------------------------
pagetop
-------------------------------------------------*/
p.#pagetop{
	clear:both;
}
p#pagetop a{
	color: #FFF;
	display:block;
	float:right;

}

/*==-----------------------------------------------
paging
-------------------------------------------------*/

ul.paging {
	margin: 0;
	text-align: center;
	clear:both;
}

ul.paging li {
	display: inline;
	margin: 0 5px 0 5px;
}

ul.paging li a {
	display: inline-block;
	padding: 2px 7px;
	text-decoration: none;
	color: #FFF;
	background: #000;
	vertical-align: middle;
	text-decoration: none;

}

ul.paging a:hover {
	color: #FFF;
	background: #999;
}