/* 共通CSS読み込み  */
@import url("common.css");


/* ================================================
トップ以外 共通 */

/* ======================== メイン画像 */
div#mainimg{
	width:100%;
	height:143px;
	background-color:#FFF5E5;
	margin-bottom:30px;
	text-align:center;
}
div#mainimg div{
	width:900px;
	height:100%;
	margin:0 auto;
	background:#FFF5E5 no-repeat left top;
}
div#mainimg h1{
	width:100%;
	height:100%;
	margin:0 auto;
	background:url(../img/common/KijiKconsulting.gif) no-repeat 190px 49px;
	text-indent:-9999px;
}

/* ======================== メイン部 */
div.mBox{
	margin:0 auto;
	text-align:left;
}
div.mBox p.lead{
	line-height:1.8em;
}

/* ================================================
メッセージ */
#header div p.meslogo{padding-left:36px;}

.message{
	background:url(../img/message/bgMain.gif) no-repeat center bottom;
	padding-bottom:130px;
}
.message div#mainimg div{
	width:863px;
	background-image:url(../img/message/topImg.jpg);
}
.message div.mBox{
	width:815px;
}
.message div.mBox #slogan{
	float:left;
	width:300px;
	margin-left:64px;
}
/* hide from Mac IE \*/
* html .message div.mBox #slogan{
	margin-left:32px;
}
/* */
.message div.mBox #slogan h3{
	padding:20px 0 70px;
}
.message div.mBox #slogan p{
	padding-top:90px;
}
.message div.mBox h4{
	padding-top:10px;
}
.message div.mBox #ourDream{
        margin-top:80px;
	float:left;
	width:327px;
	padding-left:30px;
	border-left:1px solid #F05B23;
	position:relative;
}
.message div.mBox #ourDream img{
	margin:5px 0 5px 0;
}
.message div.mBox #ourDream p{
	line-height:2em;
	text-align:left;
	position:absolute;
	top:-9999px;
}

/* ================================================
プロフィール */
#header div p.meslogo{padding-left:36px;}

.profile{
	background:url(../img/profile/bgMain.gif) no-repeat center bottom;
	padding-bottom:130px;
}
.profile div#mainimg div{
	width:863px;
	background-image:url(../img/message/topImg.jpg);
}
.profile div.mBox{
	width:600px;
}
.profile div.mBox p{
	padding-top:8px;
}
.profile div.mBox p img{
	float:right;
}
.profile div.mBox ul li{
        padding-top:10px;
}
.profile div.mBox h2{
	padding-bottom:20px;
} 
.profile div.mBox h3{
	padding-top:30px;
}
.profile div.mBox h4{
	padding-top:25px;
	font-size:1em;
}
.profile div.mBox dt{
	float:left;
	padding-left:20px;
	width:75px;
}
.profile div.mBox dd{
        width:490px;
        float:left;
}

.profile div.mBox h5{
	padding-top:15px;
	float:right;
}
.profile div.mBox table p{
        font-size:12px;
        font-weight:normal;
        width:465px;

}

/* ================================================
活動実績 */


.results{
	background:url(../img/results/bgMain.gif) no-repeat center bottom;
	padding-bottom:130px;
}
.results div#mainimg div{
	width:863px;
	background-image:url(../img/message/topImg.jpg);
}
.results div.mBox{
	width:630px;
}
.results div.mBox h2{
       	padding-bottom:30px;
}
.results div.mBox h3{
	padding:20px 0 10px;
	font-size:normal;
}

.results div.mBox dt{
	float:left;

	width:140px;
}
.results div.mBox dd{
        width:470px;
}






/* ================================================
KijiK */

.kijik{
	background:url(../img/kijik/bgMain.gif) no-repeat center bottom;
	padding-bottom:175px;
	margin-bottom:-85px;
}
.kijik div#mainimg div{
	background-image:url(../img/kijik/topImg.jpg);
	width:879px;
}
div#mainimg2{
	width:100%;
	height:143px;
	margin-bottom:30px;
	text-align:center;
	background-color:#FFF5E5;
}
div#mainimg2 div{
	width:900px;
	height:100%;
	margin:0 auto;
	background:#FFF5E5 url(../img/kijik/topImg.jpg) no-repeat right top;
}
div#mainimg2 h1{
	width:100%;
	height:100%;
	margin:0 auto;
	background:url(../img/common/KijiKconsulting.gif) no-repeat center center;
	text-indent:-9999px;
}

