/* EUCで保存*/
/* EUCで保存*/
/* EUCで保存*/


/*-------------------------------------------------
  Nucleus CMS Stylesheet - bundled with version 3.2
  Based on the Stanch skin by Ivan Fong
  Mods by hcgtv and moraes
-------------------------------------------------*/

/*-------------------------------------------------
  General layout
-------------------------------------------------*/
body
{
/*	background:#FFFFFF url(images/backgraundimg.jpg) top repeat;*/
/*	background:#654D36;*/
	background:#f4f1e8;
/*	background:#f3f2ef;*/
	color: #555555;
	font-size: 100%;
	padding: 0;
	margin: 0;
	-webkit-text-size-adjust: 100%;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

label:hover
{
	background-color: #ffddaa;

}
img
{
	border: 0;
}
form
{
	margin: 0;
}

/* Headings */
h1,h2,h3,h4,h5,h6
{
    /*font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;*/
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-weight: normal;
	margin: 0;
}



/* Lists */
ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
/*NP_CommentTree用*/
ul.nobullets 
{
	
}

li
{
	background: url(images/o-seven200607/arrow.gif) left 5px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 20px;
}
/*NP_CommentTree用*/
li.item
{
	margin-left:5px;
}
li.comment li.trackback
{
	padding-left:0px;
	margin-left:20px;
}
li.more
{
	margin-left:20px;
}

/*NP_07Category用 パンくずリスト用*/
ul.pankuzu
{
	width:100%;/*910px;*/
	padding:0;/* 0;*/
	margin:0px auto 0px 0px;/* auto;*/
	height:25px;
/*	border:1px solid #dddddd;*/
/*	background:#dddddd url(images/mainmenu/pankuzu_bg.gif) repeat-x;*/
	border-bottom:1px solid #dddddd;

}
li.pankuzu_s
{
	height:23px;
	float:left;
	padding-left:10px;
	padding-top:2px;
	padding-right:0px;
	margin-left:0px;
	margin-right:5px;
}
li.pankuzu_b,li.pankuzu_c,li.pankuzu_i
{
	height:23px;
	float:left;
	background: url(images/mainmenu/pankuzu_25.gif) left no-repeat;
	padding-left:20px;
	padding-top:2px;
	padding-right:0px;
	margin-left:0px;
	margin-right:5px;
}



/* Links */
a:link
{
	color: #989898;/*Green;#806848;*//*635D45;*/
	text-decoration: none;

}
a:visited
{
	color: #989898;/*806848;635D45;*/
	text-decoration: none;

}
a:hover, a:active
{
	color: #000000;/*black;*/
	text-decoration: none;
}
#header a:link, #header a:visited
{
	color: #806848;
}
#header a:hover, #header a:active
{
	color: #989898;
}
#sidebarcontainer a:link
{
	color: Green;
}
#sidebarcontainer a:visited
{
	color: FFB700;
}
#sidebarcontainer a:hover, #sidebarcontainer a:active
{
	color: #FFB700; /*#806848;*/
}
#sidebarcontainer_l a:link
{
	color: Green;
}
#sidebarcontainer_l a:visited
{
	color: FFB700;
}
#sidebarcontainer_l a:hover, #sidebarcontainer_l a:active
{
	color: #FFB700; /*#806848;*/
}
#sidebarcontainer_r a:link
{
	color: Green;
}
#sidebarcontainer_r a:visited
{
	color: FFB700;
}
#sidebarcontainer_r a:hover, #sidebarcontainer_R a:active
{
	color: #FFB700; /*#806848;*/
}
#copyrights a:link, #copyrights a:visited
{
	color: #000000;
}
#copyrights a:hover, #copyrights a:active
{
	color: #989898;
}
/* Basic classes */
.hidden
{
	display: none;
}
.centerize
{
	text-align: center;
}
.clearing
{
	width: 950px;
	height: 0;
	clear: both;
}

/*-------------------------------------------------
  Header
-------------------------------------------------*/
#header
{
/*	background:url(images/menubar/e-toko/colorbar.jpg) top repeat-x;*/
	background:#fff000;
	width:980px;
	margin: 0 auto;
}

#header100
{
	background:url(images/bgheader1500.jpg) left top no-repeat;
/*	position: relative;*/
	width: 100%;
	height: 100px;
	color: #7A6858;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 5px 17px;
	font-size:8px;

}

#header h1
{
	color: #FFFFFF;
	height: 30px;
	width: 910px;
	font-size: 16px;
	text-align: left;
	line-height: 20px;
/*	padding: 10px 10px 10px 30px;*/
}
/*-------------------------------------------------
  Menu
-------------------------------------------------*/
#mainmenu
{
	position: relative;
	width: 950px;
	height: 30px;
	background: white;
	margin: auto;
	padding: 2px 100px 0 100px;
}
.menubar
{
	color: #a2a2a2;
	margin: 0 0 4px 6px;
}


/*-------------------------------------------------
  SimpleMenu _20060810 20070616 UEM
-------------------------------------------------*/

#headermenusimple
{
	position: relative;
	width: 950px;
	height: 40px;/*130px; 168px;*/
/*	background: white url(images/natural/sky_1000_107_2.png) top no-repeat;*/
	background: white url(images/natural/roof_1000_107.png) top no-repeat;
	/* 	background: white;*/
/*	border-width: 2px 2px 0;*/
/*	border-style: solid;*/
/*	border-color: #ffffff;*/
	margin: auto;
	padding: 0px 0 0 0px;
}
.menubar
{
/*	background: #ffffff url(images/o-seven200707/toptitle.gif);*/
/*	background: #ffffff url(images/natural/grass_82_42.png) bottom repeat-x;*/
/*	background: #249700; /*#30B1D0;*/*/
/*	border-top: 1px solid #ffffff;*/
	border-left: 1px solid #ffffff;
	border-bottom: 1px dotted #ffffff;/*#D4D2CF;*/
/*	border-right: 1px solid #D4D2CF;*/
/*	height: 25px;*/
	width: 900px;
	padding: 3px 0px 3px 10px; /*0px 0px 3px 0px;*/
	margin: 0px 0 0 50px; 
	text-align: left;
	color: white;
}
.menubar :hover
{
/*	background: #ffffff;*/
/*	padding: 0 0 0 0px;*/
/*	margin: 0px 0 0 0;*/
	text-decoration: underline;
}
.menubar a:link, .menubar a:visited
{
/*	background: url(images/o-seven200607/arrow_triangle.gif) left center no-repeat;*/
	padding: 0 0 0 0px;
	color: white;
}

.menubar_right
{
/*	border-top: 1px solid #ffffff;*/
/*	border-bottom: 1px dotted #ffffff;/*#D4D2CF;*/
/*	border-right: 1px solid #ffffff;*/
/*	border-left: 1px solid #D4D2CF;*/
/*	height: 25px;*/
	width: 900px;
	padding: 3px 10px 3px 10px; /*0px 0px 3px 0px;*/
	margin: 0px 0 0 0px; 
	text-align: right;
	color: white;
}
.menubar_right :hover
{
/*	background: #ffffff;*/
	padding: 0 0 0 0px;
	margin: 0px 0 0 0;
	text-decoration: underline; 
}
.menubar_right a:link, .menubar_right a:visited
{
/*	background: url(images/o-seven200607/arrow_triangle.gif) left center no-repeat;*/
	padding: 0 0 0 0px;
	color: white;
}



#container_c
{
	float:left;
	height: 1%;
	display: inline;
	overflow: visible;
	width:500px;
	padding: 0px;
	margin:2px 0px 0px 5px;
}

#sidebarcontainer_l
{
	float: left;
	display: inline;
	width: 195px;
	margin: 0px 0px 0px 16px;/*0px 17px 0px 3px;*/
	padding: 0px 0px 0px 0px;/*2px 0 0 0;*/
	/*background: #99B3CC; *//*99D257;#FFFFFF;*/
	color: #555555; /*#806848;*/
/*	border: 1px solid #33A02C;*/
}
idebar_l
{

/*	background: white url(images/e-tokomap_sidebar_body200.png) repeat-y;*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}
.sidebar_l2
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}


#sidebarcontainer_r
{
	float: left;
	display: inline;
	width: 195px;
	margin: 0px 15px 0px 0px;/*0px 17px 0px 3px;*/
	padding: 0px 0px 0px 0px;/*2px 0 0 0;*/
	/*background: #99B3CC; *//*99D257;#FFFFFF;*/
	color: #555555; /*#806848;*/
/*	border: 1px solid #33A02C;*/
}
.sidebar_r
{
/*	background: white url(images/e-tokomap_sidebg.png) repeat-y;*/

	background: white url(images/e-tokomap_sidebar_body200.png) repeat-y;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}
.sidebar_r2
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}

.sidebar_r21
{
	height: 85px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 12px 0px;

}

.sidebar_r22
{
	height: 76px;
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 0px 0px;

}
/*-------------------------------------------------*/

/* Menu lists */
.menubarl
{
	padding: 0 0 10px 0;
	margin: 0;
}
.menubarl dt
{
	background: #dddddd url(images/o-seven200607/sidetitlebg2.gif);
	color: #a2a2a2;
	font-size: 12px;
	font-weight: bold;
    font-family: "HG丸ｺﾞｼｯｸM-PRO", "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
	padding: 4px 10px;
}
.menubarl dd
{
	background: #dddddd;
	padding: 5px 10px;
	margin: 1px 0px 0px 0;
}
.menubarl dd:hover
{
	background: #dddddd;
	padding: 2px 10px;
	margin: 1px 0 0 0;
}
.menubarl dd a:link, .menubarl dd a:visited
{
	background: url(images/o-seven200607/arrow.gif) left center no-repeat;
	padding: 0 0 0 10px;
}
/* Menu lists */
.sidebardl_l
{
	padding: 0 0 0 0;
	margin: 0px 0px 0px 0px;
}
.sidebardl_l dt
{
	font-size: 16px;
	font-weight: bold;
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
	padding: 2px 0px 2px 0px;/*2px 0px 2px 5px;*/
	margin: 0 0 0 0;
	text-align : center;
}

.sidebardl_l dd
{

/*	font-weight: bold;*/
	padding: 3px 0px 2px 0px;/*2px 0px 2px 20px;*/
	margin: 0 0 0 0px;
}


.sidebardl_r
{
	padding: 0 0 0 0;
	margin: 0px 0px 0px 0px;
}
.sidebardl_r dt
{
	font-size: 16px;
	font-weight: bold;
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
	padding: 2px 0px 2px 0px;/*2px 0px 2px 5px;*/
	margin: 0 0 0 0;
	text-align : center;
}

.sidebardl_r dd
{


/*	font-weight: bold;*/
	padding: 2px 0px 2px 0px;/*2px 0px 2px 20px;*/
	margin: 0 0 0 0px;
}

/*-------------------------------------------------
  Content wrappers
-------------------------------------------------*/
#mainwrapper
{
	width: 100%;
/*	border-width: 0 2px;*/
/*	border-style: solid;*/
/*	border-color: #ffffff;*/
	padding: 0;
	margin: 0;
}
#wrapper
{
	width: 980px;
/*	background: white url(images/o-seven200607/bgcontainer01.gif) repeat-y;*/
	background: #fff;
	margin:0 auto;

/*	border-top: 1px solid #30B1D0;*/
/*	border-left: 1px solid #53DE2E; /*#CCECF4;*/*/
/*	border-bottom: 1px solid #30B1D0;*/
/*	border-right: 1px solid #53DE2E; /*#CCECF4;*/ */

}

#mainwrapper100
{
	width: 100%;
/*	border-width: 0 2px;*/
/*	border-style: solid;*/
/*	border-color: #ffffff;*/
	margin: auto;
	padding: 0px 0px 0px 0px;
}
#wrapper100
{
	width: 100%;
/*	background: white url(images/o-seven200607/bgcontainer01.gif) repeat-y;*/
/*	background: white;*/


/*	border-top: 1px solid #30B1D0;*/
/*	border-left: 1px solid #53DE2E; /*#CCECF4;*/*/
/*	border-bottom: 1px solid #30B1D0;*/
/*	border-right: 1px solid #53DE2E; /*#CCECF4;*/ */
/*	margin: auto;*/
	margin: auto;
}
/*-------------------------------------------------
  Main content
-------------------------------------------------*/
#container
{
	background:#fff000;
	width: 740px;
	float: right;
	height: 550px;
	clear: both;
}
.content
{
	padding: 0;
	margin: 0px 0px 0px 0px;/*0px 0px 20px 0px;*/


}




/*-------------------------------------------------
  Item styles
-------------------------------------------------*/
.contenttitle h2
{
	width: 580px;

	height: 20px;
	color: #ffffff;
	background: #dddddd url(images/menubar/e-toko/colorbar_title_b.jpg);
	border-top: 1px solid #888888;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	/*border-bottom: 1px solid #000000;*/
	line-height: 20px;
	font-size: 10pt;/*90%;*/
	text-align: left; /*center;*/
	text-indent: 0px;
	font-weight: bold;
	padding: 5px 5px 1px 10px;
	margin: 3px 0px 0px 0px;
	overflow: hidden;
}

.contenttitle h2 a:link
{
	color: #ffffff;
	text-decoration: underline;
}
.contenttitle h2 a:visited
{
	color: #ffffff;
	text-decoration: underline;
}
.contenttitle h2 a:hover
{
	color: #ffffff;
	text-decoration: underline;
}
.contenttitle h2 a:active
{
	color: #ffffff;
	text-decoration: underline;
}


.contenttitle h3
{
	width: 600px;
	clear: both;
	background: white;
	font-size: 18px;
	text-align: center;
	padding: 6px 0 6px 0;
	margin: 0;
}
.contenttitle h4
{
	clear: both;
	font-size: 11px;/*11px;*/
	text-align: right; /*center;*/
	padding: 2px 0 0 0;
	margin: 0;
}

.contenttitle450 h2
{
	/*height: 20px;*/
	color: #000000;
/*	background: #ffffff url(images/titleX_25.jpg) repeat-x;*/
	background: url(images/border_box_left.jpg) left repeat-y;

/*	border-top: 1px solid #777777;*/
/*	border-left: 1px dotted #777777;*/
/*	border-right: 1px solid #777777;*/
	border-bottom: 1px solid #aaaaaa;
	width: 450px;

	font-size: 10pt;/*90%;*/
	text-align: left; /*center;*/
	text-indent: 10px;
	/*font-weight: bold;*/
	padding: 3px 10px 3px 10px;
	margin: 3px 0px 0px 0px;
}

.contenttitle450 h2 a:link
{
	color: #000000;
	text-decoration: underline;
}
.contenttitle450 h2 a:visited
{
	color: #000000;
	text-decoration: underline;
}
.contenttitle450 h2 a:hover
{
	color: #aa0000;
	text-decoration: underline;
}
.contenttitle450 h2 a:active
{
	color: #aa0000;
	text-decoration: underline;
}

.contenttitle300 h2
{
	/*height: 20px;*/
	color: #000000;
	background: #ffffff url(images/titleX_25.jpg) repeat-x;
	border-top: 1px solid #777777;
	border-left: 1px solid #777777;
	border-right: 1px solid #777777;
	border-bottom: 0px solid #777777;
	width: 300px;

	font-size: 10pt;/*90%;*/
	text-align: left; /*center;*/
	text-indent: 10px;
	/*font-weight: bold;*/
	padding: 3px 10px 3px 10px;
	margin: 3px 0px 0px 0px;
}
.contentbody
{
	font-size: 10pt;
/*	background: url(images/border_box_left.jpg) left repeat-y;*/
	padding: 10px 5px 5px 5px;
	margin: 0px 0px 20px 0px;
	line-height: 170%; 

	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	width: 585px;
	text-align: left;

}
.contentbody450
{
	font-size: 10pt;
	background: url(images/border_box_left.jpg) left repeat-y;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 20px 0px;
	line-height: 170%; 

/*	border-top: 1px solid #aaaaaa;*/
/*	border-left: 1px dotted #aaaaaa;*/
/*	border-right: 1px solid #aaaaaa;*/
/*	border-bottom: 1px solid #aaaaaa;*/
	width: 450px;

}
.contentbody300
{
	font-size: 10pt;
	background: #FFFFFF;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 20px 0px;
	line-height: 170%; 

	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	width: 300px;

}


