@charset "utf-8";

/*===============================================
	layout
===============================================*/
/*背景画像*/
#wrap {background:url(../img/common/bgH.gif) 0 0 repeat-x;}
#wrap2 {background: url() 0 0 repeat-x;}
#foot {background: url(../img/common/fBg.gif) 0 0 repeat-x;}

#tp {
	padding: 0 10px 5px 35px;
	font-size: 13px;
	}
#tp li {display:inline;}
#tp li a {
	background: url(../img/common/tp.gif) right center no-repeat;
	padding-right: 10px;
	}
.red {color:red;}
.orange {color:#FF8914;}

.boxL {
	padding-bottom: 35px;
	background: url(../img/manual/bgManu1.gif) left bottom no-repeat;
	float: left;
	width: 318px;
	display: inline;
	}
.boxR {
	padding-bottom: 35px;
	background: url(../img/manual/bgManu2.gif) left bottom no-repeat;
	float: right;
	width: 318px;
	display: inline;
	}

/*===============================================
	head parts
===============================================*/
#head {
	height: 89px;
	position: relative;
	}
#h1Txt {
	position: absolute;
	top: 13px;
	left: 54px;
	z-index: 10;
	}
#logo {
	position: absolute;
	top: 10px;
	left: 5px;
	z-index: 5;
	}
#frameS {
	position: absolute;
	top: 10px;
	right: 10px;
	}


/*===============================================
	contents parts
===============================================*/
#contents {}

p.topA {
	margin: 10px 0 0;
	padding: 0 5px 0 0;
	text-align: right;
	}
p.topA a {
	width: 224px;
	height: 38px;
	}


/*===============================================
	contents > main parts
===============================================*/
#main {
	margin: 5px 5px 10px 0;
	float: right;
	display: inline;
	width: 749px;
	}

#mainIn {
	padding: 5px 0 10px;
	width: 744px;
	}


/*===============================================
	contents > side parts
===============================================*/
#side {
	margin: 5px 0 10px;
	float: left;
	display: inline;
	width: 233px;
    height: auto;
	}
	/*ie6,7
	* html #side {margin: 4px 0 10px;}
	*+html #side {margin: 4px 0 10px;}
	*/
#sideIn {
	padding: 5px 5px 10px;
	width: 223px;
	}
#side .sideB {
	margin: 0 0 10px;
	padding: 0 0 3px;
	background: url(../img/side/sideB.gif) center bottom no-repeat;
	width: 227px;
	}
#side .sideT {
	padding: 3px 0 0;
	background: url(../img/side/sideT.gif) no-repeat;
	}
#side .sideC {
	padding: 5px 5px 3px;
	background: url(../img/side/sideC.gif) center top repeat-y;
	}
ul#sNavi li {margin: 3px 0;}
ul#sRank li {margin: 0 0 10px;}


/*===============================================
	contents 各ページ
===============================================*/
/*--index--*/
#frameA {margin-bottom: 5px;}

ul.ulA {margin: 0 0 5px;}
ul.ulA li {
	margin: 4px;
	position: relative;
	background: url(../img/index/bgRankA1A2.gif) 0 0 no-repeat;
	float: left;
	display: inline;
	width: 364px;
	height: 135px;
	}
ul.ulA li img.no1      {position: absolute;top: 0;left: 0;z-index: 10;}
ul.ulA li img.siteImg  {position: absolute;top: 10px;left: 10px;z-index: 5;}
ul.ulA li img.ttlRank  {position: absolute;top: 0;right: 0;}
ul.ulA li img.siteName {position: absolute;top: 55px;right: 2px;}
ul.ulA li img.rankNavi {position: absolute;bottom: 12px;right: 2px;}

#advC {
	padding: 10px 10px 0;
	background: url(../img/index/advC.gif) 0 0 repeat-y;
	width: 720px;
	}
.advL {
	background: url(../img/index/bgAdvInside.gif) 0 0 no-repeat;
	float: left;
	display: inline;
	width: 357px;
	height: 168px;
	position: relative;
	}
.advR {
	background: url(../img/index/bgAdvInside.gif) 0 0 no-repeat;
	float: right;
	display: inline;
	width: 357px;
	height: 168px;
	position: relative;
	}
