@charset "UTF-8";

/*-------------------------------------------------------------------*/
/*モバイルコンテンツの非表示*/
/*-------------------------------------------------------------------*/
/*PCのみの非表示*/
@media (min-width: 481px) {
	div.mobile-responsive {
		display: none;
	}
}

.head-banner{
	display:block; /*インラインからブロック要素へ変更*/
	width:960px; /*横幅*/
	height:330px; /*高さ*/
	background-image: url("../images/head-toy-model-railroad.jpg");
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
}

.head-responsive-banner{
	background-position: center;
	display:block; /*インラインからブロック要素へ変更*/
	background-size: 640px 300px;
	background-repeat: no-repeat;
	background-image: url(../images/head-responsive-toy-model-railroad-osaka.jpg);
	height: 300px;
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
}


/*-------------------------------------------------------------------*/
/*スペーサー*/
/*-------------------------------------------------------------------*/
.spacer-pd-all-10{
	padding:10px;
}
.spacer-pd-all-20{
	padding:20px;
}
.spacer-pd-all-5{
	padding:5px;
}

.spacer-pd-ud-10{
	padding-top:10px;
	padding-bottom:10px;
}

.spacer-pd-ud-20{
	padding-top:20px;
	padding-bottom:20px;
}

.spacer-pd-ud-30{
	padding-top:30px;
	padding-bottom:30px;
}

.spacer-pd-ud-40{
	padding-top:40px;
	padding-bottom:40px;
}

.spacer-pd-lr-20{
	padding-left:20px;
	padding-right:20px;
}

.spacer-pd-d-40{
	padding-bottom:40px;
}

/*-------------------------------------------------------------------*/
/*コンテンツの中央配置*/
/*-------------------------------------------------------------------*/
div.center-contents {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

/*-------------------------------------------------------------------*/
/*ヘッダーライン*/
/*-------------------------------------------------------------------*/


div.headerline {
	background-color: #f47139;
	display:block;
	width:100%;
	min-width: 960px;
}

div.headerline-contents {
	width:960px;
	height:20px;
	margin-left:auto;
	margin-right:auto;

}

div.headerline-contents h1{
	font-size:12px;
	padding:4px;
	color: #fff;
}

/*-------------------------------------------------------------------*/
/*ヘッダー*/
/*-------------------------------------------------------------------*/
div.header {
	display:block;
	width:100%;
	min-width: 960px;
	background-color: #003300;
}

div.header-contents {
	width:960px;
	height:120px;
	margin-left:auto;
	margin-right:auto;
	
}

/*-------------------------------------------------------------------*/
/*ヘッダーレイアウト*/
/*-------------------------------------------------------------------*/
div.headimage {
	float:left;
}
div.freedial {
	float:left;
}
div.headsns {
	float:left;
}
div.headinquiry {
	float:left;
}
/*ヘッダのフロート解除*/
.headercontents::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*-------------------------------------------------------------------*/
/*ヘッダイメージ*/
/*-------------------------------------------------------------------*/
/*ヘッダイメージ*/
div.headimage a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:120px; /*高さ*/
	background-image: url("../images/osaka-mr.png");
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
}


/*-------------------------------------------------------------------*/
/*共通*/
/*-------------------------------------------------------------------*/
/*ヘッダフリーダイヤル*/
div.freedial a{
	display:block; /*インラインからブロック要素へ変更*/
	width:284px; /*横幅*/
	height:120px; /*高さ*/
	background-image: url("../images/freedial.png");
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
}

/*ヘッダフェイスブック*/
div.facebook a{
	display:block; /*インラインからブロック要素へ変更*/
	width:228px; /*横幅*/
	height:60px; /*高さ*/
	background-image: url("../images/headfacebook.png");
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
}
/*ヘッダツイッター*/
div.twitter a{
	display:block; /*インラインからブロック要素へ変更*/
	width:228px; /*横幅*/
	height:60px; /*高さ*/
	background-image: url("../images/headtwitter.png");
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
}

/*ヘッダお問い合わせ*/
div.headinquiry a{
	display:block; /*インラインからブロック要素へ変更*/
	width:248px; /*横幅*/
	height:120px; /*高さ*/
	background-image: url("../images/headinquiry.png");
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
}