.contentbody h1
{

	background: #888888;
	margin: 20px 0px 0px 0px;
	padding: 12px 20px 12px 20px;

	color: #ffffff;
	font-size: 100%;
	text-align: left;
	text-valign: middle;
	font-weight: bold;
	border-top: 2px solid #eeeeee;
	border-left: 2px solid #eeeeee;
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
}

.contentbody h2
{
	background: #eeeeee;
	font-size: 100%;
	text-align: left;
	text-valign: middle;
	margin: 0px 0px 0px 0px;
	padding: 9px 20px 9px 20px;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}

.contentbody h3
{
	background: #ffffff;
	font-size: 100%;
	text-align: left;
	text-valign: middle;
	margin: 0px 0px 0px 0px;
	padding: 9px 20px 9px 20px;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}

.contentbody h4
{
	background: #888888;
	color: #FFFFFF;
	font-size: 80%;
	text-align: left;
	text-valign: middle;
	margin: 0px 0px 0px 0px;
	padding: 9px 20px 9px 20px;
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}

.contentbody h5
{
	background: #eeeeee;
	font-size: 80%;
	text-align: left;
	text-valign: middle;
	margin: 0px 0px 0px 0px;
	padding: 9px 20px 9px 20px;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}

.contentbody h6
{
	background: #ffffff;
	font-size: 80%;
	text-align: left;
	text-valign: middle;
	margin: 0px 0px 0px 0px;
	padding: 9px 20px 9px 20px;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}


.contentbar/*UEM*/
{
	width: 550px;
	color: #a2a2a2;
	font-size:12px;
	text-align: left;
	text-valign: middle;
	font-weight: bold;
	padding: 0 0 0 0;
	background: #F9F9F9 url(images/o-seven200607/sidetitlebg.gif) repeat;
}


.contentuser/*UEM*/
{
	width: 560px;/*550px;*/
	padding: 0px 0px 0px 0px;
	margin: auto;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	background: #F6EDD2; /* url(images/e-toko200608/contentuser.gif) repeat;*/
}
.content07/*UEM*/
{
	width: 560px;/*550px;*/
	padding: 0px 0px 0px 0px;
	margin: auto;
	/* background: #B3E8FF;url(images/e-toko200608/contentuser.gif) repeat;*/
}




/*------- Item styles  TABLE ------*/

					.contentbody table
					{
						width: auto;
						/*background: #777777;*/
					}
					.contentbody table tr td
					{
						background: #FFFFFF;
						font-size: 11pt;
						/*font-weight:bold;*/
						padding: 2px 5px 2px 5px;
						/*border-bottom: 1px solid #D4D2CF;
						border-right: 1px solid #D4D2CF;*/
						/*line-height: 170%; */
					}



/*-------------------------------------------------
  GPSMapプラグイン
-------------------------------------------------*/
#map0
{
	margin: 10px 0px 10px 0px;
	float: left;
}


/*-------------------------------------------------
  Item styles Half
-------------------------------------------------*/

.contenttitle_half h2
{
	height: 20px;
	color: #ffffff;
	background: #000000 url(images/menubar/e-toko/colorbar_title.jpg);
	border-top: 1px solid #888888;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	/*border-bottom: 1px solid #000000;*/
	width: 280px;

	font-size: 10pt;/*90%;*/
	text-align: left; /*center;*/
	text-indent: 0px;
	font-weight: bold;
	padding: 5px 5px 1px 10px;
	margin: 3px 0px 0px 0px;
}

.contenttitle_half h2 a:link
{
	color: #ffffff;
	text-decoration: none;
}
.contenttitle_half h2 a:visited
{
	color: #ffffff;
	text-decoration: none;
}
.contenttitle_half h2 a:hover
{
	color: #ffffff;
	text-decoration: underline;
}
.contenttitle_half h2 a:active
{
	color: #ffffff;
	text-decoration: none;
}

.contenttitle_c_half h2
{
	/*height: 22px;*/
	color: #ffffff;
	background: #846952;
	border-top: 1px solid #846952;
	border-left: 1px solid #846952;
	border-right: 1px solid #846952;
	border-bottom: 1px solid #846952;
	width: 280px;

	font-size: 10pt;/*90%;*/
	text-align: left; /*center;*/
	text-indent: 0px;
	/*font-weight: bold;*/
	padding: 3px 5px 3px 10px;
	margin: 3px 0px 0px 0px;
}

.contenttitle_c_half h2 a:link
{
	color: #ffffff;
	text-decoration: underline;
}
.contenttitle_c_half h2 a:visited
{
	color: #ffffff;
	text-decoration: underline;
}
.contenttitle_c_half h2 a:hover
{
	color: #ffffff;
	text-decoration: underline;
}
.contenttitle_c_half h2 a:active
{
	color: #ffffff;
	text-decoration: underline;
}


.contentbody_half
{

	font-size: 80%;
	background: #FFFFFF;
	/*text-align: justify;*/
	line-height: 130%; 

	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	width: 280px;
	height: 230px;
/*	overflow: scroll;*/
	padding: 10px 5px 10px 10px;
	margin: 0px 0px 20px 0px;
	word-break: break-all;

}


.contentbody_half h1
{

	background: #888888;
	margin: 20px 0px 0px 0px;
	padding: 12px 20px 12px 20px;

	color: #ffffff;
	font-size: 100%;
	text-align: left;
	text-valign: middle;
	font-weight: bold;
	border-top: 2px solid #eeeeee;
	border-left: 2px solid #eeeeee;
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
}

.contentbody_half h2
{
	background: #eeeeee;
	font-size: 100%;
	text-align: left;
	text-valign: middle;
	margin: 0px 0px 0px 0px;
	padding: 9px 20px 9px 20px;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}

.contentbody_half h3
{
	background: #ffffff;
	font-size: 100%;
	text-align: left;
	text-valign: middle;
	margin: 0px 0px 0px 0px;
	padding: 9px 20px 9px 20px;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}

.contentbody_half h4
{
	background: #888888;
	color: #FFFFFF;
	font-size: 80%;
	text-align: left;
	text-valign: middle;
	margin: 0px 0px 0px 0px;
	padding: 9px 20px 9px 20px;
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}

.contentbody_half h5
{
	background: #eeeeee;
	font-size: 80%;
	text-align: left;
	text-valign: middle;
	margin: 0px 0px 0px 0px;
	padding: 9px 20px 9px 20px;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}

.contentbody_half h6
{
	background: #ffffff;
	font-size: 80%;
	text-align: left;
	text-valign: middle;
	margin: 0px 0px 0px 0px;
	padding: 9px 20px 9px 20px;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}












.contenttitle_200 h2
{
	width: 200px;
/*	clear: both;*/
/*	background: url(images/o-seven200607/contenttitle_h2.gif) center repeat-x;*/
	background: #53DE2E; /*#CCECF4;*/
/*	border-top: 1px solid #30B1D0;*/
/*	border-left: 1px solid #30B1D0;*/
/*	border-bottom: 1px solid #30B1D0;*/
/*	border-right: 1px solid #30B1D0;*/


	font-size: 12px;
	text-align: left; /*center;*/
	text-indent: 10px;
	font-weight: bold;
	padding: 3px 0 3px 0;
	margin: 3px 0 0px 0;
}




/*-------------------------------------------------
  Main content Half
-------------------------------------------------*/
#container_half_left
{
	width: 47%;
	height: 1%;
	overflow: visible;
	float: left;
	padding: 0 0px 0 0px;
	margin: 0 0px 0 0px;
}

/*-------------------------------------------------
  Main content Half
-------------------------------------------------*/
#container_half_right
{
	width: 47%;
	height: 1%;
	overflow: visible;
	float: right;
	padding: 0 0px 0 0px;
	margin: 0 0px 0 0px;
}



/*-------------------------------------------------
  Item styles Half
-------------------------------------------------*/
.contenttitle_200 h2
{
	width: 200px;
/*	clear: both;*/
/*	background: url(images/o-seven200607/contenttitle_h2.gif) center repeat-x;*/
	background: #53DE2E; /*#CCECF4;*/
/*	border-top: 1px solid #30B1D0;*/
/*	border-left: 1px solid #30B1D0;*/
/*	border-bottom: 1px solid #30B1D0;*/
/*	border-right: 1px solid #30B1D0;*/


	font-size: 12px;
	text-align: left; /*center;*/
	text-indent: 10px;
	font-weight: bold;
	padding: 3px 0 3px 0;
	margin: 0px 0 0px 0;
}











/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory
{
	background: url(images/o-seven200607/bgcategory.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 14px;
}
.contentitempostedby
{
	background: url(images/o-seven200607/bgpostedby.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 12px;
}
.contentitemcomments
{
	background: url(images/o-seven200607/bgcomment.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 13px;
}
.contentitemedit
{
	background: url(images/o-seven200607/bgedit.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 11px;
}
.contentitem
{
	padding: 3px 0 0 0;
	margin: 0 0 16px 0;
}
.contentitem1
{
	display: inline;
}
.contentitem2
{
	display: inline;
	background: url(images/o-seven200607/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem3
{
	display: inline;
	background: url(images/o-seven200607/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem4
{
	display: inline;
	padding: 0 0 0 10px;
	background: url(images/o-seven200607/dotv.gif) left repeat-y;
}

/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.itemcomment
{
	background: url(images/o-seven200607/commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}
.itemcomment:hover
{
	background: #F9F9F9 url(images/o-seven200607/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #CCCCCC;
}
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
{
	background: #F9F9F9 url(images/o-seven200607/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.id1:hover
{
	background: #F9F9F9 url(images/o-seven200607/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.itemcomment h3
{
	font-size: 12px;
}











/*-------------------------------------------------
  Sub content
-------------------------------------------------*/
#container_sub
{
/*	width: 200px;*/
	width: 190px;

	color: #a2a2a2;

	float: left;
	padding: 0px 0 0 0;
	margin: 4px 3px 0px 0px;
line-height: 20px; 
}

.title_sub
{
	background: white /*url(images/e-toko_sidebar_sub_title200.png) no-repeat*/; 
	padding: 5px 3px 3px 0px;
	color: #4B657E; /*#a2a2a2;*/
	font-weight: bold;
	font-size:14px;
	margin:0;
/*	text-align:center;*/
}

.content_sub
{
	padding: 10px 10px 10px 0px;
	margin: 0px 0px 0px 0px;
	background: white /*url(images/e-toko_sidebar_sub_body200.png) repeat-y*/;
	color: #4B657E; /*#a2a2a2;*/
	font-size:12px;
}

/* Menu lists */
.content_sub dl
{
	padding: 0 0 0 0;
	margin: 0px 0px 5px 0px;
}
.content_sub dl dt
{
	font-size: 16px;
	font-weight: bold;
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
	padding: 2px 0px 2px 5px;
	margin: 0 0 0 0;
	text-align : center;
}

.content_sub dl dd
{
	background: url(images/marker22.gif) no-repeat;
	font-size: 14px;
/*	font-weight: bold;*/
	padding: 2px 0px 2px 20px;
	margin: 0 0 0 0px;
}



.bottom_sub
{
	background: white /*url(images/e-toko_sidebar_sub_bottom200.png) no-repeat*/;
	height : 50px;
	padding: 5px 3px 3px 0px;
	color: #4B657E; /*#a2a2a2;*/
	font-weight: bold;
	font-size:16px;
	margin:0;
	text-align:center;
}



/*-------------------------------------------------
  Item styles
-------------------------------------------------*/
.contenttitle_sub h2
{
	width: 390px;
/*	clear: both;*/
	background: #FFFFFF url(images/title_bg30.png) repeat-x;
/*	background: #FFFFFF;*/ /*#CCECF4;*/
	border-top: 1px solid #559E1A;
	border-left: 2px solid #559E1A;
/*	border-bottom: 1px solid #53DE2E;*/
	border-right: 1px solid #559E1A;


	font-size: 14px;
	text-align: left; /*center;*/
	text-indent: 10px;
	font-weight: bold;
	padding: 3px 0 3px 0;
	margin: 3px 0 0px 0;
}



.bottom
{
	background: white url(images/e-toko_sidebar_bottom200.png) no-repeat;
	height : 50px;
	padding: 5px 3px 3px 10px;
	color: #ffffff; /*#a2a2a2;*/
	font-weight: bold;
	font-size:16px;
	margin:0;
	text-align:center;
}









/*-------------------------------------------------
  Menu
-------------------------------------------------*/

#sidebarcontainer
{
	float: left;
	width: 240px;
	height:100%;
	/*background: #99B3CC; *//*99D257;#FFFFFF;*/
	color: #555555; /*#a2a2a2;*/
	/*border: 1px solid #33A02C;*/
	clear:both;
}
.title
{
	background: white url(images/e-toko_sidebar_title200.png) no-repeat;
	padding: 5px 0px 3px 0px;/*5px 3px 3px 10px;*/
	color: #555555; /*#a2a2a2;*/
	font-weight: bold;
	font-size:16px;
	margin:0;
	text-align:center;
}

#sidebar
{
	background:#ff0000;
/*	width: 240px;*/
	height: 100%;
/*	float: left;*/
}

#sidebarlogo
{
    position: fixed;
    top: 50px;
}

#sidebartwitter
{
    position: fixed;
    bottom: 30px;
}

.fixed {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 10000;
}

/* Menu lists */
.sidebardl
{
	padding: 0 0 0 0;
	margin: 0 auto;
}
.sidebardl dt
{
	font-size: 16px;
	font-weight: bold;
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
	padding: 2px 0px 2px 0px;/*2px 0px 2px 5px;*/
	margin: 0 0 0 0;
	text-align : center;
}

.sidebardl dd
{
	font-size: 14px;
/*	font-weight: bold;*/
	padding: 2px 0px 2px 0px;/*2px 0px 2px 20px;*/
	margin: 0 0 0 0px;
}

.bottom
{
	background: url(images/e-toko_sidebar_bottom200.png) no-repeat;
	height : 50px;
	padding: 5px 3px 3px 0px;/*5px 3px 3px 10px;*/
	color: red; /*#a2a2a2;*/
	font-weight: bold;
	font-size:16px;
	margin:0;
	text-align:center;
}

#sidebarlogo{
	padding: 0 0 0 0;
}

.sidebarbottom{
/*	position:absolute;*/
/*	bottom:30px;*/
	padding: 0 0 0 0;
}

/*-------------------------------------------------
  Footer
-------------------------------------------------*/
#footer
{
/*	background: #ffffff url(images/title_bg30.png) repeat-x;*/
	background: #53DE2E; 
/*	border-top: 1px solid #30B1D0;*/
/*	border-left: 1px solid #868686;*/
/*	border-bottom: 1px solid #a2a2a2;*/
/*	border-right: 1px solid #D4D2CF;*/
	text-align: center;
	width: 740px;
/*	padding: 8px 0px 5px 80px;*/ /*0px 0px 3px 0px;*/
/*	margin:auto;*/
	float:right;

}

#copyrights
{
	color: #888888;
}

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.searchformtext
{
/*	background: #ffffff url(images/o-seven200707/toptitle.gif);*/
/*	background: #30B1D0; /*#CCECF4;*/*/
	border-top: 1px dotted #ffffff; *//*#30B1D0;
/*	border-left: 1px solid #868686;*/
/*	border-bottom: 1px solid #D4D2CF;*/
/*	border-right: 1px solid #D4D2CF;*/
	width: 700px;
	padding: 5px 0px 5px 0px;
	margin: 5px 0px 0px 0px;
	text-align: left;
	color: white;
}
.searchformtext :hover
{
	text-decoration: bold;/*underline; */
}
.searchformtext a:link, .searchformtext a:visited
{
/*	background: url(images/o-seven200607/arrow_triangle.gif) left center no-repeat;*/
	padding: 5px 0px 5px 0px;
	margin: 5px 0px 0px 0px;
}

.loginform, .searchform
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.commentform, .mailform
{
	margin-top: 10px;
    padding: 10px;
    background: #eeeeee;
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
}
.commentform img{
    margin: 5px 0 0 0;
}
.formfield
{
	font-size: 10pt;
	background: white;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}
.formbutton
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0;
}
.searchform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 0px 0;
	margin: 0 2px 2px 0;
}
.searchform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 0px 2px;
}
.loginform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 0px 0;
	margin: 0 2px 0px 0;
}
.loginform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.mainform .formfield
{
	width: 280px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton
{
	width: 100px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail
{
    width: 300px;
    margin-right: 105px;
    font-family: Arial, Trebuchet MS, Verdana, sans-serif;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
{
    width: 300px;
}
.commentform .formbutton
{
	width: 100px;
	height: 22px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}
.error
{
	color: red;
	font-weight: bold;
}


/*-------------------------------------------------
  Miscelaneous
-------------------------------------------------*/
/* VBlog image onion skin shadow - From AListApart.com*/
.wrap1, .wrap2, .wrap3
{
	display:inline-table;
	/* \*/display:block;/**/
}
.wrap1
{
	float:left;
	background:url(images/o-seven200607/shadow.gif) right bottom no-repeat;
	margin: 0 5px 3px 0;
}
.wrap2
{
	background:url(images/o-seven200607/corner_br.gif) left bottom no-repeat;
}
.wrap3
{
	background:url(images/o-seven200607/corner_tr.gif) right top no-repeat;
	padding:0 5px 5px 0;
}
.wrap3 img
{
	display:block;
	border: 3px solid white;
}

/* Search highlight color */
.highlight
{
	background: #DEFFA9;
}

/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
	margin: 3px;
	padding: 10px; /*3px;*/
	font-size: larger;
}
.leftbox {
	float: left;
	width: 50%; /*45%;*/
/*	border-right: 1px dashed #ddd;*/
}
.rightbox {
	float: right;
	width: 50%; /*45%;*/
/*	border-left: 1px dashed #ddd;*/
}

.leftbox10 {
	float: left;
	width: 10%; 
}
.leftbox15 {
	float: left;
	width: 15%; 
}
.leftbox20 {
	float: left;
	width: 20%; 
}
.leftbox25 {
	float: left;
	width: 25%; 
}
.leftbox30 {
	float: left;
	width: 160px; 
}
.leftbox35 {
	float: left;
	width: 35%; 
}
.leftbox40 {
	float: left;
	width: 40%; 
}
.leftbox45 {
	float: left;
	width: 45%; 
}
.leftbox55 {
	float: left;
	width: 55%; 
}
.leftbox60 {
	float: left;
	width: 60%; 
}
.leftbox65 {
	float: left;
	width: 65%; 
}
.leftbox70 {
	float: left;
	width: 70%; 
}
.leftbox75 {
	float: left;
	width: 75%; 
}
.leftbox80 {
	float: left;
	width: 80%; 
}

/*e-tokoカタログ追加*/
.catalogindex {
	float: left;
	margin:2px 10px 7px 4px;
	/*border:2px solid #777777;*/
}


/*---------------------------------------------------*/
/*NP_ShowBlog用*/
div.pageswitch{
	font-size:11pt;
}
span.npsb_prevlink{
	font-size:11pt;
}
span.npsb_nextlink{
	font-size:11pt;
}


/*NP_znSmiley用*/
div#znsm_ico_layer{
	width:280px;
	margin-left:80px;
	/*border:1px solid #777777;*/
	padding:5px;
}
div.znsm_ico{
	float:left;
}
div#znSmiley_preview{
	width:400px;
	margin-left:75px;
	border:1px solid #777777;
	padding:5px;
}

/*e-toko 画面表示用*/
.categorybox{
	float:left;
	width:110px;
	height:140px;
	overflow:hidden;
	padding:5px;
	border:1px solid #aaaaaa;
	margin:3px;
	background-color:#f5f5f5;
}

.jsbutton{
	cursor:pointer; 
	width:120px; 
	background-color:#555555; 
	color:white; 
	text-align:center; 
	font-weight:bold;
}
.jsbutton:hover {
	background-color:#cccccc;
	color:black;
}

#box_category{
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: url(images/border_box_right.jpg) right repeat-y;
	padding-bottom: 20px;
	font-size:10pt;
}

#box_maker{
	border-top: 1px solid #dddddd;
	background: url(images/border_box_left.jpg) left repeat-y;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 20px;
}

.rsspagetitle{
	color:#00a1e6;
	font-size:18pt;
}

.rsstitle{
	font-size:12pt; 
	font-weight:bold; 
	color:#006fec; 
	line-height:130%; 
	text-decoration:underline;
}
.rsstitle:hover{
	color:#0043ec; 
}

.rssdesc{
	font-size:10pt; 
	color:#555555; 
	line-height:130%; 
	padding-top:3px; 
	overflow:hidden;
}

.rsskeywords{
	font-weight:bold;
	color:#ffffff; 
	background-color:#ecc800; 
	padding:2px 3px; 
	margin-right:4px;
}
.rsskeywords:hover{
	color:#ffffff; 
	background-color:#ec9b00;
}

.rsskeywordcloud a:link{
	color:#ecc800; 
}














/* jQueryアニメーションでCSS3のTransformを操作して拡大縮小／回転などを実装させるいろいろ -*/
#container_main {
	margin: 0 auto;
	width: 100%;
	height: 100%
	text-align: center;
	overflow: hidden;
}

#opening {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: #fff;
	position: absolute;
	z-index: 100;
	overflow: hidden;
	text-align: center;
max-width: none;
max-height: none;
}
#pageshift {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: #fff;
	position: absolute;
	z-index: 100;
	overflow: hidden;
	text-align: center;
max-width: none;
max-height: none;
}

#opening img#title1 {/*タブレット・PC*/
/*	margin-top: -45px; */
/*	margin-left: -140px;*/ 
	top: 35%; 
	left: 36%; 	
	width: 28%;
/*	height: 30%;*/
	position: absolute;
	visibility: hidden;
	overflow: hidden;
}
#opening img#title2 {/*スマートフォン*/
/*	margin-top: -45px; */
/*	margin-left: -140px;*/ 
	top: 33%; 
	left: 28%; 	
	width: 45%;