.advL,
.advR {margin-bottom: 10px;}
.advL p,
.advR p {padding: 8px 10px 0 67px;}
.advL a,
.advR a {
	position: absolute;
	bottom: 15px;
	right: 15px;
	}
	/*ie6,7*/
	* html .advB {margin-bottom: 9px;}
	*+html .advB {margin-bottom: 9px;}

.advIcon {
	position: absolute;
	top: -5px;
	left: 2px;
	}

#frameB .frameBIn {
	margin: 5px 0;
	position: relative;
	background: url(../img/index/bgFrameB.gif) 0 44px no-repeat;
	width: 740px;
	height: 174px;
	}

#frameB .frameBIn .siteImg {
	position: absolute;
	top: 0;
	left: 5px;
	}
#frameB .frameBIn .frameBN {
	position: absolute;
	bottom: 10px;
	right: 5px;
	}
#frameB .frameBIn p {
	padding: 5px 0 5px 165px;
	width: 400px;
	height: 100px;
	}

/*--ranking--*/
#ranking {
	margin: 0 auto;
	width: 689px;
	}
#rankC {background: url(../img/ranking/rankC.gif) 0 0 repeat-y;}
#rankC ul {
	margin: 0 auto;
	width: 661px;
	}
#rankC ul li {
	margin-bottom: 15px;
	position: relative;
	background: url(../img/ranking/bgRankDetail.gif) 0 67px no-repeat;
	width: 661px;
	height: 270px;
	}
#rankC ul li h3 {
	padding:20px 0 0 125px;
	width:536px;
	height:47px;
	font-size:18px;
	font-weight:bold;
	}
#rankC ul li h3#rank1 {background:#FFF url(../img/ranking/rank1.gif) 0 0 no-repeat;}
#rankC ul li h3#rank2 {background:#FFF url(../img/ranking/rank2.gif) 0 0 no-repeat;}
#rankC ul li h3#rank3 {background:#FFF url(../img/ranking/rank3.gif) 0 0 no-repeat;}
#rankC ul li h3#rank4 {background:#FFF url(../img/ranking/rank4.gif) 0 0 no-repeat;}
#rankC ul li h3#rank5 {background:#FFF url(../img/ranking/rank5.gif) 0 0 no-repeat;}
#rankC ul li h3.bgName {
	padding:20px 0 0 25px;
	background:#FFF url(../img/corp/bgSiteName.gif) 0 0 no-repeat;
	width:636px;
	}

#rankC ul li.liLast {
	margin-bottom: 0;
	position: relaltive;
	width: 661px;
	height: 270px
	}
#rankC ul li img.siteImg {margin: 15px 5px 5px 10px;}
#rankC ul li .siteComments {
	position: absolute;
	top: 77px;
	right: 10px;
	width: 430px;
	height: 140px;
	}
#rankC ul li .siteComments p {
	padding: 5px;
	width: 410px;
	float: left;
	}
#rankC ul li .siteBtn {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: auto;
	height: 31px;
	}

/*--corp detail--*/
#detail {
	margin: 0 auto;
	padding-top:15px;
	position: relative;
	width: 688px;
	}
#detail #tel {
	position:absolute;
	top: 0;
	right: 10px;
	}
.detailC {
	background: url(../img/corp/corpC.gif) 0 0 repeat-y;
	position: relative;
	width: 688px;
	height: auto;
	}
.detailC .siteImg {
	position: absolute;
	top: -87px;
	left: -15px;
	z-index: 100;
	}
.detailC .iconBuzz {
	position: absolute;
	top: -44px;
	left: 19px;
	z-index: 100;
	}
.detailC .deco {
	position: absolute;
	bottom: -14px;
	right: 1px;
	z-index: 110;
	}

#detailL {
	margin-top: 170px;
	padding-left: 15px;
	float: left;
	width: 319px;
	display: inline;
	}

#detailR {
	padding-right: 20px;
	float: right;
	width: 319px;
	display: inline;
	}
#detailL p,
#detailR p {padding-left: 1em;}
#detailL img.subTtl,
#detailR img.subTtl {margin: 10px 0 0;}

