@charset "utf-8";

/*=========================================================
	[ responsive.css ]
	date - creation:2015-06-01 // update:2015-06-01
=========================================================*/

/*=========================================================
	index
		1. Page format
		2. header
		3. contents
		4. footer
=========================================================*/

/* 1. Page format
=========================================================*/

/* 2. header
=========================================================*/

/*     form   
=========================================================*/


/* 3. contents
=========================================================*/


/* 4. footer
=========================================================*/


/* 5. searchbar
=========================================================*/


/* 6. responsive
=========================================================*/

@media screen and (min-width: 800px) {
	
	
}
@media screen and (max-width: 799px) {

}
@media screen and (max-width: 700px) {
	

}
@media screen and (max-width: 640px) {
	
body{-webkit-text-size-adjust:100%;}

img{
max-width: 100%;
height: auto;
width /***/:auto;�@
}

/* header */
#header h1 {
    width: 250px;
}
#headerBox h1 img#logo{
	display:none;
}
#header{
	width:auto;
	background: none;
}
#headerInner{
	width:auto;
	padding:0 10px;
	background-size:auto 65px;
}
#headerBox{
	width:auto;
}
#headerBox h1{
	margin-top: 0px;
	margin-left: 10px;
}
#headerBox h1 img#logo_sp{
	display:block;
	margin-top: 15px;
}
#headerBox #sidr_btn{
	display:block;
	width:33px;
	height:auro;
	margin-top: 15px;
	margin-right: 10px;
	float:right;
}
#search-box {
    margin-top: 10px;
}
#navInner{
	display:none !important;
}
ul#navGlobal {
    
}
#headerLnk {
    margin-top: 10px;
	display:none !important;
}

/* container */
#container{
	width:auto;
	margin: 0px auto 0px !important;
}
#containerinner {
	padding: 14px 10px;
}
#content{/* max-width:670px */
	float:none;
	width:100% !important;
	/*margin-top:0;*/
	margin: 0 0px !important;
	/*padding:0 10px;*/
}
.column1 #content{
	width:auto;
}

div#tab-container-1 ul li {
    
}
div#tab-container-1 ul li a {
     width: 100% !important;
}
.des-news dt {
    float:none;
	padding-bottom: 0px !important;
}
.des-news dd {
	padding-top: 0px !important;
    padding-left: 0px;
}
#conference table{
    width:100%;
}
#conference table td{
	vertical-align: baseline;
	font-size: 0.8em; 
}

/* side */
#side{
	display:none !important;
}
#side2{
	display:none !important;
}
#side_sp {
	display:block;
	margin-top: 0px;
	padding-top: 10px;
}
#side_sp_inner01,#side_sp_inner02 {
	padding: 15px;
}
#side_sp_inner01 {
	background-color: #EDF7F8;
}
#side_sp_inner02 {
	border: solid thin #ccc;
	margin-top: 10px;
}
#side_sp h2 {
	font-size: 105%;
	text-indent: 1em;
	clear: both;
	margin: 15px 0px 0px;
	background: transparent url("../../common2/images/for_top_side_h2_sp.jpg") no-repeat scroll 0% 0%;
	height: 33px;
	color: #FFF;
	font-weight: bold;
	line-height: 2.5;
}
#top #side_sp h2 a {
	color: #FFF;
}

/* Link list */
ul.mkLink_sp,
.mkLink_sp ul{
	list-style:none;
}
.mkLink_sp li{
	margin:.3em 0;
	padding-left:15px;
	line-height:1.5;
}
/* maker image */
#side_sp .mkLink_sp li{
	background:url("../../common2/images/for_side_link.gif") no-repeat .2em .5em;
	}

/* footer */
#footerInner01{
	display:none !important;
}
#footerInner02{
	width:auto;
	text-align: center;
}
#footerInner02 #flogo{
	display:none !important;
}
#footerInner02 #flogo{
	display:none !important;
}
#footerInner02 #flogo_sp{
	display:block !important;
}
#pageTop {
    right: 10px;
    bottom: 10px;
}

/* Second_class */
div#topicPath {
    margin: 0px;
    padding: 10px 0px;
    line-height: 1.6;
    text-align: left;
    background-color: #FAFAFA;
	padding: 14px 10px;
}
#containerinner {
    border: none;
}
#content h1.cTop {
    margin: 0px !important;
}
#content h1.hLv1 {
    margin: -20px 0px 10px;
}
#technology #content,#solutions #content,#case #content,#msi #content,#msi #content{
	padding: 0px !important;
	border: none !important;
}
#technology #side_sp h2,#solutions #side_sp h2,#case #side_sp h2,#msi #side_sp h2,#msi #side_sp h2 {
    background: transparent url("../../common2/images/for_side_bkg_sp.jpg") no-repeat scroll left top;
    padding: 17px 10px 15px;
    font-weight: bold;
    font-size: 15px;
    border-bottom: 1px solid #CCC;
	margin-top:0px;
}
#technology #side_sp .navLink,#solutions #side_sp .navLink,#case #side_sp .navLink,#msi #side_sp .navLink,#msi #side_sp .navLink {
    border:solid thin #ccc;
}
#technology #side_sp .navLink ul li,#solutions #side_sp .navLink ul li,#case #side_sp .navLink ul li,#msi #side_sp .navLink ul li,#msi #side_sp .navLink ul li {
    font-size: 13px;
    list-style: outside none none;
}
#technology #side_sp .navLink ul li a ,#solutions #side_sp .navLink ul li a ,#case #side_sp .navLink ul li a ,#msi #side_sp .navLink ul li a ,#msi #side_sp .navLink ul li a {
    display: block;
    padding: 12px 12px 12px 24px;
    background: transparent url("../../common2/images/for_side_link.gif") no-repeat scroll 10px 14px;
    border-bottom: 1px solid #CCC;
    outline: medium none;
}

#content div.w320{
	width:100%;
	margin-bottom:0px;
	}
#technology #content div.w320 h2,#solutions #content div.w320 h2,#case #content div.w320 h2,#msi #content div.w320 h2,#msi #content div.w320 h2{
	width:96% !important;
	background: transparent url("../../common2/images/for_h2.jpg") no-repeat scroll left center !important;
	}
#technology #content h2,#solutions #content h2,#case #content h2,#msi #content h2,#msi #content h2{
	width:96% !important;
	}
#msi iframe{
	width:100%;
	}
/* Second_class_msi */
#msi #content div.mr20{
	margin-right:0px !important;
	}
	
/* flexslider */
.flexslider:hover .flex-direction-nav .flex-prev {
  left: 0px !important;
}
.flexslider:hover .flex-direction-nav .flex-next {
  right: 0px !important;
}

}
@media screen and (max-width: 550px) {
	#content h2 {
    font-size: 100% !important;
}
}
@media screen and (max-width: 460px) {
	
}
@media screen and (max-width: 380px) {

}

@media screen and (max-width:320px){
#wrapper {
	width: 320px !important;
}
}