/*	height: 30%;*/
	position: absolute;
	visibility: hidden;
	overflow: hidden;
}
#opening img#title3 {
	margin-top: -45px; 
	margin-left: -140px; 
	top: 50%; 
	left: 50%; 
/*	width: 280px;*/
/*	height: 90px;*/
	position: absolute;
	visibility: hidden;
}
#opening img#title4 {
	margin-top: -45px; 
	margin-left: -140px; 
	top: 50%; 
	left: 50%; 
/*	width: 280px;*/
/*	height: 90px;*/
	position: absolute;
	visibility: hidden;
}
#opening img#title5 {
	margin-top: -45px; 
	margin-left: -140px; 
	top: 50%; 
	left: 50%; 
/*	width: 280px;*/
/*	height: 90px;*/
	position: absolute;
	visibility: hidden;
}
#opening img#title6 {
	margin-top: -45px; 
	margin-left: -140px; 
	top: 50%; 
	left: 50%; 
/*	width: 280px;*/
/*	height: 90px;*/
	position: absolute;
	visibility: hidden;
}









/*IE9までの横幅指定　@madia screenがきかないため*/
#container_size{ 
 width: 905px;
}
/* 画面サイズを判別してアイコンが並ぶ横幅を指定*/
 @media screen and (min-width: 0px) and (max-width: 400px) {
  #container_size { width: 300px;}
 }
 @media screen and (min-width: 401px) and (max-width: 600px) {
  #container_size { width: 450px;}
 }
  @media screen and (min-width: 601px) and (max-width: 900px) {
  #container_size { width: 680px;}
 }
  @media screen and (min-width: 901px) {
  #container_size { width: 905px;}
 }

/* 画面サイズを判別して画像のサイズを指定（iPhone、スマートフォン対策）*/
img.miniimage { display: none; }
 @media screen and (max-width: 767px) {
  img.miniimage { display: block; } /* snav1_1〜snav1_12を表示 */
  img.bigimage  { display: none; }  /* nav1_1〜nav1_12を非表示 */
 }
  @media screen and (min-width: 768px)  {
  img.miniimage { display: none; }  /* snav1_1〜snav1_12を非表示 */
  img.bigimage  { display: block; } /* nav1_1〜nav1_12を表示 */
 }






/*施工例とyoutube用の画面サイズ*/
#container_size_move{ 
 width: 1020px;
}

/* 画面サイズを判別してアイコンが並ぶ横幅を指定*/
 @media screen and (min-width: 0px) and (max-width: 400px) {
  #container_size_move { width: 220px;}
 }
 @media screen and (min-width: 401px) and (max-width: 600px) {
  #container_size_move { width: 600px;}
 }
  @media screen and (min-width: 601px) and (max-width: 900px) {
  #container_size_move { width: 1020px;}
 }
  @media screen and (min-width: 900px) {
  #container_size_move { width: 1020px;}
 }



/*トップページ以外のheader画面サイズ*/
#container_size_topnext{ 
 width: 1050px;
}
/* 画面サイズを判別してアイコンが並ぶ横幅を指定*/
 @media screen and (min-width: 0px) and (max-width: 400px) {
  #container_size_topnext { width: 360px;}
 }
 @media screen and (min-width: 401px) and (max-width: 600px) {
  #container_size_topnext { width: 600px;}
 }
  @media screen and (min-width: 601px) and (max-width: 900px) {
  #container_size_topnext { width: 1050px;}
 }
  @media screen and (min-width: 900px) {
  #container_size_topnext { width: 1050px;}
 }




/* アイコンをならべる(アニメーションなし)*/
#boxbody{
	overflow: hidden;
/*	padding: 0px 0px 30px 30px;*/
	margin: 3.5%;
/*	text-align: center;*/
/*	width: 100%;*/
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#boxbody li{
	float: left;
	margin: 20px;
}

/* アイコンをならべる(アニメーショあり)*/
#containergrid{

/*	padding: 0px 0px 30px 30px;*/
	margin: 3.5%;
/*	text-align: center;*/
/*	width: 100%;*/

}
.grid{
	float: left;
	margin: 20px;

}






/*headerのテーブル*/
#headerbodytable{
	width: 100%;
	display: table;
	padding: 15px 0 0 0;
}

#leftside, #centerbody, #rightside {
	display: table-cell;
}
#leftside {
	width: 250px;
/*background-color: #FFCC87;*/
}

#centerbody {
/*	height: 50px;*/
/*	width: 220px;*/

	margin-left: auto;
	margin-right: auto;	
/*background-color: #CC6633;*/
}
#centerbody cp{
	position:relative;
	top: -10px;
}

#rightside {
	width: 250px;
/*background-color: #FF9966;*/

}
#rightside ii{
	float: left;
	padding: 0 0 0 12px;
}


#headertitle{

/*background-color: #FF9966;*/

	position:relative;
	top: 30px;
	margin-left: auto;
	margin-right: auto;
}

#headerbacktop
{
	background:url(images/bgheader1500.jpg) left top no-repeat;
/*	position: relative;*/
/*	width: 100%;*/
	height: 100px;
	color: #7A6858;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 5px 17px;
	font-size:8px;
/*background-color: #FF9966;*/

}




/*headerトップ*/
#headertop
{
	background:url(images/menubar/e-toko/colorbar.gif) top repeat-x;
/*	position: relative;*/
/*	width: 1050px;*/
	height: 120px;
	color: #7A6858;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 30px;
	font-size:8px;


/*background-color: #FFCC87;*/
}

#headertopnext
{
	background:url(images/menubar/e-toko/colorbar.gif) top repeat-x;
/*	position: relative;*/
	width: 1050px;
	height: 150px;
	color: #7A6858;
	font-weight: bold;
	padding: 0px 0px 0px 30px;
	margin: 0 0 0 30px;
	font-size:8px;


/*background-color: #FFCC87;*/
}

#headerbodytabletop{
	width: 100%;
	display: table;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 0 0;	
}

#leftsidetop, #centerbodytop, #rightsidetop {
	display: table-cell;
}
#leftsidetop {
	width: 220px;
	padding: 20px 0 0 0;

/*background-color: #FF9966;*/
}
#leftsidetop lp{
}

#centerbodytop {
/*	height: 50px;*/
/*	width: 220px;*/
	margin-left: auto;
	margin-right: auto;	
	padding: 0 0 10px 0;
/*background-color: #CC6633;*/
}
#centerbodytop cp{

}

#rightsidetop {
	width: 250px;
/*background-color: #FF9966;*/

}
#rightsidetop ii{
	float: left;
	padding: 0 0 0 12px;
}




#headericon{
	width:100%;
	margin-left: auto;
	margin-right: auto;	
	padding: 10px; 0 10px; 0;
background-color: #CC6633;
}

#headericon ic{

	margin:15px 8px 0px 8px;

}

#icon a img{
    display: block;
    position: relative;
	margin:0 8px 0px 8px;
	padding:0 0 8px 0;
	float:left;
}


/* マウスに追従するリッチなツールチップを手軽に実装する */
#powerTip {
	cursor: default;
	background-color: #333; /* fallback for browsers that dont support rgba */
	background-color: rgba(65, 65, 65, 0.6);
	border-radius: 6px;
	color: #FFF;
	display: none;
	padding: 10px;
	position: absolute;
	white-space: nowrap;
	z-index: 2;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
#powerTip.n:before, #powerTip.e:before, #powerTip.s:before, #powerTip.w:before,
#powerTip.ne:before, #powerTip.nw:before, #powerTip.se:before, #powerTip.sw:before {
	content: "";
	position: absolute;
}
#powerTip.n:before, #powerTip.s:before {
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	left: 50%;
	margin-left: -5px;
}
#powerTip.e:before, #powerTip.w:before {
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	margin-top: -5px;
	top: 50%;
}
#powerTip.n:before {
	border-top: 10px solid rgba(0, 0, 0, 0.8);
	bottom: -10px;
}
#powerTip.e:before {
	border-right: 10px solid rgba(0, 0, 0, 0.8);
	left: -10px;
}
#powerTip.s:before {
	border-bottom: 10px solid rgba(0, 0, 0, 0.8);
	top: -10px;
}
#powerTip.w:before {
	border-left: 10px solid rgba(0, 0, 0, 0.8);
	right: -10px;
}
#powerTip.ne:before, #powerTip.se:before {
	border-right: 10px solid transparent;
	border-left: 0;
	left: 10px;
}
#powerTip.nw:before, #powerTip.sw:before {
	border-left: 10px solid transparent;
	border-right: 0;
	right: 10px;
}
#powerTip.ne:before, #powerTip.nw:before {
	border-top: 10px solid rgba(0, 0, 0, 0.8);
	bottom: -10px;
}
#powerTip.se:before, #powerTip.sw:before {
	border-bottom: 10px solid rgba(0, 0, 0, 0.8);
	top: -10px;
}