#header div p.kijilogo{padding-left:28px;}

.kijik div.mBox{
	width:831px;
}
.kijik div.mBox h3{
	padding-bottom:15px;
}
.kijik div.mBox .kijikBox{
	background:url(../img/kijik/bgkijikb.gif) no-repeat left bottom;
	padding:0 0 10px;
}
.kijik div.mBox dl{
	background:url(../img/kijik/bgkijik.gif) no-repeat left top;
	padding-top:22px;
	width:831px;
}
.kijik div.mBox dl dt{
	float:left;
	width:191px;
	height:142px;
}
.kijik div.mBox dl dt p{
	position:relative;
	width:100%;
	height:100%;
}
.kijik div.mBox dl dt img{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-71px;
	margin-top:-25px;
}

.kijik div.mBox dl dd{
	float:left;
	width:640px;
}
.kijik div.mBox dl dd h4{
	padding:12px 0 0 30px;
}
.kijik div.mBox dl dd p{
	padding:15px 19px 5px 35px;
}

.kijik div.mBox .otoiawase{
	margin-top:20px;
}

/* ================================================
コンサルティング */

.consulting{
	background:url(../img/consulting/bgMain.gif) no-repeat center bottom;
	padding-bottom:240px;
	margin-bottom:-95px;
}

#header div p.linlogo{padding-left:78px;}

.consulting div#mainimg div{
	background-image:url(../img/consulting/topImg.jpg);
	width:780px;
}
.consulting div.mBox{
	width:732px;
}

.consulting div.mBox p.lead{
	margin-top:30px;
}
.consulting div.mBox h3{
	padding:25px 0 10px;
	font-size:1.3em;
}

/* ================================================
ラインナップ */

.conline{
	background:url(../img/consultinglineup/bgMain.gif) no-repeat center bottom;
	padding-bottom:240px;
	margin-bottom:-95px;
}
.conline div.mBox h3{
	padding:30px 0 15px;
}

#header div p.linlogo{padding-left:78px;}

.lineup div#mainimg div{
	background-image:url(../img/consultinglineup/topImg.jpg);
	width:780px;
}
.lineup div.mBox{
	width:732px;
}


.lineup ul#lineupNav{
	margin-top:30px;
	margin-bottom:-30px;
}
.lineup ul#lineupNav li{
	display:inline;
	margin-right:3em;
	color:#777;
}

.lineup div.luBox{
	border-bottom:2px solid #777;
	margin-top:65px;
	margin-bottom:3px;
}
.lineup div.luBox h3{
	padding:5px;
	color:#fff;
	background:#777;
	font-size:1em;
	margin-bottom:3px;
}
.lineup div.luBox ul{
	border-top:1px solid #777;
}
.lineup div.luBox ul li{
	border-top:1px solid #777;
	padding:5px;
}
.lineup div.luBox ul li dl{
	width:720px;
}
.lineup div.luBox ul li dt{
	font-weight:bold;
	width:150px;
	float:left;
}
.lineup div.luBox ul li dt.orange{
	color:#F05B23;
	width:120px;
}
.lineup div.luBox ul li dt.longdt{
	width:210px;
}
.lineup div.luBox ul li dt.shdt{
	width:60px;
}
.lineup div.luBox ul li dd{
	color:#777;
	width:510px;
	float:left;
}
.lineup div.shdd ul li dd{
	width:390px;
}
.lineup div.logdd ul li dd{
	width:600px;
}



/* ================================================
consultingcase */

.consultingcase{
	background:url(../img/consultingcase/bgMain.gif) no-repeat center bottom;
}

#header div p.conlogo{padding-left:8px;}

.consultingcase div#mainimg div{
	background-image:url(../img/consultingcase/topImg.jpg);
	width:920px;
}
.consultingcase div.mBox{
	width:872px;
}


