/* master css */

/* +++++ HTML +++++ */
* {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:100%;
	color:#444;
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	font-size:12px;
	text-align:left;
}
img { border:none; }
a		{ color:#444; text-decoration:underline; }
a:hover { color:#febf00; }
table { border:none; margin:0; padding:0; }
li a	{ color:#444; text-decoration:underline; }
li a:hover { color:#febf00; }

/* +++++ テキスト類 +++++ */
.text01 { font-size:100%; color:#444; }
.text02 { color:#444; }
.text03 { }
p { line-height:150%; color:#444; margin:0px; }
li { color:#444; }
h1 { color:#444; font-weight:bold; }
h2 { color:#444; font-weight:bold; margin:0px; }
h3 { color:#444; font-weight:bold; margin:0px; }
h4 { color:#444; font-weight:bold; }
h5 { color:#444; font-weight:bold; }

/* +++++ 全ページ共通 +++++ */
div#wrapper {
	width:920px;
	margin:0px auto;
	background:url(../img/side-line.gif) repeat-y bottom;
}
div#pankuzu {
	clear:both;
	width:900px;
	height:30px;
	margin:0px 10px;
}
div#pankuzu ul {
	margin-left:50px;
}
div#pankuzu ul li {
    display:inline;
    line-height:30px;
    list-style-type:none;
}
div#pankuzu ul li a {
    padding-right:10px;
    background:url(../img/pankuzu.gif) no-repeat right center;
}

/* +++++ header +++++ */
div#header {
	background-image:url(../img/salacia_header_bg.gif);
	width:900px;
	height:95px;
	margin:0px 10px;
	position:relative;
}
div#header h2 {
	position:absolute;
	top:0px;
	left:135px;
}
div#header p {
	position:absolute;
	top:60px;
	left:150px;
	font-weight:normal;
}

div#header p.free-tel {
	position:absolute;
	top:5px;
	left:695px;
	font-size:11px;
	font-weight:bold;
}

div#header p.free-number {
	position:absolute;
	top:15px;
	left:695px;
	font-size:16px;
	font-weight:bold;
}

div#header div.login {
	position:absolute;
	top:40px;
	left:700px;
}
div#header div.uranai-top {
	position:absolute;
	top:62px;
	left:655px;
}
div#header div.qr-code {
	position:absolute;
	top:0px;
	left:805px;
}
div#header a {
	color:#ff0076;
	text-decoration:none;
}
div#header a:hover {
	color:#febf00;
}

/* +++++ globalnavi +++++ */
div#globalnavi {
	width:900px;
	height:35px;
	margin:0px 10px;
	background-image:url(../img/global-menu_bg.gif);
}
div#globalnavi div.large-tab {
	float:left;
	width:295px;
}
div#globalnavi div.large-tab li {
	float:left;
	list-style:none;
}
div#globalnavi div.large-tab li img {
	vertical-align:bottom;
}
div#globalnavi div.small-tab {
	float:left;
}
div#globalnavi div.small-tab li {
	float:left;
	list-style:none;
}
div#globalnavi div.small-tab li img {
	vertical-align:bottom;
	padding-top:5px;
}
div#clear {
	clear:both;
}

/* +++++ main-visual(index.html) +++++ */
div#main-visual {
	width:900px;
	height:400px;
	margin:0px 10px;
	position:relative;
}
div#main-visual h1.top {
	position:absolute;
	top:0px;
	left:520px;
	width:380px;
	height:100px;
	margin:0px;
}
div#main-visual h2.word-01 {
	position:absolute;
	top:0px;
	left:0px;
	width:520px;
	height:60px;
	margin:0px;
}
div#main-visual div.okabe {
	position:absolute;
	top:60px;
	left:0px;
	width:520px;
	height:340px;
	margin:0px;
}
div#main-visual div.commodity-01 {
	position:absolute;
	top:100px;
	left:520px;
	width:380px;
	height:170px;
	margin:0px;
}
div#main-visual div.price {
	position:absolute;
	top:270px;
	left:520px;
	width:380px;
	height:90px;
	margin:0px;
}
div#main-visual div.privilege {
	position:absolute;
	top:360px;
	left:520px;
	width:380px;
	height:40px;
	margin:0px;
}
div.fortune-telling {
	padding-left:700px;
	width:180px;
}