/*youtube読み込み*/

         #move {
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
			width: 100%;
			margin: 7% 2% 7% 2%; 
         }



         #move dl {
			border: thin solid #000;
			width: 200px;
			height: 260px;
			border: thin solid #ccc;
			padding: 10px 10px 1px 10px;
			margin: 13px; 
			float:left;
			overflow: hidden;
			background: #fff;
         }
         #move dt {
            width:200px;
			height:165px;
            clear:all;
            overflow:hidden;
			padding: 0 0 5px 0;
         }
         #move dt img {
            overflow:hidden;
            width:220px;

         }


         #move dd {
			margin-left: auto;
			margin-right: auto;
         }
         #move dd div.title {
			font-size:14px;
            font-weight:100;
			width: 200px;
			height: 60px;	
			overflow: hidden;

         }
         #move dd span {
            color:#ff6699;
            font-weight:bold;

         }

         #move ss {
			margin-left: auto;
			margin-right: auto;
         }
         #move ss div.kaisu {
            font-size:small;
			color: #808080;
         }




         #move100 {
			margin-left: auto;
			margin-right: auto;
			text-align: center;
			font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
			width: 100%;
			margin: 7% 2% 7% 2%; 
         }



         #move100 dl {
			border: thin solid #000;
			width: 200px;
			height: 260px;
			border: thin solid #ccc;
			padding: 10px 10px 1px 10px;
			margin: 13px; 
			float:left;
			overflow: hidden;

         }
         #move100 dt {
            width:200px;
			height:165px;
            clear:all;
            overflow:hidden;
			padding: 0 0 5px 0;
         }
         #move100 dt img {
            overflow:hidden;
            width:220px;

         }


         #move100 dd {
			margin-left: auto;
			margin-right: auto;
         }
         #move100 dd div.title {
			font-size:14px;
            font-weight:100;
			width: 200px;
			height: 60px;	
			overflow: hidden;

         }
         #move100 dd span {
            color:#ff6699;
            font-weight:bold;

         }

         #move100 ss {
			margin-left: auto;
			margin-right: auto;
         }
         #move100 ss div.kaisu {
            font-size:small;
			color: #808080;
         }







/*footerのテーブル*/
#footerbodytable{
	width: 100%;
	display: table;
	padding: 10px 0 0 0;
	margin-left: auto;
	margin-right: auto;
}

#leftfooter, #centerfooter, #rightfooter {
	display: table-cell;
}

#leftfooter {
	width: 18%;
/*background-color: #CC6633;*/

}




#centerfooter {
/*	height: 50px;*/
/*	width: 200px;*/
	width: 64%;	
	margin-left: auto;
	margin-right: auto;
	margin: 5px 5px 5px 5px;
	text-align:center;
/*background-color: #FF9966;*/
}
#centerfooter cb{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 80%;
}



#rightfooter {
	width: 18%;

/*background-color: #FFCC87;*/
}

#copyrights_n{
	font-size: 80%;
	margin: 30px;
	padding:0 0 30px 0;
	text-align:center;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;

}



/*ページをスクロールすると、フェードインで現れる「戻る」ボタン*/
#pagetop {
	position: fixed;
	bottom: 30px;
	right: 50px;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;

}
#pagetop a {
	background: #cc4736;
	color: #fff;
	padding: 30px;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#pagetop a:hover {
	background: #dd5e4e;
}



loadback{
	background: white;
	width:100px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
}
	 
	 

#worksfont {

	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;

}








/* =======================================
	e-tokoトップページmedia screen 201410
======================================= */


@media screen and (min-width: 1100px) and (min-height: 801px){
/*パソコン対応。ウィンドウサイズ：縦801以上(headにも記述)*/
	#mainwrapper_ms{
		width: 100%;
		padding: 0;
		margin: 0;
	}

	#wrapper_ms{
 		width: 1240px;
		margin:0 auto;
		overflow: hidden;
	}
	
	#header_ms{ 
		width: 100%;
/*		float: right;*/
		height: auto;
		padding: 0;
		margin:15px 0px 0px 0px;
		overflow:hidden;
		position: relative;
		z-index:100;
	}


	#header_bg{ 
		width:100%;
		height: 80px;
		background: url(images/header_bg.png) top repeat;
		background-size:8px;
		margin: 0 0 30px 0;
	}

	#maintitle{ 
 		width: 1240px;
		margin:0 auto;
	}

	#maintitle_container{ 
 		width: 1020px;
		float: right;
		text-align: center;
	}

	#maintitle_container h1{ 
		font-size:18px;	
		font-weight: 700;
		color: #534537;
		line-height: 30px;
		margin: 12px 0 0 0;
	}


/* 継続スライダー */
	.container {
		width: 100%; 
		height: 100%; 
		overflow-x: hidden;
	}
	.slide_all {
		width: 600px; 
		margin: 0 auto; 
		height: 300px; 
		position: relative;
	}
	.slide_wrap {
		width: 1800px; 
		position: absolute; 
		left: 50%; 
		margin-left: -900px;
	}
	.slide_body {
		width: 100%;
	}
	.slide {
		width: 600px; 
		position: relative;
		z-index: 100;
	} 
	.slide img {
		width: 100%; 
		vertical-align: bottom;
	}


/* 継続スライダー end */


	#contents_ms{ 
		width: 1020px;
		float: right;
		padding: 0;
	}

	.box_container320{ 
		width: 253px;
		margin: 0 0 0 0;
		float: left;
		overflow: hidden;
		height: auto;

	}

	.box_container960{ 
/*		width: 759px;*/
		width: 1010px;
		margin: 0 0 12px 8px;
		float: left;
		overflow: hidden;
		height: auto;
	}

	.box_container1280{ 
		width: 1012px;
		margin: 18px 9px 40px 9px;
		overflow: hidden;
	}


	.box320{ 
/*		width: 235px;*/
		width: 318px;
		height: 280px;
		margin: 0 9px 18px 9px;
		float: left;
		overflow: hidden;
		background: #fff;
	}

	.box320title{ 
		width: 100%;
		height: 38px;
		line-height: 38px;
	}

	.box320title img{ 
		width: 28px;
		vertical-align: middle;
		margin: 0 10px 0 15px;
	}

	.box320title h2{ 
		width: 100%;
		font-size: 15px;
		font-weight: 700;
/*		color: #534537;*/
		color: #fff;
	}

	.box320title a:link{
		color: #fff;
	}
	.box320title a:visited{
		color: #fff;
	}
	.box320title a:hover{
			color: #e6e6e6;
			text-decoration: none;
	}

	.box320picture{ 
		width: 100%;
		height: 120px;
		overflow: hidden;
		margin: 0 0 15px 0;
	}

	.box320picture img{ 
		width: 100%;
		height: auto;
	}

	.box320 dt{ 
		width: 86%;
		font-size: 13px;
		color: #534537;
		margin:5px auto;
		font-weight: 700;
	   border-width: 0px 0px 1px 0px; /* 太さ */
	   border-style: solid; /* 線種 */
	   border-color: #9534537; /* 線色 */
	   line-height:20px;
	}

	.box320 dt a:link{
		color: #534537;
	}
	.box320 dt a:visited{
		color: #534537;
	}
	.box320 dt a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.box320 dd{ 
		width: 86%;
		font-size: 12px;
		color: #534537;
		margin:10px auto;
		line-height:20px;
	}

	.box_container741{ 
		width: 759px;
		margin: 0 0 12px 8px;
		float: left;
		overflow: hidden;
		height: auto;
	}
	
	.box741{ 
		width: 1010px;
		height: 229px;
		margin: 0 9px 18px 9px;
		float: left;
		overflow: hidden;
		background: #fff;
	}

	.box741title{ 
		width: 100%;
		height: 38px;
		line-height: 38px;
	}

	.box741title img{ 
		width: 28px;
		vertical-align: middle;
		margin: 0 10px 0 15px;
	}

	.box741title h2{ 
		width: 100%;
		font-size: 15px;
		font-weight: 700;
/*		color: #534537;*/
		color: #fff;
		margin: 0 10px 0 15px;
	}

	.box741title a:link{
		color: #fff;
	}
	.box741title a:visited{
		color: #fff;
	}
	.box741title a:hover{
			color: #e6e6e6;
			text-decoration: none;
	}

	.box741picture{ 
		width: 1010px;
		height: 191px;
		overflow: hidden;
	}

	.box741picture img{ 
		width: 100%;
		height: auto;
	}


	.login_container320{ 
		width: 235px;
		margin: 33px 0 0 8px;
		float: left;
		overflow: hidden;
		height: auto;
		position: relative;
	}

	.login_container320 img{ 
		width: 235px;
		height: auto;

	}

	.login_container320 img.new_longin{ 
		width: 186px;
		height: auto;
		position: absolute;
		left: 22px;
		bottom: 90px;
	}

	.login_container320 img.old_longin{ 
		width: 186px;
		height: auto;
		position: absolute;
		left: 22px;
		bottom: 35px;
	}
	
/* おすすめ業者(下段に共通項目あり：スクロールバー要素) */
	.news_wrapper {
	  width: 235px;
/*	  height: 774px;*/
	  height: 970px;
	  overflow-y: scroll;
	  overflow-x: hidden;
	/*  padding: 20px 0 20px 0px;*/
		margin: 0 0 18px 9px;
	  font-size: 13px;
	  background: #fff;
	
	}
	
	.news_wrapper  dl.news {
	  width: 235px;
	  height: auto;
	  margin: 0px 0px 0px 0px;
	  padding: 18px 0 18px 10px;
	
	}
	
	.news_wrapper  dl.news dt {
	  clear: left;
	  float: left;
	  width: 40px;
	  margin-right: 10px;
	}
	
	.news_wrapper  dl.news dd {
	  width: 100%;
	  height: 50px;
	  margin-left: 10px;
	  margin-bottom: 10px;
		border-width: 0px 0px 1px 0px;
		border-style: solid;
		border-color: #ded7cf;
		line-height:20px;
	}
	
	.news_wrapper  dl.news dd a {
	  color: #534537;
	  text-decoration: none;
	}
	
	.news_wrapper  dl.news dd a:hover {
	  text-decoration: none;
	}





/* おすすめ業者(下段に共通項目あり：スクロールバー要素) end*/


	.contents_title{
		width:100%;
		margin: 0 0 7px 0;
		padding: 0;
	}

	.contents_title h4{
		font-size: 17px;
		font-weight: 700;
		color:#534537;
		margin: 0 0 0 20px;
	}

	.design_container{ 
		width: 759px;
		margin: 0 0 12px 8px;
		float: left;
		overflow: hidden;
		height: auto;
	}

	#designtool_bg{
		width: 741px;
		height: auto;
		margin: 0 9px 0 9px;
		background: #fff;
		overflow:hidden;
	}

	.designtool{
		width: 235px;
		height: 280px;
		margin: 0 12px 0 0;
		float: left;
		overflow: hidden;
		text-align: center;
	}

	.designtool img{
		width: 78%;
		height: auto;
		margin: 20px 0 0 0;

	}

	.designtool h5{
		width: 86%;
		font-size: 12px;
		color:#534537;
		margin: 0 auto;
	   line-height:20px;
	}

	.designtool h6{
		width: 86%;
		font-size: 14px;
		font-weight: 700;
		color:#534537;
		margin: 0 auto;
	   line-height:25px;
	}

	.designtool img.load{
		width: 78px;
		height: auto;
/*		text-align: center;*/
		display: inline;

	}

	.designtool img.load2{
		width: 78px;
		height: auto;
		display: inline;
	}
	
	.link_ms{
		width: 100%
		height: auto;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

	.link_ms img{
		width: 235px;
		max-width: 100%;
		height: auto;
		float: left;
		margin: 0 9px 0 9px;
	}


	#sidebar_ms{
		position:absolute;
		top: 0px;
		width: 215px;
		height:1024px;
		float: left;
		padding: 0;
		margin: 0;
		z-index:10000;
	}
	
	#sidebar_logo{
	    position: fixed;
		margin: 60px 0 0 18px;
		padding:0;
		z-index:1000;
	}

	.sidebar_title1{
	    position: fixed;
	    margin-top: 130px;
		width: 215px;
		height: 38px;
		padding:0;
		z-index: 200;

	}
	
	.sidebar_title1 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}



	.sidebar_title1 h2{
		font-size: 12px;
		line-height: 20px; 
/*		color: #7a6a56;*/
		color: #534537;
	}


	.sidebar_title1 h3{
		font-size:14px;	
		font-weight: 700;
/*		color:#727171;*/
		color: #534537;
	}

	.sidebar_title1 a:link{
		color: #534537;
	}
	.sidebar_title1 a:visited{
		color: #534537;
	}
	.sidebar_title1 a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.sidebar_title2{
	    position: fixed;
	    margin-top: 190px;
		width: 215px;
		height: 38px;
		padding:0;
		z-index: 200;
	}
	
	.sidebar_title2 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}
	
	.sidebar_title2 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title2 h3{
		font-size: 14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title2 a:link{
		color: #534537;
	}
	.sidebar_title2 a:visited{
		color: #534537;
	}
	.sidebar_title2 a:hover{
			color: #ababab;
			text-decoration: none;
	}
	
	.sidebar_title3{
	    position: fixed;
	    margin-top: 250px;
		width: 215px;
		height: 38px;
		padding:0;
		z-index: 200;
	}
	
	.sidebar_title3 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}

	.sidebar_title3 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title3 h3{
		font-size: 14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title3 a:link{
		color: #534537;
	}
	.sidebar_title3 a:visited{
		color: #534537;
	}
	.sidebar_title3 a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.sidebar_title4{
	    position: fixed;
	    margin-top: 310px;
		width: 215px;
		height: 38px;
		padding:0;
		z-index: 200;
	}
	
	.sidebar_title4 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}
	.sidebar_title4 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title4 h3{
		font-size:14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title4 a:link{
		color: #534537;
	}
	.sidebar_title4 a:visited{
		color: #534537;
	}
	.sidebar_title4 a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.sidebar_title5{
	    position: fixed;
	    margin-top: 370px;
		width: 215px;
		height: 38px;
		padding:0;	
		z-index: 200;
	}
	
	.sidebar_title5 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}
	.sidebar_title5 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title5 h3{
		font-size:14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title5 a:link{
		color: #534537;
	}
	.sidebar_title5 a:visited{
		color: #534537;
	}
	.sidebar_title5 a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.sidebar_title6{
	    position: fixed;
	    margin-top: 430px;
		width: 215px;
		height: 38px;
		padding:0;
		z-index: 200;
	}
	
	.sidebar_title6 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}
	.sidebar_title6 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title6 h3{
		font-size:14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title6 a:link{
		color: #534537;
	}
	.sidebar_title6 a:visited{
		color: #534537;
	}
	.sidebar_title6 a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.sidebar_title7{
	    position: fixed;
	    margin-top: 490px;
		width: 215px;
		height: 38px;
		padding:0;	
		z-index: 200;
	}
	
	.sidebar_title7 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}
	.sidebar_title7 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title7 h3{
		font-size:14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title7 a:link{
		color: #534537;
	}
	.sidebar_title7 a:visited{
		color: #534537;
	}
	.sidebar_title7 a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.sidebar_title8{
	    position: fixed;
	    margin-top: 550px;
		width: 215px;
		height: 38px;
		padding:0;
		z-index: 200;
	}
	
	.sidebar_title8 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}
	.sidebar_title8 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title8 h3{
		font-size:14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title8 a:link{
		color: #534537;
	}
	.sidebar_title8 a:visited{
		color: #534537;
	}
	.sidebar_title8 a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.sidebar_title9{
	    position: fixed;
	    margin-top: 610px;
		width: 215px;
		height: 38px;
		padding:0;	
		z-index: 200;
	}
	
	.sidebar_title9 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}
	.sidebar_title9 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title9 h3{
		font-size:14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title9 a:link{
		color: #534537;
	}
	.sidebar_title9 a:visited{
		color: #534537;
	}
	.sidebar_title9 a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.sidebar_title10{
	    position: fixed;
	    margin-top: 670px;
		width: 215px;
		height: 38px;
		padding:0;
		z-index: 200;
	}
	
	.sidebar_title10 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}
	.sidebar_title10 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title10 h3{
		font-size:14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title10 a:link{
		color: #534537;
	}
	.sidebar_title10 a:visited{
		color: #534537;
	}
	.sidebar_title10 a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.sidebar_title11{
	    position: fixed;
	    margin-top: 730px;
		width: 215px;
		height: 38px;
		padding:0;
		z-index: 200;
	}
	.sidebar_title11 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}	

	.sidebar_title11 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title11 h3{
		font-size:14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title11 a:link{
		color: #534537;
	}
	.sidebar_title11 a:visited{
		color: #534537;
	}
	.sidebar_title11 a:hover{
			color: #ababab;
			text-decoration: none;
	}

	#menbercontianer_ms{
	    position: fixed;
	    bottom: 90px;
		width:190px;
		margin:0px 0px 0px 40px;
		z-index: 100;
	}



	#menberregist_ms{
	    position: fixed;
	    bottom: 134px;
		margin:0px 0px 0px 16px;
