@charset "utf-8";

/*===========================================================

 stylecss

============================================================*/


/* :::::::::::::::::::::::::::: reset :::::::::::::::::::::::::::: */
* {
margin:0px;
padding:0px;
}

html{
	height:100%;
}

body{
	height:100%;
	width:100%;
	background-color:#fff;
	text-align:center;
	color:#333;
	font:13px/1.22; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",SegoeUI,Tahoma,Verdana,Arial,sans-serif;
	*font-size:small;
	*font:x-small;
}

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;
}

fieldset,
img { border:0; vertical-align:bottom; margin:0; padding:0; }

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var { font-style:normal; font-weight:normal; }

pre,
code,
kbd,
samp,
tt { font-family:monospace; *font-size:108%; line-height:99%; }

li { list-style:none; }

caption,
th { text-align:left; }

h1,h2,h3,h4,h5,h6 {
	font-size:14px;
	font-weight:normal;
}

q:before,q:after { content:''; }

abbr,
acronym { border:0; font-variant:normal; }

sup,
sub { line-height:-1px; vertical-align:text-top; }
sub { vertical-align:text-bottom; }

input,
textarea,
select { font-family:inherit; font-size:inherit; font-weight:inherit; }

address { font-style:normal; }

hr { display:none; }



/* :::::::::::::::::::::::::::: link ::::::::::::::::::::::::::: */
a:link {   
    color:#525eaa;   
    text-decoration:none;   
}   
a:visited {   
    color:#525eaa;   
    text-decoration:none;   
}   
a:hover {
    color:#333333;  
    text-decoration:underline;   
}
a:active {   
    color:#333333;   
} 


/* ------------------------- **** -------------------------- */
.clr{clear:both;}
.blk{display:block;}

/*------------------------------------------------------------
 文字
-------------------------------------------------------------*/
.f20{
	font-size:20px;
	font-weight:bold;
	color:#cc0000;
}
.red12{
	font-size:12px;
	color:#cc0000;
}
.f12{
	font-size:12px;
	font-weight:normal;
}
.f14b{
	font-size:14px;
	font-weight:bold;
}
.red14{
	font-size:14px;
	color:#cc0000;
	font-weight:bold;
}
.f16b{
	font-size:16px;
	font-weight:bold;
}
.red16{
	font-size:16px;
	color:#cc0000;
	font-weight:bold;
}

/*===========================================================

 トップページ枠組・レイアウト用css

============================================================*/
#container {
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}
 
 #topcontent {
    padding-bottom: 100px;
}

/*------------------------------------------------------------
 topheader
-------------------------------------------------------------*/
#topheader{
	width: auto;
	height: auto;
	margin:0;
	padding:0;
	top:calc(50% - 150px);
	left:calc(50% - 300px) ;
	position: absolute;
}
#topheader h1{
	background:url(../images/toplogo.png) top right no-repeat;
	width:600px;
	height:115px;
	text-indent:-9998px;
	margin:0;
	padding:0;
}
/*------------------------------------------------------------
 footer
-------------------------------------------------------------*/
#topfooter {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 130px;
	background:url(../images/topback.gif) top left repeat-x;
}
#topfooter #topfoot {
    margin:0 auto;
	padding:0;
	width:1000px;
	height:87px;
	text-align:left;
}
#topfooter #topfoot ul {
    margin:0;
	padding:0;
	float:left
}
#topfooter #topfoot ul li {
    margin:0;
	padding:0;
	float:left
}
#topfooter #topfoot ul li.copy {
    margin:0 273px 0 373px;
	padding:0;
	float:left
}

/*===========================================================

 中ページ枠組・レイアウト用css

============================================================*/

#content {
    width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
}
#content .title01{
	background:url(../images/title01.jpg) top center no-repeat;
	margin:0;
	padding:0;
	text-indent:-9998px;
	height:290px;
}
#content .title02{
	background:url(../images/title02.jpg) top center no-repeat;
	margin:0;
	padding:0;
	text-indent:-9998px;
	height:290px;
}
#content .title03{
	background:url(../images/title03.jpg) top center no-repeat;
	margin:0;
	padding:0;
	text-indent:-9998px;
	height:290px;
}
#content .title04{
	background:url(../images/title04.jpg) top center no-repeat;
	margin:0;
	padding:0;
	text-indent:-9998px;
	height:290px;
}
#content .title05{
	background:url(../images/title05.jpg) top center no-repeat;
	margin:0;
	padding:0;
	text-indent:-9998px;
	height:290px;
}
#content .title06{
	background:url(../images/title06.jpg) top center no-repeat;
	margin:0;
	padding:0;
	text-indent:-9998px;
	height:290px;
}
#content .title07{
	background:url(../images/title07.jpg) top center no-repeat;
	margin:0;
	padding:0;
	text-indent:-9998px;
	height:290px;
}
#content .title08{
	background:url(../images/title08.jpg) top center no-repeat;
	margin:0;
	padding:0;
	text-indent:-9998px;
	height:290px;
}
#content .title09{
	background:url(../images/title09.jpg) top center no-repeat;
	margin:0;
	padding:0;
	text-indent:-9998px;
	height:290px;
}

