@charset "UTF-8";

/*
--------------------------------------------------
 for Smartphone base style
--------------------------------------------------
*/

html {
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整OFF */
}
body {
	font-family: sans-serif;
		color:#666;
}
a {
	-webkit-tap-highlight-color: rgba(00,33,99,0.3); /* タップ時の背景色 */
	text-decoration:none;
}

a:link{color:#666;}

a:visited{color:#666;}

a:hover{color:#00CCCC;}

ul,dl{
list-style:none;
}

section{
clear:both;
}

.right{
text-align:right;
}

.left{
text-align:left;
}

/*
--------------------------------------------------
 Basic style
--------------------------------------------------
*/


body {
	width: 100%;
	padding: 0 0;
	color:#666;
/*	border-radius: 20px;*/
}
h1 {
	margin: 0 0 1em;
/*	font-size: 30px;*/
}

h3{
border:1px solid #ccc;
border-top:5px solid #09C;
border-bottom:5px solid #09C;
margin:5px 0 15px 0;
padding:5px 2px 5px 5px;
color:#09C;
text-align:center;
stext-align:left;
background:#FFFFFD;
}
h3.hyoka{
border:1px solid #ccc;
border-top:3px solid #09C;
border-bottom:3px solid #09C;
margin:5px 0 5px 0;
padding:5px 2px 5px 5px;
color:#09C;
text-align:left;
background:#FFFFFD;
}
.hyokacome {
    background: url("../img/ico_fuki_blue.png") no-repeat scroll 3px 3px transparent;
    clear: both;
    font-size: 12px;
    line-height: 1.4em;
    margin: 0 5px 5px;
    padding-left: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
    border: 1px solid #0099CC;
}
.companycome {
    background: url("../img/ico_fuki_green.png") no-repeat scroll 3px 3px transparent;
    clear: both;
    font-size: 12px;
    line-height: 1.4em;
    margin: 0 5px 5px;
    padding-left: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
    border: 1px solid #99cc00;
}
.hyokacome span {
    font-size: 12px;
    line-height: 1.4em;
    padding-left: 6px;
    color: #0099CC;
}
.companycome span {
    font-size: 12px;
    line-height: 1.4em;
    padding-left: 6px;
    color: #99cc00;
}


h3.canceled{
border:1px solid #ccc;
border-top:5px solid #ccc;
border-bottom:5px solid #ccc;
margin:5px 0 15px 0;
padding:5px 2px 5px 5px;
color:#ccc;
text-align:center;
stext-align:left;
background:#FFFFFD;
}

h4{
margin:0 auto;
border-top:1px solid #99CC66;
border-bottom:1px solid #99cc66;
background: none repeat scroll 0 0 #EDF3CE;
text-align:left;
display:block;
clear:both;
padding:5px;
}

h5{
text-align:center;
margin:10px auto;
}

h5 img{
width:250px;
height:auto;
}

p {
	line-height: 1.5;
	margin: 0 0.5em 1em 1em;
	font-size: 14px;
}

.clear{
clear:both;
}

/* clearfix */
.cf:after{
    content: "";
    display: block;
    clear: both;
}
.cf {
    zoom:1;
}

.pre{
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap;    
    white-space: -o-pre-wrap;   
    white-space: pre-wrap;      
    word-wrap: break-word;     
}





/* ページトップへ */
.pTop{
float:right;
margin:15px ;
padding-right:20px;
background: url(../img/pagetop.png) no-repeat right top;
height:18px;
line-height:18px;
display:block;
}

a.pTop:link,a.pTop:visited{
color:#0099CC;
font-size:14px;
}

/* margin block */

.mainBox20{
margin-bottom:20px;
clear:both;
}


/*
--------------------------------------------------
 Footer
--------------------------------------------------
*/

/* オウチーノについて */
#aboutO{
margin:10px auto;
width:95%;
}

#aboutO p{
text-align:left;
font-size:12px;
}


/* copyright */

footer{
	background: url(../img/footer_bg.png) top center;
	height:62px;
	width:100%;
	clear:both;
	margin-top:10px;
}

footer p{
padding-top:40px;
text-align:center;
color:#fff;
font-size:12px;
}


/*
--------------------------------------------------
 text style
--------------------------------------------------
*/

.sNotes{
font-size:10px;
color:#999999;
font-weight:normal;
}

.alart{
font-size:10px;
color:#CC0000;
font-weight:bold;
}

.cancel {
font-size:10px;
color:#CC0000;
font-weight:bold;
border:1px solid #666666;
}


/*
--------------------------------------------------
 with icon
--------------------------------------------------
*/

.snkGrn{
	background: url(../img/ico_snk_green.png) no-repeat left 50%;
	padding-left:8px;
	}

a.snkGrn:link,a.snkGrn:visited{
	background: url(../img/ico_snk_green.png) no-repeat left 50%;
	padding-left:8px;
	}

a.snkGrn:hover{
	background: url(../img/ico_snk_green.png) no-repeat left 50%;
	padding-left:8px;
	}

.icoBlank{
	background: url(../img/ico_blank.png) no-repeat right 50%;
}

/* メール有 */
.inMail{
background: url(../img/ico_corp02.png) no-repeat left 50%;
color:#78dddd;
text-indent:10px;
font-weight:bold;
}


/*
--------------------------------------------------
 DEFAULT LINK 
--------------------------------------------------
*/

/* テキストリンク */

dl.lstLink{
width:100%;
margin:5px auto 0px auto;
text-align:left;
clear:both;
}

dl.lstLink dt{
margin:0 0 0 0;
padding:8px;
border-top:1px solid #78dddd;
border-bottom:1px solid #78dddd;
text-shadow:#666 1px 1px;
color:#FFFFFF;
font-size:16px;
font-weight:bold;
background: -moz-linear-gradient(center top, #ccffff, #78dddd 20%, #78dddd 50%, #ccffff 90%, #ccffff);
background: -webkit-gradient(linear, center top, center bottom, from(#ccffff), color-stop(20%, #78dddd), color-stop(60%, #78dddd), color-stop(90%, #ccffff), to(#ccffff));
}

dl.lstLink dt#titService span{
padding:5px 26px 3px;
height:24px;
background:url(../img/ico_service.png) no-repeat left 0.3em;

}

dl.lstLink dt#titLink span{
padding:5px 26px 3px;
height:24px;
background:url(../img/ico_link.png) no-repeat left 0.3em;
}


dl.lstLink dd{
background:url(../img/ico_link_blue.png) no-repeat right;
border-bottom:1px solid #78dddd;
}

dl.lstLink dd a{
display:block;
margin:3px 0 3px 0;
padding:10px 10px;
}

/* SNS 枠 */
.snsArea{
width:90%;
border:1px solid #ccc;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin:5px auto 15px;
}

.snsArea ul{
margin:5px;
}

.snsArea ul li{
margin:0;
padding:0;
float:left;
list-style:none;
}



/*
--------------------------------------------------
 Form style
--------------------------------------------------
*/

input:focus,
select:focus{
    background-color:#F0FFFD;
    border: 1px solid red;
 }

/* テキストボックス */
.tmpF01,.tmpF01b{
margin:15px auto ;
width:92%;
clear:both;
}

.tmpF01 dt{
font-size:14px;
font-weight:bold;
margin-top:15px;
margin-bottom:5px;
background: url(../img/ico_form_dt.png) no-repeat top left;
line-height:18px;
padding-left:20px;
color:#0099cc;
}

.tmpF01b dt{
font-size:14px;
font-weight:bold;
margin-top:15px;
margin-bottom:5px;
line-height:18px;
}


dd.rate_bar {
    height: 20px;
    padding-left: 1px;
    width: 300px;
}
dd.rate_bar .bar {
    background: url("../img/kaisha_rating_bar.gif") repeat-y scroll 0 0 #0089E5;
    height: 20px;
    margin: 5px 0;
}
dd.rate_bar .bar2 {
    background: url("../img/kaisha_rating_bar2.gif") repeat-y scroll 0 0 #0089E5;
    height: 20px;
    margin: 5px 0;
}
dd.rate_point .score {
    border-bottom: 1px dotted #883333;
    color: #AA0000;
    font-size: 18px;
    font-weight: bold;
}
dd.rate_point .fullScore {
    color: #666666;
    font-size: 12px;
    margin-left: 5px;
    padding: 3px;
}


.tmpF01 dd{
margin-bottom:5px;
}

/* tempF01 の子要素 */
dl.tmpF01c{
margin:0px 5px 5px 20px;
width:85%;
clear:both;
}

dl.tmpF01c dt{
padding-left:0;
padding:3px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #CCFFFF;
border-left:1px solid #CCFFFF;
background-image: none !important;
background-color: #EEFFFF;
color:#0099cc;
}



/* セレクトボックス 縦置き　*/
.tmpF02{
margin:15px auto ;
width:95%;
clear:both;
}

.tmpF02 dl{
margin-bottom:20px;
color:#666666;
}

.tmpF02 dt{
margin:0 auto 5px auto;
border-bottom:1px solid #ccc;
border-left:5px solid #99CC33;
background: url(../img/info_bg.jpg) ;
text-align:left;
display:block;
padding:5px;
color:#339900;
font-size:14px;
font-weight:bold;
}

.tmpF02 dd{
margin:5px;
}

/* セレクトボックス 横置き */
.tmpF02b{
clear:both;
margin:15px auto 20px;
width:95%;
}

.tmpF02b dt{
font-size:14px;
font-weight:bold;
margin:15px 10px 5px;
display:inline;
float:left;
width:8em;
}

.tmpF02b dd{
float:left;
margin:5px;
}

/* セレクトボックス 横置きバターン2 */
.tmpF02c{
clear:both;
margin:15px auto 20px;
width:95%;
}

.tmpF02c dt{
display:inline;
font-size:14px;
font-weight:bold;
width:12em;
background:#0099CC;
color:#FFFFFF;
padding:5px;
border:1px solid #0099CC;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.tmpF02c dd{
display:inline;
color:#0099CC;
background:#fff;
padding:5px;
font-weight:bold;
}



/* 評価 */
progress{
border:1px solid #0099CC;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-right:5px;
}

input,select,textarea{
padding:5px 5px;
margin-bottom:10px;
line-height:1.8em;
font-size:16px;
}

.form100{
width:95%;
}

.formZip{
width:15%;
margin-left:5px;
}
.zipsearch{
line-height:1.8em;
font-size:14px;
}

.form50{
width:40%;
margin-right:2px;
}

/* 電話番号入力枠 */
input.lengthTel{
width:3.4em;

}

#datepicker,
#datepicker2,
#datepicker3{
width:35%;
}

dd.calender {
width:300px;
}

dd.calender label{
width:4.5em !important;
}

.time{
width:45%;
}

/* フォーム関連のノーツテキスト */
.formNotes{
font-size:12px;
font-weight:normal;
}

/* フォーム関連・「※必須」用 */
.must{
font-size:12px;
font-weight:normal;
color:#CC0000;
font-weight:bold;
}

/*　会社宛 */
.toCorp{
border:1px solid #ccc;
background-color:#fff;
background-image:none;
padding:10px 5px;
margin-right:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.toCorp .sub{
font-size:12px;
color:#666666;
}


/* 画像添付関連 */

.attImg{
text-align:center;
font-size:12px;
line-height:1.4em;
margin:10px;
}

/* アップロードフォームなどの場合 */
.attImg dl{
margin:10px;
width:90%;
display:block;
clear:both;
}
.attImg dt{
float:left;
display:inline;
}

.attImg dd{
float:left;
margin-left:10px;
margin-bottom:10px;
vertical-align:text-top;
}

.attImg dd ceckbox{
margin-top:0;
}

/* カラーチップ選択 */

dl#csHead{
display:block;
margin:2px;
clear:both;
}
dl#csHead dt{
float:left;
background:none;
border:none;
}
dl#csHead dd{
display:inline;
line-height:1.8em;
}