/*	   border-width: 1px 1px 1px 1px;*/ /* 太さ */
/*	   border-style: solid;*/ /* 線種 */
/*	   border-color: #898989;*/ /* 線色 */
	}

	#menbepage_ms{
	    position: fixed;
	    bottom: 100px;
		margin:0px 0px 0px 16px;
/*	   border-width: 1px 1px 1px 1px;*/ /* 太さ */
/*	   border-style: solid;*/ /* 線種 */
/*	   border-color: #898989;*/ /* 線色 */
	}

	
	#sidebar_twitter{
	    position: fixed;
	    bottom: 30px;
		padding:0px 0px 0px 50px;
		z-index:1000;
	}
	
	#sidebar_facebook{
	    position: fixed;
	    bottom: 30px;
		padding:0px 0px 0px 120px;
		z-index:1000;
	}
	
	#sidebar_bg{
		background: #f4f1e8;
		overflow: hidden;
		filter:alpha(opacity=9.5);
		-moz-opacity: 0.95;
		opacity: 0.95;
		filter: alpha(opacity=95);        /* ie lt 8 */
		-ms-filter: "alpha(opacity=95)";  /* ie 8 */
		-moz-opacity:0.95;                 /* FF lt 1.5, Netscape */
		-khtml-opacity: 0.95;
		width: 215px;
		height: 1024px;
	}


	#footer_ms{
		background: #eae9e3;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
		position: relative;
		z-index:100;
	}

	#footer_wrapper{
 		width: 1240px;
		margin:0 auto;
		overflow: hidden;
	}

	.footer_container{
		width: 1020px;
		float: right;
		height: auto;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 0 0 15px 0;
	}

	.footer_ad{
		width: 100%;
		height: auto;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}


	.footer_left{
		width: 720px;
		float: left;
		margin: 15px 0 0 27px;

	}

	.footer_right{
		width: 220px;
		float: right;
		margin: 15px 0 0 0;
	}
	
	.footer_container p{
		font-size:12px;	
		color: #534537;
		line-height: 20px;
	}

	.footer_container p :link{
		color: #534537;
		text-decoration: none;
	}

	.footer_container p :visited{
		color: #534537;
		text-decoration: none;
	}

	.footer_container p :hover{
		color: #ababab;
		text-decoration: none;
	}

	.pchide{
		display: none;
	}



/* e-tokoマップからの登録のご案内 */
	#container
	{
		background:#fff;
		width: 600px;
		margin: 0;
		padding: 0;
		height: auto;
		clear: both;
	}
	.content
	{
		padding: 0;
		margin:0 auto;

	}


	.contenttitle h2
	{
		width: 580px;
	
		height: 20px;
		color: #ffffff;
		background: #dddddd url(images/menubar/e-toko/colorbar_title_b.jpg);
		border-top: 1px solid #888888;
		border-left: 1px solid #888888;
		border-right: 1px solid #888888;
		/*border-bottom: 1px solid #000000;*/
		line-height: 20px;
		font-size: 10pt;/*90%;*/
		text-align: left; /*center;*/
		text-indent: 0px;
		font-weight: bold;
		padding: 5px 5px 1px 10px;
		margin: 3px 0px 0px 0px;
		overflow: hidden;
	}
	
	.contenttitle h2 a:link
	{
		color: #ffffff;
		text-decoration: underline;
	}
	.contenttitle h2 a:visited
	{
		color: #ffffff;
		text-decoration: underline;
	}
	.contenttitle h2 a:hover
	{
		color: #ffffff;
		text-decoration: underline;
	}
	.contenttitle h2 a:active
	{
		color: #ffffff;
		text-decoration: underline;
	}
	
	
	.contenttitle h4
	{
		clear: both;
		font-size: 11px;/*11px;*/
		text-align: right; /*center;*/
		padding: 2px 0 0 0;
		margin: 0;
	}

	.contentbody
	{
		font-size: 10pt;
	/*	background: url(images/border_box_left.jpg) left repeat-y;*/
		padding: 10px 5px 5px 5px;
		margin: 0px 0px 20px 0px;
		line-height: 170%; 
	
		border-top: 1px solid #aaaaaa;
		border-left: 1px solid #aaaaaa;
		border-right: 1px solid #aaaaaa;
		border-bottom: 1px solid #aaaaaa;
		width: 585px;
		text-align: left;
	
	}
/* 【end】e-tokoマップからの登録のご案内 */



}



@media screen and (min-width: 1100px) and (max-height: 800px){
/*パソコン対応。ウィンドウサイズ：縦800以下(headにも記述)*/
	#mainwrapper_ms{
		width: 100%;
		padding: 0;
		margin: 0;
	}

	#wrapper_ms{
 		width: 1240px;
		margin:0 auto;
		overflow: hidden;
	}
	
	#header_ms{ 
		width: 100%;
/*		float: right;*/
		height: auto;
		padding: 0;
		margin:15px 0px 0px 0px;
		overflow:hidden;
		position: relative;
		z-index:100;
	}


	#header_bg{
		width:100%;
		height: 80px;
		background: url(images/header_bg.png) top repeat;
		background-size:8px;
		margin: 15px 0 30px 0;
	}

	#maintitle{ 
 		width: 1240px;
		margin:0 auto;
	}

	#maintitle_container{ 
 		width: 1020px;
		float: right;
		text-align: center;
	}

	#maintitle_container h1{ 
		font-size:18px;	
		font-weight: 700;
		color: #534537;
		line-height: 30px;
		margin: 12px 0 0 0;
	}


/* 継続スライダー */
	.container {
		width: 100%; 
		height: auto; 
		overflow-x: hidden;
	}
	.slide_all {
		width: 600px; 
		margin: 0 auto; 
		height: 300px; 
		position: relative;
	}
	.slide_wrap {
		width: 1800px; 
		position: absolute; 
		left: 50%; 
		margin-left: -900px;
	}
	.slide_body {
		width: 100%;
	}
	.slide {
		width: 600px;  
		position: relative;
		z-index: 100;
	} 
	.slide img {
		width: 100%; 
		vertical-align: bottom;
	}
/* 継続スライダー end */


	#contents_ms{ 
		width: 1020px;
		float: right;
		padding: 0;
	}

	.box_container320{ 
		width: 253px;
		margin: 0 0 0 0;
		float: left;
		overflow: hidden;
		height: auto;

	}

	.box_container960{ 
		width: 1010px;
		margin: 0 0 12px 8px;
		float: left;
		overflow: hidden;
		height: auto;
	}

	.box_container1280{ 
		width: 1012px;
		margin: 18px 9px 40px 9px;
		overflow: hidden;
	}


	.box320{ 
		width: 318px;
		height: 280px;
		margin: 0 9px 18px 9px;
		float: left;
		overflow: hidden;
		background: #fff;
	}

	.box320title{ 
		width: 100%;
		height: 38px;
		line-height: 38px;
	}

	.box320title img{ 
		width: 28px;
		vertical-align: middle;
		margin: 0 10px 0 15px;
	}

	.box320title h2{ 
		width: 100%;
		font-size: 15px;
		font-weight: 700;
/*		color: #534537;*/
		color: #fff;
	}

	.box320title a:link{
		color: #fff;
	}
	.box320title a:visited{
		color: #fff;
	}
	.box320title a:hover{
			color: #e6e6e6;
			text-decoration: none;
	}

	.box320picture{ 
		width: 100%;
		height: 120px;
		overflow: hidden;
		margin: 0 0 15px 0;
	}

	.box320picture img{ 
		width: 100%;
		height: auto;
	}

	.box320 dt{ 
		width: 86%;
		font-size: 13px;
		color: #534537;
		margin:5px auto;
		font-weight: 700;
	   border-width: 0px 0px 1px 0px; /* 太さ */
	   border-style: solid; /* 線種 */
	   border-color: #9534537; /* 線色 */
	   line-height:20px;
	}

	.box320 dt a:link{
		color: #534537;
	}
	.box320 dt a:visited{
		color: #534537;
	}
	.box320 dt a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.box320 dd{ 
		width: 86%;
		font-size: 12px;
		color: #534537;
		margin:10px auto;
		line-height:20px;
	}
	
	.box_container741{ 
		width: 759px;
		margin: 0 0 12px 8px;
		float: left;
		overflow: hidden;
		height: auto;
	}
	
	.box741{ 
		width: 1010px;
		height: 229px;
		margin: 0 9px 18px 9px;
		float: left;
		overflow: hidden;
		background: #fff;
	}

	.box741title{ 
		width: 100%;
		height: 38px;
		line-height: 38px;
	}

	.box741title img{ 
		width: 28px;
		vertical-align: middle;
		margin: 0 10px 0 15px;
	}

	.box741title h2{ 
		width: 100%;
		font-size: 15px;
		font-weight: 700;
/*		color: #534537;*/
		color: #fff;
		margin: 0 10px 0 15px;
	}

	.box741title a:link{
		color: #fff;
	}
	.box741title a:visited{
		color: #fff;
	}
	.box741title a:hover{
			color: #e6e6e6;
			text-decoration: none;
	}

	.box741picture{ 
		width: 1010px;
		height: 191px;
		overflow: hidden;
	}

	.box741picture img{ 
		width: 100%;
		height: auto;
	}

	.login_container320{ 
		width: 235px;
		margin: 33px 0 0 8px;
		float: left;
		overflow: hidden;
		height: auto;
		position: relative;
	}

	.login_container320 img{ 
		width: 235px;
		height: auto;

	}

	.login_container320 img.new_longin{ 
		width: 186px;
		height: auto;
		position: absolute;
		left: 32px;
		bottom: 90px;
	}

	.login_container320 img.old_longin{ 
		width: 186px;
		height: auto;
		position: absolute;
		left: 32px;
		bottom: 35px;
	}
	
/* おすすめ業者(下段に共通項目あり：スクロールバー要素) */
	.news_wrapper {
	  width: 235px;
/*	  height: 774px;*/
	  height: 970px;
	  overflow-y: scroll;
	  overflow-x: hidden;
	/*  padding: 20px 0 20px 0px;*/
		margin: 0 0 18px 9px;
	  font-size: 13px;
	  background: #fff;
	
	}
	
	.news_wrapper  dl.news {
	  width: 235px;
	  height: auto;
	  margin: 0px 0px 0px 0px;
	  padding: 18px 0 18px 10px;
	
	}
	
	.news_wrapper  dl.news dt {
	  clear: left;
	  float: left;
	  width: 40px;
	  margin-right: 10px;
	}
	
	.news_wrapper  dl.news dd {
	  width: 100%;
	  height: 50px;
	  margin-left: 10px;
	  margin-bottom: 10px;
		border-width: 0px 0px 1px 0px;
		border-style: solid;
		border-color: #ded7cf;
		line-height:20px;
	}
	
	.news_wrapper  dl.news dd a {
	  color: #534537;
	  text-decoration: none;
	}
	
	.news_wrapper  dl.news dd a:hover {
	  text-decoration: none;
	}
/* おすすめ業者(下段に共通項目あり：スクロールバー要素) end*/


	.contents_title{
		width:100%;
		margin: 0 0 7px 0;
		padding: 0;
	}

	.contents_title h4{
		font-size: 17px;
		font-weight: 700;
		color:#534537;
		margin: 0 0 0 20px;
	}

	.design_container{ 
		width: 759px;
		margin: 0 0 12px 8px;
		float: left;
		overflow: hidden;
		height: auto;
	}

	#designtool_bg{
		width: 741px;
		height: auto;
		margin: 0 9px 0 9px;
		background: #fff;
		overflow:hidden;
	}

	.designtool{
		width: 235px;
		height: 280px;
		margin: 0 12px 0 0;
		float: left;
		overflow: hidden;
		text-align: center;
	}

	.designtool img{
		width: 78%;
		height: auto;
		margin: 20px 0 0 0;

	}

	.designtool h5{
		width: 86%;
		font-size: 12px;
		color:#534537;
		margin: 0 auto;
	   line-height:20px;
	}

	.designtool h6{
		width: 86%;
		font-size: 14px;
		font-weight: 700;
		color:#534537;
		margin: 0 auto;
	   line-height:25px;
	}

	.designtool img.load{
		width: 78px;
		height: auto;
/*		text-align: center;*/
		display: inline;

	}

	.designtool img.load2{
		width: 78px;
		height: auto;
		display: inline;
	}
	
	.link_ms{
		width: 100%
		height: auto;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

	.link_ms img{
		width: 235px;
		max-width: 100%;
		height: auto;
		float: left;
		margin: 0 9px 0 9px;
	}


	#sidebar_ms{
		position:absolute;
		top: 0px;
		width: 215px;
		height:100%;
		float: left;
		padding: 0;
		margin: 0;
		z-index:10000;

	}
	
	#sidebar_logo{
	    position: relative;
	    margin-top: 40px;
		margin-left: 18px;
		padding:0;
		z-index:1000;
	}

	.sidebar_title1{
	    position: relative;
	    margin-top: 48px;
		width: 215px;
		height: 38px;
		padding:0;
		z-index: 200;

	}
	
	.sidebar_title1 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}



	.sidebar_title1 h2{
		font-size: 12px;
		line-height: 20px; 
/*		color: #7a6a56;*/
		color: #534537;
	}


	.sidebar_title1 h3{
		font-size:14px;	
		font-weight: 700;
/*		color:#727171;*/
		color: #534537;
	}


	.sidebar_title1 a:link{
		color: #534537;
	}
	.sidebar_title1 a:visited{
		color: #534537;
	}
	.sidebar_title1 a:hover{
			color: #ababab;
			text-decoration: none;
	}


	.sidebar_title2{
	    position: relative;
	    margin-top: 23px;
		width: 215px;
		height: 38px;
		padding:0;
		z-index: 200;
	}
	
	.sidebar_title2 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}
	
	.sidebar_title2 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title2 h3{
		font-size: 14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title2 a:link{
		color: #534537;
	}
	.sidebar_title2 a:visited{
		color: #534537;
	}
	.sidebar_title2 a:hover{
			color: #ababab;
			text-decoration: none;
	}
	
	.sidebar_title3{
	    position: relative;
	    margin-top: 23px;
		width: 215px;
		height: 38px;
		padding:0;
		z-index: 200;
	}
	
	.sidebar_title3 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}

	.sidebar_title3 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title3 h3{
		font-size: 14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title3 a:link{
		color: #534537;
	}
	.sidebar_title3 a:visited{
		color: #534537;
	}
	.sidebar_title3 a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.sidebar_title4{
	    position: relative;
	    margin-top: 23px;
		width: 215px;
		height: 38px;
		padding:0;
		z-index: 200;
	}
	
	.sidebar_title4 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}
	.sidebar_title4 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title4 h3{
		font-size:14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title4 a:link{
		color: #534537;
	}
	.sidebar_title4 a:visited{
		color: #534537;
	}
	.sidebar_title4 a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.sidebar_title5{
	    position: relative;
	    margin-top: 23px;
		width: 215px;
		height: 38px;
		padding:0;	
		z-index: 200;
	}
	
	.sidebar_title5 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}
	.sidebar_title5 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title5 h3{
		font-size:14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title5 a:link{
		color: #534537;
	}
	.sidebar_title5 a:visited{
		color: #534537;
	}
	.sidebar_title5 a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.sidebar_title6{
	    position: relative;
	    margin-top: 23px;
		width: 215px;
		height: 38px;
		padding:0;
		z-index: 200;
	}
	
	.sidebar_title6 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}
	.sidebar_title6 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title6 h3{
		font-size:14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title6 a:link{
		color: #534537;
	}
	.sidebar_title6 a:visited{
		color: #534537;
	}
	.sidebar_title6 a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.sidebar_title7{
	    position: relative;
	    margin-top: 23px;
		width: 215px;
		height: 38px;
		padding:0;	
		z-index: 200;
	}
	
	.sidebar_title7 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}
	.sidebar_title7 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title7 h3{
		font-size:14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title7 a:link{
		color: #534537;
	}
	.sidebar_title7 a:visited{
		color: #534537;
	}
	.sidebar_title7 a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.sidebar_title8{
	    position: relative;
	    margin-top: 23px;
		width: 215px;
		height: 38px;
		padding:0;
		z-index: 200;
	}
	
	.sidebar_title8 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}
	.sidebar_title8 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title8 h3{
		font-size:14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title8 a:link{
		color: #534537;
	}
	.sidebar_title8 a:visited{
		color: #534537;
	}
	.sidebar_title8 a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.sidebar_title9{
	    position: relative;
	    margin-top: 23px;
		width: 215px;
		height: 38px;
		padding:0;	
		z-index: 200;
	}
	
	.sidebar_title9 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}
	.sidebar_title9 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title9 h3{
		font-size:14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title9 a:link{
		color: #534537;
	}
	.sidebar_title9 a:visited{
		color: #534537;
	}
	.sidebar_title9 a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.sidebar_title10{
	    position: relative;
	    margin-top: 23px;
		width: 215px;
		height: 38px;
		padding:0;
		z-index: 200;
	}
	
	.sidebar_title10 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}
	.sidebar_title10 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title10 h3{
		font-size:14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title10 a:link{
		color: #534537;
	}
	.sidebar_title10 a:visited{
		color: #534537;
	}
	.sidebar_title10 a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.sidebar_title11{
	    position: relative;
	    margin-top: 23px;
		width: 215px;
		height: 38px;
		padding:0;
		z-index: 200;
	}
	.sidebar_title11 img{
		width:38px;
		margin:0px 10px 0px 10px;
		float:left;
	}	

	.sidebar_title11 h2{
		font-size: 12px;
		line-height: 20px;
		color: #534537;
	}


	.sidebar_title11 h3{
		font-size:14px;	
		font-weight: 700;
		color: #534537;
	}

	.sidebar_title11 a:link{
		color: #534537;
	}
	.sidebar_title11 a:visited{
		color: #534537;
	}
	.sidebar_title11 a:hover{
			color: #ababab;
			text-decoration: none;
	}

	#menbercontianer_ms{
	    position: fixed;
	    bottom: 90px;
		width:190px;
		margin:0px 0px 0px 40px;
		z-index: 100;
	}



	#menberregist_ms{
	    position: fixed;
	    bottom: 134px;
		margin:0px 0px 0px 16px;
