@import "base_official.css";
@import "dir_common.css";

/* 素肌づくり
------------------------------------------------- */
/* こだわり
------------------- */
.intMind #intType{
		margin-top:50px;
		}
.intMind #intType p{
		color:#534741;
		font-size:90%;
		line-height:170%;
		margin-top:35px;
		}
.intMind #intType dt{
		text-align:right;
		}
.intMind #intType dd img{
		margin-right:30px;
		}
.intMind #sndType{
		width:775px;
		margin-left:40px;
		margin-bottom:50px;
		}
.intMind #sndType .floL{
		width:585px;
		}
.intMind #sndType ul{
		margin-left:15px;
		}
.intMind #sndType ul li{
		margin-bottom:10px;
		}
.intMind #sndType p{
		color:#71757B;
		font-size:90%;
		line-height:170%;
		margin-top:20px;
		}
.intMind #srdType{
		width:675px;
		padding:25px 20px 15px;
		margin-left:70px;
		margin-right:30px;
		margin-bottom:50px;
		border:solid 1px #C9D1D4;
		}
.intMind #srdType #flaType{
		width:330px;
		}
.intMind #srdType #LineType{
		border-bottom:dotted 1px #C9D1D4;
		padding-bottom:10px;
		margin-bottom:15px;
		}
.intMind #srdType dl{
		width:310px;
		color:#71757B;
		font-size:90%;
		margin-top:50px;
		margin-left:10px;
		}
.intMind #srdType dt{
		border-bottom:solid 1px #71757B;
		margin-bottom:15px;
		padding-bottom:5px;
		font-weight:bold;
		}
.intMind #srdType dd{
		margin-left:15px;
		line-height:170%;
		}
.intMind #intType a:link,
.intMind #intType a:visited{
		text-decoration:underline;
		color:#534741;
		}
.intMind #intType a:hover,
.intMind #intType a:active{
		text-decoration:none;
		color:#534741;
		}
.intMind #sndType a:link,
.intMind #sndType a:visited{
		text-decoration:underline;
		color:#71757B;
		}
.intMind #sndType a:hover,
.intMind #sndType a:active{
		text-decoration:none;
		color:#71757B;
		}

/* 素肌づくり
------------------- */
.intInd #intType p{
		color:#534741;
		font-size:90%;
		line-height:170%;
		margin-top:10px;
		margin-bottom:15px;
		}
.intInd #sndType,
.intProc #sndType{
		width:775px;
		margin-left:40px;
		margin-bottom:50px;
		}
.intInd #sndType dl,
.intProc #sndType dl{
		width:360px;
		}
.intInd #sndType dt{
		border-left:solid 1px #C9D1D4;
		border-bottom:solid 1px #C9D1D4;
		padding-left:20px;
		padding-bottom:10px;
		}
.intInd #sndType dd{
		color:#71757B;
		font-size:90%;
		line-height:170%;
		margin-left:20px;
		margin-top:25px;
		}


/* スキンケアプログラム
------------------- */
.intProg #intType{
		margin-top:30px;
		background:url("../introduction/image/prog_img01_gra.jpg") no-repeat top right;
		}
.intProg #intType dl{
		padding-top:30px;
		}
.intProg #intType dt{
		padding-bottom:15px;
		}
.intProg #intType dd{
		margin-top:10px;
		margin-bottom:15px;
		}
.intProg #intType dd p{
		padding-right:380px;
		color:#534741;
		}
.intProg #intType dd.aliC{
		padding-top:50px;
		clear:both;
		}
.intProg h3{
		margin-top:30px;
		}
.intProg #commArea,
.intProg #commAreaB,
.intProg #commAreaC{
		border:solid 1px #C9D1D4;
		padding:20px 25px;
		margin:25px 0px 25px 30px;
		}
.intProg #commArea dl{
		width:325px;
		}
.intProg #commArea dt p{
		text-align:right;
		padding-top:15px;
		}
.intProg #commAreaB dt p{
		margin-bottom:15px;
		}
.intProg .sDir dd{
		color:#71757B;
		font-size:90%;
		line-height:170%;
		margin-top:10px;
		}
.intProg .stepArea dd{
		margin-left:30px;
		}
.intProg #commAreaB dl,
.intProg #commAreaC dl{
		width:530px;
		}
.intProg #srdType dd .floR{
		margin-left:20px;
		}
.intProg #srdType #sodArea{
		padding:10px 15px;
		background:#F0F0F4;
		}
