@charset "UTF-8";
/* CSS Document */

Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{
    color:#000;background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}
table{
    border-collapse:collapse;border-spacing:0;
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;font-weight:normal;
}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
    font-size:100%;font-weight:normal;
}
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000; }



body{
	position:relative;
	margin:0;
	padding:0;
	background:url(../images/gray.gif);
	border-top:#000 solid 15px;
	font-family:'DIN Next Rounded LT W01 Regular',arial,sans-serif;
}

.wrapper{
	width:960px;
	margin:auto;
}

#header{
	height:85px;
	width:100%;
	clear:both;
}

h1{
	float:left;
	padding:0;
	margin:0;
	height:85px;
	width:225px;
	background:url(../images/sekuhara_logo.png) no-repeat left;
	text-indent:-9999px;
}
#nav{
	padding-top:35px;
	float:left;
	font-size:15px;
	font-family:'DIN Next Rounded LT W01 Regular',arial,sans-serif;
	text-decoration:none;
	font-weight:bold;

}
#nav a:link,#nav a:visited{
	color:#000;
	text-decoration:none;
	padding:3px;
	text-shadow:0 0 2px #FFF;
}

#nav li{
/*	height:85px;
*/	margin-left:20px;
	float:left;
	border-left:#FFF;
	border-right:#999;
	letter-spacing:1px;
*/	list-style:none;
}
#nav a:link:hover{
	color:#FFF;
	background:#333;
	border-radius:4px;
}
#nav a:visited:hover{
	color:#FFF;
	background:#333;
	border-radius:4px;
}
#nav a:visited{
	color:#000;
}
#footer{
	width:100%;
	height:40px;
	background:#000;
	border-radius:5px;

}

#visual{
	margin-top:10px;
	padding:1px;
	width:100%;
	height:280px;
	background:url(../images/main.jpg) right;
/*	background: -moz-linear-gradient(top, #F39, #FCC);	
*/	border-radius:10px;
	border:#000 6px solid;
	-moz-box-shadow:0 1px 3px #999,0 1px 3px #999;
	-webkit-box-shadow:0 1px 3px #999;
}
#visual p{
	margin-top:150px;
	margin-left:40px;
	font-size:60px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-transform:capitalize;
	text-shadow:0 1px 3px  #FFF;
	 -moz-transform: rotate(357deg);
	 letter-spacing:2px;

}
#mainVisual{
/*	width:220px;
*/}

#mainVisual .dot{
	float:right;
	margin:5px 5px 0;
	width:60px;
	height:60px;
	background: -moz-linear-gradient(top, #000, #666);
	box-shadow:0px 0px 10px #FFF inset;
	border-radius:100px;
	text-align:center;
	vertical-align:middle;
}

#mainVisual p{
	margin-top:5px;
	color:#FFF;
	font-size:36px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-shadow:0px 0px 5px #FFF;

}

#main{
	margin-top:10px;
	padding:1;
	float:left;
	width:690px;
}
#main .section{
	margin-bottom:10px;
	background:#FFF;
	-moz-box-shadow:0 2px 4px 1px #999;
	-webkit-box-shadow:0 2px 4px 1px #999;
	border-radius:10px;
}
.box{
	width:960px;
}
.article{
	padding:10px;
/*	height:200px;
*/	border-bottom:#E1D5CF 1px solid;
	border-top:#FFF 1px solid;
	background: -moz-linear-gradient(top, #FFF, #F4F1F1);
	background: -webkit-linear-gradient(top, #FFF, #F4F1F1);

	line-height:1.4;
}
.article .img{
	float:left;
	line-height : 50px;
	width:210px;
	text-align:center;
	vertical-align:middle;
}
.article .img img{
	margin:auto;
	padding:1px;
	border:1px solid #CCC;
}
.article .data{
	margin:30px;	
	float:left;
	width:390px;
}
.article .data.cl1{
	width: auto;
}
.article .data .ttl{
	font-weight:bold;
}
.article .data .text{
	color:#666;
	margin-top:15px;
	font-size:12px;
}
#side{
	float:right;
	margin:10px 0 0 10px;
	width:250px;
}
#side .social{
	margin-bottom:20px;
	width:auto;
}
.headTtl{
	padding:1px;
	height:50px;
	width:100%;
	background:#000;
	color:#FFF;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	font-family:'DIN Next Rounded LT W01 Regular',arial,sans-serif;
	-moz-box-shadow:0 0 5px #666 inset;
	-webkit-box-shadow:0 0 5px #666 inset;
	text-shadow:0 0 2px #000;

}
.headTtl h2{
	margin:15px 0 0 20px;
	font-size:18px;
}
#ttl p{
	margin-left:20px;
	font-size:14px;
}

.cf {zoom:1;}
.cf:after{
    content: ""; 
    display: block; 
    clear: both;}
	
	
	
@-moz-keyframes letterAnimation2 {
  0% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(360deg);
  		bottom:5px;
  }
}
.dot{
	position: relative;
	bottom: 0;
	-webkit-animation-name: letterAnimation2; /*定義したアニメーションの名前*/
	-webkit-animation-duration: 2.5s; /*1ループの時間*/
	-webkit-animation-timing-function: linear; /*アニメーションの変化の度合い*/
	-webkit-animation-iteration-count: infinite; /*無限にループさせる*/
}

.dot{
	position: relative;
	bottom: 0;
	-moz-animation-name: letterAnimation2; /*定義したアニメーションの名前*/
	-moz-animation-duration: 7.5s; /*1ループの時間*/
	-moz-animation-timing-function: linear; /*アニメーションの変化の度合い*/
	-moz-animation-iteration-count: infinite; /*無限にループさせる*/
}

.item01{
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;

}

.item02{
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;

}

.item03{
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;

}


/*product*/
.item{
	float:left;
	margin:0 13px 10px 0;
	width:200px;
	height:285px;
	padding:8px;
	background:#fff;
	-moz-box-shadow:0 2px 4px 1px #CCC;
	-webkit-box-shadow:0 2px 4px 1px #CCC;
}

.item dl{
	margin-top:10px;
}

.item dt{
	font-weight:bold;
}

.item .cap{
	background:#fff;
	width:200px;
	min-height:200px;
}

.item .cap img{
	margin:auto;
	text-align:center;
}
.item dt{
	letter-spacing:0.01em;
}
.item dd{
	color:#666666;
	font-size:12px;
}

.fb{
	display: block;
	margin-bottom: 10px;
}