@charset "EUC-JP";

img {
	border:0px;
	vertical-align: bottom;
}
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
form {
	margin:0px;
	padding:0px;
	font-weight:normal;
}
ul,
li {
	margin:0px;
	padding:0px;
	list-style:none;
}
a {
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

/* header */
#header {
	padding-bottom:23px;
	width:738px;
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver4file/hks/img_cmn/header04.gif) left bottom no-repeat;
	text-align:left;
}

#header .tagline {
	padding:4px 0 4px 18px;
	background-color:#06C;
}

#header h1 {
	font-size:12px;
	font-weight:bold;
	color:#fff;
}

#header .siteLogo {
	background-color:#039;
}

#header .siteLogo .advantage {
	margin:-80px 0 0 590px;
}

#article {
	padding:3px 15px 0 0;
	float:right;
	width:538px;
	text-align:left;
	vertical-align:top;
}

#nav {
	padding:4px 10px 0;
	float:left;
	width:155px;
	vertical-align:top;
}

#nav .menubox {
	margin-bottom:10px;
}

#nav .menu {
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/side/back.gif) repeat-y;
}

#nav .menu li {
	padding:5px 0 6px 10px;
	border-bottom:1px dotted #ccc;
	text-align:left;
}

#nav .menu a {
	padding-left:10px;
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/side/icon.gif) left center no-repeat;
}

/* baselayout */
#baselayout {
	font-family:"�ͣ� �Х����å�","Osaka";
	background:#FFF url(https://img.phoenix.webcrew.co.jp/3057/images/menu_bg.gif) repeat-y;
	width:738px;
	margin:0px auto;
	padding:0px;
}

#baselayout .listing {
	border-collapse:collapse;
}

#baselayout .listing th,
#baselayout .listing td {
	padding:4px;
	border:1px solid #ccc;
}

#baselayout .fleft {
	float:left;
}
#baselayout .fright {
	float:right;
}
#baselayout .cleardiv {
	clear:both;
	height:1px;
	font-size:1px;
	line-height:1px;
}
#baselayout .pointer {
	cursor:pointer;
}
#baselayout .taleft {
	text-align:left;
}
#baselayout .taright {
	text-align:right;
}
#baselayout .vamiddle {
	vertical-align:middle;
}


#baselayout .posrel {
	position:relative;
}
#baselayout .posabs {
	position:absolute;
}


#baselayout .lh01 {
	height:1px;
	font-size:1px;
	line-height:1px;
}


#baselayout .w39 {
	width:39px;
}
#baselayout .w80 {
	width:80px;
}
#baselayout .w118 {
	width:118px;
}
#baselayout .w150 {
	width:150px;
}
#baselayout .w167 {
	width:167px;
}
#baselayout .w249 {
	width:249px;
}
#baselayout .w273 {
	width:273px;
}
#baselayout .w285 {
	width:285px;
}
#baselayout .w428 {
	width:428px;
}
#baselayout .w533 {
	width:533px;
}
#baselayout .h23 {
	height:23px;
}
#baselayout .h30 {
	height:30px;
}
#baselayout .colred {
	color:red;
}
#baselayout .indent {
	padding-left:1em;
	text-indent:-1em;
}
#baselayout .headerTxt {
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver3file/hks/img_cmn/header01.gif);
	font-weight:bold;
}
#baselayout .topWaku {
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver3file/hks/images/top/topwaku_middle.gif);
}
#baselayout .txt_13px_003399 {
	font-weight:bold;
}
#baselayout .txtBold {
	font-weight:bold;
}
#baselayout .txtBoldRed {
	font-weight:bold;
	color:#F00;
}
#baselayout .txtRed {
	color:#F00;
}
#baselayout .leftArea {
	background-color:#DDEEFF;
	width:155px;
	padding:0px 10px 0px 10px;
}
#baselayout .contentsArea {
	width:538px;
	padding:3px 15px 0px 10px;
}
#baselayout .back01,
#baselayout02 .back01 {
	background-color:#003399;
}
#baselayout .back02 {
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver3file/hks/img_cmn/header_background01.gif);
}
#baselayout .back03,
#baselayout02 .back03 {
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver3file/hks/img_cmn/mobile_middle.gif);
}
#baselayout .text01 {
	bottom:20px;
	left:250px;
	font-size:14px;
	font-weight:bold;
	color:#0136A0;
}
#baselayout .text02 {
	bottom:20px;
	left:250px;
	font-size:14px;
	font-weight:bold;
	color:#0D6F2B;
}
#baselayout .text03 {
	font-size:12px;
	line-height:14px;
}
#baselayout .text03 a {
	text-decoration:none;
}
#baselayout .titleobi {
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver3file/hks/images/top/titleobi.gif) no-repeat;
	padding:0px 0px 0px 24px;
	font-size:14px;
	line-height:28px;
	font-weight: bold;
}
#baselayout .subTitle {
	margin:0 0 10px;
	padding:5px 8px;
	background-color:#EDF9FF;
	border-bottom:1px solid #ccc;
	font-size:13px;
	font-weight:bold;
	color:#039;
}

