@charset "utf-8";

@import "/css/common.css";

/*---------------------------------------
#pageTop
----------------------------------------*/

body#pageTop {
	background:#FFF url(/images/top/bg_top.jpg) repeat-x center top;
}

body#pageTop #contentsWrapper {
	padding-top:8px;
	width:926px;
	clear:both;
	background:url(/images/top/pagetop_contents_bg_top.png) no-repeat left top;
}


/*---------------------------------------
#mainFormBox
----------------------------------------*/

#mainFormBox {
	padding-bottom:19px;
	float:right;
	width:665px;
	min-height:158px;
	height:auto !important;
	height:158px;
	background:url(/images/top/titile_main_bg.jpg) no-repeat 0 0;
}

#mainFormBox .mainFormRight {
	padding:0 17px 8px 0;
	float:right;
	width:310px;
	background:url(/images/top/main_form_bottom.gif) no-repeat left bottom;
}

#mainFormBox .mainFormRight .mainForm {
	width:310px;
	background:url(/images/top/main_form_bg.gif) repeat-y left top;
}

#mainFormBox .mainFormRight .mainForm span {
	margin:3px auto;
	text-align:center;
	display:block;
	font-size:107%;
	font-weight:bold;
}

#mainFormBox .mainFormRight .mainForm p {
	margin:0 5px 5px 25px;
	width:280px;
}

#mainFormBox .mainFormRight .mainForm p img {
	vertical-align:middle;
	margin-bottom:1px;
}

#mainFormBox .mainFormRight .mainForm p input {
	margin:0 12px 0 5px;
	width:96px;
	height:17px;
	border:#999 solid 2px;
}

#mainFormBox .mainFormRight .mainForm p a {
	padding:1px 0 2px 15px;
	white-space:nowrap;
	background:url(/images/icon_link_form.gif) no-repeat 0 0.3em;
}

#mainFormBox .mainFormRight .mainForm input.button01 {
	margin:0 19px;
	width:272px;
	vertical-align:bottom;
}

/*---------------------------------------
#contentsInner
----------------------------------------*/

/*.indentBox*/
#contentsInner .indentBox {
	margin:0 3px 30px 3px;
}

#contentsInner .indentBox p {
	margin-bottom:9px;
}


/*------------------------
.comsBlock
------------------------*/
#contentsInner .comsBlock {
	margin-bottom:26px;
	width:619px;
	height:100%;
	overflow:hidden;
	border-top:#BBD0DA solid 1px;
	border-bottom:#BBD0DA solid 1px;
	background:url(/images/top/coms_bg.gif) repeat-y left top;
}

#contentsInner .comsBlock .comsBox {
	width:619px;
	min-height:95px;
	height:auto !important;
	height:95px;
	background:url(/images/top/line_dotted.gif) repeat-x left bottom;
}

#contentsInner .comsBlock .comsBoxEnd {
	width:619px;
	min-height:95px;
	height:auto !important;
	height:95px;
}

#contentsInner .comsBlock .company {
	padding:11px;
	width:287px;
	float:left;
}

#contentsInner .comsBlock .company img {
	border:#D9D9D9 solid 1px;
}

#contentsInner .comsBlock .company .comtxt {
	margin:-70px 0 0 123px;
}

#contentsInner .comsBlock .company .comtxt span a {
	font-size:100%;
	font-weight:bold;
}

#contentsInner .comsBlock .company .comtxt .detailButton {
	padding:7px 3px 5px;
}

#contentsInner .comsBlock .company .comtxt .detailButton a {
	display:block;
	width:154px;
	height:26px;
	overflow:hidden;
	background:url(/images/button_02.gif) no-repeat 0 0;
	text-indent:-9999px;
}

#contentsInner .comsBlock .company .comtxt .detailButton a:hover {
	background-position:0 -26px;
}

#contentsInner .comsBlock .company .comtxt .right a {
	padding:1px 0 2px 15px;
	background:url(/images/icon_link_01.gif) no-repeat 0 0.3em;
}


/*------------------------
.howtoBox
------------------------*/
#contentsInner .howtoBox {
	margin:0 6px 30px 3px;
	width:616px;
	background:url(/images/top/logo_mizutaku.gif) no-repeat right top;

}

#contentsInner .howtoBox p {
	width:469px;
}


/*------------------------
.flowBlock
------------------------*/
#contentsInner .flowBlock {
	padding-bottom:8px;
	width:618px;
	height:100%;
	overflow:hidden;
	background:url(/images/top/flow_bottom.gif) no-repeat left bottom;
}

#contentsInner .flowBlock .flowBox {
	width:618px;
	float:left;
	background:url(/images/top/flow_bg.gif) repeat-y left 62px;
}

#contentsInner .flowBlock .flowBox .step,
#contentsInner .flowBlock .flowBox .stepEnd {
	float:left;
	width:190px;
}

#contentsInner .flowBlock .flowBox .arrow {
	padding:29px 4px 0 5px;
	float:left;
	width:15px;
}

#contentsInner .flowBlock .flowBox p {
	margin:7px 9px 0 11px;
	width:170px;
}


/*------------------------
.selectBlock
------------------------*/
#contentsInner .selectBlock {
	padding-bottom:6px;
	width:618px;
	height:100%;
	overflow:hidden;
	background:url(/images/top/select_bottom.gif) no-repeat left bottom;
}

#contentsInner .selectBlock .selectBox {
	float:left;
	background:url(/images/top/select_bg.gif) repeat-y left top;
}

#contentsInner .selectBlock .selectBox p {
	padding:6px 0 5px 11px;
	float:left;
	width:170px;
}

#contentsInner .selectBlock .selectBox .selectLink {
	padding:70px 5px 0 2px;
	float:right;
}

#contentsInner .selectBlock .selectBox .selectLink a {
	padding:1px 12px 2px 15px;
	background:url(/images/icon_link_01.gif) no-repeat 0 0.3em;
}

#contentsInner .selectBlock .selectBox .selectRanking {
	float:left;
	width:306px;
	min-height:85px;
	height:auto !important;
	height:85px;
	background:url(/images/top/select_ranking_bg.gif) no-repeat 0 38px;
}

#contentsInner .selectBlock .selectBox .selectHikaku {
	padding-left:6px;
	float:left;
	width:306px;
	min-height:85px;
	height:auto !important;
	height:85px;
	background:url(/images/top/select_hikaku_bg.gif) no-repeat 6px 38px;
}


/*--------------------------------------------------------
#wrapper　close画面
--------------------------------------------------------*/
.pageClose #wrapper {
	margin:20px auto 0;
	padding:10px 20px 5px;
	width:530px;
	background-color:#fff;
	text-align:left;
}

.pageClose #wrapper h1 {
	margin-bottom:15px;
	padding-bottom:2px;
	border-bottom:1px solid #333;
	font-size:145%;
	font-weight:bold;
}

.pageClose #wrapper p {
	margin-bottom:15px;
}

.pageClose #wrapper .service {
	margin-top:5px;
	padding-top:15px;
	border-top:1px solid #999;
}

/*--------------------------------------------------------
#footer　close画面
--------------------------------------------------------*/
.pageClose #footer {
	margin:0;
	padding:5px 0 0;
	border-top:1px solid #999;
	width:530px;
	background:#fff none;
	font-size:85%;
	text-align:center;
	color:#333;
}