/* +++++ main-visual-02(use-guid.html/law.html/q&a.html) +++++ */
div#main-visual-02 {
	width:900px;
	margin:0px 10px;
}
div#main-visual-02 h2 {
	margin:0px 5px;
}
div#main-visual-02 table {
	width:870px;
	margin:10px 15px 0px 15px;
}
div#main-visual-02 table a{
	color:#ea6000;
}
div#main-visual-02 table a:hover {
	color:#febf00;
}
div#main-visual-02 table p.shousai01 {
	margin:20px 0px 0px 0px;
}
div#main-visual-02 table p {
	width:400px;
	margin:15px auto 0px 15px;
}
div#main-visual-02 table p.shousai-title {
	margin:15px auto 0px 15px;
	font-weight:bold;
}
div#main-visual-02 table p.shousai02 {
	margin:20px 0px 50px 0px;
}
div#main-visual-02 table ul.contents {
	margin:20px auto 10px 15px;
}
div#main-visual-02 table li.title {
	background:url(../img/list.gif) no-repeat;
	padding-left:15px;
}
div#main-visual-02 table ul {
	list-style:none;
	margin:5px auto 0px 10px;
}
div#main-visual-02 div.box03 {
	width:870px;
	margin:20px 15px 0px 15px;
}
div#main-visual-02 div.box03 ul.law {
	width:870px;
	height:60px;
	list-style:none;
}
div#main-visual-02 div.box03 li.title {
	width:175px;
	float:left;
	font-weight:bold;
}
div#main-visual-02 div.box03 li.shousai {
	width:690px;
	float:right;
}
div#main-visual-02 div.box03 li.shousai a{
	color:#ea6000;
}
div#main-visual-02 div.box03 li.shousai a:hover {
	color:#febf00;
}
div#main-visual-02 p {
	margin:15px auto 15px 15px;
}
div#main-visual-02 div#q-a {
	height:150px;
}
div#main-visual-02 div.question {
	width:860px;
	height:18px;
	margin:5px 20px 10px 20px;
	position:relative;
	border-bottom:solid 1px #444;
}
div.question img {
	position:absolute;
	top:2px;
	left:0px;
}
div#main-visual-02 div.question p {
	position:absolute;
	top:0px;
	left:20px;
	margin:0px;
	padding:0px;
}
div#main-visual-02 div.answer {
	width:860px;
	margin:5px 20px 10px 20px;
	position:relative;
}
div.answer img {
	position:absolute;
	top:4px;
	left:0px;
}
div#main-visual-02 div.answer p {
	position:absolute;
	top:0px;
	left:20px;
	width:820px;
	height:115px;
	margin:0px;
	padding:0px;
}

/* +++++ main-visual-02(company.html) +++++ */
div#main-visual-02 div.shousai {
	width:420px;
	padding-left:0px;
	padding-top:15px;
	padding-bottom:25px;
	float:left;
}
div#main-visual-02 div.shousai strong {
	width:80px;
	float:left;
}
div#main-visual-02 div.shousai ul {
	list-style:none;
	margin-left:150px;
}
div#main-visual-02 div.shousai ul li {
	margin-bottom:10px;
}
strong {
	color:#444;
	padding-top:5px;
}

/* +++++ main-visual-03(customers.html) +++++ */
div#main-visual-03 {
	width:900px;
	margin:0px 10px;
}
div#main-visual-03 h2 {
	margin:0px 5px;
}
div#main-visual-03 div.sub-title {
	margin:15px 15px 10px 15px;
	background:url(../img/sub-title_bg01.gif);
	width:870px;
	height:25px;
}
div#main-visual-03 div.sub-title p {
	font-weight:bold;
	font-size:16px;
	padding-left:20px;
}
div#main-visual-03 div#box01 {
	width:870px;
	height:400px;
	margin:0px 15px 20px 15px;
}
div.customer01 {
	width:280px;
	height:400px;
	float:left;
}
div.customer01 div.img01 {
	width:280px;
	height:200px;
	padding-bottom:10px;
}
div.customer01 div.comment01 {
	width:278px;
	height:188px;
	position:relative;
	border:solid 1px #FF7EB8;
}
div.customer01 div.comment01 p {
	width:268px;
	position:absolute;
	top:5px;
	left:5px;
}
div.customer01 div.comment01 p.name {
	position:absolute;
	top:165px;
	left:auto;
	text-align:right;
}
div.customer02 {
	width:310px;
	height:400px;
	margin:0px;
	float:left;
}
div.customer02 div.img02 {
	width:280px;
	height:200px;
	padding:0px 15px 10px 15px;
}
div.customer02 div.comment02 {
	width:278px;
	height:188px;
	position:relative;
	border:solid 1px #FF7EB8;
	margin:0px 15px;
}
div.customer02 div.comment02 p {
	width:268px;
	position:absolute;
	top:5px;
	left:5px;
}
div.customer02 div.comment02 p.name {
	position:absolute;
	top:165px;
	left:auto;
	text-align:right;
}

