html { 
	font-size: 100%; /* =16px */
}

h1,h2,h3,h4,h5,body,div,p {
	margin:0px;
	padding:0px;
}

.clear {
	clear:both;
}

.sp_site {
	display:none;
}

.topmargin50 {
	margin-top:50px;
}

@media screen and (max-width:768px){
	.pc_site {
		display:none;
	}

	.sp_br {
		display:block;
	}
}

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

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1rem;
	color: #333333;
	background-color:#ffffff;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	-webkit-text-size-adjust:100%;
	/* iphone対策 */
}

header {
	width:100%;
	height:120px;
	background-color:#ffffff;
	border-bottom:5px solid #ed4777;
}

@media screen and (max-width:1039px){
	header {
		width:auto;
	}
}

@media screen and (max-width:768px){
	header {
		width:auto;
		height:100px;
		border-bottom:3px solid #ed4777;
	}
}

#header-inner {
	width:1040px;
	height:120px;
	margin:0px auto 0px auto;
	background-color:#ffffff;
}

#header-inner h1 {
	color:#ee4878;
}

#header-inner h1 a {
	color:#ee4878;
	text-decoration:none;
}

#header-inner h1 a:hover {
	color:#ee4878;
	text-decoration:underline;
}

@media screen and (max-width:1039px){
	#header-inner {
		width:auto;
	}
}

@media screen and (max-width:768px){
	#header-inner {
		width:auto;
		height:100px;
	}
}

header h1 {
	font-size:1.5rem;
	margin:0px 0px 0px 10px;
	padding-top:20px;
}

@media screen and (max-width:768px){
	header h1 {
		font-size:1.3rem;
		padding-top:8px;
	}
}

header h2 {
	font-size:1rem;
	font-weight:normal;
	margin:5px 0px 0px 10px;
}

@media screen and (max-width:768px){
	header h2 {
		font-size:0.8rem;
		margin:0px 0px 0px 10px;
	}
}

.rightsidepic {
	float:right;
	margin:0px 0px 0px 10px !important;
}

@media screen and (max-width:768px){
	.rightsidepic {
		float:none;
		margin:0px auto 5px auto !important;
	}
}

#pankuzu {
	font-size:0.8rem;
	margin-bottom:15px;
}

#pankuzu a {
	text-decoration:none;
	color:#0000ff;
}

#pankuzu a:hover {
	text-decoration:underline;
}

#top_image_area {
	width:100%;
	padding:10px 0px 10px 0px;
	background-image:url("../pic/backgroundpic001.png");
	position:relative;
}

#top_image_area img {
	margin:0px auto;
}

@media screen and (max-width:768px){
	#top_image_area {
		padding:5px 0px 5px 0px;
	}

	#mainpicarea {
		width:100%;
		height:200px;
		background-image:url("../pic/main-image02.jpg");
		background-size:cover;
	}

}

@media screen and (max-width:1039px){
	#top_image_area .top_image_inner {
		width:auto;
		height:auto;
		padding:0px;
		background-color:#ffffff;
	}
}

#title_text {
	position:absolute;
	left:58%;
	top:110px;
	width:auto;
	text-align:center;
}

#title_text h1 {
	color:#ee4878;
	font-size:2rem;
}

#title_text h2 {
	font-size:0.9rem;
}

@media screen and (max-width:768px){
	#title_text {
		position:static;
		padding:10px 0px 10px 0px;
	}

	#title_text h1 {
		font-size:1.2rem;
		line-height:1.2rem;
		padding-top:10px;
	}

	#title_text h2 {
		font-size:0.8rem;
	}
}

#contents {
	width:1040px;
	height:100%;
	margin:20px auto 0px auto;
	background-color:#ffffff;
}

#mainarea {
	box-sizing: border-box;
	width:68%;
	float:left;
	padding:10px;
	border:1px solid #333333;
	margin:0 0 0 0;
	height:100%;
}

#menuarea {
	box-sizing: border-box;
	width:31%;
	padding:0px 10px 0px 10px;
	float:left;
	margin:0 0 0 1%;
}

#menuarea #menu_title {
	max-width:100%;
	margin:20px 0px 15px 0px;
	padding:15px 10px 15px 10px;
	border:1px solid #e6e6e6;
	font-weight:bold;
	background-color:#fafafa;
}

.sub_menu_title {
	max-width:95%;
	border-left:2px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	margin:20px auto 0px auto;
	padding:3px 3px 3px 5px;
	font-size:1rem;
	font-weight:bold;
	color:#666666;
}

#menuarea ul {
	font-size:1rem;
	list-style:none;
}

#menuarea ul li {
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 25px;
	background:url("../pic/listmark_pink.png") no-repeat;
}

#menuarea ul li a {
	color:#2355a5;
	text-decoration:none;
}

#menuarea ul li a:hover {
	text-decoration:underline;
	color:#2355a5;
}

@media screen and (max-width:1039px){
	#contents {
		width:100%;
	}
}

@media screen and (max-width:768px){
	#contents {
		margin:10px 0px 0px 0px;
	}

	#mainarea {
		width:98%;
		float:none;
		margin:0px auto 10px auto;
	}
	#menuarea {
		width:98%;
		float:none;
		margin:0px auto 0px auto;
	}
}



