@charset "utf-8";

* {
margin:0;
padding:0;
}

video {
	width: 100%;
}

.pr_makuake_sp {
	display: none;
}

.mokibo_sup img {
	width: 100%;
}

img,table,td,th {
	border:0;
}

.products-main2 img {
	width: 100%;
}

.series_link img {
	width: 100%;
}

.pfgif img {
	width: 100%;
}

.pfs_03 .imgbox img {
	width: 100%;
}

html {
	background:white;
	height:100%;
}

a:link,
a:visited{
color:#666666;
text-decoration:none;
}

a:hover,
a:active{
color:#666666;
text-decoration:underline;
}

body {
font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:12px;
line-height:2;
color:#000000;
text-align:center;
background:#FFFFFF;
}

#background_black {
background:#000000;
color:#FFFFFF;
}

#background_black a:link,
#background_black a:visited{
color:#ffffff;
text-decoration:none;
}

#background_black a:hover,
#background_black a:active{
color:#ffffff;
text-decoration:underline;
}

.support_btn {
	width: 70%;
    display: inline-block;
    padding: 1.3em 3em;
    text-decoration: none!important;
    color: #B1B1B1;
    border: solid 2px #B1B1B1;
    border-radius: 3px;
    transition: .4s;
	margin-bottom: 1.3em;
	text-align: center;
}

.support_btn:hover {
    background: #B1B1B1;
    color: white!important;
}

.onlineshop_btn {
	width: 70%;
    display: inline-block;
    padding: 1.3em 3em;
    text-decoration: none!important;
    color: #B1B1B1;
    border: solid 2px #B1B1B1;
    border-radius: 3px;
    transition: .4s;
	margin-bottom: 1.3em;
	text-align: center;
}

.onlineshop_btn:hover {
    background: #f39800;
    color: white!important;
	border: solid 2px #f39800;
}



/*　　　PC　　　*/

#container {
margin:0 auto;
width:1000px;
padding:0 0 20px 0;
}


/*header*/
#header {
text-align:left;
padding:0 0 19px 0;
}

#header-logo {
	float:left;
	width:24%;
	margin:19px 0 0 0;
}

#header-link {
	float:right;
	/* width:53%; */
	margin:39px 0 0 0;
}

#header-link_sp {
	display:none;
}

#header ul li {
list-style-type:none;
display:inline;
background:url(../img/p-header.gif)  no-repeat 0 2px;
padding:0 30px 0 10px;
}

#background_black #header ul li {
list-style-type:none;
display:inline;
background:url(../img/p-header_backblack.gif)  no-repeat 0 2px;
padding:0 30px 0 10px;
}


/*gnavi*/
#gnavi {
	width:100%;
	margin:0 0 24px 0;
}

#gnavi ul li {
list-style-type:none;
display:block;
float:left;
}

a.gnavi_01 {
width:200px;
height:53px;
overflow:hidden;
display:block;
text-indent: -9999px;
background:url(../img/gnavi-products.gif) no-repeat top center;
}

a:hover.gnavi_01 {
background:url(../img/gnavi-products_on.gif) no-repeat top center;
}

.sp-pcno {
	display:none;
}

a.gnavi_02 {
width:200px;
height:53px;
overflow:hidden;
display:block;
text-indent: -9999px;
background:url(../img/gnavi-qa.gif) no-repeat top center;
}

a:hover.gnavi_02 {
background:url(../img/gnavi-qa_on.gif) no-repeat top center;
}

a.gnavi_03 {
width:200px;
height:53px;
overflow:hidden;
display:block;
text-indent: -9999px;
background:url(../img/gnavi-support.gif) no-repeat top center;
}

a:hover.gnavi_03 {
background:url(../img/gnavi-support_on.gif) no-repeat top center;
}

a.gnavi_04 {
width:200px;
height:53px;
overflow:hidden;
display:block;
text-indent: -9999px;
background:url(../img/gnavi-download.gif) no-repeat top center;
}

a:hover.gnavi_04 {
background:url(../img/gnavi-download_on.gif) no-repeat top center;
}

a.gnavi_05 {
width:200px;
height:53px;
overflow:hidden;
display:block;
text-indent: -9999px;
background:url(../img/gnavi-onlineshop.gif) no-repeat top center;
}

a:hover.gnavi_05 {
background:url(../img/gnavi-onlineshop_on.gif) no-repeat top center;
}

/*content*/
#content {
text-align:left;
width:100%;
}


/*mainimage*/
#mainimage {
margin:0 0 40px 0;
}

#video_p {
margin:30px 0 30px 0;
}

/*pagetop*/
.pagetop {
	width:100%;
	text-align:right;
	clear:both;
	padding:65px 0 0 0;
}

.padding_20 { 
padding-top:20px;
}

/*footer*/
#footer-all {
background:#f0f0f0;
}

#footer {
width:1000px;
margin:0 auto;
padding:25px 0;
text-align:center;
color:#333333;
}

#background_black #footer {
color:#ffffff;
}

#footer-link {
text-align:left;
width:50%;
float:left;
}
/*ニュースリリースなど復活時にこちらに
#footer-link {
text-align:left;
width:55%;
float:left;
}
*/

#footer-link ul {
	width:100%;
}

#footer-link ul li {
display:block;
list-style-type:none;
float:left;
}

#footer-logo {
width:40%;
float:right;
margin:20px 43px 0 0;
text-align:right;
}

@media screen and (max-width:599px) {
/*SmartPhone*/

.mokibo_sup img {
	width: 107%;
}	
	
.pr_makuake_sp {
	display: block;
}	
	
	.pr_makuake_pc {
		display: none;
	}
	
#writer_recruitment img {
	width: 107%;
}	
	
#footer-logo {
width:40%;
float:none;
margin:3em 0 0 0;
}
}

#footer-logo img {
	width: 50%;
}

address {
font-style:normal;
font-size:10px;
margin:10px 0 0 0;
}


/*common*/
.right {
text-align:right;
}

.float-r {
	float:right;
}

.float-l {
	float:left;
}

.p-end {
	margin-bottom: 20px;
}

.p-top {
	margin-top: 20px;
}

.p-normal {
	font-size:14px;
}

#main2 p.logo-color {
color:#ED8000;
}

.left {
	text-align:left;
}

.center {
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-align:center;
	text-align:-moz-center; /*FF*/   
}

.fontcolor_or { 
color:#ED8000;
}
.fontcolor_gray{
	color:#666;
	}

/*clearfix*/
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
} 

.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */


/*---------------------------------
  PC/スマホ別表示
---------------------------------*/
/* PC用スタイル：幅600px以上（最小幅600px） */
@media screen and (min-width:600px) {

  /* スマホパーツ非表示 */
  .-sp {
    display: none;
  }
}

/* スマホ用スタイル：幅599px以下（最大幅599px） */
@media screen and (max-width:599px) {

  /* PCパーツ非表示 */
  .-pc {
    display: none;
  }
}