/*------------------------------------------
共通
------------------------------------------*/

.row {
	max-width: 980px;
	width: 980px;
	}

body {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', sans-serif;
	background-color: #f6f6f6;
	margin: 0;
	padding: 0;
	text-align: left;
	}

p {
	font-size: 14px;
	color: #666666;
	line-height: 1.6em;
	}

.shadow {
	-webkit-box-shadow: 1px 1px 6px -1px rgba(153,153,153,1);
	-moz-box-shadow: 1px 1px 6px -1px rgba(153,153,153,1);
	box-shadow: 1px 1px 6px -1px rgba(153,153,153,1);
	}

#header.shadow {
	box-shadow: rgba(113, 135, 164, 0.498039) 0px 5px 8px -8px;
	-webkit-box-shadow: rgba(113, 135, 164, 0.498039) 0px 5px 8px -8px;
	-moz-box-shadow: rgba(113, 135, 164, 0.498039) 0px 0px 5px -8px;
	}
	
#footer.shadow {
	box-shadow: rgba(113, 135, 164, 0.498039) 0px -5px 8px -8px;
	-webkit-box-shadow: rgba(113, 135, 164, 0.498039) 0px -5px 8px -8px;
	-moz-box-shadow: rgba(113, 135, 164, 0.498039) 0px 0px -5px -8px;
	}
	
a {
	color: #005baa;
	}
	
a:hover {
	text-decoration: underline;
	color: #005baa;
	}
	
#header a, #footer a, #left a {
	color: #666;
	}
	
.clear {
	clear: both;
	}

hr {
	margin: 0;
	border-style: none;
	background-image: url(../img/line.gif);
	height: 2px;
	}

.icon {
	display: block;
	float: left;
	font-size: 1.2em;
	margin-right: 0.1em;
	}

.left {
	float: left;
	margin-right: 20px;
	}

.letter_blue {
	color: #005baa;
	}


/*------------------------------------------
ヘッダー
------------------------------------------*/

#header {
	height: 55px;
	border-top: 6px solid #005baa;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	background-color: #fff;
	}
	
#header ul {
	float: right;
	color: #666666;
	}
	
#header ul li {
	float: left;
	margin-left: 0px;
	margin-top: 15px;
	font-weight: bold;
	font-size: 11px;
	list-style-type: none;
	letter-spacing: 0em;
	}
	
#header h1 {
	text-align: left;
	float: left;
	background: url("../img/just_logo_en.png") no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	width: 281px;
	margin: 7px 0 0 0;
	}

/*------------------------------------------
左カラム
------------------------------------------*/

#left {
	width: 230px;
	padding: 0;
	}

#left .left_menu {
	background-color: #fff;
	margin-bottom: 25px;
	}

#left .left_menu h2 {
	width: 230px;
/*	height: 35px;*/
	padding: 7px 20px;
	margin: 0;
	color: #f6f6f6;
	background-color: #2a70b9;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0em;
	}

#left .left_menu h2 a{
	color:#fff;
	}

#left .left_menu span.letter-space{
	letter-spacing:0;
	}

#left .left_menu .icon {
	color: #005baa;
	font-size: 1.9em;
	margin-right: 10px;
	width: 25px;
	}
	
#left .left_menu .icon-udc {
	font-size: 1.6em;
	padding-top: -3px;
	padding-left: 2px;
	}
	
#left .left_menu .icon-strength {
	font-size: 1.7em;
	padding-left: 3px;
	}
	
#left .left_menu .icon-friction {
	font-size: 2.6em;
	margin-top:0px;
	margin-left: -5px;
	margin-right: 8px;
	width: 33px;
	}
	
#left .left_menu .icon-air {
	margin-top:5px;
	}
	
#left .left_menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
#left ul li {
	color: #666;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	padding: 14px 0 0 15px;
	letter-spacing: -0.05em;
	border-bottom: 1px #ccc dotted;
	height: 50px;
	}

