@charset "utf-8";

/* Reset

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

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

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,button,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,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}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:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

/* basic
-------------------------------------------------------------------------------*/

a{ color: #3366ff; text-decoration: none; }
a:hover{ color: #FF1D25; }

.fltL{ float: left; }
.fltR{ float: right; }
.alnC{ text-align:center; }
.alnR{ text-align: right; }
.bold{ font-weight: bold; }
.small{ font-size: 12px; }
.red{ color:#f00; }

.mt80{ margin-top: 80px !important; }
.mt70{ margin-top: 70px !important; }
.mt60{ margin-top: 60px !important; }
.mt50{ margin-top: 50px !important; }
.mt55{ margin-top: 55px !important; }
.mt45{ margin-top: 45px !important; }
.mt30{ margin-top: 30px !important; }
.mt25{ margin-top: 25px !important; }
.mt20{ margin-top: 20px !important;}
.mt10{ margin-top: 10px !important; }
.mt5{ margin-top: 5px !important; }

.clear{ clear: both; }
.clrfx:after{
	content:"";
	display:table;
	clear:both;
}
.clrfx{zoom:1;}

.op:hover{
	opacity: 0.6;
	-ms-filter: "alpha(opacity=75)";
	filter: alpha(opacity=75);
}

.inline{ outline: none; }

/* layout
-------------------------------------------------------------------------------*/

body{
	font:14px/2.0 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing:.08em;
	color: #595757;
	-webkit-text-size-adjust: 100%;
}

#home, .bg_sub{ background: url(../images/bg.png) repeat center top; }
.bg_beige{ background: url(../images/bg_beige.jpg) repeat; }
.bg_blue{ background: url(../images/bg_blue.jpg) repeat; }

.wrapper{
	width: 900px;
	margin: 0 auto;
	padding: 0 50px 42px 50px;
	border-top: 15px solid #ffff00;
	border-bottom: 15px solid #ffff00;
	background-color: #fff;
	box-shadow:0 0 10px #000;
}

ul li a, ul li img{ display: block; }


/* home */

#home .wrapper{
	width: 1000px;
	padding: 0 0 42px 0;
	border-bottom: none;
}

#home .content{
	width: 890px;
	margin: 0 auto;
	padding: 50px 0;
	background: url(../images/content_bg.gif) no-repeat center top;
}

#home #homeMain{
	width: 756px;
	margin: 0 auto 0 108px;
	padding: 70px 0 56px 0;
	background: none;
}

#homeMain li{
	width: 234px;
	margin-top: 13px;
	box-shadow: 0 0 10px #CCC;
}

.contentMain{ padding-left: 54px; }
.contentMain h2{ float: left; margin-right: 76px; }

#productNav{ margin-top: 110px; }
#productNav li{
	float: left;
	margin:0 20px 42px 0;
}
#productNav li:nth-child(3n){ margin-right: 0; }
#productNav li:last-child{ padding: 210px 0 0 
30px; }
#productNav li:last-child p{
	line-height: 1.6;
	margin-bottom: 10px;
}

#productNav2{ margin-top: 65px; }
#productNav2 li{
	float: left;
	width: 270px;
	margin-right: 30px;
}
#productNav2 li:last-child{ margin-right: 0; }
#productNav2 p{ font-size: 12px; }

#homeSmart{ margin-left: 380px; }

#contentFooter{
	margin-top: 60px;
	padding: 50px 60px;
	color: #000;
	background-color: #ffff00;
}


/* product */

.lead{
	margin-bottom: 50px;
	padding-bottom: 70px;
	border-bottom: 2px solid #7f7f7f;
}

.cartWrap{
	width: 276px;
	padding: 36px 22px 24px 22px;
	background-color: #ffff00;
	margin:40px 0 45px 14px;
}

.slide{
	position: relative;
	width: 500px;
}

.slideMain li{
	position: absolute;
	top: 0;
	left: 0;
}

.slideThumb{ padding-top: 712px; }

.slideThumb li{
	float: left;
	margin-right: 12px;
	cursor: pointer;
}
.slideThumb li:last-child{ margin-right: 0; }

.product{ padding-left: 16px; }

.product > ul li.fltL{ margin-right: 20px; }

.btn_design{
	display: inline-block;
	margin-top: 20px;
	box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
}

.caption{
	position: relative;
	margin-top: 50px;
	font-size: 12px;
}

.caption ul:first-child{
	position: absolute;
	bottom: 0;
	right: 16px;
}

.caption a{ display: inline; }


/* subpage */
.bg_sub .wrapper{ padding-top: 50px; }
.bg_sub h1{ margin: 80px 0 30px 0; }
.bg_sub h1 + p{ margin-bottom: 150px; }
.bg_sub h2{ margin: 120px 0 50px 0; }
.bg_sub h3{ margin: 80px 0 30px 0; }
.bg_sub h4{ margin: 70px 0 20px 0; }
.bg_sub .sub{ margin-bottom: 120px; padding-left: 30px; }
.bg_sub .sub2{ margin-left: 35px; }

#noticeFooter{
	display: inline-block;
	margin: 0 40px 120px 40px;
	padding: 30px;
	border: 1px solid #000;
}

#interview h1{ margin: -50px 0 80px -50px; }
#interview h2{ margin: 80px 0 30px 0; }
#interview .sub{ margin-bottom: 80px; }
#interview ul.imgList li{ margin-bottom: 320px;}
#interview ul.imgList li:last-child{ margin-bottom: 0; }

#design h2{ margin: 80px 0 30px 0; }
#design .sub{ padding-left: 38px; }
#design .fltL{ padding-right: 50px; }


/* footer */

#footer{
	margin-top: 35px;
	padding:40px 0 0 0;
	border-top: 2px solid #7f7f7f;
}

#home #footer{
	margin-top: 0;
	padding-top: 70px;
	border-top: none;
}

#footer ul{
	margin-bottom: 30px;
	text-align: center;
}

#footer li{
	display: inline-block;
	margin-right: 86px;
	vertical-align: top;
}
#footer li:last-child{ margin-right: 0; }

.fb-like{
	padding-top: 5px;
	height: 20px;
	overflow: hidden;
}