@charset "utf-8";
/* CSS Document */


/*共通*/
html {
	overflow:auto;
}
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka;
	line-height:1.4em;
}


a:link {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration:none;
	text-decoration:underline;
}
a:visited {
	color:#333;
	text-decoration:none;
}
sub{font-size:60%;}
#wrapper {
	width:100%;
	min-width:1120px;
	background:url(../img/body_background.png);
}
#container {
	width:1100px;
/*	background:url(../img/header_background.png) no-repeat 415px -20px;*/
	margin:0 auto;
	color:#333;
	font-size:14px;
	line-height:1.8em;
	position:relative;
	overflow:hidden;
}
#header{
	position:relative;
	z-index:0;
/*	height:130px;*/
}
#header #to_sodick{
	position:absolute;
	top:0px;
	right:0px;
}
#language_area {
position: absolute;
top: 7px;
right: 191px;
z-index: 10;
}
#language_area li {
display: table-cell;
}



/*#header{position:relative;}
#header #to_sodick{position:absolute;top:0px;right:0px;}
#language_area {
position: absolute;
top: 7px;
right: 191px;
z-index: 10;
}
#language_area li {
display: table-cell;
}*/
#contents {
	width:798px;
	float:left;
	margin:40px 0 0 0;
/*    margin: 40px auto;*/
}
#contents .outer {
	background:rgba(255,255,255,0.8);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ccffffff', endColorstr='#ccffffff');
	padding: 5px 13px 5px 13px;
}

h1 { 
	padding: 40px 0 20px 0!important; 
/*	float: left;*/
	text-align:center;
}


/*h1{
	float: left;
}*/

/*add gnavi*/

#gmenu *{
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#gmenu{
/*	float: right;*/
	padding-top: 10px;
/*	margin-bottom: 30px;*/
	width:100%;
	display: table;
	
}


#gmenu li {
	display:table-cell;
	position:relative;
	width:20%;
	padding-right: 0.5%;
	vertical-align: middle;
}

/*
#gmenu{
	float: right;
	padding-top: 50px;
	margin-bottom: 30px;
	width:70%;
	display: table;
	
}
#gmenu li {
	display:table-cell;
	position:relative;
	width:25%;padding-right: 0.5%;
	vertical-align: middle;
}

#gmenu li.gmenu_factory a:before {
content:url(../img/icons_factory.png);
}
#gmenu li.gmenu_history a:before {
content:url(../img/icons_history.png);
}
#gmenu li.gmenu_tech a:before {
content:url(../img/icons_tech.png);
}
#gmenu li.gmenu_world a:before {
content:url(../img/icons_world.png);
}

#gmenu li.gmenu_factory a:hover:before,#gmenu li.gmenu_factory a.current:before {
content:url(../img/icons_factory_on.png);
}
#gmenu li.gmenu_history a:hover:before,#gmenu li.gmenu_history a.current:before {
content:url(../img/icons_history_on.png);
}
#gmenu li.gmenu_tech a:hover:before,#gmenu li.gmenu_tech a.current:before {
content:url(../img/icons_tech_on.png);
}
#gmenu li.gmenu_world a:hover:before,#gmenu li.gmenu_world a.current:before {
content:url(../img/icons_world_on.png);
}
*/
#gmenu li a:before{
min-height:22px;
padding-right: .8em;
display: inline-block;
vertical-align:text-top;
}

#gmenu li a:after{
	display: block;
	content: '';
	position: absolute;
	background: #33cc99;
	top: 13px;
	left: -26px;
	width: 45px;
	height: 1px;
	-webkit-transform: rotate(-65deg);
	-ms-transform: rotate(-65deg);
	transform: rotate(-65deg);
}

#gmenu li:first-child > a:after {
	display: none;
}

#gmenu li a {
	display:block;
	position:relative;
	width:100%;
/*	padding:0.8em 1em;*/
	text-decoration: none;
	text-align:center;
	font-size:110%;
	color:#333;
/*	color:#093;*/
	background: #fff;