#left ul li.line-2 {
	font-size: 13px;
	padding-top:7px;
	line-height:1.3em;
	}
	
#left ul li.last {
	border-style: none;
	}

#left .left_menu ul.news {
	padding: 15px;
	list-style-image: url(../img/marker1.png);
	list-style-position:outside;
	padding-left:30px;
	}
	
#left .left_menu ul.news li {
	font-size: 12px;
	height: auto;
	margin: 0;
	padding: 5px 0px;
	letter-spacing: 0em;
	border-style: none;
	line-height:1.4em;
	}

/*------------------------------------------
右カラム
------------------------------------------*/

#right {
	margin-left: 30px;
	width: 720px;
	padding: 0;
	}
	
#right>p {
	margin: 15px 9px 30px 9px;
	}
	
#right hr {
	margin: 0 0 15px 0;
	}
	
.large-4 {
	width: 230px;
	padding: 0;
	margin: 0 0 0 15px;
	}
	
.panel {
	background-color: #fff;
	border-style: none;
	padding: 0;
	}

/*------------トップページ------------*/

.topics {
	padding: 22px;
	margin-top: 25px;
	}
	
.topics h3 {
	color: #005baa !important;
	font-weight: bold;
	padding: 0;
	margin: 0 0 20px 5px;
	font-size: 17px;
	letter-spacing: 0.1em;
	}
	
.topics table {
	border-style: none;
	margin: 0;
	height: 50px;
	}
	
.topics table th {
	font-size: 12px;
	width: 10%;
	padding-left: 10px;
	}
	
.topics table td {
	font-size: 13px;
	width: 85%;
	}
	
.topics hr {
	margin:0 !important;
	}

.detail{
	float:right;
	font-size:13px;
	letter-spacing:0em;
	margin:2px 8px 0 0;
	}

.detail span{
	font-size:1.4em;
	margin-top:-2px;
	}

.top_example {
	height: 190px;
	border-bottom: 5px solid #005baa;
	text-align: center;
	}
	
.top_example h4 {
	color: #005baa;
	font-weight: bold;
	font-size: 17px;
	letter-spacing: 0em;
	margin: 12px 0 4px 0px;
	}
	
.top_example p {
	font-size: 11px;
	margin-top: 20px;
	padding: 0;
	}
	
.top_button {
	height: 100px;
	background-color: #fff;
	border-left: 5px solid #005baa;
	margin-top: 30px;
	background-image: url(../img/bg_top_btn.png);
	}
	
.top_button h4 {
	color: #005baa;
	font-weight: bold;
	font-size: 19px;
	letter-spacing: 0em;
	margin: 0;
	height:50px;
	padding:0 18px;
	}

.top_button h4.line-2 {
	font-size: 16px;
	line-height:1.1em;
	padding-top:0px;
	}
	
.top_button p {
	font-size: 12px;
	margin-top:5px;
	line-height:1.4em;
	}

.top_button .top_button_left {
	float: left;
	width: 45px;
	padding: 32px 0 0 6px;
	font-size: 27px;
	}

.top_button .top_button_right {
	float: left;
	width: 170px;
	}

.top_button .top_button_right p{
	color:#444;
	}

.top_button hr{
	margin:0 !important;
	}

#right>h3.top {
	background-image: none;
	padding: 0;
	letter-spacing: 0em;
	margin-top: 25px;
	}

/*------------コンテンツページ------------*/

#right h1.about{
	background-image:url(../img/title_about_en.png);
	margin-bottom:30px;
	}

#right h1.example{
	background-image:url(../img/title_example_en.png);
	}

#right h1.function{
	background-image:url(../img/title_function_en.png);
	}

#right h1.topics{
	background-image:url(../img/title_topics_en.png);
	margin-bottom:30px;
	}	

#right h1.contact{
	background-image:url(../img/title_contact_en.png);
	margin-bottom:30px;
	}


