@charset "utf-8";

/* =================================
   レイアウト
================================= */
body {
 -webkit-text-size-adjust: 100%;
}
#mainContents {
	position: absolute;
}
#main {
	width: 750px;
}
#side {
	width: 170px;
}
#topMain {
	width: 720px;
}
#topSide {
	width: 200px;
}

/* #columns_01 */

#columns_01 {
	width: 240px;
}

/* #columns_02 */

#columns_02 {
	width: 460px;
}

/* .section */
#wrap .section {
	margin-bottom: 20px;
	clear: both;
}

/* =================================
   アンカー
================================= */
#contents a {
	padding-bottom: 1px; /* chromeで10px以下のフォントのリンク下線を消せないバグ用 */
}

/* =================================
   .checkBox
================================= */
.checkBox {
	float: left;
}
.checkBoxText {
	display: block;
	overflow: hidden;
	padding: 3px 0 0 3px;
}

/* =================================
   .modMedia
================================= */
.modMedia .image {
	float: left;
}
.modMedia .detail {
	float: right;
}

/* =================================
   .modPipeLink
================================= */
.modPipeLink span {
	padding: 0 6px;
	display: inline-block;
}

/* =================================
   .modPickupList
================================= */
.modPickupList {
	padding-bottom: 7px;
	margin: 0 -20px 9px 0;
}
.modPickupList li {
	width: 220px;
	padding: 0 20px 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	float: left;
	overflow: hidden;
}
.modPickupList .even {
	padding-right: 0;
}
.modPickupList .clientName {
	clear: both;
	margin-bottom: 7px;	
}
.modPickupList .clientName a {
	font-size: 12px;
	font-weight: bold;
}
.modPickupList .photo {
	width: 78px;
	height: 78px;	
}
.modPickupList .detail {
	width: 125px;
	font-size: 10px;
}

/* =================================
   .modTable
================================= */
#wrap #main .modTable {
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
#wrap #main .modTable th,
#wrap #main .modTable td {
	border: none;
	margin: 0;
	padding: 0;
	background: none;
	vertical-align: top;
}

/* =================================
   #switchImageText
================================= */
#switchImageText {
	margin-bottom: 50px;
	position: relative;
}
#switchImageText .imageTextList li {
	position: absolute;
	top: 0;
	left: 0;
}
#switchImageText .description {
	position: absolute;
	bottom: 1px;
	left: 1px;
	width: 222px;
	font-size: 11px;
	text-align: center;
	font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	padding: 6px;
}
#switchImageText .pageSpriteBtns {
	width: 26px;
	height: 26px;
	cursor: pointer;
	position: absolute;
	bottom: -36px;
}
#switchImageText .goPrevious {
	background-position: 0 0;
	left: 27px;
}
#switchImageText .goPrevious:hover {
	background-position: 0 -26px;
}
#switchImageText .goNext {
	background-position: -26px 0;
	right: 27px;
}
#switchImageText .goNext:hover {
	background-position: -26px -26px;
}
#switchImageText .pageSpriteBtns span {
	display: none;
}
#switchImageText .rotatorControls {
	position: absolute;
	bottom: -27px;
	left: 0;
}
#switchImageText .rotatorControls li {
	float: left;
	margin-right: 12px;
}
#switchImageText .rotatorControls li {
	width: 7px;
	height: 7px;
	display: block;
	cursor: pointer;
}
#switchImageText .rotatorControls .current {
	background-position: 0 0;
}
#switchImageText .rotatorControls span {
	display: none;
}

/* =================================
   #topBanner
================================= */
#topBanner {
	margin-bottom: 20px;
}
#topBannerInner {
	width: 720px;
	display: table-cell;
	vertical-align: middle;
}
#topMessage {
	display: table-cell;
	vertical-align: middle;
	/padding-top: 30px; /* IE7レイアウト調整 */
}
#topMessage h1,
#topMessage p {
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
#contents #wrap #topWord {
	font-size: 24px;
	margin: 0;
	padding: 0;
	font-weight: normal;
	background: none;
	border: none;
}
#btmWord {
	font-size: 11px;
	text-align: justify;
}

