@charset "utf-8";





	
	
/*全体の設定*/
body {
color: #333;
padding: 0px;
margin: 0px;
font: 13px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
background-color: #FFF;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
margin: 0px;
padding: 0px;
}

img{
border: none;
vertical-align: bottom;
}

a{color:#781f12;text-decoration:none;}
a:hover{color:#5d0000;}
a:active, a:focus{outline:0;}
ol, ul {list-style: none;}

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}



/*ヘッダー*/
header {
background-color: #FFF;	
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
background-image: -webkit-linear-gradient(#FFF 60%, #FFF);
background-image: linear-gradient(#FFF 60%, #FFF);
}

header .inner {
position: relative;
margin: 0px auto;
width: 1100px;
height: 110px;
}

header h1 {
position: absolute;
left: 30px;
top: 10px;
}

header address {
position: absolute;
top: 15px;
right: 30px;
text-align: right;
}

header address .tel {
color: #CB4326;
font-weight: bold;
display: block;
font-size: 21px;
}

/*ナビゲーション*/
nav#menu {
height: 62px;
background-color: #FFF;
border-bottom:3px solid #CB4326;

}
nav#menu ul {
width: 1100px;
margin: 0px auto;
}
nav#menu ul li {
float: left;
width: 136px;
border-right: 1px solid #CCC;
text-align: center;
}
nav#menu ul li a {
display: block;
line-height: 30px;
padding-top: 6px;
color: #666;
font-size: 12px;
letter-spacing: 0.1em;
}
/*
nav#menu ul li:first-child {
border-left: 1px solid #CCC;
border-bottom: 1px solid #CB4326;
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FEF5E7));
background: -webkit-linear-gradient(#FFF, #FEF5E7);
background: linear-gradient(#FFF, #FEF5E7);	
}*/
nav#menu .left-bar {
border-left: 1px solid #CCC;
}
nav#menu ul li a:hover {
border-bottom: 0px solid #CB4326;
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FEF5E7));
background: -webkit-linear-gradient(#FFF, #FEF5E7);
background: linear-gradient(#FFF, #FEF5E7);	
}


/* top-icon */

#top-icon {
position: absolute;
top: 15px;
right: 30px;
}
#top-icon a{
	color: #494949;
	outline: none;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#top-icon a:hover{
	color:#e28414;
	text-decoration: none;
}
#top-icon nav {
	padding:0.875em 0.625em 1.3125em;
}

#top-icon ul,
#top-icon li {
	display:block;
}

	#top-icon ul {
		clear:both;
		float:right;
	}
	#top-icon {
		padding-bottom:0.375em;
	}
	#top-icon li {
		display:inline-block;
		margin-left:1em;
	}
	#top-icon ul {
		clear:both;
		float:right;
	}
	#top-icon {
		padding-bottom:0.375em;
	}
	#top-icon li {
		display:inline-block;
		margin-left:1em;
	}
	#top-icon li {
		margin: 0 0 0 0.75em;
	}
	#top-icon {
		float:right;
		padding-bottom:0;
	}


	#top-icon ul {
		clear:none;
	}
	#top-icon {
		float:left;
		padding-bottom:0;
	}
	#top-icon li {
		margin: 0 1em 0 0;
	}

#top-icon li {
	margin-bottom:0.875em;
}
#top-icon a {
	display:inline-block;
	font-family:'Helvetica W01 Bd Cn', sans-serif;
	color:#666;
	line-height:1em;
	padding:0.25em 0;
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.8125em;
	border-bottom:none;
}

#top-icon a:hover {
	display:inline-block;
	font-family:'Helvetica W01 Bd Cn', sans-serif;
	color:#B60005;
	border-bottom:none;
}
.no-touch #top-icon a:hover {
	color:#fff;
}

	#top-icon a {
		font-size:0.6875em;
		padding:0.25em 0;
	}
#top-icon li#top-facebook a{
background-position: 0px 0px;
background: url(../images/facebook.png) no-repeat;
background-size: contain; 
width:24px;
height:24px;
text-indent:-9999px;
}
#top-icon li#top-facebook a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#top-icon li#top-twitter a{
background-position: 0px 0px;
background: url(../images/twitter.png) no-repeat;
background-size: contain; 
width:24px;
height:24px;
text-indent:-9999px;
margin-left:-15px;
}
#top-icon li#top-twitter a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#top-icon li#top-goo a{
background-position: 0px 0px;
background: url(../images/goo.png) no-repeat;
background-size: contain; 
width:24px;
height:24px;
text-indent:-9999px;
margin-left:-15px;
}
#top-icon li#top-goo a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.top_icon3 {
	margin:-5px; 
	padding:0px;
}