/*-------------------------------------------------------------------*/
/*メニュー*/
/*-------------------------------------------------------------------*/
div.main-menu {
	background-color: #474654;
	display:block;
	width:100%;
	min-width: 960px;
}

div.main-menu-contents{
	width:960px;
	height:40px;
	margin-left:auto;
	margin-right:auto;

}

div.main-menu-contents li{
	width : calc(25% - 4px);
	float:left;
}

div.main-menu-contents li a{
	display:block;
	text-decoration:none;
	color:#fff;
	font-size:20px;
	margin-top:10px;
	margin-bottom:10px;
	text-align: center;
}


/*-------------------------------------------------------------------*/
/*メイン*/
/*-------------------------------------------------------------------*/

div.main {

}

div.main-contents {
	margin-left:auto;
	margin-right:auto;
}

/*-------------------------------------------------------------------*/
/*３ボタンブロック*/
/*-------------------------------------------------------------------*/
div.three-btn-block{
	margin-left:auto;
	margin-right:auto;
	width:700px;
}

ul.center {
	text-align: center; /* 中央寄せ */
}

ul.center li {
  list-style-type: none; /* リストのマーカーを消去 */
  display: inline-block; /* 横並びに */
  margin: 0px;
}

/*３ボタンブロック(共有)*/
div.three-btn li.th1 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:230px; /*横幅*/
	height:100px; /*高さ*/
	background-image:url(../images/select-buy-type1.png); /*画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
}

div.three-btn li.th2 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:230px; /*横幅*/
	height:100px; /*高さ*/
	background-image:url(../images/select-buy-type2.png); /*画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
}

div.three-btn li.th3 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:230px; /*横幅*/
	height:100px; /*高さ*/
	background-image:url(../images/select-buy-type3.png); /*画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
}

/*-------------------------------------------------------------------*/
/*フッター*/
/*-------------------------------------------------------------------*/

div.footer {
	background-color: #003300;
	display:block;
	width:100%;
	min-width: 960px;
}

div.footer-contents {
	width:960px;
	padding-top: 20px;
	margin-left:auto;
	margin-right:auto;
}

div.footer-contents-u {
	width:960px;
	height:150px;
	margin-left:auto;
	margin-right:auto;
}

/*-------------------------------------------------------------------*/
/*フッター右*/
/*-------------------------------------------------------------------*/

div.footer-contents-ur {
	width:50%;
	height:100px;
	float:left;
}

.footer-contents-ur-contents {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 40px;
}

.footer-contents-ur li{
	padding-top: 5px;
	font-size:14px;
	color: #fff;

}

.footer-contents-ur li a{
	padding-top: 5px;
	font-size:14px;
	color: #fff;
	text-decoration:none;

}

.footer-contents-ur li a:hover{
	text-decoration:underline;
}

/*公安番号*/
.kouan-nm{
	margin-top: 5px;
	width:300px; /*横幅*/
	height:14px; /*高さ*/
	background-image: url("../images/kouan-nm.png");
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
}

/*京都店舗情報*/
.kyoto-store{
	margin-top: 2px;
	margin-bottom: 2px;
	width:300px; /*横幅*/
	height:16px; /*高さ*/
	background-image: url("../images/kyoto-store.png");
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
}

/*-------------------------------------------------------------------*/
/*フッター左*/
/*-------------------------------------------------------------------*/

div.footer-contents-ul {
	width:50%;
	height:100px;
	float:left;
}

.footer-contents-ul-contents{
	margin-left:auto;
	margin-right:auto;
}

.footer-contents-ul-center{
	width:318px;
	margin-left:auto;
	margin-right:auto;
}