.consultingcase h4{
	margin:34px 0 17px;
}
.consultingcase #consultBox{
	width:872px;
	height:528px;
}
.consultingcase ul li{
	display:inline;
	width:218px;
	float:left;
}
.consultingcase ul li dl{
	width:213px;
	margin-bottom:15px;
}
.consultingcase ul li dl dd{
	line-height:1em;
	padding-bottom:0px;
	height:91px;
}
.consultingcase ul li dl dd.txtBox{
	background:url(../img/consultingcase/ddbg.gif) no-repeat 0px 5px;
	height:107px;
}
.consultingcase ul li dl dd.txtBox span{
	color:#F05B23;
	font-weight:normal;
}
.consultingcase ul li dd.txtBox ul{
	width:213px;
	padding-top:23px;
}
.consultingcase ul li dd.txtBox li{
	display:block;
	width:auto;
	float:none;
	font-weight:bold;
	line-height:1.2em;
	padding:5px;
	text-indent:-1em;
	margin-left:1.2em;
}
.consultingcase ul li dl dd.txtR{
	height:24px;
	margin-top:2px;
}


/* ================================================
case */

.case{
	background:url(../img/consulting/bgMain.gif) no-repeat center bottom;
	padding-bottom:240px;
	margin-bottom:-95px;
}

#header div p.conlogo{padding-left:8px;}

.case div#mainimg div{
	background-image:url(../img/consulting/topImg.jpg);
	width:920px;
}
.case div.mBox{
	width:670px;
}

.case div.mBox h2{
	padding:5px;
	margin-bottom:10px;
}
.case div.mBox h4{
	margin:35px 0px 20px;
}


.case div.txtBoxA{
	background:url(../img/case/casebox.gif) no-repeat 0px 5px;
        margin-left:auto;
        margin-right:auto;
	height:120px;
	float:left;
}
.case div.txtBoxB{
        margin-top:5px;
        margin-left:-1px;
        margin-right:auto;
        width:347px;
	height:68px;
	float:left;
}

.case ul.txtBox{
	width:322px;
	padding-top:23px;
	height:68px;
}
.case ul.txtBox span{
	color:#F05B23;
	font-weight:normal;
}
.case ul.txtBox li{
	display:block;
	width:auto;
	float:none;
	font-weight:bold;
	line-height:1.5em;
	padding:0px;
	text-indent:0em;
	margin-left:1em;
}


.case div.mBox p img{
	float:right;
	padding:5px;
}
.case div.mBox p{
	margin:10px 0px;
	line-height:1.3em;
}

.case div.mBox p span{
	font-weight:bold;
	line-height:1.8em;
	
}


/* ================================================
choice */

.choice{
	background:url(../img/choice/bgMain.gif) no-repeat center bottom;
	padding-bottom:116px;
}

#header div p.chologo{padding-left:16px;}

.choice div#mainimg div{
	background-image:url(../img/choice/topImg.jpg);
	width:903px;
}
.choice div.mBox{
	width:855px;
}
.choice div.mBox p.lead{
	width:679px;
	padding:20px 0 25px;
}
.choice div.mBox h3{
	padding:20px 0 10px;
	font-size:1.3em;
}
.choice div.mBox #threepoint{
	background:url(../img/choice/bgChoice.gif) no-repeat right bottom;
}
.choice div.mBox ol li{
	float:left;
	display:inline;
	width:276px;
	margin-left:13px;
}
.choice div.mBox ol li.firstLi{
	margin-left:0;
}
.choice div.mBox ol li p{
	padding:9px 14px;
}



/* ================================================
choicepoint */

.choicepoint{
	background:url(../img/choice/bgMain.gif) no-repeat center bottom;
	padding-bottom:116px;
}

#header div p.chologo{padding-left:16px;}

.choicepoint div#mainimg div{
	background-image:url(../img/choice/topImg.jpg);
	width:903px;
}
.choicepoint div.mBox{
	width:670px;
}

.choicepoint div.mBox h2{
	padding:5px;
	margin-bottom:30px;
}
.choicepoint div.mBox h4{
	margin:5px 0px 0px;
}

.choicepoint div.mBox p.lead{
	line-height:1.8em;
}

.choicepoint div.mBox p img{
	float:right;
	padding:5px;
}
.choicepoint div.mBox p{
	margin:20px 0px;
	line-height:1.5em;
}

.choicepoint div.mBox p span{
	font-weight:bold;
	line-height:1.8em;
	
}


/* ================================================
price */

.price{
	background:url(../img/price/bgMain.gif) no-repeat center bottom;
	padding-bottom:116px;
}
.price div#mainimg div{
	background-image:url(../img/price/topImg.jpg);
}

.price div.mBox h2{
	margin-bottom:25px;
}
.price div.mBox h3#exam{
	margin:35px 0 10px;
}
.price div.mBox h4{
	margin:8px 0;
}