#right h2 {
	height: 60px;
	font-size: 19px;
	margin: 0 ;
	padding: 8px 12px;
	font-weight: bold;
	color: #555;
	letter-spacing: 0em;
	}

#right h2.line-2{
	margin-top:-10px; ;
	margin-bottom:10px;
	line-height:1.2em;
	}

#right h2.line-2 .icon{
	margin-top: 8px;
	}

#right h2 .icon {
	font-size: 1.4em;
	margin-top: -1px;
	margin-right: 10px;
	color: #005baa;
	height:100%;
	}

#right h2 .icon-mail {
	font-size:1.2em;
	padding-top:5px
	}

#right h2 .icon-friction {
	font-size:1.7em;
	}

#right h3 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #555;
	background: url(../img/marker2.png) no-repeat;
	padding: 0 0 0 18px;
	background-position: left center;
	margin: 0 0 20px 10px;
	}
	
#right h3 .icon {
	color: #005baa;
	}
	
#right .pic {
	padding: 15px;
	}

#right .half{
	width: 350px;
	margin: 0 0 0 20px;
	}

#right .twothird{
	width: 470px;
	margin: 0 0 0 20px;
	}

#right .onethird{
	width: 230px;
	margin: 0 0 0 20px;
	}

#right .half p,
#right .onethird p,
#right .onethird p{
	margin: 0 9px 15px 9px;
	}

#right .section {
	width: 740px;
	margin-bottom: 20px;
	padding: 0;
	margin-left: -20px;
	}
	
#right .nav_function,
#right .nav_example{
	width: 240px;
	height: 50px;
	float: left;
	text-align: left;
	padding-top: 12px;
	margin:-50px 0 30px 0;
	border-right: 1px solid #ccc;
	letter-spacing: 0em;
	background-image: url(../img/bg_nav.png);
	}

#right .nav_example{
	width:180px;
	}

#right .selected {
	background-image: none;
	background-color: #2a70b9;
	}

#right .selected h4, #right .selected span {
	color: #f6f6f6 !important;
	}
	
#right .nav_function:hover,
#right .nav_example:hover{
	background-image: none;
	background-color: #2a70b9;
	}
	
#right .nav_function:hover h4, 
#right .nav_function:hover span,
#right .nav_example:hover h4, 
#right .nav_example:hover span{
	color: #f6f6f6;
	}
	
#right .last {
	border-style: none;
	}
	
#right .nav_function h4,
#right .nav_example h4{
	font-size: 16px;
	font-weight: bold;
	color: #555;
	line-height:1.2em;
	}

#right .nav_example span {
	color: #005baa;
	font-size:1.4em;
	vertical-align:middle;
	float:left;
	margin:10px 8px 0 25px;
	}

#right .nav_function span{
	color: #005baa;
	font-size:1.8em;
	vertical-align:middle;
	float:left;
	margin:2px 8px 0 15px;
	}

#right .nav_function.line-2{
	padding-top:4px;
}

#right .nav_example.line-2{
	padding-top:2px;
	}

#right .nav_function.line-2 h4{
	font-size:15px;
}


#right .nav_function.line-2 span{
	margin-top:6px;
	}

#right .nav_example.line-2 span{
	margin-top:10px;
	}

#right .nav_example span.icon-udc{
	font-size:1.2em;
	margin-top:3px;
	}

#right .nav_example span.icon-drill{
	font-size:1.4em;
	margin-top:3px;
	margin-right:3px;
	}

#right .nav_function span.icon-strength{
	font-size:1.2em;
	margin:2px 5px  0 30px;
	}

#right .nav_function span.icon-air{
	font-size:1.5em;
	}


#right h1 {
	width: 720px;
	height: 235px;
	border-bottom: 1px solid #eee;
	text-indent: -9999px;
	box-shadow: rgba(113, 135, 164, 0.498039) 0px 5px 8px -8px;
	-webkit-box-shadow: rgba(113, 135, 164, 0.498039) 0px 5px 8px -8px;
	-moz-box-shadow: rgba(113, 135, 164, 0.498039) 0px 0px 5px -8px;
	margin: 0;
	}