div.footer-freedial a{
	display:block; /*インラインからブロック要素へ変更*/
	width:318px; /*横幅*/
	height:55px; /*高さ*/
	text-align:center; /*テキストの位置*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/footer-dial.png); /*画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}


/*フッターのフロート解除*/
div.footer-contents-u::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.footer-contents-d {
	width:960px;
	height:34px;
	margin-left:auto;
	margin-right:auto;
	background-color: #003300;
}

p.footer-copyrights {
	text-align: center;
	padding: 10px;
	color: #fff;

}


/*-------------------------------------------------------------------*/
/*フレームリスト*/
/*-------------------------------------------------------------------*/
.frame-list{
	margin-left:auto;
	margin-right:auto;
	width:880px;
	padding: 20px;
	border: 1px solid #aaa;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
}

.frame-list h2{
	text-align:center;
	font-size:18px;
	font-weight:600;
	color:#333;
	padding-top:10px;
	padding-bottom:20px;
	border-bottom: 1px solid #aaa;
	margin-bottom:20px;
}

div.frame-border-line{
	border-bottom: 1px solid #aaa;

}

div.frame-border-line-c{
	border-bottom: 1px solid #aaa;
	padding-bottom:20px;

}

/*-------------------------------------------------------------------*/
/*フレームリストB-EX*/
/*-------------------------------------------------------------------*/

.link-list-area-b-ex{
	padding:20px;
}

.link-list-area-b-ex h3{
	padding-top:10px;
	font-size:18px;
	font-weight:600;
	color:#333;
	margin-bottom:20px;
}

.link-list-area-b-ex h3 a{
	font-size:18px;
	color:#333;
	margin-bottom:20px;
	text-decoration:none;
}

.link-list-area-b-ex h3 a:hover{
	color: #fdac56;
}

.link-list-area-b-ex p{
	font-size:14px;
	line-height: 1.4446;
	color:#333;
	padding-bottom:10px;
}

.link-list-area-b-ex{
	width:880px;
	margin-left:auto;
	margin-right:auto;

}

.link-list-area-b-ex li{
	/*display:list-item;*/
	/*list-style-type: disc;*/
	background:#fff;
	width:25%;
	font-size:12px;
	line-height: 1.4446;
	color:#333;
	float:left;
	word-wrap: break-word;
	padding-bottom:10px;
}

.link-list-area-b-ex li a{
	color:#333;
	text-decoration:none;
}

.link-list-area-b-ex a:hover{
	color: #fdac56;
	text-decoration:underline;
}

.link-list-area-b-ex::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*-------------------------------------------------------------------*/
/*スライドイメージ*/
/*-------------------------------------------------------------------*/



div.slide-image-title h2 {
	width: 928px;
	padding: 16px;
	font-weight: bold;
	font-size: 14pt;	
}


/*-------------------------------------------------------------------*/
/*タイトル(緑タイトル明朝)*/
/*-------------------------------------------------------------------*/
div.link-category-title-green-m h2 {
	margin-left:auto;
	margin-right:auto;
	width: 900px;
	display: block;
	color: #fff;
	font-size:18px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:600;
	padding: 10px 20px;
	background-color: #003300;
}

/*-------------------------------------------------------------------*/
/*タイトル(青タイトル明朝)*/
/*-------------------------------------------------------------------*/
div.link-category-title-blue h2 {
	margin-left:auto;
	margin-right:auto;
	width: 900px;
	display: block;
	color: #fff;
	font-size:18px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:600;
	padding: 10px 20px;
	background-color: #214b76;
}

/*-------------------------------------------------------------------*/
/*ピックアップテキスト*/
/*-------------------------------------------------------------------*/
.pickup-txt p{
	font-size:14px;
	line-height: 1.4446;
	color:#333;
	padding:10px;
}

.pickup-txt a{
	font-size:14px;
	line-height: 1.4446;
	color:#aa3144;
	text-decoration:none;
	padding-bottom:10px;
}

.pickup-txt a:hover{
	color:#aa3144;
	text-decoration:underline;
}



/*-------------------------------------------------------------------*/
/*メニューリスト レイアウト　メーカー*/
/*-------------------------------------------------------------------*/

.menu-layout-maker{
	width:880px;
	margin-left:auto;
	margin-right:auto;
}

.menu-layout-maker li{
	float: left;
	padding:10px;
}

.menu-layout-maker::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*-------------------------------------------------------------------*/
/*メニューリスト画像*/
/*-------------------------------------------------------------------*/
div.menu-layout-maker li.im001 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/osaka-mr-icn01.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}

div.menu-layout-maker li.im002 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/osaka-mr-icn02.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}

div.menu-layout-maker li.im003 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/osaka-mr-icn03.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}