/*	   border-width: 1px 1px 1px 1px;*/ /* 太さ */
/*	   border-style: solid;*/ /* 線種 */
/*	   border-color: #898989;*/ /* 線色 */
	}

	#menbepage_ms{
	    position: fixed;
	    bottom: 100px;
		margin:0px 0px 0px 16px;
/*	   border-width: 1px 1px 1px 1px;*/ /* 太さ */
/*	   border-style: solid;*/ /* 線種 */
/*	   border-color: #898989;*/ /* 線色 */
	}

	
	#sidebar_twitter{
	    position: relative;
	    margin-top: 80px;
		margin-left: 50px;
/*		padding:0px 0px 0px 50px;*/
		float: left;
		z-index:1000;
	}

	#sidebar_facebook{
	    position: relative;
	    margin-top: 80px;
		margin-left: 30px;
/*		padding:0px 0px 0px 120px;*/
		float: left;
		z-index:1000;
	}
	#sidebar_bg{
		position:absolute;
		top: 0px;
		background: #f4f1e8;
		overflow: hidden;
		filter:alpha(opacity=9.5);
		-moz-opacity: 0.95;
		opacity: 0.95;
		filter: alpha(opacity=95);        /* ie lt 8 */
		-ms-filter: "alpha(opacity=95)";  /* ie 8 */
		-moz-opacity:0.95;                 /* FF lt 1.5, Netscape */
		-khtml-opacity: 0.95;
		width: 215px;
		height: 768px;

	}


	#footer_ms{
		background: #eae9e3;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
		position: relative;
		z-index:100;
	}

	#footer_wrapper{
 		width: 1240px;
		margin:0 auto;
		overflow: hidden;
	}

	.footer_container{
		width: 1020px;
		float: right;
		height: auto;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 0 0 15px 0;
	}

	.footer_ad{
		width: 100%;
		height: auto;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}


	.footer_left{
		width: 720px;
		float: left;
		margin: 15px 0 0 27px;

	}

	.footer_right{
		width: 220px;
		float: right;
		margin: 15px 0 0 0;
	}
	
	.footer_container p{
		font-size:12px;	
		color: #534537;
		line-height: 20px;
	}

	.footer_container p :link{
		color: #534537;
		text-decoration: none;
	}

	.footer_container p :visited{
		color: #534537;
		text-decoration: none;
	}

	.footer_container p :hover{
		color: #ababab;
		text-decoration: none;
	}

	.pchide{
		display: none;
	}


/* e-tokoマップからの登録のご案内 */
	#container
	{
		background:#fff;
		width: 600px;
		margin: 0;
		padding: 0;
		height: auto;
		clear: both;
	}
	.content
	{
		padding: 0;
		margin:0 auto;

	}


	.contenttitle h2
	{
		width: 580px;
	
		height: 20px;
		color: #ffffff;
		background: #dddddd url(images/menubar/e-toko/colorbar_title_b.jpg);
		border-top: 1px solid #888888;
		border-left: 1px solid #888888;
		border-right: 1px solid #888888;
		/*border-bottom: 1px solid #000000;*/
		line-height: 20px;
		font-size: 10pt;/*90%;*/
		text-align: left; /*center;*/
		text-indent: 0px;
		font-weight: bold;
		padding: 5px 5px 1px 10px;
		margin: 3px 0px 0px 0px;
		overflow: hidden;
	}
	
	.contenttitle h2 a:link
	{
		color: #ffffff;
		text-decoration: underline;
	}
	.contenttitle h2 a:visited
	{
		color: #ffffff;
		text-decoration: underline;
	}
	.contenttitle h2 a:hover
	{
		color: #ffffff;
		text-decoration: underline;
	}
	.contenttitle h2 a:active
	{
		color: #ffffff;
		text-decoration: underline;
	}
	
	
	.contenttitle h4
	{
		clear: both;
		font-size: 11px;/*11px;*/
		text-align: right; /*center;*/
		padding: 2px 0 0 0;
		margin: 0;
	}

	.contentbody
	{
		font-size: 10pt;
	/*	background: url(images/border_box_left.jpg) left repeat-y;*/
		padding: 10px 5px 5px 5px;
		margin: 0px 0px 20px 0px;
		line-height: 170%; 
	
		border-top: 1px solid #aaaaaa;
		border-left: 1px solid #aaaaaa;
		border-right: 1px solid #aaaaaa;
		border-bottom: 1px solid #aaaaaa;
		width: 585px;
		text-align: left;
	
	}
/* 【end】e-tokoマップからの登録のご案内 */





}



@media screen and (min-width: 751px) and (max-width: 1099px) {
/*ipad対応(headにも記述)*/
	#mainwrapper_ms{
		width: 100%;
		padding: 0;
		margin: 0;
	}

	#wrapper_ms{
 		width: 100%;
		margin:0 auto;
	}
	
	#header_mini{
 		width: 100%;
		padding:15px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		position: relative;
	}

	#header_logo_mini{
		width:70%;
		height: auto;
		float:left;
		text-align: center;
		margin: 10px 0px 0px 0px;
	}

	#header_logo_mini img{
		width: 30%;
		height: auto;
	}

	#header_twitter{
		width:7.5%;
		height: auto;
		float:left;
	}
	#header_twitter img{
		width:36px;
		margin: 13px 35px 0px 0px;
		float: right;
	}

	#header_facebook{
		width:7.5%;
		height: auto;
		float:left;
	}
	#header_facebook img{
		width:36px;
		margin: 10px 35px 0px 0px;
		float: right;
	}

	#header_ms{ 
/*		background:#fff;*/
		width: 100%;
		float: left;
		height: auto;
/*		padding: 20px 20px 65px 20px;*/
		margin:0px 0px 0px 0px;
		overflow:hidden;
	}

	#maintitle{
 		width: 100%;
		margin:0 auto;
	}

	#maintitle_container{ 
 		width: 100%;
		float: right;
		text-align: center;
		background: url(images/header_bg.png) top repeat;
		background-size:8px;
		margin: 0 0 10px 0;
		padding: 5px 0 5px 0;
	}

	#maintitle_container h1{ 
		font-size:100%;	
		font-weight: 700;
		color: #534537;
		line-height: 30px;
		text-align: center;
		margin: 0 auto;
		
	}



	#header_menber{ 
/*		background:#aaaa9e;*/
/*		background:#efeee9;*/
		width: 100%;
/*		float: right;*/
		height: auto;
/*		padding: 20px 20px 65px 20px;*/
		display: block;
		overflow: hidden;
		position: relative;
	}

	#header_menber img{
		max-width:100%;
		width:100%;
		height: auto;

	}


/* =======================================
	headerアーディオン
======================================= */

	.tabmenu{
		width:15%;
		height: auto;
		float:left;
	/*	border-top: solid 1px #00a0e9;*/
	/*	border-bottom: solid 3px #f5fbfe;*/
	/*    background: #aaaa9e;*/
	/*	float: right;*/
	/*	position: absolute;*/
	/*	z-index:11000;*/
	/*	top: 20px;*/
	}
	 
	.tab{
		width:100%;
	/*    overflow: hidden;*/
	/*    margin:0 auto ;*/
	    margin: 0px 0px 0px 25px;
	    list-style: none;
	/*    background: #aaaa9e;*/
	
	}
	
	
	.tab li{
	/*    background: #aaaa9e;*/
		width:60px;
		display: block;
	/*	color:#644c35;*/
		text-align: center;
	/*	font-size: 30px;*/
	/*	font-weight:bold;*/
		margin: 0px 0px 3px 0px;
	    padding: 0px 0px 0px 0px;
	/*	line-height:8px;*/
	/*    background: #aaaa9e;*/
	}
	
	
	.tab li.select{
		width:60px;
		display: block;
	/*	color:#898989;*/
		text-align: center;
	/*	font-size: 30px;*/
	/*	font-weight:bold;*/
		margin: 0px 0px 3px 0px;
	    padding: 0px 0px 0px 0px;
	/*    background: #aaaa9e;*/
	/*	line-height:8px;*/
	}
	
	.mainmenu_home_btn_line
	{
	/*	width: 122px;*/
		height: 22px;
		margin: 13px 0px 0px 0px;
		border-right: 1px solid #fff;
	
	}
	
	
	
	.tab li:after{
	/*	content:url("images/headermenu_arrow.png");*/
		padding:0px 0px 0px 8px;
	    background: #644c35;
	}
	
	.tab li.select:after{
	/*	content:url("images/headermenu_arrow_click.png");*/
		padding:0px 0px 0px 8px;
	    background: #644c35;
	}
	
	 .tab li:hover{
		color:#aaaa9e;
	}
	
	 
	#contenth{
		width:100%;
	    background: #efeee9;
		margin:0 auto;
		padding:0;
		position: absolute;
		z-index:24000;
		box-shadow:-webkit-box-shadow: 0 7px 6px -6px #777;
	       -moz-box-shadow: 0 7px 6px -6px #777;
	            box-shadow: 0 7px 6px -6px #777;
		   border-width: 0px 0px 2px 0px; /* 太さ */
		   border-style: solid; /* 線種 */
		   border-color: #534537; /* 線色 */	   
	}
	
	.show{
		width:100%;
		   border-width: 2px 0px 0px 0px; /* 太さ */
		   border-style: solid; /* 線種 */
		   border-color: #534537; /* 線色 */
	}
	
	.showint220{
	    position: relative;
		width:15%;
		padding:0 0% 4% 1.4%;
		z-index: 200;
		float: left;
		text-align: center;
	/*	background:#fff000;*/
		display: block;
	}
	
	.showint220 img{
		width: 65%;
		max-width: 100%;
		hight: auto;
		margin:0px 0px 3% 0px;
	}
	.showint220 h2{
		margin:0px 0px 2% 0px;
		font-size:75%;	
	/*	color:#727171;*/
		color: #534537;
	}
	
	.showint220 h3{
	
			font-size: 75%;
			font-weight: 700;
			margin:0px 0px 0px 0px;
	/*		color: #7a6a56;*/
			color: #534537;
	}
	
	.showtitle{
		font-weight:bold;
		font-size: 15px;
		color: #898989;
		padding:0px 0px 9px 0px;
	}
	
	.showint220 a:link{
		color: #534537;
	}
	.showint220 a:visited{
		color: #534537;
	}
	.showint220 a:hover{
			color: #ababab;
			text-decoration: none;
	}
	
	
	.hide{
	    display:none;
	}
	
	.close{
		width: 15%;
		float: right;	
	}
	
	.close img{
		width: 20%;
		height: auto;
		float: right;
		margin:85% 25% 0 0;
	}

/* =======================================
	headerアーディオンend
======================================= */


	#contents_ms{ 
/*	 	background:#53DE2E;*/
		width: 95%;
		margin: 0 auto;