#baselayout .imgTitle {
	font-size:15px;
	font-weight:bold;
	color:#f60;
}

#baselayout .imgTitle img {
	margin-right:10px;
	vertical-align:middle;
}

#baselayout .textbox {
	margin-bottom:20px;
	overflow:hidden;
}
#baselayout .textbox.feature .indent {
	padding:.8em 0 0 1em;
	border-top: 1px dotted #CCC;
}

/*#baselayout .textbox p {
	margin-bottom:20px;
}*/

#baselayout .titlebox {
	padding-left:17px;
	width:521px;
	min-height:100px;
	height:auto !important;
	height:100px;
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver4file/hks/img_cmn/title_item02.gif) left top no-repeat;
}

#baselayout .titlebox .buttonTop {
	margin:-45px 0 7px 313px;
	width:208px;
	height:38px;
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver4file/hks/img_cmn/estimate_btn01_on.gif) no-repeat;
}

#baselayout .buttonbox {
	margin-bottom:30px;
	padding:12px 0;
	border-bottom:1px dotted #ccc;
	background-color:#FFFFE6;
}

#baselayout .buttonbox .buttonBottom {
	margin:0 auto;
	width:408px;
	height:43px;
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver4file/hks/img_cmn/estimate_btn02_on.gif) no-repeat;
}

.frameForm .buttonTop input:hover,
.textbox.comlist div .buttonMiddle input:hover,
#baselayout .titlebox .buttonTop input:hover,
#baselayout .buttonbox .buttonBottom input:hover,
.frameForm .buttonTop a:hover img,
.textbox.comlist div .buttonMiddle a:hover img,
#baselayout .titlebox .buttonTop a:hover img,
#baselayout .buttonbox .buttonBottom a:hover img {
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}

#baselayout .midborder {
    margin-bottom:8px;
    padding-bottom:8px;
	border-bottom:1px dotted #ccc;
}

#baselayout .imgLeft {
	margin:0 0 5px;
	float:left;
}

#baselayout .imgRight {
	margin:0 0 5px 10px;
	float:right;
}

#baselayout .information {
	margin-bottom:30px;
	text-align:center;
}

#baselayout .information li {
	display:inline;
	padding-left:10px;
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver4file/hks/img_cmn/icon_sankaku.gif) left center no-repeat;
}

html>/**/body #baselayout .otherList li,
html>/**/body #baselayout .information li {
	display:inline-block;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	body #baselayout .otherList li,
	#baselayout .information li {
		display:inline-block;
	}
}

#baselayout .information li a {
	white-space:nowrap;
}

#baselayout .otherList {
	margin:-10px 0 30px 88px;
	width:450px;
	text-align:right;
}

#baselayout .otherList li {
	display:inline;
	padding-left:10px;
}

#baselayout .otherList li a {
	white-space:nowrap;
}

#baselayout .gotoTop {
	margin-bottom:10px;
	text-align:right;
}

#baselayout .gotoTop a {
	padding-left:16px;
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver4file/hks/img_cmn/icon_fortop.gif) no-repeat;
}

#baselayout .spacer01 {
	padding:0px 9px 0px 4px;
}
#baselayout .spacer02 {
	padding:0px 0px 0px 5px;
}
#baselayout .spacer03,
#baselayout02 .spacer03 {
	padding:0px 0px 5px 0px;
}
#baselayout .spacer04,
#baselayout02 .spacer04 {
	padding:0px 0px 10px 0px;
}
#baselayout .spacer05 {
	padding:5px 5px 4px 5px;
}
#baselayout .spacer06 {
	padding:15px 0px 0px 0px;
}
#baselayout .spacer07 {
	padding:0px 0px 5px 0px;
}
#baselayout .spacer08 {
	padding:9px 0px 0px 0px;
}
#baselayout .spacer09 {
	padding:1px 10px 9px 10px;
}
#baselayout .spacer10 {
	padding:20px 0px 30px 0px;
}