div.menu-layout-maker li.im004 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/osaka-mr-icn04.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}

div.menu-layout-maker li.im005 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/osaka-mr-icn05.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}

div.menu-layout-maker li.im006 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/osaka-mr-icn06.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}

div.menu-layout-maker li.im007 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/osaka-mr-icn07.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}

div.menu-layout-maker li.im008 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/osaka-mr-icn08.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}

div.menu-layout-maker li.im009 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/osaka-mr-icn60.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}

/*-------------------------------------------------------------------*/
/*メニューリスト レイアウト　規格*/
/*-------------------------------------------------------------------*/

.menu-layout-standard{
	width:880px;
	margin-left:auto;
	margin-right:auto;
}

.menu-layout-standard li{
	float: left;
	padding:10px;
}

.menu-layout-standard::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*-------------------------------------------------------------------*/
/*メニューリスト画像規格*/
/*-------------------------------------------------------------------*/
div.menu-layout-standard li.im001 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/menu-item-gauge01.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}

div.menu-layout-standard li.im002 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/menu-item-gauge02.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}

div.menu-layout-standard li.im003 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/menu-item-gauge03.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}

div.menu-layout-standard li.im004 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/menu-item-gauge04.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}

div.menu-layout-standard li.im005 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/menu-item-gauge20.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}



/*-------------------------------------------------------------------*/
/*メニューリスト レイアウト　関連商品*/
/*-------------------------------------------------------------------*/

.menu-layout-relation{
	width:880px;
	margin-left:auto;
	margin-right:auto;
}

.menu-layout-relation li{
	float: left;
	padding:10px;
}

.menu-layout-relation::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*-------------------------------------------------------------------*/
/*メニューリスト画像関連商品*/
/*-------------------------------------------------------------------*/
div.menu-layout-relation li.im001 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/osaka-mr-icn-relation01.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}
div.menu-layout-relation li.im002 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/osaka-mr-icn-relation02.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}
div.menu-layout-relation li.im003 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/osaka-mr-icn-relation03.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}

div.menu-layout-relation li.im004 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/osaka-mr-icn-relation04.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}

div.menu-layout-relation li.im005 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/osaka-mr-icn-relation05.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}