.sub-title-obi {
	max-width:100%;
	margin-bottom:15px;
	padding:8px 0px 7px 10px;
	line-height:1.9rem;
	color:#ffffff;
	background: -moz-linear-gradient(top, #fd85a8, #ec4978);/* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom, from(#fd85a8), to(#ec4978));/* Safari,Google Chrome用*/
}

.sub-title-obi2 {
	max-width:100%;
	margin-bottom:15px;
	padding:8px 0px 6px 10px;
	line-height:1.6rem;
	color:#ffffff;
	background: -moz-linear-gradient(top, #fd85a8, #ec4978);/* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom, from(#fd85a8), to(#ec4978));/* Safari,Google Chrome用*/
}

.sub-title-obi4 {
	max-width:100%;
	margin-bottom:15px;
	padding:8px 0px 6px 10px;
	line-height:1.6rem;
	color:#ffffff;
	background: -moz-linear-gradient(top, #fd85a8, #ec4978);/* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom, from(#fd85a8), to(#ec4978));/* Safari,Google Chrome用*/
}

@media screen and (max-width:768px){
	.sub-title-obi4 {
		text-align:center;
	}
}

.rankarea {
	width:100%;
	height:60px;
	border-bottom:1px solid #cccccc;
	margin-bottom:30px;
	padding-bottom:10px;
}

.rankarea img {
	float:left;
}

.rank-title {
	float:left;
	padding:25px 0px 0px 0px;
}

@media screen and (max-width:1039px){

	.rankarea img{


	}

	.rank-title {
		font-size:1.2rem;
	}
}

@media screen and (max-width:768px){

	.rankarea {
		height:auto;
		margin-bottom:10px;
	}

	.rankarea img{
		float:none;
		margin:0px auto;
	}

	.rank-title {
		float:none;
		width:100%;
		text-align:center;
		padding-top:15px;
		font-size:1.2rem;
	}
}

.sub-title-obi3 {
	max-width:100%;
	margin-bottom:15px;
	padding:8px 0px 6px 10px;
	line-height:1.6rem;
	color:#ffffff;
	background: -moz-linear-gradient(top, #5f5f5f, #373737);/* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom, from(#5f5f5f), to(#373737));/* Safari,Google Chrome用*/
}

@media screen and (max-width:768px){

	.sub-title-obi3 {
		text-align:center;
	}
}

.all-textarea {
	width:98%;
	margin:0px auto 0px auto;
	line-height:1.7rem;
}

.all-textarea img {
	margin:20px auto 25px auto;
}

.sub_inner_h2 {
	max-width:100%;
	padding:3px 0px 3px 10px;
	font-size:1.1rem;
	color:#ec4978;
	border-left:5px solid #ee4878;
	border-bottom:1px solid #cccccc;
	margin:0px 0px 15px 0px;
}

.sub_inner_h3 {
	font-size:1rem;
}

.all-textarea hr {
	border:0px;
	border-bottom:1px dotted #666666;
	margin:25px 0px 25px 0px;
}

article {
	margin-top:50px;
}




footer {
	width:100%;
	height:150px;
	margin-top:30px;
	background-color:#e5e5e5;
}

.footer_obi {
	width:100%;
	height:50px;
	background-color:#333333;
}

.footer_to_top {
	width:1040px;
	margin:0px auto 0px auto;
}

.footer_to_top img {
	float:right;
	margin:10px 80px 0px 0px;
}

footer a {
	color:#2355a5;
	text-decoration:none;
}

footer a:hover {
	color:#2355a5;
	text-decoration:underline;
}




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

@media screen and (max-width:1039px){
	.footer_to_top {
		width:100%;
	}
	.footer_to_top img {
		margin:10px 30px 0px 0px;
	}
}

.footer-inner {
	width:1040px;
	margin:0px auto 0px auto;
	padding-top:35px;
}

@media screen and (max-width:1039px){
	.footer-inner {
		width:100%;
	}
}

.f_leftside {
	float:left;
	width:40%;
	font-size:0.8rem;
}

.f_rightside {
	float:right;
	width:50%;
	font-size:0.8rem;
	text-align:right;
	margin-right:15px;
}

@media screen and (max-width:768px){
	.footer_obi {
		height:30px;
	}

	.footer_to_top img {
		margin:0px 15px 0px 0px;
	}

	.footer-inner {
		padding-top:15px;
	}

	.f_leftside {
		float:none;
		width:100%;
		font-size:0.7rem;
		text-align:center;
		margin-bottom:10px;
	}

	.f_rightside {
		float:none;
		width:100%;
		font-size:0.7rem;
		text-align:center;
		margin-right:0px;
	}
}




.red-text {
	display:inline;
	color:#ff0000;
}

.blue-text {
	display:inline;
	color:#0000ff;
	font-weight:normal;
}

.y-backline {
	display:inline;
	background-color:#facd89;
}

.bold-text {
	display:inline;
	font-weight:bold;
}

.underline {
	display:inline;
	border:0px;
	border-bottom:1px solid #ff0000;
}

.blue-underline {
	display:inline;
	border:0px;
	border-bottom:2px solid #0000ff;
	font-weight:normal;
	color:#ff0000;
}

.d-underline {
	display:inline;
	border:0px;
	border-bottom:3px double #ff0000;
}

.b-underline {
	display:inline;
	border:0px;
	border-bottom:3px double #0000ff;
}




.ad-image {
	width:601px;
	height:250px;
	text-align:center;
	margin:20px auto 25px auto;
	background-color:#33100e;
}

.bk_fff {
	background-color:#ffffff;
}

.ad-image img {
	display:inline;
	margin:0px;
}

@media screen and (max-width:1039px){
	.ad-image {
		width:100%;
		height:auto;
		margin:20px auto 25px auto;
		background-color:#ffffff;
	}
}

@media screen and (max-width:768px){
	.hide-ad {
		display:none;
	}
	.ad-image img {
		display:block;
		margin:0px auto;
	}
}



/* お勧め買取店ページ */
article.osusume-page {
	margin-top:0px;
}

.cu-red-s {
	font-size:0.7rem;
	color:#ff0000;
}

.dottedline {
	border:0px;
	border-bottom:1px dotted #666666;
}



/* 参考価格ページ */
article.sankou-page {
	margin-top:0px;
}

.checktext {
	font-size:0.8rem;
	color:#ff0000;
	line-height:1rem;
}

.price-area .itemlistmain {
	width:23%;
	padding:5px;
	text-align:center;
	float:left;
	margin:0px 1px 10px 2px;
	font-size:0.8rem;
	line-height:1.1rem;
}

.itemlistmain .red_text {
	color:#ff0000;
	font-weight:bold;
}

.itemlistmain img {
	margin:0px auto 5px auto;
	border:1px solid #666666;
}

@media screen and (max-width:1039px){
	.price-area .itemlistmain {
		width:30%;
		padding:5px;
		text-align:center;
		float:left;
		margin:0px 1px 10px 1px;
	}
}

@media screen and (max-width:768px){
	.price-area .itemlistmain {
		width:45%;
		padding:5px;
		text-align:center;
		float:left;
		margin:0px 2px 10px 2px;
	}
}



/* 滋賀買取店紹介 */
.shigatenpo_inner_h2 {
	max-width:100%;
	padding:3px 0px 3px 10px;
	font-size:1rem;
	color:#333333;
	margin:0px 0px 0px 0px;
}

.s_inner_text {
	max-width:95%;
	padding:3px 0px 3px 0px;
	margin:0px auto 20px auto;
	font-size:0.9rem;
	line-height:1.2rem;
}

#kuchikomi {
	max-width:98%;
	padding:15px 10px 30px 10px;
	margin:0px auto;
	background-color:#f4f4f5;
	font-size:0.8rem;
}

#kuchikomi strong {
	font-size:1rem;
}

@media screen and (max-width:768px){
	#kuchikomi strong {
		font-size:0.9rem;
	}
}

#kuchikomi hr {
	border:0px;
	border-bottom:1px solid #d4d4d4;
}