/*		float: left;*/
	}

	.box_container320{ 
		width: 31%;
		margin: 10px 0 10px 0;
		float: left;
		overflow: hidden;
		height: auto;
	}

	.box_container960{ 
		width: 69%;
		margin: 10px 0 10px 0;
		float: left;
		overflow: hidden;
		height: auto;
	}	

	.box_container1280{ 
		width: 100%;
		margin: 10px 0 10px 0;
		overflow: hidden;
	}
	
	.box320{ 
		width: 48%;
/*		width: 280px;*/
/*		margin: 0 2% 2% 0; */
		margin: 0 2% 10px 0;
		float: left;
		height: 280px;
		overflow: hidden;
		background: #fff;
	}

	.box320title{ 
		width: 100%;
		height: 38px;
		line-height: 38px;
	}

	.box320title img{ 
		width: 10%;
		vertical-align: middle;
		margin: 0 5% 1% 5%;
	}

	.box320title h2{ 
		width: 100%;
		font-size: 100%;
		font-weight: 700;
/*		color: #534537;*/
		color: #fff;
	}

	.box320title a:link{
		color: #fff;
	}
	.box320title a:visited{
		color: #fff;
	}
	.box320title a:hover{
			color: #e6e6e6;
			text-decoration: none;
	}


	.box320picture{ 
		width: 100%;
		height: 120px;
		overflow: hidden;
		margin: 0 0 0 0;
	}

	.box320picture img{ 
		width: 100%;
		height: auto;
	}

	.box320 dt{ 
		width: 90%;
		font-size: 90%;
		color: #534537;
		margin:0 auto;
		margin:5px auto;
		font-weight: 700;
	   border-width: 0px 0px 1px 0px; /* 太さ */
	   border-style: solid; /* 線種 */
	   border-color: #9534537; /* 線色 */
	   line-height:180%;
	}

	.box320 dt a:link{
		color: #534537;
	}
	.box320 dt a:visited{
		color: #534537;
	}
	.box320 dt a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.box320 dd{ 
		width: 90%;
		font-size: 80%;
		color: #534537;
		margin:0 auto;
	   line-height:180%;
	}

	.box741{ 
		width: 98%;
		height: auto;
		margin: 0 2% 10px 0;
		float: left;
		overflow: hidden;
		background: #fff;
		padding: 0 0 14px 0;
	}

	.box741title{ 
		width: 100%;
		height: 38px;
		line-height: 38px;
	}

	.box741title img{ 
		width: 28px;
		vertical-align: middle;
		margin: 0 10px 0 15px;
	}

	.box741title h2{ 
		width: 100%;
		font-size: 15px;
		font-weight: 700;
/*		color: #534537;*/
		color: #fff;
		margin: 0 10px 0 15px;
	}

	.box741title a:link{
		color: #fff;
	}
	.box741title a:visited{
		color: #fff;
	}
	.box741title a:hover{
			color: #e6e6e6;
			text-decoration: none;
	}

	.box741picture{ 
		width: 100%;
		overflow: hidden;
	}

	.box741picture img{ 
		width: 100%;
		height: auto;
	}

	.box741 dt{ 
		width: 90%;
		font-size: 90%;
		color: #534537;
		margin:0 auto;
		margin:5px auto;
		font-weight: 700;
	   border-width: 0px 0px 1px 0px; /* 太さ */
	   border-style: solid; /* 線種 */
	   border-color: #9534537; /* 線色 */
	   line-height:180%;
	}

	.box741 dt a:link{
		color: #534537;
	}
	.box741 dt a:visited{
		color: #534537;
	}
	.box741 dt a:hover{
			color: #ababab;
			text-decoration: none;
	}

	.box741 dd{ 
		width: 90%;
		font-size: 80%;
		color: #534537;
		margin:0 auto;
	   line-height:180%;
	}




	.login_container320{ 
		width: 31%;
		margin: 2px 0 0 0;
		float: left;
		overflow: hidden;
		height: 280px;
		position: relative;
		background:#fff;
	}

	.login_container320 img{ 
		width: auto;
		height: 280px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		
	}

	.login_container320 img.new_longin{ 
		width: 75%;
		height: auto;
		position: absolute;
		left: 13%;
		bottom: 25%;
	}

	.login_container320 img.old_longin{ 
		width: 75%;
		height: auto;
		position: absolute;
		left: 13%;
		bottom: 5%;
	}



/* おすすめ業者(下段に共通項目あり：スクロールバー要素) */
	.news_wrapper {
	  width: 100%;
/*	  height: 570px;*/
	  height: 1208px;
	  overflow-y: scroll;
	  overflow-x: hidden;
	/*  padding: 20px 0 20px 0px;*/
	  font-size: 85%;
	  background: #fff;
	
	}
	
	.news_wrapper  dl.news {
	  width: 100%;
	  height: auto;
	  margin: 0px 0px 0px 0px;
	  padding: 8% 0 8% 5%;
	
	}
	
	.news_wrapper  dl.news dt {
	  clear: left;
	  float: left;
	  width: 40px;
	  margin-right: 10px;
	}
	
	.news_wrapper  dl.news dd {
	  width: 100%;
	  height: 50px;
	  margin-left: 10px;
	  margin-bottom: 10px;
		border-width: 0px 0px 1px 0px;
		border-style: solid;
		border-color: #ded7cf;
	}
	
	.news_wrapper  dl.news dd a {
	  color: #534537;
	  text-decoration: none;
	}
	
	.news_wrapper  dl.news dd a:hover {
	  text-decoration: none;
	}

/* おすすめ業者(下段に共通項目あり：スクロールバー要素) end*/

	.contents_title{
		width:100%;
		padding: 0;
	}
	
	.contents_title h4{
		font-size: 100%;
		font-weight: 700;
		color:#534537;
		margin: 0 0 1% 2.5%;
	}

	.design_container{ 
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		height: auto;
	}


	#designtool_bg{
		width: 100%;
		height: auto;
		background: #fff;	
		overflow:hidden;
		margin: 0 auto;
		padding: 1% 0 1% 0;
	}

	.designtool{
		width: 33%;
		height: auto;
		float: left;
		text-align: center;
	}

	.designtool img{
		width: 78%;
		height: auto;
		margin:0 auto;
	}

	.designtool h5{
		width: 100%;
		font-size: 75%;
		color:#534537;
		line-height: 100%;
/*		text-align: center;*/
		margin:1% 0 0 0;
/*		text-indent:20%; */
	}

	.designtool h6{
		width: 100%;
		font-size: 80%;
		font-weight: 700;
		color:#534537;
		line-height: 100%;
/*		text-align: center;*/
/*		text-indent:15%; */
		margin: 5px 0 10px 0;
	}

	.designtool img.load{
		width: 36%;
		height: auto;
		display: inline;
		margin: 0 auto;
	}

	.designtool img.load2{
		width: 36%;
		height: auto;
		display: inline;
		margin: 0 auto;
	}


	.link_ms{
		width: 100%
		height: auto;
		margin: 0 0 0 0;
	}

	.link_ms img{
		width: 23%;
		max-width: 100%;
		height: auto;
		float: left;
		margin: 0 2% 0 0;
	}
	
	#footer_ms{
		background: #eae9e3;
/*		text-align: center;*/
		width: 100%;
		float:right;
		margin: 10px 0 0 0;
	}

	.footer_left{
		width: 60%;
		float: left;
		padding: 2% 2% 5% 5%;
	}

	.footer_right{
		width: 25%;
		float: left;
		padding: 2% 2% 2% 2%;
	}
	
	.footer_container{
		width:100%
*/		margin:20px;*/
	}
	
	.footer_container p{
		font-size:80%;	
		color: #534537;
		line-height: 20px;
	}

	.footer_container p :link{
		color: #534537;
		text-decoration: none;
	}

	.footer_container p :visited{
		color: #534537;
		text-decoration: none;
	}

	.footer_container p :hover{
		color: #ababab;
		text-decoration: none;
	}

	.bx-prev{
		display: none;
	}

	.bx-next{
		display: none;
	}

	.smarthide{
		display: none;
	}


/* e-tokoマップからの登録のご案内 */
	#container
	{
		background:#fff;
		width: 100%;
		margin: 0;
		padding: 0;
		height: auto;
		clear: both;
	}
	.content
	{
		width: 95%
		padding: 0;
		margin:0 auto;

	}


	.contenttitle h2
	{
		width: 80%;
	
		height: 20px;
		color: #ffffff;
		background: #dddddd url(images/menubar/e-toko/colorbar_title_b.jpg);
		border-top: 1px solid #888888;
		border-left: 1px solid #888888;
		border-right: 1px solid #888888;
		/*border-bottom: 1px solid #000000;*/
		line-height: 20px;
		font-size: 10pt;/*90%;*/
		text-align: left; /*center;*/
		text-indent: 0px;
		font-weight: bold;
		padding: 5px 5px 1px 10px;
		margin: 0 auto;
		overflow: hidden;
	}
	
	.contenttitle h2 a:link
	{
		color: #ffffff;
		text-decoration: underline;
	}
	.contenttitle h2 a:visited
	{
		color: #ffffff;
		text-decoration: underline;
	}
	.contenttitle h2 a:hover
	{
		color: #ffffff;
		text-decoration: underline;
	}
	.contenttitle h2 a:active
	{
		color: #ffffff;
		text-decoration: underline;
	}
	
	
	.contenttitle h4
	{
		clear: both;
		font-size: 11px;/*11px;*/
		text-align: right; /*center;*/
		padding: 2px 0 0 0;
		margin: 0;
	}

	.contentbody
	{
		font-size: 10pt;
	/*	background: url(images/border_box_left.jpg) left repeat-y;*/
		padding: 10px 5px 5px 5px;
		margin: 0 auto;
		line-height: 170%; 
	
		border-top: 1px solid #aaaaaa;
		border-left: 1px solid #aaaaaa;
		border-right: 1px solid #aaaaaa;
		border-bottom: 1px solid #aaaaaa;
		width: 80%;
		text-align: left;
	
	}
/* 【end】e-tokoマップからの登録のご案内 */

}


@media screen and (min-width: 0px) and (max-width: 750px) {
/*スマートフォン対応(headにも記述)*/
	#mainwrapper_ms{
		width: 100%;
		padding: 0;
		margin: 0;
	}

	#wrapper_ms{
 		width: 100%;
		margin:0 auto;
	}
	
	#header_mini{
 		width: 100%;
		padding:10px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		position: relative;
	}

	#header_logo_mini{
		width:70%;
		height: auto;
		float:left;
		text-align: center;
		margin: 12px 0px 0px 0px;
	}

	#header_logo_mini img{
		width: 50%;
		height: auto;
	}

	#header_twitter{
		width:7.5%;
		height: auto;
		float:left;
	}
	#header_twitter img{
		width:30px;
		margin: 13px 30px 0px 0px;
		float: right;
	}

	#header_facebook{
		width:7.5%;
		height: auto;
		float:left;
	}
	#header_facebook img{
		width:30px;
		margin: 10px 15px 0px 0px;
		float: right;
	}

	#header_ms{ 
		width: 100%;
		float: left;
		height: auto;
/*		padding: 20px 20px 65px 20px;*/
		margin:0px 0px 0px 0px;
		overflow:hidden;
	}

	#maintitle{
 		width: 100%;
		margin:0 auto;
	}

	#maintitle_container{ 
 		width: 100%;
		float: right;
		background: url(images/header_bg.png) top repeat;
		background-size:8px;
		margin: 0 0 10px 0;
		padding: 2px 0 2px 0;
	}

	#maintitle_container h1{ 
		width: 94%;
		font-size:80%;	
		font-weight: 700;
		color: #534537;
		line-height: 20px;
		padding: 5px 0 5px 0;
		text-align: center;
		margin: 0 auto;
	}



	#header_menber{ 
/*		background:#aaaa9e;*/
/*		background:#efeee9;*/
/*		width: 150%;*/
		width: 100%;
/*		float: right;*/
		height: auto;
/*		padding: 20px 20px 65px 20px;*/
		display: block;
		overflow: hidden;
		position: relative;
	}

	#header_menber img{
		max-width:100%;
		width:100%;
		height: auto;
/*		margin-left:-16%;*/
	}


/* =======================================
	headerアーディオン
======================================= */

	.tabmenu{
		width:15%;
		height: auto;
		float:left;
	/*	border-top: solid 1px #00a0e9;*/
	/*	border-bottom: solid 3px #f5fbfe;*/
	/*    background: #aaaa9e;*/
	/*	float: right;*/
	/*	position: absolute;*/
	/*	z-index:11000;*/
	/*	top: 20px;*/
	}
	 
	.tab{
		width:100%;
	/*    overflow: hidden;*/
	/*    margin:0 auto ;*/
	    margin: 0px 0px 0px 10px;
	    list-style: none;
	/*    background: #aaaa9e;*/
	
	}
	
	
	.tab li{
		width:55px;
		display: block;
	/*	color:#644c35;*/
		text-align: center;
	/*	font-size: 30px;*/
	/*	font-weight:bold;*/
		margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	/*	line-height:8px;*/
	/*    background: #aaaa9e;*/
	}
	 
	
	
	.tab li.select{
		width:55px;
		display: block;
	/*	color:#898989;*/
		text-align: center;
	/*	font-size: 30px;*/
	/*	font-weight:bold;*/
		margin: 0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	/*    background: #aaaa9e;*/
	/*	line-height:8px;*/
	}
	
	.mainmenu_home_btn_line
	{
	/*	width: 122px;*/
		height: 22px;
		margin: 13px 0px 0px 0px;
		border-right: 1px solid #fff;
	
	}
	
	
	
	.tab li:after{
	/*	content:url("images/headermenu_arrow.png");*/
		padding:0px 0px 0px 8px;
	    background: #644c35;
	}
	
	.tab li.select:after{
	/*	content:url("images/headermenu_arrow_click.png");*/
		padding:0px 0px 0px 8px;
	    background: #644c35;
	}
	
	 .tab li:hover{
		color:#aaaa9e;
	}
	
	 
	#contenth{
		width:100%;
	    background: #efeee9;
		margin:0 auto;
		padding:0;
		position: absolute;
		z-index:24000;
		box-shadow:-webkit-box-shadow: 0 7px 6px -6px #777;
	       -moz-box-shadow: 0 7px 6px -6px #777;
	            box-shadow: 0 7px 6px -6px #777;
		   border-width: 0px 0px 2px 0px; /* 太さ */
		   border-style: solid; /* 線種 */
		   border-color: #534537; /* 線色 */	   
	}
	
	.show{
		width:100%;
		   border-width: 2px 0px 0px 0px; /* 太さ */
		   border-style: solid; /* 線種 */
		   border-color: #534537; /* 線色 */
	}
	
	.showint220{
	    position: relative;
		width:95%;
		height: 100%;
		padding:0 0 16% 0;
		margin:0 0 0 5%;
		z-index: 200;
	/*	float: left;*/
	/*	text-align: center;*/
	/*	background:#fff000;*/
		display: block;
	   border-width: 0px 0px 1px 0px; /* 太さ */
	   border-style: solid; /* 線種 */
	   border-color: #ded7cf; /* 線色 */
	}
	
	.showint220 img{
		width: 10%;
		max-width: 100%;
		hight: auto;
		margin:3% 0 3% 0;
		float: left;
	}
	.showint220 h2{
		margin:5% 3% 2% 5%;
		font-size:75%;	
	/*	color:#727171;*/
		color: #534537;
		float: left;
	}
	
	.showint220 h3{
			font-size: 75%;
			font-weight: 700;
			margin:5% 0 0 0;
	/*		color: #7a6a56;*/
			color: #534537;
		float: left;
	}
	
	.showtitle{
		font-weight:bold;
		font-size: 15px;
		color: #898989;
		padding:0px 0px 9px 0px;
	}
	
	.showint220 a:link{
		color: #534537;
	}
	.showint220 a:visited{
		color: #534537;
	}
	.showint220 a:hover{
			color: #ababab;
			text-decoration: none;
	}
	
	.hide{
	    display:none;
	}
	
	.close{
		width:100%;
		height: auto;
		float: right;
	}
	
	.close img{
		width: 5%;
		height: auto;
		float: right;
		margin:5% 10% 10% 0;
	}


/* =======================================
	headerアーディオンend
======================================= */


	#contents_ms{ 
/*	 	background:#53DE2E;*/
		width: 90%;
