/* UTF-8化対策ハック
IE7 を含むモダンブラウザにのみ適用（バージョン6以下の IE を除外） */
html>body{
	font-family:"ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	font-size:100%;
}

/*--------------------------------------------------------
共通
--------------------------------------------------------*/
/*body*/
body.bg01 { 
	margin: 0; 
	background-color: #FFF;
	background-image: url(/images/bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
body.center{ margin: 0; background-color: #FFF;text-align: center;}

/*見出し*/
h1,h2,h3 { margin: 0; }

/*フォーム*/
form {margin:0;}
input{font: 80%/125% "ＭＳ Ｐゴシック";color: #333;margin-right: 2px;}
select{font: 80%/125% "ＭＳ Ｐゴシック";color: #333;margin-right: 4px;}
label{font: 80%/125% "ＭＳ Ｐゴシック";color: #333;padding: 0px;}

/*余白*/
.mb4 { margin: 0px 0px 4px; }
.mb8 { margin: 0px 0px 8px; }
.mb16 { margin: 0px 0px 16px; }
.mb24 { margin: 0px 0px 24px; }
.mb32 { margin: 0px 0px 32px; }

/*基本フォント*/
.base-ss {font: 70%/125% "ＭＳ Ｐゴシック"; color: #333;}
.base-ss-b {font: bold 70%/125% "ＭＳ Ｐゴシック"; color: #333;}
.base-s {font: 80%/125% "ＭＳ Ｐゴシック"; color: #333;}
.base-s-b {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #333;}
.base-m {font: 90%/125% "ＭＳ Ｐゴシック"; color: #333;}
.base-m-b {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #333;}
.base-m-b2 {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #333; margin:0;}
.base-l-b {font: bold 120%/125% "ＭＳ Ｐゴシック"; color: #333;}

.mds-01 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #FFF;}
.mds-02 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #039;}
.mds-err {font: bold 140%/125% "ＭＳ Ｐゴシック"; color: #F30;}

.red{color: #F00;}

/*注釈*/
.notes-s {font: 80%/125% "ＭＳ Ｐゴシック"; color: #F30;}
.notes-ss {font: 70%/125% "ＭＳ Ｐゴシック"; color: #F30;}
.notes-s-b {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #F30;}

/*パンくず*/
.breadcrumbs{font: 11px "ＭＳ Ｐゴシック";color: #000;margin:0 0 10px 25px;text-align:left;}

img{border:0;}

/* 回り込み解除 */
.clear {
	margin:0;
	padding:0;
	font-size:0;
	clear:both;
}

/* リード文 */
.leadTop{
	margin:0 auto 6px;
	width:570px;
	color: #333;
	font: 80%/125% "ＭＳ Ｐゴシック";
	text-align:left;
}

.leadTop h1{
	margin:0;
	width:570px;
	color: #333;
	font: 100%/125% "ＭＳ Ｐゴシック";
	text-align:left;
	font-weight:normal;
}

.lead{
	margin:0 auto 24px;
	width:570px;
	color: #333;
	font: 80%/125% "ＭＳ Ｐゴシック";
	text-align:left;
}

.lead p{
	margin:0 0 10px;
}

/* サイト利用の流れ -*/
.flowTop{
	margin:0 auto 4px;
	width:570px;
	border:0;
}

.flow{
	margin:0 auto 16px;
	width:570px;
	border:0;
}

/*-----------キャンペーン-----------*/
td.headerCampaign {
color:#333333;
font:80%/125% "ＭＳ Ｐゴシック";
}
td.headerCampaign em {
color:#FF0000;
font-style:normal;
}


/*--------------------------------------------------------
レイアウト01（ex: info, contents）
--------------------------------------------------------*/
/*----------------------------
#header01
----------------------------*/
#header01 { text-align:left;}
#header01 tr {vertical-align:bottom;}
#header01 td {padding-bottom:1px;}
#header01 .headline {font: 11px/125% "ＭＳ Ｐゴシック";vertical-align:top;}
#header01 .hd-pause {border-right:1px solid #003399;}
#header01 .topCatch {font: 11px/125% "ＭＳ Ｐゴシック"; padding: 0px;font-weight:normal; width: 171px; margin-left:25px;margin-top:3px;}
#header01 .navigation {font: 11px/125% "ＭＳ Ｐゴシック"; padding: 0px;}
/*----------------------------
#nav
----------------------------*/
#nav {
	text-align:center;/* for Firefox3 */
}
#nav h3 {margin: 0px 0px 0px 0px;}
#nav .menu {border: 1px solid #333; background-color: #FFF; padding: 2px 0px 1px 1px;}
#nav .menu a{font: bold 12px/125% "ＭＳ Ｐゴシック"; color: #333; text-decoration: none;}
#nav .link {font: 12px/140% "ＭＳ Ｐゴシック"; padding: 3px 0px 3px 5px;} 
#nav .bookmark input{font-size:12px; width: 10em; margin: 0 0 8px;}

#nav .pr,
#nav .topics {
	margin:0 0 15px;
	padding:5px 1px 5px 0; /* 標準モード用にwidth指定なし。paddingで対応 */
	font: 80%/130% "ＭＳ Ｐゴシック";
	text-align:left;
}

#nav .pr p,
#nav .topics p{
	margin:0 10px;
	padding:5px;
	background-color:#fff;
}

#nav .pr img{
	margin:0 0 3px 15px;
	padding:0;
	display:block;
	text-align:left;
}

#nav .links{
	margin:0 0 15px;
	padding:5px 1px 5px 0; /* 標準モード用にwidth指定なし。paddingで対応 */
	font: 80%/130% "ＭＳ Ｐゴシック";
	text-align:left;
}

#nav .links img{
	margin:0 0 0 8px;
}

#nav .links ul{
	margin:0 10px;
	padding:5px 15px;
	background-color:#fff;
	list-style:inside disc;
}

#nav .navUser {
	margin-bottom:16px;
	padding:0 5px;
}

#nav .navUser img {
	margin-bottom:2px;
}


/*----------------------------
#footer01
----------------------------*/
#footer01{
	border-color:#000;
	border-style:solid;
	border-width:2px 0 0;
	width:789px;
}

.copyright{
	margin:5px 0;
	font: 11px/125% "ＭＳ Ｐゴシック";
	color: #000;
	text-align: right;
}

/*----------------------------
#footer nav
----------------------------*/
#foot-nav .navBlock {margin: 0px 0px 16px;}
#foot-nav td {font: 11px/125% "ＭＳ Ｐゴシック"; color: #999;}

/*----------------------------
#foot-link
----------------------------*/
#foot-link {margin-bottom:8px;}
#foot-link .logo {margin-right:8px;vertical-align:text-bottom;}
#foot-link .title {font: bold 12px/125% "ＭＳ Ｐゴシック"; color: #000;padding-bottom:6px;}
#foot-link .houjin {border-top:solid 1px #999;padding-top:4px;margin-top:4px;}
#foot-link .text {font: 11px/140% "ＭＳ Ｐゴシック"; color: #000;}
#foot-link .text span {font-weight: bold;}

/*----------------------------
#secure
----------------------------*/
#secure .secureBlock {margin: 0px 0px 16px;}

/*----------------------------
#top
----------------------------*/
#top .form{
	margin:0 auto 12px;
	width:570px;
}

#top .form .formLeft{
	background: scroll #DD2D04 url(/images/form_tbl_btm_l.gif) no-repeat left bottom;
}
#top .form .formRight{
	background: url(/images/form_tbl_side_r.gif) repeat-y;
}

#top .formArea{
border-color:#000000;
border-style:solid;
border-width:1px 0 0;
margin:0 auto 4px;
padding:10px 0 0;
width:570px;
}

#top .formAreaBottom{
}

#top h2{
	margin:0 auto 8px;
}

#top h3 {
	font: bold 80%/125% "ＭＳ Ｐゴシック";
	color: #333;
}

#top .comNumber{
	margin:0 auto 24px;
	border:0;
	width:570px;
}

/*----------------------------
#contents
----------------------------*/
#contents h1.bgNon {
background:none;
}
#contents h1{
	padding: 0 0 15px 8px;
	width: 397px;
	color: #039;
	background:url(/contents/images/ttl.gif) no-repeat left bottom;
	font: bold 140%/125% "ＭＳ Ｐゴシック";
}