.price div.luBox{
	margin-top:0px;
}
.price div.luBox ul li dt{
	width:80px;
}
.price div.luBox ul li dt.orange{
	width:180px;
}
.price div.luBox ul li dd{
	width:460px;
	color:#6B615E;
}

.price div.luBox ul li.priceBox{
	padding:3px 0;
	clear:both;
}
.price li.priceBox div{
	background:#F77D55;
	position:relative !important;
	margin:0px;
	padding:10px 0;
}
.price li.priceBox div p{
	color:#fff;
	margin-left:260px;
}

.price li.priceBox div p.priceExam{
	padding:0 0 0 88px;
	background:url(../img/price/price.gif) no-repeat left top;
	width:224px;
	height:37px;
	position:absolute;
	top:50%;
	left:15px;
	margin:-18px 0 0 0;
}
* html .price li.priceBox div p.priceExam{
	top:8px;
	margin-top:0;
}
.price li.priceBox div p.priceExam strong{
	color:#333;
	font-size:1.3em;
	width:136px;
	padding-top:10px;
	display:block;
	text-align:center;
}
.price li.priceBox div p span{
	font-weight:bold;
	color:#333;
}

.price p.goT{
	margin-bottom:65px;
}




/* ================================================
company */

.company{
	background:url(../img/company/bgMain.gif) no-repeat center bottom;
	padding-bottom:160px;
	margin-bottom:-85px;
}

#header div p.comlogo{padding-left:116px;}

.company div#mainimg div{
	background-image:url(../img/company/topImg.jpg);
	width:704px;
}
.company div#mainimg h1{
	background:url(../img/common/KijiKconsulting.gif) no-repeat 160px 41px;
}
.company div.mBox{
	width:656px;
}

.company div.mBox dl{
	margin:35px 0 30px;
}
.company div.mBox dl dt, .company div.mBox dl dd{
	display:inline;
	float:left;
	width:450px;
	padding:5px 0;
}
.company div.mBox dl dt{
	color:#F05B23;
	font-weight:bold;
	width:110px;
	text-align:right;
}
.company div.mBox dl dd{
	margin-left:22px;
	padding-left:22px;
	border-left:1px solid #F05B23;
}
.company div.mBox dl dd.lastdd{
}


.company div#map{
	position:relative;
}
.company div#map div{
	position:absolute;
	top:288px;
	left:450px;
	width:206px;
}
.company div#map div p{
	margin-bottom:10px;
}





/* ================================================
contact */

.contact{
	background:url(../img/company/bgMainC.gif) no-repeat center bottom;
	padding-bottom:116px;
}
.contact p.lead{
	padding:15px 0;
}
.contact p.lead img{
	float:right;
	margin-top:-2px;
	margin-right:50px;
}
.contact p{
	padding:5px 0;
}
.contact div.mBox p span{
	font-weight:bold;
	
}.contact h3{
	margin:15px 0 8px;
}
.contact h4.howto{
	margin:15px 0 3px;
	font-size:1.2em;
	color:#262627;
}
.contact h4.howto span{
	margin:15px 0 3px;
	font-size:1.2em;
	color:#F05B23;
}
.contact p.tell{
	padding:15px;
}
.contact p.tell strong{
	font-size:1.2em;
	letter-spacing:1px;
	font-weight:normal;
}
.contact h4.formttl{
        margin-top:25px;
       	margin-bottom:-10px;
}
.contact div#mainimg div{
	background-image:url(../img/company/topImgIn.jpg);
	width:704px;
}
.contact div.mBox form dl{
	padding-bottom:0;
}
.contact div.mBox form dl dt, .contact div.mBox form dl dd{
	padding-bottom:8px;
}
.contact div.mBox form dl dd{
	width:500px;
}
.contact form input{
	width:200px;
	height:1.5em;
}
.contact form textarea{
	width:490px;
	height:150px;
}
.contact form input.formBtn{
	width:60px;
}

.contact #errorlist{
	margin:50px;
}
.contact #errorlist li{
	background:url(../img/company/point.gif) no-repeat left center;
	padding-left:10px;
}


/* ================================================
privacypolicy */

.privacypolicy h2{
	margin:50px 0 15px;
}
.privacypolicy h3{
	margin:15px 0 3px;
	font-size:1.2em;
	color:#555;
}
.contact div.privacypolicy dl dt{
	color:#555;
	width:65px;
	text-align:left;
}
.contact div.privacypolicy dl dd{
	width:540px;
}