ul.colorSelect{
clear:both;
}
ul.colorSelect li{
width:50px;
height:50px;
border:1px solid #ccc;
margin:2px 1px;
display:inline-block;
text-indent:-9999px;
}

ul.colorSelect li#cBlue{background-color:#3399FF;}
ul.colorSelect li#cYellow{ background-color:#FFFF00;}
ul.colorSelect li#cRed{ background-color:#FF0000;}
ul.colorSelect li#cGreen{ background-color:#339900;}
ul.colorSelect li#cBrown{ background-color:#996600;}
ul.colorSelect li#cViolet{ background-color:#6633CC;}
ul.colorSelect li#cWhite{ background-color:#FFFFFF;}
ul.colorSelect li#cBlack{ background-color:#000000;}





/* 送信ボタン枠 */

.centerBtn{
text-align:center;
clear:both;
margin:5px auto;
}

hr{
clear:both;
color:#CCCCCC;
height:1px;
}

/* ログインボタン　画像 */
.loginImg{
background:url(../img/btn_lower_login.png) no-repeat;
width:278px;
height:46px;
text-indent:-99999px;
display:block;
margin:10px auto;
border:none;
}

.loginImg:hover{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

/* 新規登録　画像 */
.newregistImg{
background:url(../img/btn_newregist.png) no-repeat;
width:304px;
height:46px;
text-indent:-99999px;
display:block;
margin:10px auto;
border:none;
}

.newregistImg:hover{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}








/* ログインボタン */

.loginBtn {
	width:90%;
  background-color: #ff7d00;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7d00 0%), to(#ffa03c 50%));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #ffcc99 0%, #ff9933 50%, #ff7d00 50%, #ffa03c 100%);
  background-image: -moz-linear-gradient(top, #ffcc99 0%, #ff9933 50%, #ff7d00 50%, #ffa03c 100%);
  background-image: -ms-linear-gradient(top, #ffcc99 0%, #ff9933 50%, #ff7d00 50%, #ffa03c 100%);
  background-image: -o-linear-gradient(top, #ffcc99 0%, #ff9933 50%, #ff7d00 50%, #ffa03c 100%);
  background-image: linear-gradient(top, #ffcc99 0%, #ff9933 50%, #ff7d00 50%, #ffa03c 100%);
  border: 1px solid #ff7d00;
  border-bottom: 1px solid ff7d00;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 0 0 #ffcc66;
  -moz-box-shadow: inset 0 1px 0 0 #ffcc66;
  -ms-box-shadow: inset 0 1px 0 0 #ffcc66;
  -o-box-shadow: inset 0 1px 0 0 #ffcc66;
  box-shadow: inset 0 1px 0 0 #ffcc66;
  color: #fff;
	font-weight:bold;
	font-size:16px;
  padding: 8px;
	margin:0px auto 20px auto;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 -1px 1px #000f4d;
}
.loginBtn:hover {
	background-color: #ff7d00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6600 0%), to(#ff9933 50%));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ff9933 0%, #ff9933 50%, #ff6600 50%, #fdb953 100%);
	background-image: -moz-linear-gradient(top, #ff9933 0%, #ff9933 50%, #ff6600 50%, #fdb953 100%);
	background-image: -ms-linear-gradient(top, #ff9933 0%, #ff9933 50%, #ff6600 50%, #fdb953 100%);
	background-image: -o-linear-gradient(top, #ff9933 0%, #ff9933 50%, #ff6600 50%, #fdb953 100%);
	background-image: linear-gradient(top, #ff9933 0%, #ff9933 50%, #ff6600 50%, #fdb953 100%);
	border: 1px solid #ff7d00;
	cursor: pointer;
	}

.loginBtn:active {
    -webkit-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -moz-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -ms-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -o-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white; }

		
/* 新規登録ボタン*/		

.newregBtn {
width:90%;
  background-color: #009933;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#66cc33 0%), to(#99cc66 50%));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #99cc66 0%, #99cc66 50%, #66cc33 50%, #d6eebe 100%);
  background-image: -moz-linear-gradient(top, #99cc66 0%, #99cc66 50%, #66cc33 50%, #d6eebe 100%);
  background-image: -ms-linear-gradient(top, #99cc66 0%, #99cc66 50%, #66cc33 50%, #d6eebe 100%);
  background-image: -o-linear-gradient(top, #99cc66 0%, #99cc66 50%, #66cc33 50%, #d6eebe 100%);
  background-image: linear-gradient(top, #99cc66 0%, #99cc66 50%, #66cc33 50%, #d6eebe 100%);
  border: 1px solid #009933;
  border-bottom: 1px solid #009933;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -moz-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -ms-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -o-box-shadow: inset 0 1px 0 0 #b1b9cb;
  box-shadow: inset 0 1px 0 0 #b1b9cb;
  color: #fff;
	font-weight:bold;
	font-size:16px;
  padding: 8px;
	margin:0px auto 20px auto;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 -1px 1px #000f4d;
}
.newregBtn:hover {
  background-color: #009933;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#6ee595 0%), to(#66cc33 50%));
	/* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #99cc66 0%, #badf95 50%, #66cc33 50%, #badf95 100%);
	background-image: -moz-linear-gradient(top, #99cc66 0%, #badf95 50%, #66cc33 50%, #badf95 100%);
	background-image: -ms-linear-gradient(top, #99cc66 0%, #badf95 50%, #66cc33 50%, #badf95 100%);
	background-image: -o-linear-gradient(top, #99cc66 0%, #badf95 50%, #66cc33 50%, #badf95 100%);
	background-image: linear-gradient(top, #99cc66 0%, #badf95 50%, #66cc33 50%, #badf95 100%);
	border: 1px solid #99cc66;
	}
.newregBtn:active {
    -webkit-box-shadow: inset 0 0 20px 0 #99cc66, 0 1px 0 white;
    -moz-box-shadow: inset 0 0 20px 0 #99cc66, 0 1px 0 white;
    -ms-box-shadow: inset 0 0 20px 0 #99cc66, 0 1px 0 white;
    -o-box-shadow: inset 0 0 20px 0 #99cc66, 0 1px 0 white;
    box-shadow: inset 0 0 20px 0 #99cc66, 0 1px 0 white; 
		}
	
		
/* その他の遷移ボタン*/		

.transBtn {
width:90%;
  background-color: #8c9cbf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8c9cbf 0%), to(#546a9e 50%));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -moz-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -ms-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -o-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  border: 1px solid #172d6e;
  border-bottom: 1px solid #0e1d45;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -moz-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -ms-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -o-box-shadow: inset 0 1px 0 0 #b1b9cb;
  box-shadow: inset 0 1px 0 0 #b1b9cb;
  color: #fff;
	font-weight:bold;
	font-size:16px;
  padding: 8px;
	margin:0px auto 2px auto;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 -1px 1px #000f4d;
}
.transBtn:hover {
    background-color: #7f8dad;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7f8dad 0%), to(#4a5e8c 50%));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: -moz-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: -ms-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: -o-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    cursor: pointer; }
.transBtn:active {
    -webkit-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -moz-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -ms-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -o-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
		}

/* 定型送信ボタン　FONT-S　*/	
.transSBtn {
width:97%;
  background-color: #8c9cbf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8c9cbf 0%), to(#546a9e 50%));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -moz-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -ms-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -o-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  border: 1px solid #172d6e;
  border-bottom: 1px solid #0e1d45;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -moz-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -ms-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -o-box-shadow: inset 0 1px 0 0 #b1b9cb;
  box-shadow: inset 0 1px 0 0 #b1b9cb;
  color: #fff;
	font-weight:bold;
	font-size:13px;
  padding: 8px;
	margin:0px auto 5px auto;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 -1px 1px #000f4d;
}
.transSBtn:hover {
    background-color: #7f8dad;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7f8dad 0%), to(#4a5e8c 50%));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: -moz-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: -ms-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: -o-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    cursor: pointer; }
.transSBtn:active {
    -webkit-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -moz-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -ms-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -o-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white; }


/* 個人情報、利用規約へのリンク */
.privacyBtn{
background:url(../img/btn_privacy01.png) no-repeat;
width:270px;
height:22px;
text-indent:-99999px;
display:block;
margin:5px auto 2px auto;
padding:0 0;
border:none;
text-align:center;
}

.privacyBtn:hover{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}


input.notesBtn{
width:14em;
	font-size:14px;
	padding: 5px 5px 5px 10px;
	margin:5px auto 2px 15px;
  border: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
	background: #efefef url(../img/ico_blank.png) no-repeat right;
	cursor:pointer;
}


/* 次のページへ */
.nextPage{
text-align:center;
margin:10px auto 20px auto;
}

.nextPage a{
padding-left:10px;
background: url(../img/ico_snk_green.png) no-repeat left 50%;
}




/*
--------------------------------------------------
 各種確認画面
--------------------------------------------------
*/

.tmpF03{
margin:15px auto ;
background:#fff;
width:92%;
border:1px solid #ccc;
border-top:5px solid #339900;
/*border-bottom:10px solid #98fb98;*/
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
margin:0px auto 10px auto;
padding:0px 0px;
}

.tmpF03 dt{
margin:0 auto 5px auto;
border-bottom:1px solid #ccc;
/*border-left:5px solid #99CC33;
background: url(../img/info_bg.jpg) ;*/
background:#32cd32;
text-align:left;
display:block;
padding:5px;
color:#fff;
font-size:14px;
font-weight:bold;
}

.tmpF03 dt.f03Head{
margin:0 auto 0px auto;
border-bottom:1px solid #ccc;
background:#339900 none;
color:#FFFFFF;
}

.tmpF03 dd{
padding:5px 10px 10px;
/*border-bottom:1px solid #ccc;*/ 
word-wrap: break-word; 
  
}

.tmpF03 dd.linenone{
padding:5px 10px;
border-bottom:0px solid #ccc;
}

/* 項目内サブ */
dl.tmpSub{
margin-bottom:10px;
}

dl.tmpSub dt{
border-bottom:1px dotted #339900;
border-left:3px solid #339900;
text-align:left;
display:block;
padding:3px;
color:#339900;
font-size:14px;
font-weight:bold;
background:none;
}

dl.tmpSub dd{
padding:0px 10px 15px;
border-bottom:0px solid #ccc;     
word-wrap: break-word;
}

/*
--------------------------------------------------
 リノベーション情報
--------------------------------------------------
*/
.renovation  {
    font-size: 12px;
    line-height: 1.6em;
    padding: 5px 10px 10px;
}
.renoimg  {
	text-align:center;
}


/*
--------------------------------------------------
 会社情報Parts
--------------------------------------------------
*/

#corpLink{
margin:0 auto;
width:95%;
border:1px solid #73dadd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin:15px auto;
}

#corpLink li {
display:inline;
float:left;
margin:0 0 0 0;
width:50%;
}

#corpLink ul li a{
display:block;
text-align:left;
text-indent:16px;
font-size:12px;
padding:10px 5px 10px 20px;
}

#corpLink ul li a#corp01{
background: url(../img/ico_corp01.png) no-repeat 0.5em 50%;
border-right:1px solid #73dadd;
border-bottom:1px solid #73dadd;
}

#corpLink ul li a#corp01b{
background: url(../img/ico_corp01.png) no-repeat 0.5em 50%;
border-right:0px solid #73dadd;
border-bottom:0px solid #73dadd;
}

#corpLink ul li a#corp02{
background: url(../img/ico_corp02.png) no-repeat 0.5em 50%;
border-bottom:1px solid #73dadd;
}
#corpLink ul li a#corp03{
background: url(../img/ico_corp03.png) no-repeat 0.5em 50%;
border-right:1px solid #73dadd;
border-bottom:1px solid #73dadd;
}

#corpLink ul li a#corp03b{
background: url(../img/ico_corp03.png) no-repeat 0.5em 50%;
border-right:1px solid #73dadd;
border-bottom:0px solid #73dadd;
}


#corpLink ul li a#corp04{
background: url(../img/ico_corp04.png) no-repeat 0.5em 50%;
border-bottom:1px solid #73dadd;
}
#corpLink ul li a#corp05{
background: url(../img/ico_corp05.png) no-repeat 0.5em 50%;
border-right:1px solid #73dadd;
}

#corpLink ul li a#corp05b{
background: url(../img/ico_corp05.png) no-repeat 0.5em 50%;
border-right:0px solid #73dadd;
}

#corpLink ul li a#corp06{
background: url(../img/ico_corp06.png) no-repeat 0.5em 50%;
}


/*
--------------------------------------------------
 表示変更枠
--------------------------------------------------
*/
#browseChange{
clear:both;
width:70%;
border:1px solid #ccc;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin:5px auto 15px auto;
padding:7px;
font-size:12px;
text-align:center;
}

#browseChange span{

}

/* キャッシュバックバナー */
#cashback a{
background: url(../img/bnr_cashback.png) no-repeat left top;
text-indent:-9999px;
width:308px;
height:56px;
display:block;
margin:10px auto;
}

.banner_type01{ text-align:center; text-align:center}