.bottomwrap {
	position:relative;
	display:block;
	margin:0 auto;
}
.bottomwrap {
	max-width:62.125em;
}
.bottomwrap {
	max-width:81.375em;
}


.bottomwrap {
	padding:0 2em;
}

/*----------------------------------------------------
	トップバナー
----------------------------------------------------*/
.bunner {
	display:none;
}
.bunner a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.6;
	opacity: 0.6;
}	

/*マウスオン時と、current(表示中のメニュー)の設定*/
nav#menui ul li a:hover,
nav#menu ul li.current a {
border-left: 0px solid #CCC;
border-bottom: 0px solid #CB4326;
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FEF5E7));
background: -webkit-linear-gradient(#FFF, #FEF5E7);
background: linear-gradient(#FFF, #FEF5E7);	
}


nav#menu ul li a span {
color: #CB4326;
font-size: 8px;
display: block;
font-weight: normal;
line-height: 20px;
padding-bottom: 5px;
}

/*スライドショー*/
#mainimg {
background-color: #fdedda;
background: -webkit-gradient(linear, left top, left bottom, from(#f3d4ab), to(#fdedda));	
background: -webkit-linear-gradient(#f3d4ab, #fdedda);	
background: linear-gradient(#f3d4ab, #fdedda);			
clear: left;
-webkit-box-shadow: 0px 2px 10px #bcbcbc;
box-shadow: 0px 2px 10px #bcbcbc;		
}
#mainimg aside {
width: 1000px;
height: 260px;
margin-right: auto;
margin-left: auto;
position: relative;
}

#mainimg .slide_file {
display: none;
}

#slide_image {
z-Index:2;
position: absolute;
left:0px;
top:0px;
}
#slide_image2 {
z-Index:1;
position: absolute;
left:0px;
top:0px;
}


.inner {
width: 1000px;
position: relative;
margin: 0 auto;
}

.topics-section > .inner {
margin: auto;
padding-top: 60px;
padding-bottom: 75px;
width: 1000px;
}

.clearfix {
margin-bottom:10px;
display: block;
}

/*#main ul.pageNav01 {

	padding: 0px 10px 5px;
	text-align: center;
}

#main ul.pageNav01 li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

#main ul.pageNav01 li span,
#main ul.pageNav01 li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 1px 8px;

	text-decoration: none;
	vertical-align: middle;
}

#main ul.pageNav01 li a:hover {

}
*/

/*本文内容大枠*/
#contents {
clear: left;
width: 1000px;
margin: 0px auto;
padding-top: 25px;
}

/*中央枠内*/
#main {
width: 722px;
float: right;
padding-bottom: 25px;
}

#main h2 {
clear: both;
background-color: #FFF;
background: url(../images/arrow.png) no-repeat left center, -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e6e6e6));
background: url(../images/arrow.png) no-repeat left center, -webkit-linear-gradient(#FFF, #e6e6e6);	
background: url(../images/arrow.png) no-repeat left center, linear-gradient(#FFF, #e6e6e6);		
-webkit-box-shadow: 1px 2px 6px #999;
box-shadow: 1px 2px 6px #999;	
font-size: 100%;
color: #CB4326;	
padding: 5px 15px 5px 30px;	
border-top: 1px solid #d4d4d4;	
border-right: 1px solid #d4d4d4;
border-bottom: 4px solid #CB4326;
border-left: 1px solid #d4d4d4;	
border-radius: 5px 5px 0px 0px;	
}

#main h3 {
clear: both;
background-color: #FFF;
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e6e6e6));	
background: -webkit-linear-gradient(#FFF, #e6e6e6);
background: linear-gradient(#FFF, #e6e6e6);			
font-size: 100%;
color: #CB4326;	
padding: 4px 14px;	
border: 1px solid #d4d4d4;	
border-radius: 5px;
margin:20px 0 0 0;
}

#main p {
padding: 10px 10px 15px 10px;
}
#main .text {
float:left;
width:40%;
}


/*Google map の設定*/
.embed-container { 
position: relative; 
padding-bottom:40%; 
height: 400px; 
overflow: hidden; 
max-width: 100%; 
width:700px;
position: relative;
margin: 0 auto;
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
position: absolute; 
top: 0; 
left: 0; 
width:100%; 
height: 100%; 
}




