@charset "UTF-8";

@import url(reset.css);

/*-----------------------------------------------
CSSファイル名:defalut.css
-------------------------------------------------
階層構造
-------------------------------------------------
#header
#wrapper
  #contents
    #navigation
    #main
    #sub
#footer
-----------------------------------------------*/

@media all{

body {
color:#333;
font-size:80%;
line-height:1.8;
background:url(/common/index-img/bg.gif) repeat-x top center;
}


/*-----------------------------------------------
header
-----------------------------------------------*/
#header{
position:relative;
width:876px;
height:132px;
padding:0;
margin:0 auto;
}

h1{
position:absolute;
top:20px;
left:0;
line-height:0;
}

h1 a{
line-height:0;
}

#header ul.sub-navi:after {
content:url(/common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

#header ul.sub-navi {
position:absolute;
top:20px;
right:0;
display: inline-block;
} 

/* Hides from IE-mac \*/
* html #header ul.sub-navi {
height: 1%;
}

#header ul.sub-navi
{display: block;}
/* End hide from IE-mac */

#header ul.sub-navi li{
float:left;
font-size:0;
line-height:0;
margin:0 0 0 10px;
}

#header ul.sub-navi li.lang{
margin:0 0 0 20px;
padding:0 0 0 18px;
background:url(/common/img/s-navi-line.gif) no-repeat center left;
}

#header ul.sub-navi li a{
font-size:80%;
}

#header ul.sub-navi li a img{
vertical-align:top;
}



/*search
-----------------------------------------------*/
#cse-search-box{
position:absolute;
top:43px;
right:0;
width:230px;
height:21px;
overflow:hidden;
padding:0 0 0 90px;
background:url(/common/img/txt-search.gif) no-repeat 0 5px;
}

#cse-search-box #intext{
position:absolute;
top:0;
right:43px;
width:182px;
height:16px;
padding:2px 3px 1px !important;
border:1px solid #7f9db9;
background: none !important;
}

#cse-search-box button{
position:absolute;
top:0;
right:0px;
width:43px;
height:21px;
text-indent:-9999px;
background:url(/common/img/btn-search.gif) no-repeat top left;
border:0;
cursor:pointer;
}

#cse-search-box button:hover{
background:url(/common/img/btn-search.gif) no-repeat bottom left;
}

/*-----------------------------------------------
flash-area
-----------------------------------------------*/
#flash-area{
width:100%;
height:200px;
margin:0 auto;
text-align:center;
}



/*-----------------------------------------------
navigarion
-----------------------------------------------*/

#g-navi:after {
content:url(/common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

#g-navi {
position:absolute;
bottom:0px;
left:0;
width:620px;
height:51px;
display: inline-block;
} 

/* Hides from IE-mac \*/
* html #g-navi {
height: 1%;
}

#g-navi
{display: block;}
/* End hide from IE-mac */


#g-navi li{
float:left;
}

#g-navi li a{
line-height:0;
}



/*-----------------------------------------------
footer
-----------------------------------------------*/
#footer{
margin:5em 0 0 0;
padding:0 0 35px;
border-top:1px solid #dfdfdf;
background:#666;
}

#f-navi {
padding:0.5em 0;
margin:0 0 1em;
background:#fff url(/common/img/f-navi-bg.gif) repeat-x top left;
} 


#f-navi .inner{
width: 876px;
margin: 0 auto;
padding: 0;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}

#f-navi ul{
display: -webkit-flex;
display: flex;

}

#f-navi ul li a {
color: #333;
background: #fdfdfd;
}

#f-navi ul li img{
vertical-align: middle;
}

#f-navi ul.comlink{
-webkit-flex-wrap: wrap;
-ms-flex-wrap    : wrap;
flex-wrap        : wrap;
width: 580px;
}

#f-navi ul.comlink li{
}

#f-navi ul.comlink li a{
border-right: 1px solid #666;
padding: 0 20px;
}

#f-navi ul.comlink li:last-child a{
border: 0;
}


#footer p{
width:876px;
padding:0;
margin:0 auto 0.5em;
line-height:0;
}

#footer p img{
vertical-align:top;
}



/*-----------------------------------------------
contents
-----------------------------------------------*/
#contents:after {
content:url(/common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

#contents {
width:882px;
margin:0 auto;
padding:0;
display: inline-block;
} 

/* Hides from IE-mac \*/
* html #contents {
height: 1%;
}

#contents
{display: block;}
/* End hide from IE-mac */



/* main
-----------------------------------------------*/
#main{
float:left;
width:620px;
}

#main h2{
position:relative;
margin:2em 0;
}

#main h2 a.btn-news{
position:absolute;
top:20px;
right:76px;
line-height:1;
}

#main h2 a.btn-rss{
position:absolute;
top:20px;
right:11px;
line-height:1;
}

#main strong{
font-weight:bold;
}


/* --- product news --- */
#product-news dl:after {
content:url(/common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

#product-news dl {
margin:0 15px 20px;
padding:0 0 21px;
background:url(/common/img/dot01.gif) repeat-x bottom left;
display: inline-block;
}

/* Hides from IE-mac \*/
* html #product-news dl {
height: 1%;
}

#product-news dl
{display: block;}
/* End hide from IE-mac */

#product-news dl dt{
float:left;
}

#product-news dl dt.title{
float:none;
padding:0 0 0 100px;
margin:0 0 0.45em;
}

#product-news dl dt.title a{
display:block;
padding:0.25em 0 0.2em 25px;
text-decoration:none;
font-weight:bold;
background:#f0f0f0 url(/common/img/arrow-blue.gif) no-repeat 10px 0.85em;
}