/*	border-bottom:3px solid #33cc99;
	border:2px solid #33cc99;
	border-radius:3px;*/
	font-weight: bold;
	-webkit-transition: all .25s linear;
	   -moz-transition: all .25s linear;
	    -ms-transition: all .25s linear;
	     -o-transition: all .25s linear;
	        transition: all .25s linear;
/*    -webkit-box-shadow: 2px 2px 1px rgba(0,153,51,.75);
    -moz-boz-shadow: 2px 2px 1px rgba(0,153,51,.75);
    box-shadow: 2px 2px 1px rgba(0,153,51,.75);*/
}

#gmenu li a span{
	display:block;
	font-size:15px;
	margin:-3px 0 0 0;
}
#gmenu li a:hover {
/*	border-bottom:3px solid #33cc99;	
	color:#fff;
	background: #093;
*/
	text-decoration: none;
	opacity: 0.5;
}

#gmenu li a.current {
	color:#33B682;
	text-decoration: none;
}


/*#gmenu li a {
	display:block;
	position:relative;
	width:100%;
	padding:0.8em 1em;
	text-decoration: none;
	color:#093;
	background: #fff;
	border:2px solid #33cc99;
	border-radius:3px;
	font-weight: bold;
	-webkit-transition: all .25s linear;
	   -moz-transition: all .25s linear;
	    -ms-transition: all .25s linear;
	     -o-transition: all .25s linear;
	        transition: all .25s linear;
    -webkit-box-shadow: 2px 2px 1px rgba(0,153,51,.75);
    -moz-boz-shadow: 2px 2px 1px rgba(0,153,51,.75);
    box-shadow: 2px 2px 1px rgba(0,153,51,.75);
}
#gmenu li a:hover,#gmenu li a.current {
	color:#fff;
	background: #093;
}
*/
#side {
	float:right;
	width:265px;
    margin-top: 30px;
}
#smenu {
	width:261px;
	overflow:hidden;
	margin:12px 0 20px 0;
	border:1px solid #009933;
	background:#fff;
}
#smenu li {
	padding:1px 1px 1px 1px;
	line-height:1.4em;
	font-size:11px;
	border-top:dotted 1px #999;
	font-weight:bold;
}
#smenu li a {
	background:#fff url(../img/side_menu_arrow.png) no-repeat 7px 11px;
	display:block;
	padding:10px 5px 10px 24px;
}
#smenu li a:hover {
	background:#e5e5e5 url(../img/side_menu_arrow_carrent.png) no-repeat 7px 11px;
}
#smenu li a.current {
	background:#e5e5e5 url(../img/side_menu_arrow_carrent.png) no-repeat 7px 11px;
	display:block;
	padding:10px 0 10px 24px;
}

#smenu li ul{
	display: none;
}

#smenu li li a {
	padding-left:35px;
	background:#fff url(../img/side_menu_arrow.png) no-repeat 18px 11px;
	font-weight:normal;
}



#smenu li li a:hover { background:#e5e5e5 url(../img/side_menu_arrow_carrent.png) no-repeat 18px 11px; font-weight:normal;}
#smenu li li  a.current {
	background:#e5e5e5 url(../img/side_menu_arrow_carrent.png) no-repeat 18px 11px;
	display:block;
	padding-left:35px;
}

#smenu li.top {

	font-weight:bold;
	font-size:16px;
	border:none;
}