.intProg #srdType #sodArea span{
		font-weight:bold;
		}
.intProg #srdType #sodArea ul{
		margin-left:25px;
		line-height:170%;
		}
.intProg #commAreaC dl{
		background:url("../introduction/image/prog_img05_gra2.jpg") no-repeat bottom right;
		padding-bottom:80px;
		}

/* 素肌づくりの流れ
------------------- */
.intProc #intType{
		margin-top:60px;
		}
.intProc #intType dl{
		background:url("../introduction/image/proc_img01_gra.gif") no-repeat bottom right;
		padding-bottom:20px;
		}
.intProc #intType dt{
		padding-bottom:15px;
		}
.intProc #intType dd{
		margin-top:10px;
		margin-bottom:15px;
		}
.intProc #intType dd p{
		padding-right:200px;
		color:#534741;
		font-size:90%;
		line-height:180%;
		}
.intProc #sndType h3{
		margin-top:30px;
		padding-bottom:3px;
		border-bottom:solid 1px #000000;
		text-align:center;
		}
.intProc #sndType dt{
		margin-top:40px;
		}
.intProc #sndType dd{
		color:#71757B;
		font-size:90%;
		line-height:170%;
		margin-top:10px;
		margin-bottom:20px;
		}
.intProc #sndType ul{
		line-height:170%;
		margin-top:10px;
		}


/* ソフィールについて
------------------------------------------------- */
/*会社概要
------------------- */
.aboutA #blockA{
		width:775px;
		margin-left:40px;
		margin-top:60px;
		margin-bottom:50px;
		}
.aboutA #blockA .floR{
		width:545px;
		}
.aboutA #blockA .floR p{
		font-size:80%;
		color:#534741;
		line-height:150%;
		margin-bottom:10px;
		}
.aboutA #blockA .floR h3{
		margin:50px 0px 7px 0px;
		}
.aboutA #blockA .floR table{
		width:545px;
		font-size:80%;
		color:#71757B;
		border-top:1px dotted #C9D1D4;
		}
.aboutA #blockA .floR table th,.aboutA #blockA .floR table td{
		text-align:left;
		padding:7px 0px;
		border-bottom:1px dotted #C9D1D4;
		}
.aboutA #blockA .floR table th{
		font-weight:normal;
		}
.aboutA #blockA .floR table td{
		line-height:150%;
		}
.aboutA #blockA .floR table .verT{
		vertical-align:top;
		padding-top:7px;
		}
.aboutA #blockA .floL{
		width:154px;
		}
.aboutA #blockA #fontBox{
		margin:17px 0px;
		}
.aboutA #blockA .floL p{
		font-size:68%;
		color:#71757B;
		line-height:150%;
		margin-bottom:5px;
		}

/*グループ企業
------------------- */
.aboutB  table span,.aboutB  #blockB span{
		padding-left:10px;
		}
.aboutB em{
		font-style:normal;
		padding-left:30px;
		}
.aboutB #blockA{
		width:775px;
		margin-left:40px;
		margin-top:50px;
		margin-bottom:50px;
		}
.aboutB #blockA .floL{
		width:157px;
		}
.aboutB #blockA .floR{
		width:545px;
		}
.aboutB #blockA .floL .lineG{
		border:1px solid #C9D1D4;
		}
.aboutB #blockA .floL ul{
		text-align:center;
		margin:5px 0px;
		}
.aboutB #blockA .floL ul li{
		padding:5px;
		}
.aboutB #blockA .floL p{
		font-size:68%;
		color:#71757B;
		margin-top:10px;
		}
.aboutB  #blockB dl{
		width:435px;
		font-size:75%;
		color:#71757B;
		background:#e6e6e6;
		float:left;
		}
.aboutB  #blockB dt,.aboutB  #blockB dd{
		margin-bottom:2px;
		margin-left:13px;
		}
.aboutB #blockA .floR dt{
		font-weight:bold;
		margin-top:7px;
		margin-bottom:5px;
		}
.aboutB #blockA .floR dd{
		padding-left:12px;
		}
.aboutB .floR #blockB{
		background:#e6e6e6;
		margin-top:5px;
		}
.aboutB .floR #blockB p{
		text-align:left;
		}
.aboutB .floR #blockB #verTop{
		vertical-align:top;
		}
.aboutB .floR #blockB #verBtm{
		vertical-align:bottom;
		}