/* =================================
   #areaSelectionBlock
================================= */
#areaSelection {
	width: 456px;
	height: 393px;
	border: 2px solid #e2d6ca;
	position: relative;
}
#areaSelection p span {
	padding: 0 3px;
}
#areaSelection .area {
	position: absolute;
}
#areaSelection .area .btn a {
	display: block;
	background-repeat: no-repeat;
	height: 33px;
	margin: 0 auto 3px;
	/margin: 0 0 0 3px; /* IE7レイアウト調整 */
}
#areaSelection .area .btn span {
	display: none;
}
#hokaidou {
	top: 27px;
	right: 32px;
}
.hokaidou a {
	background-position: 0 0;
	width: 81px;	
}
.hokaidou a:hover {
	background-position: 0 -36px;
}
#tohoku {
	top: 103px;
	right: 29px;
}
.tohoku a {
	background-position: -85px 0;
	width: 81px;	
}
.tohoku a:hover {
	background-position: -85px -36px;
}
#kitakanto {
	top: 208px;
	right: 13px;
}
.kitakanto a {
	background-position: -172px 0;
	width: 81px;	
}
.kitakanto a:hover {
	background-position: -172px -36px;
}
#syutoken {
	top: 275px;
	right: 72px;
}
.syutoken a {
	background-position: -257px 0;
	width: 81px;	
}
.syutoken a:hover {
	background-position: -257px -36px;
}
#kousinetu {
	top: 176px;
	right: 125px;
}
.kousinetu a {
	background-position: -342px 0;
	width: 134px;
}
.kousinetu a:hover {
	background-position: -342px -36px;
}
#tokai {
	top: 305px;
	right: 170px;
}
.tokai a {
	background-position: -480px 0;
	width: 81px;
}
.tokai a:hover {
	background-position: -480px -36px;
	width: 81px;
}
#kansai {
	top: 208px;
	left: 114px;
}
.kansai a {
	background-position: -565px 0;
	width: 81px;
}
.kansai a:hover {
	background-position: -565px -36px;
}
#shikoku {
	top: 307px;
	left: 114px;
}
.shikoku a {
	background-position: -650px 0;
	width: 81px;
}
.shikoku a:hover {
	background-position: -650px -36px;
}
#tyugoku {
	top: 130px;
	left: 19px;
}
.tyugoku a {
	background-position: -735px 0;
	width: 134px;
}
.tyugoku a:hover { 
	background-position: -735px -36px;
}
#kyushu {
	top: 254px;
	left: 19px;
}
.kyushu a {
	background-position: -873px 0;
	width: 81px;	
}
.kyushu a:hover {
	background-position: -873px -36px;
}

/* =================================
   .includeList
================================= */
.includeList h3 {
	margin-bottom: 7px;
	clear: both;
}
.includeList h3 a {
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
	display: block;	
}
.includeList .image {
	margin-right: 8px;
}
.includeList .detail {
	float: none;
	overflow: hidden;
	font-size: 12px;
}
.includeList {
	margin-right: -20px;
}
.includeList li {
	width: 220px;
	float: left;
	padding: 0 20px 10px 0;
}

/* =================================
   #container
================================= */
#logo {
	float: left;
	padding: 9px 0 15px;
}
#containerFooter address {
	border-top: 1px solid #e6d3d9;
	text-align: left;
}
#containerHeader {
	background: #fff url(/https/zexy.net/images/common/bg_containerHeader.jpg) left bottom repeat-x;
	margin-top: 13px;
}
#headerContent {
	width: 740px;
	margin: 0 auto;
}
#headerContent .heading {
	float: right;
	padding-top: 7px;
}
#mainContentBlock {
	width: 730px;
	margin: 20px auto 0;
	text-align: left;
}
#mainContentBlock .inner {
	margin-bottom: 20px;
}
#mainContentBlock .contentBlockHeader {
	padding: 20px;
}
.contentBlockHeader .example {
	padding-left: 5px;
	font-size: 10px;	
}
#mainContentBlock .addressInput {
	width: 400px;
}
#mainContentBlock .inputBtn {
	margin: 0 auto;
	display: block;
}
#mainContentBlock .textBlock {
	margin-bottom: 20px;
}
#mainContentBlock .textBlock .title {
	font-weight: bold;
	margin-bottom: 5px;
}
#attentionBlock {
	border-bottom: 1px dotted #999;
	margin-bottom: 20px;
}
#containerFooter {
	clear: both;
	position: relative;
}
#containerFooter .closeBtn_01 {
	position: absolute;
	right: 0;
	top: 7px;
}

/* =================================
  #recommendInfo
================================= */
#recommendInfoBanner {
	margin-bottom: 13px;
}
#recommendInfoBanner ul.sudbanner li{
	float:left;
	margin-left:20px;
}
#recommendInfoBanner_02 {
	float:left;
	margin-left:20px;
}
#recommendInfoBanner .photo {
	width: 200px;
	height: 50px;
}
#publicRelations {
	clear: both;
	padding: 10px;
}
#publicRelations span {
	padding-right: 5px;
}