#smenu li.top a {
	color:#fff;
	width:100%;
	background:#009933;
	display:block;
	padding:20px 0 20px 10px;
}
#smenu li.top a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
}
#smenu li.long {
	letter-spacing:-0.6px;
	font-size:11px;
}
#smenu a:link {
	color:#333;
	text-decoration:none;
}
#smenu a:hover {
	color:#333;
	text-decoration:none;
}
#smenu a:visited {
	color:#333;
	text-decoration:none;
}
#contents .inner {
	padding:18px 18px 30px 18px;
}
#pagenav {
	padding:70px 0 0 0;
	font-size:13px;
	clear:both;
}
#pagenav table{text-align:left;width:798px;}
#pagenav td{vertical-align:middle;padding:0 10px 0 10px;width:2%;}
#pagenav .prev{position:relative;padding:10px 0px 10px 40px;width:49%;text-align:left;}
#pagenav .next{position:relative;padding:10px 40px 10px 0px;width:49%;text-align:left;}
#pagenav .prev img{position:absolute;top:30px;left:0px;}
#pagenav .next img{position:absolute;top:30px;right:0px;}
#pagenav span {
	line-height:1.5em;
	font-size:14px;
	font-weight:normal;
}
#pager {
	margin:24px auto;
	text-align:center;
	font-size:13px;
}
#pager li {
	display:inline-block;
	padding:3px 0 3px 0;
	text-align:center;
	border:1px solid #999;
	margin:0 0 0 0;
	width:30px;
		background:#fff;
}
#pager li.end {
	width:60px;
}
#pager li a {
	display:block;
}
#pager li:hover {
	color:#fff;
	text-decoration:none;
	background:#33b682;
}
#pager li.current {
	color:#fff;
	text-decoration:none;
	background:#33b682;
}
#pager li a:hover {
	color:#fff;
	text-decoration:none;
	background:#33b682;
}
#pager li.current a {
	color:#fff;
	text-decoration:none;
	background:#33b682;
}
#footer {
	clear:both;
	background:#009933;
	height:30px;
	color:#fff;
	padding:15px 0 10px 0;
}
#footer p {
	width:798px;
	margin:0 auto;
	font-size:12px;
	text-align:center;
}

#side .s_navbnr {
	width:265px;
	margin-bottom:20px;
	padding-top:3px;
}
#side .s_navbnr .category {
	color:#009933;
	font-size:14px;
	font-weight:bold;
}
#side .s_navbnr.long .category {
line-height: 1.3em;
letter-spacing: -0.5px;
}


#side .s_navbnr:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
}
#side .s_navbnr .date {
	color:#999;
	font-size:11px;
	font-weight:bold;
}
#side .s_navbnr .title {
	color:#333;
	font-size:16px;
	font-weight:bold;
	padding:12px 0 9px 0;
	line-height:1em;
}
#side .s_navbnr .subtitle {
	color:#333;
	font-size:12px;
	font-weight:bold;
	line-height:1em;
	padding:0 0 12px 0;
}
#side .s_navbnr .text {
	color:#333;
	font-size:12px;
	padding:0 0 0 0;
	line-height:1.4em;
}
a img.alpha:hover {
	opacity:0.9;
	filter: alpha(opacity=90);
}



/*1509add*/
ul.snav{
	float: right;
	position: relative;
	z-index:30;
}
ul.snav li{
	display: inline-block;
}

ul.snav li a{
	display: block;
	background: #339933;
	padding:.2em 1.5em;
	color:#fff!important;
	text-decoration: none!important;
	font-weight: bold;
	border-radius:5px;
}

ul.snav li a.current,ul.snav li a:hover{
	background: #FF9900;
}

#pagetop {
	position: fixed;
	bottom: 0px;
	right: 170px;
	z-index:100;
}

#pagetop .pagetopInner{
	height:114px;
	overflow: hidden;
	display: block;
}

#pagetop a{
	display: block;
	margin-top:70px;
}

#pagetop a img{
	vertical-align:bottom;
}

#pagetop .pagetop_icon_c{
	display: none;
}

#bnr_motion {
	position: fixed;
	top: 71px;
	right: 0px;
	z-index:100;
}

/*style-guide*/

ul.list_tag li{
	background: url(../img/icon_tag.png) 0 0 no-repeat;
	padding-left: 35px;
	margin-bottom: 1.5em;
}

.summary_text{
	font-size:15px;
}

.summary_text_l{
	font-size:17px;
	line-height:1.3;

}

.nowrap{
	white-space:nowrap;
}

.font_ml{
	font-size:18px;
	line-height:1.3;
}

.font_l{
	font-size:24px;
	line-height:1.3;
}

.font_ll{
	font-size:36px;
	line-height:1.2;
}

.imgArea{
	text-align: center;
}

.bsp120{
	padding-bottom:80px;
}

.column_box{
  zoom: 1;
}

.column_box:after{
    content: '';
    display: block;
    clear: both;
}



.column_box {
  padding-bottom: 40px;
}

.column_box .i_title {
  font-size: 26px;
  font-size: 2.6rem;
  color: #336600;
  line-height: 1.2;
  letter-spacing: 0.1em;
  background: none !important;
}