/* +++++ main-visual-03(past-mutter.html) +++++ */
div#main-visual-03 div#box02 {
	width:870px;
	height:315px;
	margin:0px 15px 20px 15px;
}
div.illust01 {
	width:280px;
	height:315px;
	float:left;
}
div.illust02 {
	width:310px;
	height:315px;
	margin:0px;
	float:left;
}
div.illust01 div.img01 {
	width:278px;
	height:278px;
	margin-bottom:5px;
	border:solid 1px #eee;
}
div.illust02 div.img02 {
	width:278px;
	height:278px;
	margin:0px 15px 5px 15px;
	border:solid 1px #eee;
}
div.illust01 p {
	text-align:center;
}
div.illust02 p {
	text-align:center;
}

/* +++++ main-visual-04(soliloquy.html) +++++ */
div#main-visual-04 {
	width:900px;
	margin:0px 10px;
}
div#main-visual-04 h2 {
	margin:0px 5px;
}
div#main-visual-04 p {
	margin:10px auto 10px 50px;
	font-size:16px;
	font-weight:bold; 
}
div#main-visual-04 div#box02 {
	width:900px;
	height:675px;
	margin:0px;
}
div#box02 div.illust-00 {
	width:900px;
	height:675px;
}

/* +++++ main-visual-05(salacia.html) +++++ */
div#main-visual-05 {
	width:900px;
	margin:0px 10px;
}
div#main-visual-05 h2 {
	margin:0px 5px;
}
div#main-visual-05 h3 {
	margin:0px 5px;
	clear:both;
}
div#main-visual-05 div#seibun {
	width:900px;
}


/* +++++ main-visual-06(event.html/sales-store.html) +++++ */
div#main-visual-06 {
	width:900px;
	margin:0px 10px;
}
div#main-visual-06 h2 {
	margin:0px 5px;
}
div#main-visual-06 div.photo {
	width:380px;
	height:260px;
	float:left;
}
div#main-visual-06 div.details {
	width:520px;
	height:260px;
	float:right;
}
div.photo img {
	margin:10px 10px 0px 15px;
	vertical-align:bottom;
}
div.details div.title {
	background:url(../img/sub-title_bg02.gif);
	width:510px;
	height:25px;
	margin:10px 10px 10px 0px;
}
div.details div.title h3 {
	padding-left:15px;
	padding-top:4px;
	font-size:16px;
}
div.details p {
	width:490px;
	height:215px;
	margin:10px 20px 0px 10px;
}
div.details strong {
	margin-left:15px;
}
div.details div.address {
	width:490px;
	height:70px;
	margin:10px 10px 0px 10px;
}
div.address ul {
	list-style:none;
	margin-left:25px;
}
div.address li {
	margin-top:5px;
}
div.details div.tel-fax {
	width:490px;
	height:55px;
	margin:0px 10px 0px 10px;
}
div.tel-fax ul {
	list-style:none;
	margin-left:25px;
}
div.tel-fax li {
	margin-top:5px;
}

div.details div.url {
	width:490px;
	height:35px;
	margin:0px 10px 0px 10px;
}
div.details div.url a {
	color:#ea6000;
}
div.details div.url a:hover {
	color:#febf00;
}
div.url ul {
	list-style:none;
	margin-left:25px;
}
div.url li {
	margin-top:5px;
}
div#handling-store {
	width:900px;
	margin:0px 10px;
}
div#handling-store ul.title {
	width:870px;
	margin:0px 15px;
	list-style:none;
	height:15px;
	font-weight:bold;
	border-bottom:solid 1px #444;
}
div#handling-store li.name {
	float:left;
	width:145px;
	padding-left:10px;
}
div#handling-store li.address {
	width:410px;
	float:left;
	padding-left:10px;
}
div#handling-store li.tel {
	width:120px;
	float:left;
	padding-left:10px;
}
div#handling-store li.fax {
	width:155px;
	float:left;
	padding-left:10px;
}
div#handling-store ul.store-list01 {
	width:870px;
	margin:10px 15px 0px 15px;
	list-style:none;
	height:15px;
	border-bottom:solid 1px #D8D8D8;
}
div#handling-store li.name {
	float:left;
	width:145px;
	padding-left:10px;
}
div#handling-store li.address {
	width:410px;
	float:left;
	padding-left:10px;
}
div#handling-store li.tel {
	width:120px;
	float:left;
	padding-left:10px;
}
div#handling-store li.fax {
	width:155px;
	float:left;
	padding-left:10px;
}
div#handling-store ul.store-list02 {
	width:870px;
	margin:10px 15px 0px 15px;
	list-style:none;
	height:30px;
	border-bottom:solid 1px #D8D8D8;
}
ul.declaration {
	list-style:none;
	margin:15px 15px 0px 15px;
	height:120px;
}
ul.declaration li.title {
	margin-bottom:10px;
}
ul.naiyou {
	list-style:none;
	margin-left:10px;
}
div.info01 {
	width:870px;
	margin:0px 15px;
	height:140px;
}
div.info02 {
	width:870px;
	margin:0px 15px;
	height:370px;
}
div.info02 ul {
	list-style:none;
	margin-left:15px;
}
div.info02 li {
	background:url(../img/list.gif) no-repeat;
	padding-left:15px;
	margin-bottom:30px;
}
div.info01 p {
	width:825px;
}
div.info02 p {
	width:825px;
}