#contents h2 {font: 80%/125% "ＭＳ Ｐゴシック"; color: #333;}
#contents h3 {font: bold 80%/125% "ＭＳ Ｐゴシック"; color: #039;}
#contents .line01{border-bottom: 2px solid #039;}
#contents .line02{border-bottom: 1px dotted #999;padding: 15px 3px;}

#contents .title{
	margin:0 auto 8px;
	border:0;
	border-collapse:collapse;
	width:570px;
}

#contents .button{
	margin:0 auto 24px;
	padding:10px 0 0;
	border-width:1px 0 0;
	border-color:#000;
	border-style:solid;
	width:570px;
}
#contents .formArea {
border-color:#000000;
border-style:solid;
border-width:1px 0 0;
margin:0 auto 4px;
padding:10px 0 0;
width:570px;
}
/*-- /contents/tips.html で使用 --*/
#contents .tips{
	margin:0 auto 24px;
	width:570px;
	text-align:left;
}

#contents .tips img{
	margin:0 0 5px 10px;
	float:right;
}

#contents .tips h2{
	margin:0 0 10px;
	border-bottom: 2px solid #039;
	color: #039;
	font: bold 80%/125% "ＭＳ Ｐゴシック";
}

#contents .tipsContents{
	margin:10px 0 0;
	padding:10px 10px 0;
	border:1px dotted #666;
	clear:both;
}