.column_box .i_title span {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: 0em;
}

.column_box .f_img {
  float: right;
  padding-left: 10px;
  padding-bottom: 20px;
}

.column_box .f_imgl {
  float: left;
  padding-right: 20px;
  padding-bottom: 20px;
}

.column_box .f_txtl {
  width: 49%;
  float: left;
  padding-right: 2%;
}

.column_box .f_txtr {
  float: right;
  width: 49%;
}

.column_box .i_txt {
  font-size: 8px;
  font-size: 0.8rem;
  margin-bottom: 12px;
}

.column_box .oh{
  overflow: hidden;
}

.column_box .i_caption {
  font-size:90%;
  display: block;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 0 0 10px;
  overflow: hidden;
}

.faqArea{
	background: url(../img/icon_a_ver2.png) left top no-repeat;
	padding-left: 45px;
}

.esp_color{
	color:#f90;
}

.esp_color_grn{
	color:#33cc99;
}

.inText{
	padding:0 25px 40px;
}

.bold{font-weight: bold;}

.st_title_s{
	background: #009966;
	color:#fff;
	font-weight: bold;
	font-size:16px;
	padding:5px 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
	display: inline-block;
	margin-bottom: 0.5em;
}

h2{
	min-height:48px;
}

h2.with_qtitle{
	margin-bottom: 1em;
	line-height:1.1;
}

h2.with_qtitle:after{
    content: ""; 
    display: block; 
    clear: both;}


h2.with_qtitle p.oh{
    	line-height:1.1;
    	overflow: hidden;
}


h2.with_qtitle img{
	padding-right: 0.5em;
	vertical-align:middle;
	display: inline-block;
	float: left;
}


nav.boxArea02 {
  width: 1092px;
  overflow: hidden;
  margin-bottom: 400px;
  }
  nav.boxArea02 ul {
    width: 1100px;
    margin-bottom: 30px;
    }
    nav.boxArea02 ul li {
    padding:10px;
      width: 265px;
      margin-right: 10px;
      background: #fff;
      float: left;
      border:2px solid #093;
      border-radius:3px;
	-webkit-transition: all .25s linear;
	   -moz-transition: all .25s linear;
	    -ms-transition: all .25s linear;
	     -o-transition: all .25s linear;
	        transition: all .25s linear;
    -webkit-box-shadow: 2px 2px 3px rgba(0,153,0,.25);
    -moz-boz-shadow: 2px 2px 3px rgba(0,153,0,.25);
    box-shadow: 2px 2px 3px rgba(0,153,0,.25);

      }

nav.boxArea02 ul li .pic img {
        width: 100%;}

nav.boxArea02 ul li .date{
color:#333;
font-size:14px;
font-weight:bold;
text-align: right;
}
nav.boxArea02 ul li .category{
display: none;
}
nav.boxArea02 ul li .pic{
	padding-bottom: 5px;
}

nav.boxArea02 ul li .text{
line-height: 1.5;
}


nav.boxArea02 ul li .text .title{
font-weight: bold;
font-size: 16px;
padding-bottom: .5em;
}
nav.boxArea02 ul li .text .subtitle{
font-weight: bold;
padding-bottom: .5em;
}
nav.boxArea02 ul li .text .caption{
font-size:12px;
line-height:1.5;
}

#contents.wide *{
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

#contents.wide {
	width:100%;
	float: none;
}

#contents.wide h2{
	margin-bottom: 20px;
	min-height:48px;
}
#contents.wide h2:before{
display: inline-block;
padding-right: 0.8em;
min-height:48px;
vertical-align:middle;
}


.c_world #contents.wide h2:before {
content:url(../img/icon_world.png);

}
.c_factory #contents.wide h2:before {
content:url(../img/icon_factory.png);
}

.linkBox{
	cursor:pointer;
}


/*padding,margin*/

.tsp5{
	padding-top: 5px;
}
.tsp10{
	padding-top: 10px;
}
.tsp20{
	padding-top: 20px;
}
.tsp30{
	padding-top: 30px;
}
.tsp40{
	padding-top: 40px;
}
.tsp50{
	padding-top: 50px;
}
.tsp60{
	padding-top: 60px;
}
.tsp70{
	padding-top: 70px;
}
.tsp80{
	padding-top: 80px;
}