/* +++++ introduction(salacia.html) +++++ */
div#introduction {
	width:900px;
	margin:0px 10px;
}
div#introduction div.sozai {
	width:450px;
	float:left;
	height:270px;
}
div.sozai img {
	float:left;
}
div.sozai div.text {
	width:250px;
	margin:0px;
	padding:0px;
	float:right;
	background:url(../img/salacia_explanation_bg.gif) repeat-x;
}
div.sozai div.text p {
	width:230px;
	margin-left:10px;
}
div#introduction div.safety {
	width:450px;
	float:right;
	height:270px;
}
div.safety img {
	float:left;
}
div.safety div.text {
	width:250px;
	margin:0px;
	padding:0px;
	float:right;
	background:url(../img/salacia_explanation_bg.gif) repeat-x;
}
div.safety div.text p {
	width:230px;
	margin-left:10px;
}
div#introduction h3 {
	clear:both;
}
div#introduction div.how-to {
	background-image:url(../img/salacia_photo_03.jpg);
	width:900px;
	height:185px;
}
div#introduction div.how-to p {
	margin-left:15px;
}
div#introduction div.before-after {
	float:left;
}
div#introduction p.comment {
	float:right;
}
table {
	width:900px;
	margin:0px 10px;
}
table h4 {
	margin:0px auto 10px 15px;
}
table ul {
	margin:0px auto auto 35px;
	list-style:none;
}
table ul.patent {
	margin:25px auto auto 35px;
	list-style:none;
}
table li.country {
	float:left;
	width:100px;
	margin-bottom:10px;
}
table li.patent-no {
	float:right;
	width:300px;
	text-align:left;
	margin-bottom:10px;
}

/* +++++ explanation +++++ */
div#explanation {
	width:900px;
	height:270px;
	margin:0px 10px;
	padding:0px;
}
div#explanation h2 {
	width:900px;
	height:120px;
	margin:0px;
}
div#explanation div#left-column {
	width:450px;
	height:150px;
	margin:0px;
	float:left;
}

div#explanation div#right-column {
	width:450px;
	height:150px;
	margin:0px;
	background-color:#99FFFF;
	float:right;
}

/* +++++ button-01 +++++ */
div#button-01 {
	background-image:url(../img/salacia_bt-area-bg_01.jpg);
	width:900px;
	height:100px;
	margin:0px 10px;
	padding:0px;
	text-align:center;
}
div#button-01 div {
	width:400px;
	height:60px;
	margin:0px auto;
	padding-top:20px;
}

/* +++++ news +++++ */
div#news {
	width:900px;
	height:160px;
	margin:0px 10px;
}
div#news h3.title {
	margin:0px 15px 0px 15px;
}
div#news #frame {
	width:848px;
	height:90px;
	margin:0px 15px 0px 15px;
	border:solid 1px #7FAD1A;
	overflow:scroll;
	overflow-x:hidden;
	padding:5px 10px;
}
div#news #frame ul {
	list-style-type:none;
}
div#news #frame ul li {
	margin:0px;
	padding:0px;
	border-bottom:dashed 1px #dcdcdc;
}
div#news #frame ul li.text01 {
	background:url(../img/icon.gif) no-repeat;
	height:15px;
	margin-top:5px;
	padding-left:20px;
}
div#news li.text01 a {
	color:#EB6300;
}
div#news li.text01 a:hover {
	color:#febf00;
}