#contents .tipsContents h3{
	margin:0 0 5px;
}

#contents .tipsContents p{
	margin:0 0 20px;
}

/*-- /contents/faq.html で使用 --*/
#contents .faq{
	margin:0 auto 32px;
	width:570px;
	text-align:left;
}

#contents .faq ul{
	margin:0;
	padding:0;
	list-style:none;
}

#contents .faq li{
	margin:5px 0;
	padding-left:25px;
	background: url(/images/cmn_btn_01.gif) no-repeat left top;
	text-align:left;
	height:25px;
}

/*-- /contents/voice.html で使用 --*/
#contents .voice{
	margin:0 auto 24px;
	width:540px;
	text-align:left;
}

#contents .voice h2{
	margin:0 0 10px;
	border-bottom: 2px solid #039;
	color: #039;
	font: bold 80%/125% "ＭＳ Ｐゴシック";
}

#contents .voice ul{
	margin:10px 0;
	padding:0;
	list-style:none;
	font: 80%/125% "ＭＳ Ｐゴシック";
	color: #333;
}

#contents .voice li{
	margin:0 0 5px;
	padding:0 0 5px 15px;
	border-bottom:1px dotted #ccc;
	background:url(/contents/images/marker.gif) no-repeat 2px 1px;
}

/*----------------------------
#info
----------------------------*/
#info h1{
	padding: 0px 0px 15px 8px;
	width: 397px;
	color: #039;
	background:url(/contents/images/ttl.gif) no-repeat left bottom;
	font: bold 140%/125% "ＭＳ Ｐゴシック";
}

#info h2 {
	padding: 3px;
	font: bold 90%/125% "ＭＳ Ｐゴシック";
	color: #333;
}

#info .title{
	margin:0 auto 8px;
	border:0;
	border-collapse:collapse;
	width:570px;
}

/* ご利用環境 */
#info .environment{
	margin:0 auto 24px;
	width:570px;
	text-align:left;
}

#info .environment h2{
	margin:10px 0;
	padding:3px 10px;
	border-bottom:2px solid #ccc;
	background-color:#F8DA79;
}

#info .environment table{
	margin:0 30px 10px;
	border-collapse:collapse;
}