.aboutB .floR #blockB #onSite{
		width:82px;
		margin-top:7px;
		padding-right:10px;
		float:right;
		}
.aboutB  table{
		width:545px;
		border-top:1px dotted #C9D1D4;
		clear:both;
		}
.aboutB  table#marT{
		margin-top:10px;
		}
.aboutB  table .lineA{
		border-top:1px dotted #C9D1D4;
		}
.aboutB  table .lineB{
		border-bottom:1px dotted #C9D1D4;
		}
.aboutB  table th,.aboutB  table td{
		font-size:75%;
		color:#71757B;
		padding-top:15px;
		padding-bottom:10px;
		}
.aboutB  table th{
		font-weight:normal;
		vertical-align:top;
		padding-right:15px;
		}
.aboutB  table th.widA{
		width:50px;
		white-space:nowrap;
		}
.aboutB  table td{
		width:350px;
		}
.aboutB  table li{
		margin-bottom:5px;
		}

/*ソフィール通信
------------------- */
.aboutC #blockA,.aboutC #blockB{
		margin-left:40px;
		}
.aboutC #blockA{
		margin-top:55px;
		margin-bottom:30px;
		}
.aboutC #blockA .floR{
		width:439px;
		padding-right:30px;
		}
.aboutC #blockA .floL{
		width:250px;
		}
.aboutC #blockA .floL p{
		margin-top:25px;
		}
.aboutC #speBlock h3{
		margin-bottom:30px;
		}
.aboutC #speBlock{
		margin-bottom:23px;
		width:455px;
		}
.aboutC #speBlock dt{
		margin-bottom:8px;
		}
.aboutC #speBlock dt img{
		vertical-align:top;
		}
.aboutC #speBlock dt span{
		padding-right:27px;
		}
.aboutC #speBlock dd{
		margin-left:103px;
		margin-bottom:25px;
		}
.aboutC #blockB{
		border-top:dotted 1px #C9D1D4;
		padding-top:10px;
		}
.aboutC #blockB table{
		background:#ECF2F5;
		margin-bottom:20px;
		}
.aboutC #blockB table td{
		text-align:center;
		vertical-align:top;
		padding-top:10px;
		}
.aboutC #blockB table th{
		font-weight:normal;
		text-align:left;
		padding:10px;
		font-size:80%;
		color:#71757B;
		vertical-align:top;
		width:160px;
		}
.aboutC #blockB table th p{
		text-align:center;
		font-weight:bold;
		margin-bottom:3px;
		}
.aboutC #blockB table th span{
		margin-left:10px;
		}
.aboutC #blockB table .boxNo{
		background:#ffffff;
		}

/*プライバシーポリシー
------------------- */
.aboutD #blockA{
		margin-top:60px;
		}
.aboutD #blockA p{
		color:#534741;
		font-size:80%;
		line-height:170%;
		margin-top:30px;
		margin-bottom:20px;
		}
.aboutD #blockA dt{
		font-size:80%;
		font-weight:bold;
		color:#71757B;
		background:#e4eaed;
		padding:6px;
		}
.aboutD #blockA dt span{
		padding:0px 3px;
		}
.aboutD #blockA dd{
		font-size:80%;
		color:#71757B;
		line-height:170%;
		margin-left:20px;
		padding-top:20px;
		margin-bottom:60px;
		}
.aboutD #blockA dd#marBnone{
		margin-bottom:0px;
		}
.aboutD #blockA dd img{
		margin:5px 10px 30px 20px;
		float:right;
		}
.aboutD #blockA .floClear{
		clear: both;
		}
.aboutD #blockA dd#padBno{
		padding-bottom:0px;
		}



/* お客様の声
------------------------------------------------- */
.indVoice #blockA  p{
		margin-top:8px;
		color:#534741;
		font-size:80%;
		line-height:170%;
		}
.indVoice #blockA  p span{
		color:#ff0000;
		font-size:90%;
		}
.indVoice #blockA div.clearfix{
		border-bottom:2px solid #C9D1D4;
		padding-top:25px;
		padding-bottom:25px;
		}
.indVoice #FstBlock{
		margin-top:30px;
		}
.indVoice #blockA  p.floL{
		width:220px;
		text-align:center;
		}
.indVoice #blockA  p.floL img{
		}
.indVoice #blockA dl.floR{
		width:570px;
		line-height:160%;
		color:#71757B;
		font-size:80%;
		}
.indVoice #blockA dl.floR dd{
		padding-top:13px;
		}
