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

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: reset */
body,div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote,
th,td{margin:0;padding:0;}

header,nav,section,aside,footer{display:block;}

table{border-spacing:0;}

fieldset,img,a img,
abbr,acronym{border:0;}

li img,dt img{vertical-align:top;}

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

ol,ul{list-style:none;}

caption,th{text-align:left;}

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

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

hr{display:none;}

html{overflow-y:scroll;}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:top;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: base */
/*--------------------------------------- font */

/* base */
body{
/* font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",'Noto Sans Japanese', sans-serif; */
font-family:'Noto Sans JP', sans-serif;
line-height:1.5;
color:#333333;
font-size: 13px;
/*Firefox、Safari、Opera等モダンブラウザやMac IE5に適用*/
*font-size: small;
/*Win IE7およびWin IE6標準準拠モードに適用*/
*font: x-small;
/*Win IE 5-5.5､6(後方互換モード)に適用*/
}


/*----------------------- color */
/* wine red */
.red{color:#990000;}

/* white */
.mainArea .con p.subTitle,
.headArea .con,
.white{color:#FFF;}

.mainArea .con p{color:#000000;}

.bottomArea p.copy{color:#b0b0b0;}

/* bold */
.bold{font-weight:bold;}

/*----------------------- size */
/* size8px */
#productsSalon sub{font-size:69%;}

/* size10px */
.small{font-size:80%;}

/* size12px */
.main{font-size:93%;}

/* size14px */
.regular{font-size:108%;}

/* size16px */
.middle{font-size:123.1%;}

/* size18px */
.large{font-size:138.5%;}

/* size20px */
.mainArea .area p.comme,
.xlarge{font-size:153.9%;}

/* size22px */
.x2large{font-size:167%;}

/* size24px */
.x3large{font-size:182%;}

/*--------------------------------------- anchor */

a:link,
a:visited{
color:#009900;
text-decoration:none;
}
a:hover{
color:#FF6600;
text-decoration:none;}

/*--------------------------------------- add class */
/*float*/
.floatL{float:left;}
.floatR{float:right;}
.clearB{clear:both;}

.center{text-align:center;}
.bold{font-weight:bold;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common setup */
/*--------------------------------------- bg */
html{background:#FFF;}

/*--------------------------------------- page top */
.pgtp{
	padding:29px 5px 14px;
	text-align:right;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: main common */


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: main */
/*--------------------------------------- 01: index.html */
.headArea .con ul li{float:left; width:630px;}
.headArea .con ul li.cast1{width:280px;}
.headArea .con ul li.cast2{width:290px;}

.headArea .con .catch1{background:url(../../img/img_main014.jpg) center top no-repeat; text-align:center; height:115px; font-size:64px; font-weight:900; padding-top:5px;}
.headArea .con .catch2{background:url(../../img/img_main015.jpg) center top no-repeat; text-align:center; height:128px; font-size:33px; font-weight:900; padding-top:12px;}

.mainArea .con p{width:980px; margin-left:auto; margin-right:auto; font-weight:700;}
.mainArea .con p.docu{font-size:26px; line-height:2.2em; background:url(../../img/bg_main021.jpg) center bottom no-repeat; padding-bottom:60px;}
.mainArea .con p.subTitle{font-size:32px; line-height:2.0em; height:68px; background:url(../../img/bg_main022.gif) center top no-repeat; padding-top:1px; margin-bottom:40px;}

.mainArea .con ul{width:980px; margin-left:auto; margin-right:auto;}
.mainArea .con ul li{float:left; width:420px; margin-right:140px; margin-bottom:60px;}
.mainArea .con ul li.right{margin-right:0;}
.mainArea .con ul li p{width:100%; margin-top:16px;}
.mainArea .con ul li p.comme{text-align:left; line-height:1.6em; font-size:20px;}

.mainArea .con ul.support{margin-top:20px; margin-bottom:20px; width:640px; margin-left:auto; margin-right:auto;}
.mainArea .con ul.support li{float:left; width:320px; margin-right:0;}

.mainArea .con .btn{margin-bottom:80px;}

.mainArea .con{border-bottom:#dadada solid 2px; padding-bottom: 40px;}

.mainArea .area{border-top:#e6e6e6 solid 4px; padding-top: 40px; width: 800px; margin-left: auto; margin-right: auto;}
.mainArea .area p{width: 100%;}
.mainArea .area p{margin-bottom: 40px;}
.mainArea .area .btn{margin-bottom:80px;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common contents */
/*--------------------------------------- all center */
body{text-align:center; background:#ffffff;}

.con{
	width:1200px;
	margin:0 auto;
	text-align:left;
}
.mainArea .mcon,
.topArea .con{width:1200px; text-align:center; margin-left:auto; margin-right:auto;}
.mainArea .con{background:#ffffff url(../../img/bg_main_con.gif) center top repeat-x; width:1120px; text-align:center;}

/*--------------------------------------- header */
.topArea{width:100%; height:90px;}
.topArea ul{width:1040px; margin-left:auto; margin-right:auto;}
.topArea ul li{float:left; width:320px;}
.topArea ul li.w1{width:720px;}

.headArea{background:url(../../img/bg_main01.jpg) center top no-repeat; height:686px;}

/*--------------------------------------- breadCrumb */

/*--------------------------------------- mainContaints */
.mainArea{background:url(../../img/bg_main02.gif) center top repeat-x;}

/*--------------------------------------- side */

/*--------------------------------------- footer */
.bottomArea p.copy{margin-top:30px; margin-bottom:80px; font-size:12px;}


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: clear */

div:after,
ul:after,
dl:after,
.con:after{
content:".";
display:block;
clear:both;
height:0;
line-height:0;
visibility:hidden;
font-size: 0;
}

	/* IE6 */
	* html div,
	* html ul,
	* html dl,
	* html .con{height:1%;}

	/* IE7 */
	*:first-child+html div,
	*:first-child+html ul,
	*:first-child+html dl,
	*:first-child+html .con{display:inline-block;}