#info .environment p{
	margin:0 30px 10px;
}


/* サイトマップ */
#info .sitemap{
	margin:0 auto 32px;
	width:530px;
	text-align:left;
}

#info .sitemap h2{
	margin:0 0 30px;
}

#info .sitemap ul{
	margin:10px 0;
	padding:0;
	list-style:none;
	font: 80%/125% "ＭＳ Ｐゴシック";
}

#info .sitemap li{
	margin:5px 0;
	padding-left:25px;
	background: url(/images/cmn_btn_01.gif) no-repeat left top;
	height:25px;
}

#info .sitemap table{
	margin:0 0 20px 30px;
	border:0;
	width:500px;
	font: 100%/125% "ＭＳ Ｐゴシック";
}


/*----------------------------
#com 会社一覧
----------------------------*/
#com img{border: 1px solid #666;}
#com td{font: 80%/125% "ＭＳ Ｐゴシック";padding: 0 0 8px;}

/*--------------------------------------------------------
レイアウト02（ex: error）
--------------------------------------------------------*/
/*----------------------------
#footer02
----------------------------*/
#footer02 .copyright {
	margin:0 0 10px;
	width:100%;
	color: #333;
	font: 11px/125% "ＭＳ Ｐゴシック";
	text-align:center;
}

/*--------------------------------------------------------
#link用
--------------------------------------------------------*/
#link h1 {font: bold 120%/125% "ＭＳ Ｐゴシック";}
#link h2{font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #000; background-color: #CCC; border:solid 1px #999; margin-bottom:8px; padding:3px; text-align:left; width: 570px;}
#link .category{width: 570px;}
#link .category td{padding: 5px;}
#link .list{border-top: 1px solid #CCC; border-left: 1px solid #CCC; margin-bottom:16px; width: 570px;}
#link .list th{font: 80%/125% "ＭＳ Ｐゴシック"; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; text-align:left; vertical-align:top; padding: 5px; width:30%;}
#link .list td{font: 80%/125% "ＭＳ Ｐゴシック"; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; text-align:left; vertical-align:top; padding: 5px; width:70%;}

#link .lead ul{
	margin:0 5px 10px;
	padding:0;
	list-style:disc inside; 
}

/*--------------------------------------------------------
#area用
--------------------------------------------------------*/
#area {
	margin:0 auto 10px;
	width:570px;
	text-align:left;
}

#area h1 {font: bold 160%/100% "ＭＳ Ｐゴシック"; vertical-align:bottom;}

#area .title {width:570px; background:#fc0; padding:2px; margin: 24px 0px 12px;}
#area h2 {margin: 16px 0px 8px; font: bold 80%/125% "ＭＳ Ｐゴシック"; padding:2px;display:inline;}
#area h3 {font: bold 80%/125% "ＭＳ Ｐゴシック"; background: #FFF url(/images/menu_arrow.gif) no-repeat left center; padding-left:1em;}
#area .label {font: 90%/125% "ＭＳ Ｐゴシック";}
#area .catch {font: bold 90%/125% "ＭＳ Ｐゴシック"; color: #F30; padding:0.5em 0 0.2em;}
#area .list td {width:50%; vertical-align:top;}
#area ul {font: 80%/125% "ＭＳ Ｐゴシック"; margin:2px 0 16px; padding-left:1em; list-style-type:none;}

#area .area-list {
	margin-bottom:16px;
}

#area .area-list ul {
	margin:0;
	width:570px;
}

#area .area-list li {
	margin:0;
	padding: 0 10px 3px 0;
	float:left;
	width:180px;
	list-style: none;
}