ul#buzzList {
	margin: 0 auto;
	padding: 15px 0;
	width: 639px;
	}
ul#buzzList li {
	padding: 10px 0 0;
	background: url(../img/corp/dotted.gif) bottom center no-repeat;
	height: 100px;
	}
ul#buzzList li .icon {
	float: left;
	width: 83px;
	}
ul#buzzList li h3 {
	font-size: 18px;
	font-weight: bold;
	}
ul#buzzList li h3,
ul#buzzList li p {padding-left: 100px;}

#detail #detailR #corpN2 {
	margin: 10px 0 0;
	position: relative;
	z-index: 200;
	}

/*--choose,manual,experience--*/
#contentsBox {
	margin: 0 auto;
	position: relative;
	width: 689px;
	}
#txtC {
	margin: 0 0 0 2px;
	padding: 10px 20px;
	background: url(../img/corp/corpC.gif) 0 0 repeat-y;
	width: 649px;
	}

.cvNavi {margin: 10px 0 0 6px;}

.success h3 {
	margin-bottom: 5px;
	padding: 5px;
	border-bottom: 2px dotted #0FA4A9;
	width: 460px;
	font-size: 15px;
	font-weight: bold;
	}
.choose h3 {
	padding: 6px 0 0 90px;
	background: url(../img/choose/ttlChoo1.gif) 0 0 no-repeat;
	width: 560px;
	height: 32px;
	font-size:17px;
	font-weight: bold;
	}
.manual h3 {
	padding: 8px 0 0 90px;
	border-bottom: none;
	width: 228px;
	height: 32px;
	font-size: 17px;
	font-weight: bold;
	}

.manual h3#ttlManu1 {background: url(../img/manual/ttlManu1.gif) 0 0 no-repeat;}
.manual h3#ttlManu2 {background: url(../img/manual/ttlManu2.gif) 0 0 no-repeat;}
.manual h3#ttlManu3 {background: url(../img/manual/ttlManu3.gif) 0 0 no-repeat;}
.manual h3#ttlManu4 {background: url(../img/manual/ttlManu4.gif) 0 0 no-repeat;}
.manual h3#ttlManu5 {background: url(../img/manual/ttlManu5.gif) 0 0 no-repeat;}
.manual h3#ttlManu6 {background: url(../img/manual/ttlManu6.gif) 0 0 no-repeat;}

.success p {
	padding: 10px;
	width: 450px;
	}
.manual p {padding: 10px;}
.choose p {
	margin-bottom: 15px;
	padding: 10px;
	}

.success ul li {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #E8E8E8;
	}
.success ul li.liLast {margin-bottom: 0;}
.success ul li img.imgR {
	float: right;
	display: inline;
	}
.success p:first-letter {
	margin-right: 5px;
	font-size: 32px;
	float:left;
	}
	/*ie6,7*/
	* html .success p:first-letter {
		margin-top: -20px;
		font-size: 30px;
		}
	*+html .success p:first-letter {
		margin-top: -20px;
		font-size: 30px;
		}

.subContents h3 {
	margin: 10px 0;
	padding: 6px;
	background: url(../img/policy/ttlPolicy1.gif) 0 0 no-repeat;
	width: 640px;
	height: 24px;
	font-size: 16px;
	font-weight: bold;
	}
.subContents p {padding: 5px 15px;}


table.corpTable {
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #666;
	border-collapse: collapse;
	width: 590px;
	}
table.corpTable th,
table.corpTable td {
	padding: 10px;
	border: 1px solid #ddd;
	}
table.corpTable th {
	background-color: #EFF;
	text-align: right;
	font-weight: bold;
	width: 150px;
	}
table.corpTable td {width:450px;}

/*===============================================
	foot parts
===============================================*/
ul#fNavi {display: block;}
ul#fNavi li {
	padding: 15px 15px 15px 10px;
	float: left;
	display: inline;
	width: auto;
	text-align: center;
	}
address {
	margin: 0 auto;
	padding: 15px 15px 15px 10px;
	display: block;
	width: auto;
	text-align: right;
	font-weight: bold;
	}