/* コロコロチェア＆デスク左FAQ */
#accordion03 h5{ 
padding:15px 0px 0px 50px; 
font-size: 15px;
line-height:200%;
background:url(../images/faq-q.gif) no-repeat;
margin:10px 0 0 0;
text-decoration: underline;
}
#accordion03 h5 a{
color:#999; 
text-decoration:none;
height:100px;
}
#accordion03 {
float:left;
margin:0 0; 
line-height:150%;
}
#accordion03 p {
padding: 10px 5px 5px 60px; 
margin:0;
line-height:200%;
text-decoration:none;
background:url(../images/faq-a.gif) no-repeat;
}





.space{
padding: 5px 0px 0px 0px; 
margin:0;
}


#back_side02{
	text-align:left;
	font-size: 100%;
	}
	
	
	
/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
	float: left;	/*左側に回り込み*/
	width: 240px;	/*サブコンテンツ幅*/
	padding-bottom: 30px;
}
/*subコンテンツ内のh2タグ設定*/
#sub h2 {
	font-size: 100%;
	text-align: center;	/*文字をセンタリング*/
	background-color: #666;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#999), to(#666));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#999, #666);	/*同上*/
	background-image: linear-gradient(#999, #666);			/*同上*/
	padding: 3px 0px;	/*上下、左右への余白*/
	color: #FFF;		/*文字色*/
	border-radius: 6px 6px 0px 0px;	/*角丸のサイズ。それぞれ左上、右上、右下、左下への設定*/
}
/*box1の中にあるh2タグの設定*/
#sub .box1 h2 {
	border-radius: 0;	/*角丸をなくす設定*/
}
/*subコンテンツ内のbox1設定*/
#sub .box1 {
	background-color: #eee;		/*背景色*/
	border: 1px solid #cfcfcf;	/*枠線の幅、線種、色*/
	padding: 7px;				/*ボックス内の余白*/
	margin-bottom: 15px;		/*ボックスの下にあけるスペース*/
}
/*見出しにbox1やメニューが繋がった場合に枠線が重複しない為の設定*/
#sub h2 + ul,
#sub h2 + .box1 {
	border-top: none;
}
/*box1の中にメニューが入った場合に下に余分な余白が出るのをなくす設定*/
#sub .box1 > ul {
	margin-bottom: 0;
}

/*subコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニューブロック全体の設定*/
#sub ul {
	border-top: 1px solid #cfcfcf;		/*上側の線の幅、線種、色*/
	border-right: 1px solid #cfcfcf;	/*右側の線の幅、線種、色*/
	border-left: 1px solid #cfcfcf;		/*左側の線の幅、線種、色*/
	margin-bottom: 15px;	/*メニューブロックの下にあけるスペース*/
}
/*メニュー１個ごとの設定*/
#sub ul li a {
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #cfcfcf;	/*下側の線の幅、線種、色*/
	padding-left: 10px;
	background: #FFF;	/*背景色*/
}
#sub ul li a:hover {
	background-color: #fff8c7;	/*マウスオン時のボックス色*/
}

/*サブコンテンツ　物件ボックス
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
#sub section.box2 {
	font-size: 11px;	/*文字サイズ*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#FFF, #e3e3e3);									/*同上*/
	background-image: linear-gradient(#FFF, #e3e3e3);											/*同上*/
	border-bottom: 1px solid #999;	/*下の線の幅、線種、色*/
	border-right: 1px solid #999;	/*右の線の幅、線種、色*/
	border-left: 1px solid #999;	/*左の線の幅、線種、色*/
	line-height: 1.6;	/*行間*/
	position: relative;
	overflow: hidden;
}
#sub section.box2 a {
	padding: 5px;	/*ボックス内の余白*/
	text-decoration: none;
	display: block;
	overflow: hidden;
}
#sub section.box2 a:hover {
	background-color: #fff8c7;	/*マウスオン時のボックス色*/
}
/*h4見出しタグ*/
#sub section.box2 h4 {
	color: #CB4326;		/*文字色*/
	margin-left: 70px;	/*左の画像とバランスをとって設定する*/
	font-size: 100%;
}
/*p段落タグ*/
#sub section.box2 p {
	margin-left: 70px;	/*左の画像とバランスをとって設定する*/
}
/*サムネイル画像設定*/
#sub section.box2 figure {
	float: left;	/*左に回り込みさせる設定*/
}
/*サムネイル画像のフチ*/
#sub section.box2 figure img {
	border: 1px solid #999;	/*枠線の幅、線種、色*/
	vertical-align: bottom;
}

/*フッター*/
ul#footerlink {
	clear: both;
	margin: 0px auto;
	text-align: center;
	font-size: 12px;
}
ul#footerlink li {
	display: inline;
	padding: 0px 5px;
}