#product-news dl dt.title a:hover{
background:#e8e8e8 url(/common/img/arrow-blue.gif) no-repeat 10px 0.85em;
}

#product-news dl dd{
line-height:1.6;
padding:0 0 0 100px;
}


#product-news dl dd.date{
font-family:"ＭＳ ゴシック", "Osaka－等幅";
font-size:80%;
font-weight:bold;
padding:0;
line-height:1;
margin:0 0 0.1em;
color:#999;
background:none;
letter-spacing:0.05em;
text-align:right;
}


/* --- release news --- */
#release-news dl:after {
content:url(/common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

#release-news dl {
margin:0 15px 0.5em;
padding:0 0 0.5em;
background:url(/common/img/dot01.gif) repeat-x bottom left;
display: inline-block;
}

/* Hides from IE-mac \*/
* html #release-news dl {
height: 1%;
}

#release-news dl
{display: block;}
/* End hide from IE-mac */

#release-news dl dt{
float:left;
font-weight:bold;
color:#999;
font-family:"ＭＳ ゴシック", "Osaka－等幅";
font-size:90%;
line-height:2.1;
margin:0 0 0 0.3em;
}

#release-news dl dd{
padding-left:6em;
}




/* sub
-----------------------------------------------*/
#sub{
width:242px;
float:right;
margin:-236px 0 0 0;
position:relative;
}

/* category seah
---------------------------------------------*/
#sub #category-search{
padding:0 0 9px;
margin:20px 0 0.5em 1px;
text-align:center;
background:url(/common/img/s-navi-bg.gif) no-repeat bottom left;
}

#sub #category-search h2{
padding:7px 0 0;
background:url(/common/img/s-navi-head-bg.gif) no-repeat top left;
}


/* -- product search -- */
#product-search {
position:static;
padding:8px 6px 0;
background:url(/common/index-img/bg-search.png) no-repeat top left;
}

#product-search h2{
width:230px;
clear:both;
text-align:center;
margin:0 auto 7px;
}

#product-search h2 img{
vertical-align:top;
}

#product-search form{
width:208px;
margin:0 auto !important;
}

#product-search p#forEnglish{
margin:0 0 10px;
}

#product-search form h3{
position:relative;
}

#product-search form h3 a{
position:absolute;
display:block;
top:3px;
right:0;
width:102px;
height:12px;
}

#product-search form h3 a img{
vertical-align:top;
}

#product-search form h3,
#product-search form h4{
line-height:1;
margin:0 0 5px;
}

* html #product-search form h4{ margin:0 0 4px; }
*:first-child+html #product-search form h4{ margin:0 0 4px; }

#product-search form p:after {
content:url(/common/img/pixel.gif);
display:block;
clear:both;
height:0;
}

#product-search form p {
line-height:1;
background:url(/common/img/dot01.gif) repeat-x bottom left;
margin:0 0 6px;
display: inline-block;
}

/* Hides from IE-mac \*/
* html #product-search form p {
height: 1%;
}

#product-search form p
{display: block;}
/* End hide from IE-mac */

#product-search form p input{
width:204px;
height:16px;
line-height:1.2;
padding:2px 1px;
margin:0 0 5px;
border:1px solid #7f9db9;
}

#product-search form p.txt-login{
font-size:85%;
margin:0.8em 0;
background:none;
}


* html #product-search form p input{ margin:0 0 4px; }
*:first-child+html #product-search form p input{ margin:0 0 4px; }

#product-search form p button{
float:right;
width:43px;
height:21px;
text-indent:-9999px;
background:url(/common/img/btn-search.gif) no-repeat top left;
border:0;
cursor:pointer;
margin:0 0 11px;
}

#product-search p.btn{
width:208px;
margin:7px auto 0;
line-height:1;
text-align:right;
}

* html #product-search p.btn{ margin:1px auto 0;}
*:first-child+html #product-search p.btn{ margin:1px auto 0;}

#product-search p.btn a img{
vertical-align:top;
}


/*-- 追加1302 --*/
#product-search {
padding:2px 6px 8px;
background:url(/common/index-img/s-navi-bg.png) no-repeat bottom left;
}
#product-search form{
border:1px solid #fff\9;
}
#product-search form h3{
padding:0 0 7px;
}
#product-search form p.column{
}
#product-search form p.column label{
margin-right:3px;
font-size:12px;
}
#product-search #searchBox form p.column label{
font-size:10px;
}
#product-search form p.column label input{
width:16px;
height:auto;
margin:0px 2px 5px 0px;
border:none;
}
#product-search form p select{
width:210px;
padding-bottom:0px;
}

#product-search form h3 span#switchBtn{
background:none;
display:block;
width:150px;
height:25px;
margin:0 0 0 30px;
}
#product-search form h3 span#switchBtn img{
vertical-align:bottom;
line-height:0;
cursor:pointer;
}
#product-search:after{
content:url(/common/img/pixel.gif);
display:block;
clear:both;
height:0;
}
#product-search{ display:inline-block; }
#product-search{ display:block; }

#searchBox{
margin:10px 0 0;
}
#category-search{
}
/*-- /追加1302 --*/


/* -- banner area -- */
#banner{
margin:1.5em 0 1em;
}

#banner li{
margin:0 0 5px;
line-height:1;
text-align:center;
}

}


@media print{

* html body{
zoom:55%;
}

*:first-child+html body{
zoom:55%;
}






}