/* =================================
   .pageDisplay
================================= */
.pageDisplay {
	margin: 10px 0;
	clear: both;
}
.number {
	float: left;
}
.number span {
	color: #cd6266;
	font-size: 14px;
	font-weight: bold;
}
.number .current {
	padding-left: 10px;
}
.pageNation {
	float: right;
}
.pagesList {
	float: left;
}
.pagesList li {
	float: left;
	padding-right:8px;	
}
.pageDisplay .goPrevious {
	padding-right: 20px;
	float: left;
	display: inline;
}
.pageDisplay .goNext {
	padding-left: 12px;
	float: left;
	display: inline;	
}

/* =================================
   #serachBox
================================= */
#serachBox {
	margin-bottom: 15px;
}
.submitBtn {
	padding-left: 2px;
}
.serachOptions,
.moreFilterList{
	margin: 8px 7px;
	padding-bottom: 11px;
}
.serachOptions .subTitle {
	font-weight: bold;
	font-size: 12px;
	width: 144px;
	padding: 3px 5px;
	margin-bottom: 8px;
}
.filterList {
	margin-bottom: 10px;
}
.filterList li {
	clear: both;
	overflow: hidden;
	margin-bottom: 5px;
	font-size: 11px;
}
.filterList .disabled {
	color: #888;
}
.filterList li a {
	font-size: 11px;
}
.filterList .checkBox {
	vertical-align: bottom;
}
.filterList a {
	text-decoration: underline;
	padding-top: 2px;
}
.filterList .areaSelectList {
	margin: 4px 0 0 11px;
}
.moreFilterOptions h3 {
	font-size: 11px;
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
}
.moreFilterList li {
	margin-bottom: 1px;
}
.moreFilterList .subTitle {
	font-weight: bold;
	background: #f3f3f3 url(/https/zexy.net/images/common/bg_moreFilterContent.jpg) left bottom repeat-x;
	padding: 3px 20px 3px 5px;
	position: relative;
}
.moreFilterList .filterList {
	margin-top: 5px;
}
.moreFilterContent .submitBtn {
	margin-bottom: 10px;
}
.toggleBtn {
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 8px;
	right: 8px;
	background: url(/https/zexy.net/images/common/sp_toggleBtn.png) no-repeat;	
}
.close {
	display: none;
}
.jsTitle {
	cursor: pointer;
}
.jsTitle.close {
	display: block;
}
.open .toggleBtn {
	background-position: -8px 0;
}
.close .toggleBtn {
	background-position: 0 0px;	
}

/* =================================
   .textContent
================================= */
.textContent {
	clear: both;
	margin: 10px 0;
}
.textContent p {
	font-size: 11px;
	margin: 0 !important;
}

/* =================================
   ヘルパークラス
================================= */
.dot {
	background: url(/https/zexy.net/images/common/line_01.png) left bottom repeat-x;
}
.tal {
	text-align: left;
}
.tar {
	text-align: right;
}
.tac {
	text-align: center;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.fwb {
	font-weight: bold;
}
.mt5 {
	margin-top: 5px !important;
}
.mt10{
	margin-top: 10px !important;
}
.mt13{
	margin-top: 13px !important;
}
.mt20{
	margin-top: 20px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.nmt10 {
	margin-top: -10px !important;
}
.nmt20 {
	margin-top: -20px !important;
}
/* Clearfix */
.clearfix:before, .clearfix:after {	content: ""; display: table; height: 0; }
.clearfix:after { clear: both; }
.clearfix {	zoom: 1; }

/* =================================
   印刷、URLメール送信画面
   共通フッター追加スタイル
================================= */
div#containerFooter address {
    float: left;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
    font-size: 100%;
    padding-top: 7px;
    width: 730px;
}

div#containerFooter address a.rmp:link {
    color: #333333;
    text-decoration: underline;
}

div#containerFooter address img {
    margin-bottom: 7px;
}

div#containerFooter p {
	clear: both;
	font-size: 100%;
	text-align: right;
}

/* =================================
   ＵＲＬメール送信追加スタイル
================================= */
div#mainContentBlock .err_style {
    background-color: #FFE5E5;
    border-style: solid;
    border-width: 1px;
    color: #FF0000;
    padding: 5px;
    width: 690px;
}