#companylayout {
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0;
	width:790px;
}
#companylayout .companyInfo {
	width:533px;
	margin:0 auto 200px;
	padding-top:20px;
}
#companylayout .titleobi {
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver3file/hks/images/top/titleobi.gif) no-repeat;
	margin-bottom:15px;
	padding:0px 0px 0px 24px;
	font-size:14px;
	line-height:28px;
	font-weight:bold;
	text-align:left;
}
#companylayout .companyInfo table {
    border:1px solid #CFD4D9;
    border-collapse:collapse;
    color:#333333;
    margin:0;
    padding:0;
    width:531px;
}
#companylayout .companyInfo th {
    background-color:#F6F7F9;
    border-bottom:1px solid #CFD4D9;
    border-right:1px solid #CFD4D9;
    font-size:13px;
    margin:0;
    padding:15px 5px;
    text-align:left;
    vertical-align:top;
    width:120px;
}
#companylayout .companyInfo td {
    border-bottom:1px solid #CFD4D9;
    padding:10px 10px 10px 13px;
}

/* incex.php */
.frameForm {
	margin-bottom:5px;
	padding-bottom:20px;
	width:538px;
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver3file/hks/images/top/topwaku_bottom.gif) left bottom no-repeat;
}

.formText {
	margin:14px 0 -32px 250px;
	position:relative;
	font-size:14px;
	font-weight:bold;
	color:#0D6F2B;
}

.innerFrameForm {
	padding-left:3px;
	border-left:1px solid #BFBFBF;
	border-right:1px solid #BFBFBF;
	width:533px;
	background:#FFE;
}

.frameForm .inputbox,
.frameForm .buttonTop {
	float:left;
}

.frameForm .inputbox {
	border-collapse:collapse;
	width:284px;
}

.frameForm th,
.frameForm td {
	padding-bottom:8px;
}

.frameForm th {
	width:108px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#039;
}

.frameForm td {
	font-size:12px;
}
.frameForm td span.note {
	padding-top:2px;
	padding-left:1em;
	color:#666;
	display:inline-block;
	line-height:1.2;
	font-size:10px;
	text-indent:-1em;
}
.frameForm .buttonTop {
	width:249px;
	height:117px;
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver3file/hks/images/top/top_button02_over.jpg) 0 0 no-repeat;
}
.comlistTop {
	margin:0 0 4px 2px;
	overflow:hidden;
}
.comlistTop img {
	margin:0 2px 2px 0;
	width:130px;
	height:auto;
	display:auto;
	float:left;
}

.textbox.feature {
	margin-bottom:8px;
}

.textbox.feature p,
.textbox.feature ul {
	padding-bottom:12px;
}

.textbox.feature ul li {
	margin-left:1em;
	list-style-type:square;
}

.leadText {
	margin-bottom:10px;
}

.voiceImg {
	margin:0 10px 20px 0;
	float:left;
}

/* advantage.html */
.textbox.security {
	padding-bottom:5px;
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver4file/hks/images/merit/add_midashi_3.gif) left bottom no-repeat;
}

.textbox.security div {
	padding:5px 10px;
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver4file/hks/images/merit/add_midashi_2.gif) 0 0 repeat-y;
}

.textbox.comlist {
	padding-bottom:4px;
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver4file/hks/images/merit/add_midashi_10.gif) left bottom no-repeat;
}

.textbox.comlist div {
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver4file/hks/images/merit/add_midashi_9.gif) 0 0 repeat-y;
	text-align:center;
}

.textbox.comlist div .buttonMiddle {
	margin:11px auto 0;
	width:204px;
	height:36px;
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver4file/hks/images/merit/add_btn_1_2.jpg) 0 0 no-repeat;
	text-align:left;
}

.interviewImg {
	float:left;
	width:146px;
	font-size:11px;
	text-align:center;
	line-height:1.2;
}

.leadForm {
	text-align:center;
}

/* trouble.html */
.textFeature {
	padding-left:45px;
}