.fullwrap {
	position:relative;
	display:block;
	margin:0 auto;
}

ul#site-footer {
	clear: both;
	margin: 0px auto;
	text-align: center;
	font-size: 12px;
}
ul#site-footer li {
	display: inline;
	padding: 0px 5px;
}
#site-footer li#facebook a{
background-position: 0px 0px;
background: url(../images/facebook.png) no-repeat;
background-size: contain; 
width:24px;
height:24px;
text-indent:-9999px;
}
#site-footer li#facebook a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#site-footer li#twitter a{
background-position: 0px 0px;
background: url(../images/twitter.png) no-repeat;
background-size: contain; 
width:24px;
height:24px;
text-indent:-9999px;
margin-left:-15px;
}
#site-footer li#twitter a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#site-footer li#goo a{
background-position: 0px 0px;
background: url(../images/goo.png) no-repeat;
background-size: contain; 
width:24px;
height:24px;
text-indent:-9999px;
margin-left:-15px;
}
#site-footer li#goo a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.6;
	opacity: 0.6;
}




/*	通信販売の法規  */
section table	{ width: 100%; }
section th, section td, section tr	{ padding: 10px; border: 1px solid #ddd; }
section th	{ background: #f4f4f4; }

.stuushin th	{ width: 30%; text-align: left; }

table {
  font-size: inherit;
  font: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin:20px 0 50px 0 ;
}

/*フッター設定(copyrightなどが入った最下部ブロック)
---------------------------------------------------------------------------*/
footer {
	clear: both;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FFF;	/*文字色*/
	background: #CB4326;	/*背景色*/
}
footer .pr {
	display: block;
	font-size: 80%;
}
footer a {
	text-decoration: none;
	color: #FFF;
}
footer a:hover {
	color: #FFF;
}



/*カートの設定*/
#main section.cart {
border: 1px solid #CCC;
border-radius: 10px;
margin-bottom: 12px;
background-color:#FFF;
-webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset;
position: relative;
overflow: hidden;
}
#main section.cart a {
padding: 10px;
text-decoration: none;
display: block;
overflow: hidden;
}
#main section.cart a:hover {
border-radius: 10px;
background-color:#F9FED8;
}

#main section.cart p {
padding: 0px 10px 0px 0px;
margin-left: 215px;
}
#main section.cart figure img {
float: left;
border: 1px solid #CCC;	
margin-right: 10px;
}

#main section.cart h4 {
padding: 2px 0px 2px 10px;
font-size: 100%;
border-bottom: 1px solid #CCC;
border-left: 3px solid #CB4326;
margin-bottom: 0.5em;
color: #CB4326;	
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl{
	overflow: auto;	/*高さ指定を超えるとiframe風にスクロールが出る設定。全部表示させたいならこの行と下のheightの行を削除。*/
	height: 150px;	/*ブロックの高さ*/
	padding-left: 10px;
}
/*日付設定*/
#new dt {
	font-weight: bold;	/*太字にする設定。標準がいいならこの行削除。*/
	float: left;
	width: 8em;
}
/*記事設定*/
#new dd {
	border-bottom: 1px solid #d2d2d2;	/*下線の幅、線種、色*/
	padding-left: 8em;
}
#new dd img {
	vertical-align: middle;
}

/*テーブル１
---------------------------------------------------------------------------*/
.ta1 {
	width: 100%;
}
.ta1, .ta1 td, .ta1 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta1 td{
	padding: 10px;
}
/*テーブル内の左側の見出し部分*/
.ta1 th{
	width: 140px;
	padding: 10px;
	text-align: center;
	background-color: #f1f1f1;	/*背景色*/
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi{
	width: auto;
	text-align: left;
	background-color: #bebebe;	/*背景色*/
}
/*テーブルのキャプション設定*/
.ta1 caption{
	padding: 10px;
	border-top: 1px solid #CCC;		/*上側の線の幅、線種、色*/
	border-right: 1px solid #CCC;	/*右側の線の幅、線種、色*/
	border-left: 1px solid #CCC;	/*左側の線の幅、線種、色*/
	text-align: left;
	background-color: #e9ddae;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#efe6c5, #e9ddae);	/*同上*/
	background-image: linear-gradient(#efe6c5, #e9ddae);			/*同上*/
	font-weight: bold;	/*文字を太字にする設定*/
}

/*こだわりアイコンのフロート指定(CMS用)*/
.ta1 td .specialbox {
	float: left;
	width: 95px;
	height: 40px;
}
.ta1 td .specialbox img {
	vertical-align: middle;
}

/*PAGE TOP*/
#pagetop {
clear: both;
-webkit-border-top-left-radius: 5px;  
-webkit-border-top-right-radius: 5px;   
-moz-border-radius-topleft: 5px;  
-moz-border-radius-topright: 5px;   
}
#pagetop a {
color: #FFF;
font-size: 10px;
background-color: #CB4326;
text-decoration: none;
text-align: center;
width: 10em;
display: block;
float: right;
-webkit-border-top-left-radius: 5px;  
-webkit-border-top-right-radius: 5px;   
-moz-border-radius-topleft: 5px;  
-moz-border-radius-topright: 5px;   
}
/*マウスオン時*/
#pagetop a:hover {
	background-color: #CCC;
	color: #FFF;
}