.mainbox {
	width:100%;
	display:table;
	margin:30px 0px 30px 0px;
}

.imagebox {
	width:10%;
	display:table-cell;
	text-align:center;
	vertical-align: middle;
}

.imagebox img {
	display:inline;
	vertical-align: middle;
}

.textbox {
	width:90%;
	display:table-cell;
	line-height:1.1rem;
}

@media screen and (max-width:768px){
	.mainbox {
		display:block;
	}

	.imagebox {
		width:100%;
		display:block;
		margin-bottom:10px;
	}

	.textbox {
		width:100%;
		display:block;
	}
}

.shopinfomenu {
	float:left;
	width:20%;
	height:auto;
	margin:10px 10px 10px 0px;
	padding:10px;
	background-color:#fd85a8;
	text-align:center;
	font-size:0.8rem;
	font-weight:bold;
	color:#ffffff;
}

.shopinfodata {
	float:left;
	width:70%;
	margin:10px 0px 10px 0px;
	padding:10px 0px 10px 20px;
	border-bottom:1px dotted #666666;
	font-size:0.8rem;
}

.bottom_linkbtn {
	margin:50px auto 50px auto;
}

.bt_line {
	border:0px;
	border:1px solid #dddddd;
	margin-top:50px;
}

@media screen and (max-width:768px){
	.shopinfomenu {
		float:none;
		margin:10px 10px 0px 0px;
	}

	.shopinfodata {
		float:none;
		width:99%;
		margin:5px 0px 15px 0px;
		padding:10px 0px 10px 0px;
	}
}



/* メールフォーム */
#formWrap {
	max-width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	max-width:100%;
	margin:10px auto 15px auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

.chui {
	margin:25px 0px 10px auto;
}

@media screen and (max-width:768px){
	.formparts {
		width:96%;
	}
	
	.form_br {
		display:block;
	}
}



/* リンク */
.link li a {
	color:#0000ff;
	text-decoration:none;
}

.link li a:hover {
	color:#0000ff;
	text-decoration:underline;
}

.link li img {
	margin:0px;
}