body{

   text-align:center;
   font-family: 'Open Sans', sans-serif;
   background-color: #fff;
   font-size: 100%;
   line-height: 150%;
   color: #666;
   margin:0;
   padding-left:0;
   padding-right: 0;
   padding-bottom: 0;
   padding-top: 3%

 }









h1{line-height:0;margin: 0;padding:0}

h2{color: #000;font-size: 2em;font-weight: 400;line-height: 130%;margin-top: 0}

h3{color: #000;font-size: 1.4em;font-weight: 400;line-height: 120%;margin-bottom: 2%}
h4{color: #000;font-size: 1.2em;font-weight: 400;line-height: 120%;margin-bottom: 2%}
p{font-weight: 300;}
#main p{color:#000;margin-top:0;margin-bottom: 5%}

.psmall{font-weight: 400;}
.ptiny{font-size: 0.75em;line-height: 130%}




img { max-width: 100%;border:none}

img .ie {width: 100%;}



.clear {

  height: 0px;

  width: 0px;

  clear: both;

}



a {

    color: #245DC1;

    text-decoration: none;

}



a:hover{text-decoration: underline;}





/*Top

---------------------------*/



#top img {float:left;}

#top p {float:right;width:20%;margin:0}



#top{

  margin-left: auto;

  margin-right: auto;

  width:90%;

  background-color: #fff;

  text-align: left;

  padding-top: 2%;

 padding-bottom: 2%



}





/*Image

---------------------------*/

#prod-image-outer{
width:100%;
float: left;
background-image:url('http://www.art-factory.ne.jp/en/mmouse/template/img/header-bg.jpg');
background-position: top center;
background-repeat: repeat-y;
margin-bottom:5%}





#prod-image{

  margin-left: auto;
  margin-right: auto;
  width:90%;
  text-align: left



}
#prod-image img{

float:left;margin:0



}






#all {

  margin-left: auto;

  margin-right: auto;

  width:90%;

  background-color: #fff;

  text-align: left;

padding-bottom:3%

}







#main {

  width:60%;

  float:left;

margin-bottom: 5%;



}





p#introduction{margin-top: 0}



.feature{width:98%;float:left;margin-bottom:5%;}

.img-right{float:right}



#side {

width:30%;

float:right;
margin-bottom: 5%;

background-color: #F5F5F5;

border-radius: 2px;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

-khtml-border-radius: 2px;

 

  

}


#ces-logo{margin:5%}
















/*Side

---------------------------*/



.side-block {

float:left;

width:100%;

margin-bottom:10%;

padding-top: 4%;

padding-bottom: 4%;

}



.side-block h4 {

margin: 0

}



.side-block p,.side-block h4 {padding-left: 5%;padding-right: 5%;}









/*

Footer

------------------------------*/



#footer{

 width:100%;

 clear:both;

 border-top: 1px solid #ccc;

 padding-top: 1%



}



ul#mini-nav{float:left;width:30%;margin:0;padding:0}

ul#mini-nav li{

float:left;

display: inline;

font-size: 90%;

list-style: none;

padding-right: 5%;

}





#footer p{

float:right;

margin:0



}













/*

CM subscription 

-----------------------------*/



input.cm-field {

    border: 1px solid #E6E9EB;

    border-radius: 4px 4px 4px 4px;

    color: #999FA5;

    font-size: 100%;

font-family: "Helvetica Neue",Arial,Helvetica,"Lucida Grande",verdana,sans-serif;

    margin-right: 1%;

    outline: medium none;

    padding: 4px;

    width: 80%;

    float:left

}



input.btn {

    background: none repeat scroll 0 0 #F07125;

    border: medium none;

    border-radius: 4px 4px 4px 4px;

    color: #FFFFFF;

    font: bold 12px/1 "Helvetica Neue",Arial,Helvetica,"Lucida Grande",verdana,sans-serif;

    font-size: 100%;

    outline: medium none;

    padding: 4px;float:left

}













/*

Viewport below 520px

------------------------------*/



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

#prod-image{width:100%}

#prod-image-outer{

background-image:none;
}



h2{font-size: 1.6em;}


h3{font-size: 1.1em;}




#all{

  width:98%;



}







#main {

  width:98%;

}











#side {

width:98%;

  float:left;



}



#footer {

width:98%;

  float:left;



}











  }/*/mediaquery*/








/*

Viewport below 960px

------------------------------*/



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




}/*/mediaquery*/







/*

Viewport above 960px

------------------------------*/

@media screen and (min-width: 960px) { 



#prod-image{

  width:60em;



}



#all, #top{

  width:60em;



}







  }/*/mediaquery*/