/*「おすすめ」表示
---------------------------------------------------------------------------*/
.osusume {
	font-size: 10px;	/*文字サイズ*/
	color: #FFF;		/*文字色*/
	background: #F00;	/*背景色*/
	text-align: center;
	display: block;
	width: 120px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	-webkit-transform: rotate(-45deg) translate(37px,20px);
	-ms-transform: rotate(-45deg) translate(37px,20px);
	transform: rotate(-45deg) translate(37px,20px);
}
h2 span.osusume {
	position: static;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	display: inline-block;
}

/*「ご契約済」表示
---------------------------------------------------------------------------*/
.sumi {
	font-size: 10px;	/*文字サイズ*/
	color: #FFF;		/*文字色*/
	background: #069;	/*背景色*/
	text-align: center;
	display: block;
	width: 120px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	-webkit-transform: rotate(-45deg) translate(37px,20px);
	-ms-transform: rotate(-45deg) translate(37px,20px);
	transform: rotate(-45deg) translate(37px,20px);
}
h2 span.sumi {
	position: static;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	display: inline-block;
}

/*その他
---------------------------------------------------------------------------*/
.look {
	background: #dcdcdc;
}
.mb15,
.mb1em {
	margin-bottom: 15px;
}
.clear {
	clear: both;
}
ul.disc {
	padding: 0em 25px 15px;
	list-style: disc;
}
.color1 {
	color: #f61468;
}
.pr {
	font-size: 10px;
}
.btn {
	font-size: 13px;
}
.wl {
	width: 96%;
}
.ws {
	width: 50%;
}
.c {
	text-align: center;
}
.mini1 {
	font-size: 12px;
	line-height: 1.5;
}
figcaption {
	font-size: 11px;
}
img {
	max-width: 100%;
	height: auto;
}
#menubar_hdr {
	display: none;
}
img.wa {
	float:left;
	margin:10px 0px;
}

/*----------------------------------------------------
	サンクスメール
----------------------------------------------------*/
.thanks {
	padding:50px 0 200px 0;
	color:#666;
}

.thanks h3 {
	padding:20px 0 20px 0;
	color:#B60005;
	font-size:16px;
}
/*----------------------------------------------------
	youtube
----------------------------------------------------*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*----------------------------------------------------
	user movie
----------------------------------------------------*/
.movie {
  width: 100%;
}

/*----------------------------------------------------
	利用規約
----------------------------------------------------*/

		::selection      { color: #fff; background: #55d5ac;}
		::-moz-selection { color: #fff; background: #55d5ac;}




		#sample01 div {
			width: 400px;
			text-align: center;
		}
		#sample01 p:first-child {
			margin-bottom: 20px;
		}
		#sample01 p a { text-decoration: underline;}
		#sample01 p a:hover { text-decoration: none;}

		input[type="text"] {
			float: left;
			width: 400px;
			height: 10px;
			padding: 4px;
			border: 1px solid #ccc;
			-webkit-appearance: none;
			border-radius: 0;
		}
		input[type="submit"] {
			width: 200px;
			height: 50px;
			background-color: #666;
			border: none;
			color: #fff;
			-webkit-transition: background-color .2s;
			transition: background-color .2s;
			cursor: pointer;
			-webkit-appearance: none;
			border-radius: 0;
		}
		input[type="submit"]:hover {
			background-color: #59b1eb;
		}
		input[type="submit"][disabled] {
			background-color: #ccc;
			cursor: default;
		}
		*.logbox
      {
         border: solid 1px #808080;
         width: 600px;
         height: 400px;
         padding: 0.5em;
         overflow: auto;
		 margin:auto;
      }
	  		*.logbox02
      {
         border:
		 margin:auto;
		 padding:50px;
      }
	  
/* 電話ボタン（スマホ対応） */
.button-display {
	display:none;
}