.indVoice #blockA ul{
		margin-top:30px;
		margin-left:20px;
		}
.indVoice #blockA li{
		line-height:160%;
		color:#71757B;
		font-size:80%;
		background:url(../voice/image/ind_min-mark.gif)  no-repeat 1px 0.2em;
		padding-left:13px;
		margin-bottom:30px;
		}
.indVoice #blockA p.aliR{
		padding:5px 0px;
		}

/* お問い合わせ
------------------------------------------------- */
/* お客様相談室
------------------- */
.inqInd #smaBlock p{
		font-size:80%;
		color:#534741;
		margin-top:8px;
		}
.inqInd #smaBlock p#caution{
		font-size:80%;
		color:#ff0000;
		margin-top:60px;
		margin-bottom:2px;
		}
.inqInd #smaBlock p#caution span{
		font-weight:bold;
		}
.inqInd table{
		width:700px;
		color:#71757B;
		}
.inqInd table th,.inqInd table td{
		text-align:left;
		vertical-align:top;
		}
.inqInd table th{
		font-size:80%;
		font-weight:normal;
		background:#e4eaed;
		padding:13px 22px;
		white-space:nowrap;
		}
.inqInd table th span{
		color:#ff0000;
		font-weight:bold;
		padding-left:2px;
		}
.inqInd table td{
		padding-left:55px;
		padding-top:13px;
		padding-bottom:13px;
		}
.inqInd table td span{
		margin-left:10px;
		font-size:80%;
		}
.inqInd table td em{
		font-style:normal;
		margin-right:7px;
		}
.inqInd ul#boxA li{
		margin-bottom:5px;
		}
.inqInd ul#boxB li{
		display:inline;
		margin-right:20px;
		}
.inqInd p.aliC{
		width:700px;
		padding-top:30px;
		}
.inqInd p.aliC span{
		margin-left:20px;
		}



/* インフォメーション
------------------------------------------------- */
/*最新ページ
------------------- */
.info h2{
		font-size:120%;
		margin-top:40px;
		}
.info h2 span{
		display:block;
		font-weight:normal;
		margin-bottom:3px;
		}
.info #smaBlock p{
		font-size:90%;
		color:#71757B;
		line-height:170%;
		margin-top:40px;
		margin-bottom:20px;
		}
.info .sDir{
		padding-bottom:20px;
		}
.info .sDir span{
		margin-left:40px;
		}
.info #smaBlock h3,.info #smaBlock h2#infoOld{
		border:1px solid #C9D1D4;
		background:#f4f2e4;
		margin-bottom:5px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:8px;
		}
.info #oldBlock{
		width:813px;
		border:1px solid #C9D1D4;
		}
.info #oldBlock .floL,.info #oldBlock .floR{
		margin:20px 0px;
		}
.info #oldBlock .floL{
		width:110px;
		}
.info #oldBlock .floL ul{
		font-size:80%;
		background:#e4eaed;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:15px;
		}
.info #oldBlock .floL li {
		background: url(../info/image/info_oldmark.gif) no-repeat left center; 
		vertical-align:middle;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:15px;
		}
.info #oldBlock .floR{
		width:675px;
		}
.info #oldBlock .floR table{
		width:658px;
		}
.info #oldBlock .floR table th,.info #oldBlock .floR table td{
		font-size:80%;
		padding-top:3px;
		padding-bottom:3px;
		text-align:left;
		border-bottom:1px dotted #C9D1D4;
		}
.info #oldBlock .floR table th{
		text-align:left;
		font-weight:normal;
		}
.info #oldBlock .floR table td{
		color:#71757B;
		width:90px;
		white-space:nowrap;
		}




/* 管理画面
------------------------------------------------- */
/*新規作成画面
------------------- */

.controlA table#newBox{
		width:775px;
		color:#71757B;
		margin-top:40px;
		}
.controlA table#newBox em{
		font-style:normal;
		padding:0px 2px;
		}
.controlA table#newBox th,
.controlA table#newBox td{
		vertical-align:top;
		text-align:left;
		}
.controlA table#newBox th{
		font-size:80%;
		font-weight:normal;
		background:#e4eaed;
		padding:13px 22px;
		}
.controlA table#newBox td{
		font-size:80%;
		padding-left:55px;
		padding-top:13px;
		padding-bottom:13px;
		}
.controlA table#newBox td span{
		margin-left:10px;
		}