.bsp5{
	padding-bottom: 5px;
}
.bsp10{
	padding-bottom: 10px;
}
.bsp20{
	padding-bottom: 20px;
}
.bsp30{
	padding-bottom: 30px;
}
.bsp40{
	padding-bottom: 40px;
}
.bsp50{
	padding-bottom: 50px;
}
.bsp60{
	padding-bottom: 60px;
}
.bsp70{
	padding-bottom: 70px;
}
.bsp80{
	padding-bottom: 80px;
}


.lsp10{
	padding-left: 10px;
}
.lsp20{
	padding-left: 20px;
}
.lsp30{
	padding-left: 30px;
}
.lsp40{
	padding-left: 40px;
}
.lsp50{
	padding-left: 50px;
}
.lsp60{
	padding-left: 60px;
}
.lsp70{
	padding-left: 70px;
}
.lsp80{
	padding-left: 80px;
}

.rsp10{
	padding-right: 10px;
}
.rsp20{
	padding-right: 20px;
}
.rsp30{
	padding-right: 30px;
}
.rsp40{
	padding-right: 40px;
}
.rsp50{
	padding-right: 50px;
}
.rsp60{
	padding-right: 60px;
}
.rsp70{
	padding-right: 70px;
}
.rsp80{
	padding-right: 80px;
}


.bmd5{
	margin-bottom: 5px;
}
.bmd10{
	margin-bottom: 10px;
}
.bmd20{
	margin-bottom: 20px;
}
.bmd30{
	margin-bottom: 30px;
}
.bmd40{
	margin-bottom: 40px;
}
.bmd50{
	margin-bottom: 50px;
}
.bmd60{
	margin-bottom: 60px;
}
.bmd70{
	margin-bottom: 70px;
}
.bmd80{
	margin-bottom: 80px;
}


/*.textArea{
	padding-bottom: 30px;

}*/

.t_l{
	text-align: left;
}
.t_c{
	text-align: center;
}

.t_r{
	text-align: right;
}

.imgArea{
	padding-bottom: 30px;
}

.f_l{
	float: left;
}

.f_r{
	float: right;
}

.articles{
	padding:0 0 40px;
}

/*Voice 01*/
.c_interview h2#page_title{background: url(../img/icon_interview.png) no-repeat 0px 0px;}


#interview01 h2#page_title{
    font-size: 23px!important;
}


#interview01 .fs_l {
    font-size: 43px!important;
}
#interview01 .fs_m {
    font-size: 28px!important;
}
#interview01 .pic_main img{
    width: 772px;
}

#interview01 .st_title{
    font-size: 35px;
    font-weight: bold;
    line-height: 1.2;
	padding: 20px 0 30px 0;
}

#interview01 .pic img{
    width: 772px;
	margin:30px 0 30px 0;
}

#interview01 h3{
	font-size: 35px;
    font-weight: bold;
    line-height: 1.2;
	color: #333;
    margin: 20px 0 20px 0;
}

#interview01 #column .box_pic{
	float: right;
	width: 252px;
	padding: 5px 0 30px 15px;
	font-size: 85%;
	text-align: center;
	margin-top: 0px;
}

#interview01 #column .box_pic span{
	display: inline-block;
    padding-right: 20px;
}

#interview01 #column .box_pic img{
	border-radius: 50%; 
	padding: 0;
}

#interview01 #column .com_name{
	font-size:26px;
	margin:10px 0 30px 20px;
}

#interview01 #column dl.com_detail {
/*	width:420px;*/
    line-height: 1.6;
    margin-left: 20px;
}

#interview01 #column dl.com_detail dt{
    float: left;
    padding-left: 8px;
    margin-bottom: 10px;
   	border-left:4px solid #33B682;

}

#interview01 #column dl.com_detail dd{
    margin-left: 80px;
    margin-bottom: 10px;
}

#interview01 #column dl.com_detail dd span{
	display: block;
}

#interview01 #contents .outer{
	margin: 0 0 50px 0;
}