/*------------------------------------------------------------
header
-------------------------------------------------------------*/
#header{
	width:100%;
	height:119px;
	margin:0;
	padding:0;
	background:url(../images/headback.gif) top left repeat-x;
}
#header #head{
	width:1000px;
	height:119px;
	margin:0 auto;
	padding:0;
}
#header #head ul{
	margin:0;
	padding:0;
	float:left;
}
#header #head ul li{
	margin:0;
	padding:0;
	float:left;
}
#header #head ul li.smenu01{
	margin:0 0 0 200px;
	padding:0;
	float:left;
}
#header #head ul li.smenu02{
	margin:0 0 0 270px;
	padding:0;
	float:left;
}
/*------------------------------------------------------------
footer
-------------------------------------------------------------*/
#footer{
	margin:0;
	padding:0;
	width:100%;
	height:43px;
	background-color:#cfcfcf;
}
#footer #foot{
	margin:0 auto;
	padding:0;
	width:1000px;
	height:43px;
	text-align:left;
}
#footer #foot ul{
	margin:0;
	padding:0;
	float:left;
}
#footer #foot ul li{
	margin:0;
	padding:0;
	float:left;
}
#footer #foot ul li.copy {
    margin:0 273px 0 373px;
	padding:0;
	float:left
}

/*------------------------------------------------------------
 pagetop
-------------------------------------------------------------*/
p#pagetop{
	width:26px;
	height:26px;
	margin:0;
	padding:30px 23px 30px 0;
	float:right;
}
/*------------------------------------------------------------
 main
-------------------------------------------------------------*/

#main{
    margin:0 auto;
	padding:40px 0 0 0;
	width:1000px;
	height: auto;
	background-color:#FFF;
	text-align:left;
	line-height:150%;
}
/*------------------------------------------------------------
 owrks スタイル
-------------------------------------------------------------*/
/* サムネイル */
.es-carousel-wrapper{
	background: #fff;
	padding:50px 60px;
	position:relative;
	margin-bottom:0px;
	top:470px;
}
.es-carousel{
	overflow:hidden;
	background:#fff;
}
.es-carousel ul{
	display:none;
}
.es-carousel ul li{
	height:100%;
	float:left;
	display:block;
}
.es-carousel ul li a{
	display:block;
}
.es-carousel ul li.selected a{
	border-color:#999;
	opacity:0.7;
}
.es-carousel ul li a img{
	display:block;
	border:none;
	max-height:100%;
	max-width:100%;
}
.es-nav span{
	position:absolute;
	top:50%;
	left:25px;
	background:transparent url(../images/nav_thumbs.png) no-repeat top left;
	width:14px;
	height:26px;
	margin-top:-13px;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.8;
}
.es-nav span.es-nav-next{
	right:25px;
	left:auto;
	background-position:top right;
}
.es-nav span:hover{
	opacity:1.0;
}

/* メイン画像 */

.rg-image-wrapper{
	position:relative;
	padding:20px 30px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-height:20px;
	top:-150px;
	
}
.rg-image{
	position:relative;
	text-align:center;
	line-height:0px;
}
.rg-image img{
	max-height:100%;
	max-width:100%;
}
.rg-image-nav a{
	position:absolute;
	top:0px;
	left:0px;
	background:#fff url(../images/nav.png) no-repeat -20% 50%;
	width:28px;
	height:100%;
	text-indent:-9000px;
	cursor:pointer;
	opacity:0.7;
	outline:none;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
	right:0px;
	left:auto;
	background-position:115% 50%;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.rg-image-nav a:hover{
	opacity:1;
}
.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}
.rg-caption p{
	font-size:12px;
	letter-spacing:2px;
	line-height:16px;
	padding:0 15px;
}

.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background: url(../images/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}
/*------------------------------------------------------------
 プライバシーポリシー
-------------------------------------------------------------*/