div.menu-layout-relation li.im006 a{
	display:block; /*インラインからブロック要素へ変更*/
	width:200px; /*横幅*/
	height:80px; /*高さ*/
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
	background-image:url(../images/osaka-mr-icn-relation58.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
	margin-bottom: 5px;
}


/*-------------------------------------------------------------------*/
/*商品について*/
/*-------------------------------------------------------------------*/
div.itme-info-layout {
	width: 960px;
}


div.itme-info-layout p{
	padding:10px;
	font-size:14px;
	line-height:1.4446;
}

div.itme-info-layout a{

	text-decoration:none;
	color:#2990d7;
}

div.itme-info-layout a:hover{
	text-decoration:underline;

}

/*-------------------------------------------------------------------*/
/*文章回り込み*/
/*-------------------------------------------------------------------*/
.clear {
	clear: both;
}

.float-l{
	float: left;
	margin-right: 1em;
}

.float-r{
	float: right;
	margin-right: 1em;
}

.floatclear{
         clear: both;
}

/*-------------------------------------------------------------------*/
/*タイトルバナー画像*/
/*-------------------------------------------------------------------*/
.title01{
	width:960px;
	height:150px;
	background-image: url(../images/tittle01.png);
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
}

.title02{
	width:960px;
	height:150px;
	background-image: url(../images/tittle02.png);
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
}

.title03{
	width:960px;
	height:150px;
	background-image: url(../images/tittle03.png);
	overflow: hidden;/*テキスト非表示*/
	text-indent: 100%;/*テキスト非表示*/
	white-space: nowrap;/*テキスト非表示*/
}

/*-------------------------------------------------------------------*/
/*リード画像*/
/*-------------------------------------------------------------------*/

div.lead-img-osaka-mr00{
	width: 960px;/*メインフォトの画像の横サイズ*/ 
	height:500px;
	background-image:url(../images/lead-img-osaka-mr00.jpg); /*メニュー画像*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/

}
div.lead-osaka-mr-head00{
	display:block; /*インラインからブロック要素へ変更*/
	position: relative;
	top: 90px;
	left: 20px;
	width:400px; /*横幅*/
	height:28px; /*高さ*/
	font-size:20px;
	line-height: 1.4446;
	color:#f26c25;
	padding-bottom:10px;
	border-bottom: 1px solid #333;
}

div.lead-img-osaka-mr00 p{
	display:block; /*インラインからブロック要素へ変更*/
	position: relative;
	top: 100px;
	left: 20px;
	width:400px; /*横幅*/
	height:200px; /*高さ*/
	font-size:14px;
	line-height: 1.4446;
	color:#333;
}

/*-------------------------------------------------------------------*/
/*左寄せ画像*/
/*-------------------------------------------------------------------*/

.maker-img{
	margin-top:15px;
	padding: 10px;
	width:248px; /*横幅*/
	border: 1px solid #aaa;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
}

.maker-img p{
	padding:10px;
	font-size:14px;
	line-height:20px;
}

.maker-img-banner01{
	padding-bottom:10px;
	width:248px; /*横幅*/
	height:230px; /*高さ*/
	background-image:url(../images/maker-img-banner01.jpg);
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/	
}

.maker-img-banner02{
	padding-bottom:10px;
	width:248px; /*横幅*/
	height:230px; /*高さ*/
	background-image:url(../images/maker-img-banner02.jpg);
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/	
}

.maker-img-banner03{
	padding-bottom:10px;
	width:248px; /*横幅*/
	height:230px; /*高さ*/
	background-image:url(../images/maker-img-banner03.jpg);
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/	
}

.maker-img-banner04{
	padding-bottom:10px;
	width:248px; /*横幅*/
	height:230px; /*高さ*/
	background-image:url(../images/maker-img-banner04.jpg);
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/	
}

.maker-img-banner05{
	padding-bottom:10px;
	width:248px; /*横幅*/
	height:230px; /*高さ*/
	background-image:url(../images/maker-img-banner05.jpg);
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/	
}

.maker-img-banner06{
	padding-bottom:10px;
	width:248px; /*横幅*/
	height:230px; /*高さ*/
	background-image:url(../images/maker-img-banner06.jpg);
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/	
}

/*-------------------------------------------------------------------*/
/*パンくずリスト*/
/*-------------------------------------------------------------------*/

.breadcrumbs-layout{
	padding:10px;
}


#breadcrumbs{
  overflow: hidden;
  width: 100%;
}
 
#breadcrumbs li{
  float: left;
  margin: 1.5em .5em 0 1em;
}
 
#breadcrumbs a{
  background: #ddd;
  padding: .7em 1em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  position: relative;
}
 
#breadcrumbs a:hover{
  background: #fedbdb;
}
 
#breadcrumbs a::before,
#breadcrumbs a::after{
  content:'';
  position:absolute;
  top: 0;
  bottom: 0;
  width: 1em;
  background: #ddd;
  transform: skew(-10deg);
}
 
#breadcrumbs a::before{
  left: -.5em;
  border-radius: 5px 0 0 5px;
}
 
#breadcrumbs a:hover::before{
  background: #fedbdb;
}
 
#breadcrumbs a::after{
  right: -.5em;
  border-radius: 0 5px 5px 0;
}
 
#breadcrumbs a:hover::after{
  background: #fedbdb;
}
 
#breadcrumbs .current,
#breadcrumbs .current:hover{
  font-weight: 600;
  background: none;
}
 
#breadcrumbs .current::after,
#breadcrumbs .current::before{
  content: normal;
}


/*-------------------------------------------------------------------*/
/*地域情報*/
/*-------------------------------------------------------------------*/

.area-infomaion{
	margin-left:auto;
	margin-right:auto;
	width:880px;
	padding: 20px;
	border: 1px solid #aaa;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
}

.area-infomaion h3{
	font-size:24px;
	line-height:1.4446;
	color:#333;


border-bottom: 1px solid #aaa;
margin-bottom: 20px;
	
	
	padding-top:10px;
	padding-bottom:10px;
}

.area-infomaion h4{
	margin-top:10px;
	font-size:18px;
	line-height:1.4446;
	color:#333;
	font-weight:600;
	padding:10px;
	border-bottom: 1px solid #aaa;
}

