/* macで文字が大きくなるのを回避*/

body {
  font-size: 75%; /* IE */
}
html>/**/body {
  font-size: 12px; /* Except IE */
}









* {
	margin: 0;
	padding: 0;
	line-height: 140%;
	font-family: DejaVu Sans ,sans-serif, ;
}
img {
	display: block;
	border: 0;
}


#main {
	width: 750px;
	margin: 20px auto;
}
a, a:link { color: #C80F0A; outline: none; text-decoration: underline;}
a:active,a:hover { text-decoration: none;}
a:visited { color: #C80F0A;}
.C{ zoom:1;/*for IE 5.5-7*/}
.C:after{/*for modern browser*/
content:"."; display: block; height:0px; clear:both; visibility:hidden;
}




/* ******************** MainContent ******************** */


#main .content{
	float: left;
}
ul{list-style-type: none;}

.hh {
	width: 750px;
}
.hs {
	width: 585px;
}

/* ******************** NaviList ******************** */

#main #navi {
	width: 120px;
	height: 844px;
	position: relative;
    float:right;
}
#main #navi2 {
	width: 120px;
	height: 200px;
	position: relative;
    float:right;
}
#main #navi li ,#main #navi2 li {
    text-indent: -9999px;
    text-decoration: none;
    vertical-align: bottom;
}
#main #navi li a ,#main #navi2 li a {
    display: block;
    height: 26px;
    width: 120px;
    margin-bottom: 20px;
    background-position: 0 -26px ! important;
}

#main #navi li a:hover ,#main #navi2 li a:hover {
     background-position: 0 0 ! important;
}
#main #navi li.home a ,#main #navi2 li.home a {
    background: url(../img/home-bt.gif) bottom left no-repeat;
}
#main #navi li.designer a ,#main #navi2 li.designer a{
    background: url(../img/designer-bt.gif) bottom left no-repeat;
}
#main #navi li.gallery a ,#main #navi2 li.gallery a {
    background: url(../img/gallery-bt.gif) bottom left no-repeat;
}
#main #navi li.patterns a ,#main #navi2 li.patterns a {
    background: url(../img/patterns-bt.gif) bottom left no-repeat;
}
#main #navi li.size a ,#main #navi2 li.size a {
    background: url(../img/size-bt.gif) bottom left no-repeat;
}
#main #navi li.sample a ,#main #navi2 li.sample a {
    background: url(../img/sample-bt.gif) bottom left no-repeat;
}
#main #navi li.store a ,#main #navi2 li.store a {
    background: url(../img/gotostore-bt.gif) bottom left no-repeat;
}
#main #navi li.howto a ,#main #navi2 li.howto a {
    background: url(../img/howto-bt.gif) bottom left no-repeat;
}
#main #navi li.contact a ,#main #navi2 li.contact a  {
    background: url(../img/contact-bt.gif) bottom left no-repeat;
}

#main #navi li a.active ,#main #navi2 li a.active {
     background-position: 0 0 ! important;
}



#main #navi #award {
	position: absolute;
	bottom: 0px;
	right: 0px;

}



#main #copy{
	clear:both;
	margin-top: 10px;
	font-size: 12px;
	color: #565656;
}



/* ******************** designer ******************** */

.text {
	padding: 50px;
}
.text h2{
	margin: 40px 0 30px 0;
}


/* ******************** patterns ******************** */
.content .tip ,.content .topimg {
	margin-bottom: 50px;
}
.content h3 {
	margin: 0 0 20px 0;
}
.content .tip li{
	float: left;
	margin: 0 4px 5px 0;
}
.content .tip li.end {
	margin-right: 0px;
}



.content .tip a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.content .patan {
	margin: 20px 0 50px 0;
	clear: both;
}
.content .patan img {
	margin-bottom: 10px;
}
.content .patan .link {
	width: 750px;
	text-align: right;
}


.content h4 {
	margin: 20px 0 20px 0;
	font-size: 24px;
}


/* ******************** howto ******************** */

.content .how h5{
	margin: 5px 0;
}
.content .how li{
	float: left;
	margin: 0 5px 40px 0;
}
.content .how li.end {
	margin-right: 0px;
}