/*		float: right;*/
		margin: 0 auto;
	}

	.box_container320{ 
		width: 100%;
		margin: 0 0 30px 0;
		float: left;
		overflow: hidden;
		height: auto;
	}

	.box_container960{ 
		width: 100%;
		margin: 10px 0 10px 0;
		float: left;
		overflow: hidden;
		height: auto;
	}	

	.box_container1280{ 
		width: 100%;
		margin: 10px 0 10px 0;
		overflow: hidden;
	}

	.box320{ 
		width: 100%;
/*		width: 280px;*/
/*		margin: 0 2% 2% 0; */
		margin: 0 0 20px 0;
		padding: 0 0 4% 0;
		float: left;
		height: auto;
		overflow: hidden;
		background: #fff;
	}

	.box320title{ 
		width: 100%;
		height: 100%;
		line-height: 100%;
	}

	.box320title img{ 
		width: 8%;
		vertical-align: middle;
		margin: 0 3% 0 5%;
		padding: 1.5% 0 1.5% 0;
	}

	.box320title h2{ 
		width: 100%;
		font-size: 100%;
		font-weight: 700;
/*		color: #534537;*/
		color: #fff;
	}

	.box320title a:link{
		color: #fff;
	}
	.box320title a:visited{
		color: #fff;
	}
	.box320title a:hover{
			color: #e6e6e6;
			text-decoration: none;
	}

	.box320picture{ 
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 0 0 0;
	}

	.box320picture img{ 
		width: 100%;
		height: auto;
	}

	.box320 dt{ 
		width: 90%;
		font-size: 90%;
		color: #534537;
		margin:0 auto;
		margin:5px auto;
		font-weight: 700;
	   border-width: 0px 0px 1px 0px; /* 太さ */
	   border-style: solid; /* 線種 */
	   border-color: #9534537; /* 線色 */
	   line-height:180%;
	}

	.box320 dt a:link{
		color: #534537;
	}
	.box320 dt a:visited{
		color: #534537;
	}
	.box320 dt a:hover{
			color: #ababab;
			text-decoration: none;
	}


	.box320 dd{ 
		width: 90%;
		font-size: 80%;
		color: #534537;
		margin:0 auto;
	   line-height:180%;
	}

	.box741{ 
		width: 100%;
/*		width: 280px;*/
/*		margin: 0 2% 2% 0; */
		margin: 0 0 20px 0;
		padding: 0 0 4% 0;
		float: left;
		height: auto;
		overflow: hidden;
		background: #fff;
	}

	.box741title{ 
		width: 100%;
		height: 100%;
		line-height: 100%;
		padding: 1.5% 5% 1.5% 0;
	}

	.box741title img{ 
		width: 8%;
		vertical-align: middle;
		margin: 0 3% 0 5%;
		padding: 1.5% 0 1.5% 0;
	}

	.box741title h2{ 
		width: 90%;
		font-size: 100%;
		font-weight: 700;
/*		color: #534537;*/
		color: #fff;
		margin: 0 5% 0 5%;
		line-height: 20px;
	}

	.box741title a:link{
		color: #fff;
	}
	.box741title a:visited{
		color: #fff;
	}
	.box741title a:hover{
			color: #e6e6e6;
			text-decoration: none;
	}

	.box741picture{ 
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 0 0 0;
	}

	.box741picture img{ 
		width: 100%;
		height: auto;
	}

	.box741 dt{ 
		width: 90%;
		font-size: 90%;
		color: #534537;
		margin:0 auto;
		margin:5px auto;
		font-weight: 700;
	   border-width: 0px 0px 1px 0px; /* 太さ */
	   border-style: solid; /* 線種 */
	   border-color: #9534537; /* 線色 */
	   line-height:180%;
	}

	.box741 dt a:link{
		color: #534537;
	}
	.box741 dt a:visited{
		color: #534537;
	}
	.box741 dt a:hover{
			color: #ababab;
			text-decoration: none;
	}


	.box741 dd{ 
		width: 90%;
		font-size: 80%;
		color: #534537;
		margin:0 auto;
	   line-height:180%;
	}

	.login_container320{ 
		width: 100%;
		overflow: hidden;
		height: auto;
		position: relative;
		background:#fff;
	}

	.login_container320 img{ 
		width: 80%;
		height: auto;
		display: block;
		margin-left: auto;
		margin-right: auto;
		
	}

	.login_container320 img.new_longin{ 
		width: 70%;
		height: auto;
		position: absolute;
		left: 15%;
		bottom: 28%;
	}

	.login_container320 img.old_longin{ 
		width: 70%;
		height: auto;
		position: absolute;
		left: 15%;
		bottom: 8%;
	}


/* おすすめ業者(下段に共通項目あり：スクロールバー要素) */
	.news_wrapper {
	  width: 100%;
	  height: 280px;
	  overflow-y: scroll;
	  overflow-x: hidden;
	/*  padding: 20px 0 20px 0px;*/
	  font-size: 85%;
		background:#fff;
	}
	
	.news_wrapper  dl.news {
	  width: 100%;
	  height: auto;
	  margin: 0px 0px 0px 0px;
	  padding: 8% 0 8% 5%;
	
	}
	
	.news_wrapper  dl.news dt {
	  clear: left;
	  float: left;
	  width: 40px;
	  margin-right: 10px;
	}
	
	.news_wrapper  dl.news dd {
	  width: 100%;
	  height: 50px;
	  margin-left: 10px;
	  margin-bottom: 10px;
		border-width: 0px 0px 1px 0px;
		border-style: solid;
		border-color: #ded7cf;
	}
	
	.news_wrapper  dl.news dd a {
	  color: #534537;
	  text-decoration: none;
	}
	
	.news_wrapper  dl.news dd a:hover {
	  text-decoration: none;
	}
/* おすすめ業者(下段に共通項目あり：スクロールバー要素) end*/


	.contents_title{
		width:100%;
		padding: 0;
	}
	
	.contents_title h4{
		font-size: 100%;
		font-weight: 700;
		color:#534537;
		margin: 0 0 1% 2%;
	}

	.design_container{ 
		width: 100%;
		margin: 30px auto;
		overflow: hidden;
		height: auto;
	}

	#designtool_bg{
		width: 100%;
		height: auto;
		background: #fff;	
		overflow:hidden;
		margin: 0;
		paddign: 0;

	}

	.designtool{
		width: 90%;
		height: auto;
		margin: 0 auto;
		clear:both;
	}

	.designtool img{
		width: 44%;
		height: auto;
/*		display: block;*/
/*		margin-left: auto;*/
/*		margin-right: auto;*/
		margin: 4% 0 4% 0;
		float:left;
	}

	.designtool h5{
		width: 56%;
		font-size: 60%;
		color:#534537;
/*		text-align: center;*/
		margin: 8% 0 0 0;
/*		text-indent:10%;*/
		float:right;
		text-align: right;
	}

	.designtool h6{
		width: 56%;
		font-size: 65%;
		font-weight: 700;
		color:#534537;
/*		line-height: 30px;*/
/*		text-align: center;*/
/*		text-indent:10%;*/
		float:right;
		margin:1% 0 2% 0;
		text-align: right;
	}

	.designtool img.load{
		width: 22%;
		height: auto;
		margin: 4% 0 0 0;
/*		display: block;*/
/*		margin-left: auto;*/
/*		margin-right: auto;*/
		float:right;

	}

	.designtool img.load2{
		width: 22%;
		height: auto;
/*		float: left;*/
		margin: 4% 0 0 4%;
		float:right;

	}

	.link_ms{
		width: 100%
		height: auto;
		margin: 0 0 10% 2%;
	}

	.link_ms img{
		width: 48%;
		max-width: 100%;
		height: auto;
		float: left;
		margin: 0 2% 4% 0;
	}
	
	#footer_ms{
		background: #eae9e3;
		width: 100%;
		float:right;
		margin: 10px 0 0 0;
	}

	.footer_left{
		width: 90%;
/*		float: left;*/
		margin: auto;
	}

	.footer_right{
		width: 90%;
/*		float: left;*/
		margin: auto;
	}
	
	.footer_container{
		width:100%
	}
	
	.footer_container p{
		font-size:70%;	
		color: #534537;
		line-height: 10px;
		text-align: center;
	}

	.footer_container p :link{
		color: #534537;
		text-decoration: none;
	}

	.footer_container p :visited{
		color: #534537;
		text-decoration: none;
	}

	.footer_container p :hover{
		color: #ababab;
		text-decoration: none;
	}

	.bx-prev{
		display: none;
	}

	.bx-next{
		display: none;
	}

	.smarthide{
		display: none;
	}

/* e-tokoマップからの登録のご案内 */
	#container
	{
		background:#fff;
		width: 100%;
		margin: 0;
		padding: 0;
		height: auto;
		clear: both;
	}
	.content
	{
		width: 95%
		padding: 0;
		margin:0 auto;

	}


	.contenttitle h2
	{
		width: 80%;
	
		height: 20px;
		color: #ffffff;
		background: #dddddd url(images/menubar/e-toko/colorbar_title_b.jpg);
		border-top: 1px solid #888888;
		border-left: 1px solid #888888;
		border-right: 1px solid #888888;
		/*border-bottom: 1px solid #000000;*/
		line-height: 20px;
		font-size: 10pt;/*90%;*/
		text-align: left; /*center;*/
		text-indent: 0px;
		font-weight: bold;
		padding: 5px 5px 1px 10px;
		margin: 0 auto;
		overflow: hidden;
	}
	
	.contenttitle h2 a:link
	{
		color: #ffffff;
		text-decoration: underline;
	}
	.contenttitle h2 a:visited
	{
		color: #ffffff;
		text-decoration: underline;
	}
	.contenttitle h2 a:hover
	{
		color: #ffffff;
		text-decoration: underline;
	}
	.contenttitle h2 a:active
	{
		color: #ffffff;
		text-decoration: underline;
	}
	
	
	.contenttitle h4
	{
		clear: both;
		font-size: 11px;/*11px;*/
		text-align: right; /*center;*/
		padding: 2px 0 0 0;
		margin: 0;
	}

	.contentbody
	{
		font-size: 10pt;
	/*	background: url(images/border_box_left.jpg) left repeat-y;*/
		padding: 10px 5px 5px 5px;
		margin: 0 auto;
		line-height: 170%; 
	
		border-top: 1px solid #aaaaaa;
		border-left: 1px solid #aaaaaa;
		border-right: 1px solid #aaaaaa;
		border-bottom: 1px solid #aaaaaa;
		width: 80%;
		text-align: left;
	
	}
/* 【end】e-tokoマップからの登録のご案内 */

}





/* =======================================
	headerスライド
======================================= */
.frameLine {
	float: left;
	width: 666px;
	height: auto;
	overflow: hidden;
/*   border-width: 0.5% 0.5% 0.5% 0.5%;*/ /* 太さ */
/*   border-style: solid;*/ /* 線種 */
/*   border-color: #534537;*/ /* 線色 */
}

.frameLineS {
	float: left;
	background: #fff;
	width: 100%;
	height: auto;
	margin:0px 0px 10px 0px;
	overflow: hidden;
	position: relative;
}

.bx-wrapper{
	position: relative;
	margin: 0 0 -25px 0;
	*zoom: 1;
	width: 100%;
	max-width: 600px;
	height: auto;	

}
.bx-wrapper img {
	width: 100%;
	max-width:100%;
	height: auto;
	display: block;

}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	text-align: center;
}

/* PAGER */

.bx-wrapper .bx-pager {
	position: relative;
	top: -25px;
	z-index: 9999;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


.hideimg{
	display:none;
}









/* スクロールバー要素 .news_wrapper
----------------------------------------------------------- */
.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 12px;     /* 縦スクロールバーの幅を指定 */
  height: 100%;
  background: #ffffff;
}
/*
.jspHorizontalBar {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 10px;     /* 横スクロールバーの幅を指定 */
  background: #ffffff;
}
*/
.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: #eeeeee;     /* スクロールバーの背景色を指定 */
  position: relative;
}

.jspDrag {
  background: #c4c3be;     /* スクロールバーの色を指定 */
  position: relative;
  top: 0px;
  left: 0px;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0px;
  margin: 0px;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow {
  height: 16px;
}

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0px -3px 0px 0px;
}


/* 他のサイトへのリンクボタン */
.etoko_button_box{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    background-color:#eeeeee;
    padding:10px ;
}
.etoko_button_box a{
    color:black;
    text-decoration: none;
}
.etoko_button_cell{
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
.etoko_button_home{
    border-radius:10px;
    width:52px;
    height:19px;
    font-size:12px;
    text-align:center;
    padding-top:3px;
    border:1px solid #dddddd;
    background-color:#555555;
    color:white;
    cursor:pointer;
    margin-right:10px;
}
.etoko_button_home:hover{
    background-color:#dddddd;
    color:black;
}
.etoko_button_site{
    border-radius:5px;
    width:22px;
    height:20px;
    font-size:14px;
    text-align:center;
    padding-top:2px;
    /* border:1px solid #777777; */
    /* background-color:#999999;
    color:white; */
    border:1px solid #dddddd;
    background-color:white;
    color:#555555;
    cursor:pointer;
}
.etoko_button_site_map:hover{
    border-color:#9ABD5E;
    background-color:#9ABD5E;
    color:white;
}
.etoko_button_site_recruit:hover{
    border-color:#D98E3E;
    background-color:#D98E3E;
    color:white;
}
.etoko_button_site_jobtoko:hover{
    border-color:#601986;
    background-color:#601986;
    color:white;
}
.etoko_button_site_school:hover{
    border-color:#036EB8;
    background-color:#036EB8;
    color:white;
}
.etoko_button_site_catalog:hover{
    border-color:#8E7C67;
    background-color:#8E7C67;
    color:white;
}
.etoko_button_site_plan:hover{
    border-color:#D3748C;
    background-color:#D3748C;
    color:white;
}
.etoko_button_site_work:hover{
    border-color:#A280A6;
    background-color:#A280A6;
    color:white;
}
.etoko_button_site_vr:hover{
    border-color:#4A6C9D;
    background-color:#4A6C9D;
    color:white;
}
.etoko_button_site_event:hover{
    border-color:#D98E3E;
    background-color:#D98E3E;
    color:white;
}
.etoko_button_site_blog:hover{
    border-color:#4A6C9D;
    background-color:#4A6C9D;
    color:white;
}

.etoko_button_site_text{
    margin:6px 10px 6px 5px;
    font-size:10px;
}

#em_prolist_page_map_title{
    font-size:24px;
    margin:30px 0px 20px 0px;
    font-weight:bold;
    text-align:center;
}


/* 業者一覧 */
#em_public_menu{
    width:100%;
	border-bottom:1px solid #999999;
	margin: 0 0 25px 0;
}
#em_public_menu_logo_box{
    text-align:center;
    padding-top:20px;

}

#em_public_menu_keyword_box{
    width:90%;
    margin:0 auto;
    padding:5px 0 15px 0;	
    text-align:center;
}
#em_public_menu_keyword{
    width:460px;
    height:30px;
    border-radius:15px;
    border:1px solid #aaaaaa;
    background-color:#eeeeee;
    padding-left:30px;
    background-image: url('images/scope.png');
    background-repeat: no-repeat;
    background-position: 10px 6px;
    font-size:18px;
}
#em_public_menu_keyword::placeholder{
    color:#888888;
}
.em_public_menu_keyword_text{

font-size: 11px;
word-break: keep-all;

}

@media screen and (min-width:480px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
	#em_public_menu{
	    display:flex;
	    flex-direction: row;
	    justify-content: center;
	    border-bottom:1px solid #999999;
	    /* border:1px solid red; */
	    /* justify-content: flex-center; */
	}

	#em_public_menu_logo_box {
    width:150px;
    height:24px;
    margin:9px 30px;

	 }

	#em_public_menu_keyword_box{
	    width:550px;
	    height:30px;
	    margin:17px 10px;
	    /* border:1px solid red; */
	    display:flex;
	    flex-direction: row;
	    /* flex-wrap: wrap; */
	    justify-content: center;
	
	}
	#em_public_menu_keyword{
	    width:460px;
	    height:30px;
	    border-radius:15px;
	    border:1px solid #aaaaaa;
	    background-color:#eeeeee;
	    padding-left:30px;
	    background-image: url('images/scope.png');
	    background-repeat: no-repeat;
	    background-position: 10px 6px;
	    font-size:18px;
	}
	#em_public_menu_keyword::placeholder{
	    color:#888888;
	}
	.em_public_menu_keyword_text{
	    text-align:center;
	    font-size:11px;
	    padding-top:10px;
	}

}