/* +++++ experience-01 +++++ */
div#experience-01 {
	width:900px;
	margin:0px 10px;
	padding:0px;
}
div#experience-01 h2 {
	width:870px;
	height:90px;
	margin:0px 15px 10px 15px;
	padding:0px;
}
div#experience-01 div#taikendan-01 {
	position:relative;
	background:url(../img/experience_area_01.gif);
	width:870px;
	height:210px;
	margin:0px 15px 10px 15px;
	padding:0px;
}
div#taikendan-01 div.before-01 {
	position:absolute;
	width:220px;
	height:160px;
	top:25px;
	left:25px;
	margin:0px;
	padding:0px;
}
div#taikendan-01 div.passage-01 {
	position:absolute;
	width:100px;
	height:160px;
	top:25px;
	left:245px;
	margin:0px;
	padding:0px;
}
div#taikendan-01 div.after-01 {
	position:absolute;
	width:220px;
	height:160px;
	top:25px;
	left:345px;
	margin:0px;
	padding:0px;
}
div#taikendan-01 div.name-plate-01 {
	background:url(../img/name-plate_01.gif);
	position:absolute;
	top:25px;
	left:575px;
	width:270px;
	height:20px;
	margin:0px;
	padding:0px;
}
div#taikendan-01 p.name-01 {
	position:absolute;
	width:250px;
	top:25px;
	left:600px;
	font-weight:700;
}
div#taikendan-01 p.review-01 {
	position:absolute;
	width:270px;
	top:55px;
	left:575px;
	margin:0px;
	padding:0px;
}

/* +++++ experience-02 +++++ */
div#experience-02 {
	width:900px;
	margin:0px 10px;
	padding:0px;
}
div#experience-02 h2 {
	width:870px;
	height:55px;
	margin:0px 15px;
	padding:0px;
}
div#experience-02 div#taikendan-02 {
	position:relative;
	background:url(../img/experience_area_02.gif);
	width:870px;
	height:305px;
	margin:0px 15px;
	padding:0px;
}
div#taikendan-02 div.name-plate-02 {
	background:url(../img/name-plate_02.gif);
	width:400px;
	height:25px;
	position:absolute;
	top:5px;
	left:25px;
	margin:0px;
	padding:0px;
}
div#taikendan-02 p.name-02 {
	position:absolute;
	top:10px;
	left:50px;
	margin:0px;
	padding:0px;
	font-weight:700;
}
div#taikendan-02 div.before-02 {
	width:220px;
	height:160px;
	position:absolute;
	top:45px;
	left:25px;
	margin:0px;
	padding:0px;
}
div#taikendan-02 p.review-02 {
	position:absolute;
	width:170px;
	top:45px;
	left:255px;
	margin:0px;
	padding:0px;
}
div#taikendan-02 div.name-plate-03 {
	background:url(../img/name-plate_02.gif);
	width:400px;
	height:25px;
	position:absolute;
	top:5px;
	left:445px;
	margin:0px;
	padding:0px;
}
div#taikendan-02 p.name-03 {
	position:absolute;
	top:10px;
	left:470px;
	margin:0px;
	padding:0px;
	font-weight:700;
}
div#taikendan-02 div.before-03 {
	width:220px;
	height:160px;
	position:absolute;
	top:45px;
	left:445px;
	margin:0px;
	padding:0px;
}
div#taikendan-02 p.review-03 {
	position:absolute;
	width:170px;
	top:45px;
	left:675px;
	margin:0px;
	padding:0px;
}

/* +++++ button-02 +++++ */
div#button-02 {
	width:900px;
	height:100px;
	margin:0px 10px;
	padding:0px;
	text-align:center;
	clear:both;
}
div#button-02 div {
	width:400px;
	height:60px;
	margin:0px auto;
	padding-top:20px;
}

/* +++++ button-03 +++++ */
div#button-03 {
	background:url(../img/salacia_bt-area-bg_02.jpg);
	width:900px;
	height:100px;
	margin:0px 10px 0px;
	padding:0px;
	text-align:center;
	clear:both;
}
div#button-03 div {
	width:400px;
	height:60px;
	margin:0px auto;
	padding-top:20px;
}

/* +++++ footer +++++ */
div#footer {
	width:840px;
	height:110px;
	margin:0px 40px;
	padding:0px;
	border-top:solid 1px #017141;
}
div#footer li {
	width:280px;
	margin:20px 0px;
	list-style: none outside;
	display: block;
	float:left;
	text-align:center;
}
div#footer div.copyright {
	clear:both;
	margin:0px;
	padding:0px;
	text-align:center;
}