#privacy{
    margin:0;
	padding:0 25px;
}
#privacy p.text01{
    margin:0 0 10px 0;
	padding:0;
	font-size:16px;
	font-weight:bold;
}
#privacy p.text02{
    margin:0 0 30px 0;
	padding:0;
	font-size:14px;
}
/*------------------------------------------------------------
 ブランド
-------------------------------------------------------------*/
#brand{
    margin:0;
	padding:0 131px;
}
#brand p.p01{
    margin:0 0 15px 129px;
	padding:0;
}
/*------------------------------------------------------------
 プロフィール
-------------------------------------------------------------*/
#profile{
    margin:0;
	padding:0 134px;
}
#profile #box01{
    margin:0;
	padding:0;
	float:left;
	width:732px;
	height:auto;
}
#profile #box01 .box01_1{
	height:auto;
	margin:0 20px 0 0;
	padding:0;
	float:left;
	width:356px;
	
}
#profile #box01 .box01_2{
	height:auto;
	margin:0;
	padding:0;
	float:right;
	text-align:left;
	width:356px;
}
#profile #box01 .box01_2 p.text03{
	font-size:18px;
	font-weight:bold;
	margin:22px 0 30px 0;
}
/*------------------------------------------------------------
 アトリエ
-------------------------------------------------------------*/
#atelier{
    margin:0;
	padding:0 48px;
}
#atelier p.p02{
    margin:0 0 20px 259px;
	padding:0;
}
#atelier p.text04{
	text-align:center;
}
#atelier p.p03{
	margin:20px 0 0 0;
	padding:0;
}
/*------------------------------------------------------------
 オーダーメイドについて
-------------------------------------------------------------*/
#order{
    margin:0;
	padding:0 25px;
}
#order p.text01{
    margin:0 0 10px 0;
	padding:0;
	font-size:16px;
	font-weight:bold;
}
#order p.text02{
    margin:0 0 30px 0;
	padding:0;
	font-size:14px;
}
#order2{
    margin:0;
	padding:0 25px;
}
#order2 p.text01{
    margin:0 0 10px 0;
	padding:0;
	font-size:16px;
	font-weight:bold;
}
#order2 p.text02{
    margin:0 0 40px 0;
	padding:0;
	font-size:14px;
}
#order2 .box02{
	width:842px;
	height:auto;
	margin:20px 0 20px 0;
	padding:25px;
	border:#dedede 1px solid;
	text-align:center;
	font-size:16px;
}
#order2 .box02 p.line800{
	width:800px;
	height:1px;
	margin:0 auto;
	padding:25px 0;
	line-height:0%;
	vertical-align:bottom;
}
#order2 p.text03{
    margin:0 0 45px 0;
	padding:0;
	font-size:12px;
}
#order2 p.text04{
    margin:0 0 80px 0;
	padding:0;
	font-size:16px;
	font-weight:bold;
}
#order2 p.text05{
    margin:0 0 0 0;
	padding:0;
	font-size:14px;
}
#order2 p.text06{
    margin:25px 0 35px 0;
	padding:0;
	font-size:16px;
	font-weight:bold;
}
#order2 table{
    width:894px;
	height:auto;
	margin:0 30px;
}
#order2 table tr td.t01{
	width:92px;
	height: auto;
	border-left:#e0e0e0 1px solid;
	border-top:#e0e0e0 1px solid;
	border-bottom:#e0e0e0 1px solid;
	margin:0;
	padding:0;
	background-color:#cfcfcf;
	text-align:center;
}
#order2 table tr td.t02{
	width:760px;
	height: auto;
	border-right:#e0e0e0 1px solid;
	border-top:#e0e0e0 1px solid;
	border-bottom:#e0e0e0 1px solid;
	margin:0;
	padding:20px;
	background-color:#ffffff;
	text-align:left;
	font-size:14px;
}
#order2 p.arrow img{
	margin:17px 0 17px 456px;
}
/* accordion -------------------------------------------------- */
#order2 .order2_mdl { background: #ffffff; background-size: 100% auto;}
#order2 .order2_mdl_cnt { padding: 0; }
#order2 .order2_mdl_ttl { background:url(../images/title05_01close.jpg) center bottom no-repeat; background-size: 100%; text-indent: -9998px; margin-top:-1px; margin-bottom:30px;}
#order2 .order2_mdl_ttl_active { background:url(../images/title05_01.jpg) center bottom no-repeat; background-size:  100%; text-indent: -9998px;}
#order2 .order2_mdl_ttl img { width:100%; height: auto;}
#order2 .order2_mdl_ttl2 { background:url(../images/title05_02close.jpg) center bottom no-repeat; background-size: 100%; text-indent: -9998px; margin-bottom:30px;}
#order2 .order2_mdl_ttl2_active { background:url(../images/title05_02.jpg) center bottom no-repeat; background-size:  100%; text-indent: -9998px;}
#order2 .order2_mdl_ttl2 img { width:100%; height: auto;}
#order2 .order2_mdl_ttl3 { background:url(../images/title05_03close.jpg) center bottom no-repeat; background-size: 100%; text-indent: -9998px;}
#order2 .order2_mdl_ttl3_active { background:url(../images/title05_03.jpg) center bottom no-repeat; background-size:  100%; text-indent: -9998px; margin-bottom:30px;}
#order2 .order2_mdl_ttl3 img { width:100%; height: auto;}

/*------------------------------------------------------------
 インフォメーション
-------------------------------------------------------------*/
#information{
    margin:0;
	padding:0 134px;
}
#information ul{
    margin:0 0 60px 0;
	padding:0;
	float:left;
}
#information ul li{
    margin:0;
	padding:0;
	float:left;
}
#information ul li.i01{
    margin:0 20px 0 0;
	padding:0;
}
/*------------------------------------------------------------
 コンタクト
-------------------------------------------------------------*/
#contact{
    margin:0;
	padding:0 25px;
}
#contact p.text01{
    margin:0 0 10px 0;
	padding:0;
	font-size:16px;
	font-weight:bold;
}
#contact p.text02{
    margin:0 0 30px 0;
	padding:0;
	font-size:14px;
}
#contact ul{
    margin:0 0 60px 0;
	padding:0;
	float:left;
}
#contact ul li{
    margin:0;
	padding:0;
	float:left;
}
#contact ul li.i01{
    margin:0 16px 0 0;
	padding:0;
}