/*--------------------------------------------------------
freedial用
--------------------------------------------------------*/
/*.freedial {
	padding:20px 0;
}*/
.freedial {
	margin:40px auto 20px;
	padding:8px 5px 4px;
	border-radius:7px;	
	width:560px;
	background:#888;
}
.freedial .freePhoneCatch {
	padding-bottom:0.3em;
	color:#FFF;
	font-size:147%;
	font-weight:bold;
	text-align:center;
}
.freedial .freePhoneNumber {
	padding:14px 0 10px;
	border-radius:4px;
	color:#878787;
	background:#FFF;
	font-size:80%;
	text-align:center;
}
.freedial .freePhoneNumber img.number {
	margin:0 0 7px;
	width:350px;
	height:46px;
}
.freedial .freePhoneNumber img.hours {
	margin:0 0 7px;
	width:350px;
	height:16px;
}

.freedial .notice {
	margin:2px auto 0;
	padding-left:1em;
	text-indent:-1em;
	width:410px;
	font:80%/125% "ＭＳ Ｐゴシック";
	text-align:left;
	color:#F30;
}

/*--------------------------------------------------------
テキストエリア 追記用
--------------------------------------------------------*/
.cBox {
	margin:16px auto;
	width:570px;
	background-color:#F5F5F5;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	text-align:left;
}

.cBox p {
	margin:5px;	
}

/*--------------------------------------------------------
TOP動的化用
--------------------------------------------------------*/
.userLogin {
color:#dd2d04;
font-size:12px;
line-height:125%;
text-align:center;
padding:3px 0 0 65px;
margin:0;
}
.userLogin2 {
color:#dd2d04;
font-size:12px;
line-height:125%;
text-align:center;
padding:3px 0 0 0;
margin:0;
}

.nickName {
color:#dd2d04;
font-size:12px;
font-weight:bold;
line-height:125%;
text-align:center;
padding:3px 0 0 65px;
margin:0;
}
.nickName2 {
color:#dd2d04;
font-size:12px;
font-weight:bold;
line-height:125%;
text-align:center;
padding:3px 0 0 0;
margin:0;
}

.headerAccount {
	font-size:110%;
	text-align:left;
	margin-left:25px;
	margin-top:6px;
}
#header01 .headerAccount a {
margin:0 3px;
}



/*--------------------------------------------------------
.topCampaignInformation キャンペーン枠
--------------------------------------------------------*/
#top .topCampaignInformationArea {
	margin-bottom:8px;
}
#top .topCampaignInformationArea p {
	margin:0;
}
#top .topCampaignInformationArea h2 {
	margin:15px 0 10px;
	padding:3px 6px;
	width:558px;
	color:#333;
	background-color:#F8DA79;
	font-size:80%;
	text-align:left;
}
* html #top .topCampaignInformationArea h2 {
	width:570px;
}
#top .topCampaignInformationArea .bannerCampaign {
	margin-bottom:10px;
}
#top .topCampaignInformationArea table {
	margin-bottom:10px;
	width:570px;
	border-collapse:collapse;
	font: 80%/125% "ＭＳ Ｐゴシック";
	line-height:125%;
}
#top .topCampaignInformationArea table tr th {
	width:25%;
}
#top .topCampaignInformationArea table tr th, 
#top .topCampaignInformationArea table tr td {
	padding:5px;
	border:1px solid #CCCCCC; 
}
#top .topCampaignInformationArea table tr td.topCampaignDetailRight img {
	margin-right:10px;
	float:left;
}
#top .topCampaignInformationArea table tr td.topCampaignDetailLeft img {
	margin-left:10px;
	float:right;
}
#top .topCampaignInformationArea table tr td.topCampaignDetailRight .topCampaignTitleSub,
#top .topCampaignInformationArea table tr td.topCampaignDetailLeft .topCampaignTitleSub {
	margin-bottom:3px;
	font-size:80%;
}
#top .topCampaignInformationArea table tr td.topCampaignDetailRight .topCampaignTitle,
#top .topCampaignInformationArea table tr td.topCampaignDetailLeft .topCampaignTitle {
	margin-bottom:5px;
	padding:5px;
	background-color:#FFFDC5;
	font-weight:bold;
}

/*---------------------------------------
 auto-complete
----------------------------------------*/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

.ac_scroll {
	overflow: auto;
	max-height:180px;
	height:auto !important;
	height:180px;
}