.area-infomaion p{
	font-size:14px;
	line-height:1.4446;
	color:#333;
}

.info-contents{
	padding:10px;
}

.area-infomaion address{
	padding:10px;
}

div.section{
	padding:10px;
}

.area-infomaion h5{
	color:#333;
	font-size:14px;
	font-weight:600;
	padding-bottom:10px;
}

/*-------------------------------------------------------------------*/
/*フレームコンテンツ　タイトルセットリスト*/
/*-------------------------------------------------------------------*/
.frame-title-set-contents{
	margin-left:auto;
	margin-right:auto;
	width:880px;
	padding: 20px;
	border: 1px solid #aaa;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.frame-title-set-contents h3{
	font-size:24px;
	color:#333;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #aaa;
	margin-bottom:20px;
}


.frame-title-set-contents li{
	width:50%;
	font-size:14px;
	line-height: 1.4446;
	color:#333;
	float:left;
	word-wrap: break-word;
	padding-bottom:10px;
}

.frame-title-set-contents li a{
	color:#333;
	font-weight:600;
	text-decoration:none;
}

.frame-title-set-contents li a:hover{
	text-decoration:underline;
}


.frame-title-set-contents::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.frame-title-set-contents p {
	font-size:14px;
	line-height: 1.4446;
	color:#333;
	margin-bottom:12px;
}

/*-------------------------------------------------------------------*/
/*買取事例*/
/*-------------------------------------------------------------------*/
div.purchase-performance-layout{
	width: 100%;
	text-align: center; 
	background:#eeeeee;
}

div.purchase-performance{
	width: 960px;
	background:#eeeeee;
}


.head-line{
	font-weight: 600;
	font-size:24px;
	line-height: 1.4446;
	text-align: center;
	color: #333;
	font-style: normal;
	margin-bottom: 14px;
}

div.pp-head-spacer{
	padding-top:20px;
}

div.pp{
	display:block;
	margin:8px;
	float:left;
}


/*1行のフロート解除*/
div.purchase-line::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*買取方法(店頭)*/
div.p-type01{
	display:block;
	width:222px;
	height:140px;
	background:#f8f8f8;
}

/*買取方法(出張)*/
div.p-type02{
	display:block;
	width:222px;
	height:140px;
	background:#f8f8f8;
}

/*買取方法(宅配)*/
div.p-type03{
	display:block;
	width:222px;
	height:140px;
	background:#f8f8f8;
}

/*買取方法(店頭)　タイトル*/
div.p-type01 h3{
	display:block;
	width:202px;
	height:18px;
	background:#a7dc7e;
	padding:10px;
	text-align:center;
	font-size:16px;
	color:#fff;
	font-weight:600;
}

/*買取方法(出張)　タイトル*/
div.p-type02 h3{
	display:block;
	width:202px;
	height:18px;
	background:#7bcfde;
	padding:10px;
	text-align:center;
	font-size:16px;
	color:#fff;
	font-weight:600;
}

/*買取方法(宅配)　タイトル*/
div.p-type03 h3{
	display:block;
	width:202px;
	height:18px;
	background:#fd9698;
	padding:10px;
	text-align:center;
	font-size:16px;
	color:#fff;
	font-weight:600;
}

/*買取方法　文章*/
div.pp p{
	text-align:left;
	padding:10px;
	color:#333;
	font-size:12px;
	line-height: 1.4446;
}


/*-------------------------------------------------------------------*/
/*買取事例*/
/*-------------------------------------------------------------------*/

div.mr-img01{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr01.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img02{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr02.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img03{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr03.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img04{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr04.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img05{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr05.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img06{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr06.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img07{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr07.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img08{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr08.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img09{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr09.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img10{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr10.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img11{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr11.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img12{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr12.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img13{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr13.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img14{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr14.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img15{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr15.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img16{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr16.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img17{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr17.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img18{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr18.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img19{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr19.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img20{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr20.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img21{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr21.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img22{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr22.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img23{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr23.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

div.mr-img24{
	display:block;
	width:220px;
	height:160px;
	background-image: url(../images/kaitori-mr24.jpg);
	background-repeat: no-repeat;
	border: 1px solid #888;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}