/* list.html */
#baselayout .comlist th {
	text-align:center;
}

#baselayout .comlist .comName {
	width:175px;
	background-color:#46A3FF;
}

#baselayout .comlist .comText {
	width:343px;
	background-color:#1FADD1;
}

#baselayout .comlist td {
	background-color:#FFFFE6;
}

#baselayout .comlist .listCom {
	width:168px;
	vertical-align:middle;
}

#baselayout .comlist .listCom div {
	padding-left:2px;
	display:table-cell;
	vertical-align:middle; 
}

#baselayout .comlist .listCom div.sitename {
	width:109px;
}

/* step.html */
#baselayout .checklist th {
	font-weight:normal;
	text-align:center;
}

#baselayout .checklist th,
#baselayout .checklist td {
	vertical-align:middle;
}

#baselayout .checklist .head th {
	width:150px;
	background-color:#E8F3FF;
}

#baselayout .checklist .head th.date {
	width:50px;
}

#baselayout .checklist .check01 th {
	background-color:#FFE7B3;
}

#baselayout .checklist .check01 td {
	background-color:#FFF9EC;
}

#baselayout .checklist .check02 th {
	background-color:#BFFFBF;
}

#baselayout .checklist .check02 td {
	background-color:#ECFFEC;
}

#baselayout .checklist .check03 th {
	background-color:#FFD7D8;
}

#baselayout .checklist .check03 td {
	background-color:#FFF0F0;
}

#baselayout .checklist .check04 th {
	background-color:#DDDDCE;
}

#baselayout .checklist .check04 td {
	background-color:#EFEFE9;
}

#baselayout .checklist .check05 th {
	background-color:#FFFFB5;
}

#baselayout .checklist .check05 td {
	background-color:#FFFFE1;
}

#baselayout .checklist .check06 th {
	background-color:#DFCFEF;
}

#baselayout .checklist .check06 td {
	background-color:#F2ECF9;
}

#baselayout .checklist .check07 th {
	background-color:#C1D6EA;
}

#baselayout .checklist .check07 td {
	background-color:#EEF3F9;
}

#baselayout .procedure td {
	width:259px;
}

/* qa.html */
#baselayout .qaList {
	padding:10px 0 15px 16px;
	border:1px solid #ccc;
	background-color:#F3FAFF;
}

#baselayout .qaList li {
	margin:5px 0 0;
}

#baselayout .qaList li a {
	font-size:12px;
	color:#039;
}

#baselayout .qaList li a:hover {
	text-decoration:none;
}

#baselayout .qaBox h3 {
    margin:0 0 5px;
    padding:5px 0 5px 45px;
    background:url(https://img.phoenix.webcrew.co.jp/3057/images/qa/q.gif) left center no-repeat;
    font-size:12px;
    font-weight:bold;
    color:#333;
}

#baselayout .qaBox p {
    margin:0;
    padding:5px 0 5px 45px;
    background:url(https://img.phoenix.webcrew.co.jp/3057/images/qa/a.gif) left center no-repeat;
    font-size:12px;
    color:#333;
}

/*
hikkoshi01.html
hikkoshi04.html
*/
#baselayout .textbox.estimate {
	position:relative;
	overflow:visible;
}

.textbox.estimate div {
	position:absolute;
	top:62px;
	left:204px;
}

.textbox.estimate p {
	position:absolute;
	top:102px;
	left:20px;
	width:297px;
	font-size:12px;
	line-height:1.6;
}

/* hikkoshi04.html */
.rank01,
.rank02,
.rank03 {
	padding:25px 0 13px 70px;
	font-size:14px;
	font-weight:bold;
}

.rank04,
.rank05 {
	padding:6px 0 13px 70px;
	font-size:14px;
	font-weight:bold;
}

.rank01 {
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/ranking/rank01.gif) 0 0 no-repeat;
}
.rank02 {
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/ranking/rank02.gif) 0 0 no-repeat;
}
.rank03 {
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/ranking/rank03.gif) 0 0 no-repeat;
}
.rank04 {
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/ranking/rank04.gif) 0 0 no-repeat;
}
.rank05 {
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/ranking/rank05.gif) 0 0 no-repeat;
}

.titlePoint {
	margin:15px 0 10px;
	padding:5px 0 5px 5px;
	border-left:6px solid #FF6F00;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	color:#FF6F00;
}

