/* CSS Document */

@charset "UTF-8";

/* *****************************************************

Contents ---------------

01: base

02: LayerRight

03: LayerLeft

------------------------

***************************************************** */

/* *****************************************************

base

***************************************************** */
* {
margin: 0;
padding: 0px;
color: #333333;
border: 0;
font-weight:normal;
font-style: normal;
text-decoration:none;
font-size: 100%;
list-style: none;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

body{
font-size: 75%; /* 12px */
line-height: 150%; /* 18px */
margin: 0 auto;
padding-top: 10px;
text-align:center;
border-top:5px #cccccc solid;
}

#LayerBase{
margin: 0 auto;
padding-bottom:10px;
width:800px;
height:85%;
text-align:left;
}

a{
text-decoration: underline;
}

.mainimg{
margin: 0 auto;
}


/* *****************************************************

LayerLeft

***************************************************** */

#LayerLeft{
float: left;
width: 270px;
height: auto;
margin-left: 3px;
}

#title{
margin-top: 30px;
margin-bottom: 20px;
}

p {
margin-left: 5px;
margin-bottom: 10px;
}

hr {
height: 1px;
background-color: #cccccc;
margin-top: 16px;
margin-bottom: 17px;
}

*+html hr /* IE 7 */  {
height: 0;
border: 1px solid #cccccc;
margin-top: -2px;
margin-bottom: -2x;
}

* html hr /* IE 6 */  {
height: 0;
border: 1px solid #cccccc;
margin-top: 5px;
margin-bottom: 10px;
}

span {
font-weight: bold;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
}

li {
padding-left: 0px;
} 

img{
vertical-align: middle;
}

#GlobalNavi {
margin-top: 0px;
}

#GlobalNavi a{
display :block ;
overflow :hidden ;
width :100px ;
height :25px ;
background-image : url(../i/global_navi.gif);
text-indent :-9999px ;
}

/* 通常時の表示 */
#IdGNProducts a{
background-position :0 0 ;
}
#IdGNContact a {
background-position :0 -25px ;
}
#IdGNAbout a{
background-position :0 -50px ;
}
#IdGNLink a{
background-position :0 -75px ;
}



/* オンマウス・クリック時の表示 */
#IdGNProducts a:hover,#top a:active{
background-position :100px 0 ;
}
#IdGNContact a:hover,#top a:active{
background-position :100px -25px ;
}
#IdGNAbout a:hover,#top a:active{
background-position :100px -50px ;
}
#IdGNLink a:hover,#top a:active{
background-position :100px -75px ;
}



/* そのページにいるときの表示 */
#IdGNProducts2 a{
background-position :100px 0 ;
}
#IdGNContact2 a{
background-position :100px -25px ;
}
#IdGNAbout2 a{
background-position :100px -50x ;
}
#IdGNLink2 a{
background-position :100px -75px ;
}



/* *****************************************************

LayerRight

***************************************************** */

#LayerRight{
float: right;
width: 497px;
height: auto;
margin-right: 6px;
}



/* *****************************************************

LayerFooter

***************************************************** */


#LayerFooter{
clear: both;
width: 100%;
height: 10px;
margin: 0 auto;
padding-top: 50px;
text-align: center;
}

/* == IdCopyright == */

#IdCopyright{
margin: 0 auto;
padding-top: 10px;
padding-bottom: 10px;
font-size: 12px;
border-top:1px #cccccc solid;
}