#right ul{
	padding-left:10px;
	}

#right ul li{
	font-size:14px;
	margin-bottom:5px;
	letter-spacing:0.05em;
	color:#666;
	}

#right ul.link{
	list-style-image:url("../img/marker1.png");
	}

#right ul.link li a{
	color:#555;
	font-weight:bold;
	}
	
#right .topics-list,
#right .topics-single{
	width:740px;
	height:100px;
	}

#right .topics-single{
	height:auto;
	}
	
#right .topics-single p{
	margin-top:30px;
	}

#right .topics-list-date,
#right .topics-single-date{
	width:100px;
	font-size:14px;
	font-weight:bold;
	padding:11px 0  0 35px;
	margin-right:20px;
	color:#005baa;
	}

#right .topics-list-content,
#right .topics-single-title{
	width:600px;
	margin:0;
	padding:4px 20px 0 0;
	}
	
#right .topics-list-content h5{
	font-size:16px;
	font-weight:bold;
/*	height:20px;*/
	color:#005baa;
	letter-spacing:0.05em;
	}

#right .topics-single-title h5{
	font-size:20px;
	color:#666;
	margin-bottom:20px;
	letter-spacing:0.05em;
	line-height:1.5em;
	margin-top:0;
	}

#right .topics-list-content p{
	font-size:14px;
	}

#right p.topics-single-content{
	margin:15px 15px 20px 15px;
	font-size:16px;
	line-height:1.8em;
	letter-spacing:0.05em;
	}

#right .topics-nav{
	text-align:center;
	}

#right .topics-nav a{
	font-size:14px;
	font-weight:bold;
	}

#right input{
	width:auto;
	height:30px;
	display:inline;
	margin-right:5px;
	}

#right dt.mfp,
#right dd.mfp{
	border-style:none;
	}

#right dt.mfp{
	letter-spacing:0em;
	padding-top:15px;
	}

#right dt.mfp .remail{
	padding-top:5px;
	}

form#mailformpro{
	padding:0 30px;
	}

.required{
	color:#cc0000;
	font-size:1.1em;
	font-weight:bold;
	}
	
button{
	padding:8px 15px !important;
	font-size:14px!important;
	letter-spacing:0.15em!important;
	}

/*------------------------------------------
フッター
------------------------------------------*/

#footer {
	background-color: #fff;
	border-top: 1px solid #ddd;
	margin: 40px 0 0 0;
	color:#444;
	}
	
#footer h5 {
	font-size: 12px;
	font-weight: bold;
	color: #005baa;
	letter-spacing: -0.05em;
	}
	
#footer h5 a {
	color: #005baa;
	}
	
#footer h5 .icon {
	font-size: 1.4em;
	margin-top: -1px;
	margin-right: -2px;
	}
	
#footer ul {
	list-style-positon: inside;
	margin-left: 18px;
	}
	
#footer ul li {
	list-style-type: none;
	font-size: 11px;
	letter-spacing: -0.05em;
	margin-bottom: 2px;
	}
	
#footer .foot_menu {
	height: 160px;
	padding: 25px 0;
	
	}

#footer .foot_menu .last{
	margin:0;
	}

#footer .foot_menu p {
	font-size: 12px;
	margin: 5px 0;
	}
	
#footer .foot_menu .adress {
	font-size: 13px;
	font-weight: bold;
	margin-top: 8px;
	line-height: 1.3em;
	letter-spacing: -0.05em;
	}

#footer .foot_menu .left {
	margin-right:12px;
	}

#footer .copyright {
	background-color: #3a3a3a;
	height: 30px;
	padding-top: 5px;
	margin: 0;
	}
	
#footer .copyright p {
	text-align: center;
	background-color: #3a3a3a;
	color: #fff;
	font-size: 13px;
	margin: 0;
	padding: 0;
	}