.controlA table#newBox th span{
		font-size:80%;
		color:#ff0000;
		display:block;
		padding-top:3px;
		}
.controlA p.aliC{
		padding-top:10px;
		padding-bottom:60px;
		}
.controlA p.aliC span{
		margin-left:20px;
		}


/*過去ログ一覧画面
------------------- */
.controlA #logTitle{
		border:1px solid #C9D1D4;
		background:#f4f2e4;
		margin-bottom:5px;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:8px;
		}
.controlA #oldBlock{
		width:813px;
		border:1px solid #C9D1D4;
		}
.controlA #oldBlock .floL,.controlA #oldBlock .floR{
		margin:20px 0px;
		}
.controlA #oldBlock .floL{
		width:110px;
		}
.controlA #oldBlock .floL ul{
		font-size:80%;
		background:#e4eaed;
		padding-top:10px;
		padding-bottom:10px;
		padding-left:15px;
		}
.controlA #oldBlock .floL li{
		background: url(../info/image/info_oldmark.gif) no-repeat left center; 
		vertical-align:middle;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:25px;
		}
.controlA #oldBlock table#infoT{
		width:658px;
		margin-right:10px;
		}
.controlA #oldBlock table#onlineT{
		width:790px;
		margin-left:10px;
		margin-top:20px;
		margin-bottom:30px;
		}
.controlA #oldBlock table th,
.controlA #oldBlock table td{
		font-size:80%;
		padding-top:5px;
		padding-bottom:5px;
		text-align:left;
		border-bottom:1px dotted #C9D1D4;
		}
.controlA #oldBlock table th{
		font-weight:normal;
		}
.controlA #oldBlock table td{
		color:#71757B;
		white-space:nowrap;
		padding-right:8px;
		}
.controlA #oldBlock table .padNone{
		padding-top:0px;
		}
.controlA p#newR{
		text-align:right;
		padding:40px 0px;
		}		





/* indType：トップオンリー
------------------------------------------------- */
#sms h2{
		margin-bottom:15px;
		}
#sms #infBlock .aliR{
		margin-bottom:40px;
		}

#sms #infBlock table img{
		border:solid 1px #C9D1D4;
		}
#sms #infBlock table th{
		padding-left:15px;
		padding-bottom:5px;
		padding-top:5px;
		font-weight:normal;
		vertical-align:top;
		text-align:left;
		border-bottom:dotted 1px #C9D1D4;
		}
#sms #infBlock table td{
		padding-bottom:5px;
		padding-top:5px;
		vertical-align:top;
		text-align:left;
		border-bottom:dotted 1px #C9D1D4;
		}
#sms #infBlock table dl{
		margin-top:5px;
		}
#sms #infBlock table dt{
		font-weight:bold;
		color:#000000;
		font-size:90%;
		}
#sms #infBlock table dd{
		color:#71757B;
		font-size:85%;
		margin-top:10px;
		line-height:160%;
		}
#sms #infBlock p{
		margin-top:5px;
		font-size:80%;
		}
#sms #infBlock p img{
		vertical-align:middle;
		margin-right:5px;
		}

#sms #topicBlock ul{
		margin-top:5px;
		margin-bottom:10px;
		}
#sms #topicBlock ul img{
		border:solid 1px #000000;
		vertical-align:middle;
		}
#sms #topicBlock ul li{
		margin-bottom:8px;
		}
#sms #topicBlock p{
		font-size:80%;
		font-weight:bold;
		color:#726323;
		}
#sms #topicBlock p img{
		vertical-align:middle;
		margin-right:5px;
		}
#sms #topicBlock a:link,
#sms #topicBlock a:visited{
		text-decoration:none;
		color:#726323;
		}
#sms #topicBlock a:hover,
#sms #topicBlock a:active{
		text-decoration:none;
		color:#71757B;
		}
		
		
/* 商品紹介　product＞
------------------------------------------------- */
/*モーニングソープ
------------------- */
.ingredient {
    border: solid 1px rgba(0,0,0,0.3);
    padding: 10px;
    border-radius: 5px;
}

.ingredient h5 {
    color: #663300;
    font-size: 14px;
    margin: 10px 0;
}

.ingredient h6 {
    font-size: 14px;
    margin: 10px 0;
}

.ingredient p {
    font-size: 80%;
}


/*SODエッセンスEXCELS
------------------- */
.sodex{
	margin-top: 2rem;
}

strong {
    color: #ff0000;
}