.listPoint {
	margin:0 auto;
	width:500px;
	overflow:hidden;
}

.listPoint li {
	padding-left:15px;
	float:left;
	width:235px;
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/ranking/icon_check.gif) left center no-repeat;
	color:#039;
}

.rankLow {
	margin-bottom:30px;
	padding:16px 14px 0;
	width:510px;
	min-height:69px;
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/ranking/rank_low_bg.gif) 0 0 no-repeat;
	overflow:hidden;
}

.rankLow div {
	padding:0 10px 15px 0;
	float:left;
	width:160px;
	font-size:14px;
	font-weight:bold;
}

.rankLow div span {
	padding-right:10px;
	font-weight:bold;
	color:#039;
}

/* art.html */
#baselayout .textbox.oote {
	position:relative;
	overflow:visible;
}

.textbox.oote div {
	position:absolute;
	top:62px;
	left:20px;
}

.textbox.oote p {
	position:absolute;
	top:102px;
	left:20px;
	width:267px;
	font-size:12px;
	line-height:1.6;
}

/* tansin.html */
#baselayout .textbox.single {
	position:relative;
	overflow:visible;
}

.textbox.single div {
	position:absolute;
	top:62px;
	left:225px;
}

.textbox.single p {
	position:absolute;
	top:102px;
	left:20px;
	width:330px;
	font-size:12px;
	line-height:1.6;
}

.listPlan {
	margin-bottom:20px;
	padding:11px 29px 0;
	width:480px;
	min-height:164px;
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/single/plan_bg.gif) 0 0 no-repeat;
	overflow:hidden;
}

.listPlan li {
	padding:3px 0 13px 25px;
	float:left;
	width:215px;
	font-weight:bold;
	color:#039;
}

.listPlan .plan01 {
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/single/icon_plan01.jpg) 0 0 no-repeat;
}
.listPlan .plan02 {
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/single/icon_plan02.jpg) 0 0 no-repeat;
}
.listPlan .plan03 {
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/single/icon_plan03.jpg) 0 0 no-repeat;
}
.listPlan .plan04 {
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/single/icon_plan04.jpg) 0 0 no-repeat;
}
.listPlan .plan05 {
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/single/icon_plan05.jpg) 0 0 no-repeat;
}
.listPlan .plan06 {
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/single/icon_plan06.jpg) 0 0 no-repeat;
}
.listPlan .plan07 {
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/single/icon_plan07.jpg) 0 0 no-repeat;
}
.listPlan .plan08 {
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/single/icon_plan08.jpg) 0 0 no-repeat;
}
.listPlan .plan09 {
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/single/icon_plan09.jpg) 0 0 no-repeat;
}
.listPlan .plan10 {
	background:url(https://img.phoenix.webcrew.co.jp/3057/images/single/icon_plan10.jpg) 0 0 no-repeat;
}

/* company */
#baselayout .company {
	width:533px;
}

#baselayout .company th,
#baselayout .company td {
	padding:15px 5px;
	vertical-align:top;
}

#baselayout .company th {
	width:120px;
	background-color:#F6F7F9;
	text-align:left;
}

/* policy */
#article.policy .titlebox {
	margin-bottom:12px;
}

#article.policy .textbox {
	margin-bottom:8px;
}

#article.policy .textbox p {
	margin-bottom:12px;
}

/* sitemap */
#article.sitemap .titlebox {
	min-height:45px;
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver4file/hks/images/sitemap/title_item2.gif) no-repeat;
}

#article.sitemap .linkList {
	margin:0 0 20px 20px;
}

#article.sitemap .linkList li {
	margin-bottom:8px;
}

#article.sitemap .linkList li a {
	padding-left:16px;
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver4file/hks/images/sitemap/icon_arrow_s.gif) no-repeat;
}

/* info */
#article.info .titlebox {
	margin-bottom: 20px;
	min-height:45px;
	background:url(https://img.phoenix.webcrew.co.jp/3057/ver4file/hks/images/info/title_item2.gif) no-repeat;
}
#article.info p {
	margin-bottom: 12px;
}
#article.info .textBottom {
	margin-bottom: 20px;
}

/*nav*/ 
#nav > .menubox:nth-child(2) {
	line-height: 0;
}

#nav > .menubox:nth-child(2) .menu{
	line-height: normal;
}

