@charset "shift_jis";
@import url("shared/css/wie_style.css");


/*--------------------------------------------------
	�¡�¡�¡ƒŠƒ“ƒN‚Ì�Ý’è
a:hover {
	position:relative; top:1px;color:RED;
}
a:link {
	text-decoration:underline; color:BLUE;
}
a:visited {
	text-decoration:underline; color:PURPLE;
}
----------------------------------------------------*/

/*--------------------------------------------------
	�¡�¡�¡”wŒiŒÅ’è
.bgfix	{
	background-image :  url();
	background-repeat:no-repeat;
	background-position: center 150px;
}
----------------------------------------------------*/

/*--------------------------------------------------
	�¡�¡�¡Œ©�o‚µ•¶Žš‚Ì�Ý’è
----------------------------------------------------*/
H1 {font-size: 12px;font-weight: normal;line-height:1.0em;margin: 0px;}
H2 {font-size: 18px;font-weight: bold;line-height:1.3em;margin: 5px 0;}
H3 {font-size: 14px;font-weight: bold;line-height:1.1em;margin: 0 3px;}
H1 {
	background-color: #009966;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #006600;
	border-bottom-color: #006600;
	padding: 2px 5px;
	color: #FFFFFF;	
}
H1 a:hover { color: #ffffff; text-decoration: none; }
H1 a:link { color: #ffffff; text-decoration: none; }
H1 a:visited { color: #ffffff; text-decoration: none; }

.toph1-1 H1 {
	font-size: 11pt; font-weight: bold; line-height: 1.2em; margin: 0px; background-color: transparent; border: none; color: #333333; display: block;
}
.toph1-1 {
	font-size: 11pt; font-weight: bold;	line-height: 1.2em;	margin-left: 50%; padding-left: 10px; background-color: transparent; border: none; position: absolute; top: 5px; width: auto;
}
.toph1-2 {
	font-size: 20pt; font-weight: bold; line-height: 1.2em; margin-top: 20px; display: block;
}
.toph2 H2 {
	font-size: 12px;
}
H4 {
	font-size: 12px;
	margin: 0px;
}
/*--------------------------------------------------
	�¡�¡�¡•\‚̃fƒtƒHƒ‹ƒg�Ý’è
TABLE{
  font-size:x-small;
}
----------------------------------------------------*/

/*--------------------------------------------------
	�¡�¡�¡•¶Žš‚Ì‘å‚«‚³
----------------------------------------------------*/
.mojiZero {
	font-size:0px; color:white; line-height:0em;margin: 0;
}
.moji0 {
	font-size:xx-small;
}
.moji1 {
	font-size:x-small;
}
.moji2 {
	font-size:small;
}
.moji3 {
	font-size:medium;
}
.moji4 {
	font-size:large;
}
.moji5 {
	font-size:x-large;
}
.moji6 {
	font-size:xx-large;
}


.moji0bold {
	font-size:xx-small; font-weight:bold;
}
.moji1bold {
	font-size:x-small; font-weight:bold;
}
.moji2bold {
	font-size:small; font-weight:bold;
}
.moji3bold {
	font-size:medium; font-weight:bold;
}
.moji4bold {
	font-size:large; font-weight:bold;
}
.moji5bold {
	font-size:x-large; font-weight:bold;
}
.moji6bold {
	font-size:xx-large; font-weight:bold;
}

/*--------------------------------------------------
	�¡�¡�¡•¶Žš‚Ì�F
----------------------------------------------------*/
.mojiWhite {
	color : white;
}
.mojiOrenge01 {
	color: #FF6600;
}
.mojiOrenge02 {
	color: #FF9900;
}
.mojiOrenge01Bold {
	color: #FF6600;
	font-weight: bold;
}
.mojiOrenge02bold {
	color: #FF9900;
	font-weight: bold;
}

.mojiGreen01 {
	color: #339900;
}
.mojiPink01 {
	color: #FF33FF;
}

/*--------------------------------------------------
	�¡�¡�¡•¶Žš•¡�‡�Ý’è
----------------------------------------------------*/
.menudiv {
	font-weight : bold;
	color : green;
}
.moji0white {
	font-size:xx-small; color : white;
}

.kiji{
  line-height:150%; font-size:x-small; padding-left:5px;
}

/*--------------------------------------------------
	�¡�¡�¡˜g�ü‚ÌŽí—Þ
----------------------------------------------------*/
.imodeframe {
	position:absolute;
	width:136; left:40%;
}
.framegreensolid {
	border-width : 1px;border-style : solid;border-color : green;
}
.framegreensolid100 {
	width : 100%;
	border-width : 1px;border-style : solid;border-color : green;
}


.framegreendot {
	border-width : 2px;border-style : dotted; border-color : green;
}
.framegreensolid {
	border-width : 1px;border-style : solid; border-color : green;
}
.haedergreensolid {
	border-bottom : 1px solid green;
}
.bordergreendot {
	border-top : 1px dotted green;
}


.framereddot {
	border-width : 2px;border-style : dotted; border-color : red;
}
.frameredsolid {
	border-width : 1px;border-style : solid; border-color : red;
}
.haederredsolid {
	border-bottom : 1px solid red;
}
.borderreddot {
	border-top : 1px dotted red;
}


.framebluedot {
	border-width : 2px;border-style : dotted; border-color : blue;
}
.framebluesolid {
	border-width : 1px;border-style : solid; border-color : blue;
}
.haederbluesolid {
	border-bottom : 1px solid blue;
}
.borderbluedot {
	border-top : 1px dotted blue;
}


.framebrowndot {
	border-width : 2px;border-style : dotted; border-color : brown;
}
.framebrownsolid {
	border-width : 1px;border-style : solid; border-color : brown;
}
.haederbrownsolid {
	border-bottom : 1px solid brown;
}
.borderbrowndot {
	border-top : 1px dotted brown;
}
/*--------------------------------------------------
	�¡�¡�¡ƒwƒbƒ_�[ƒ^ƒCƒgƒ‹‚Ì�Ý’è
----------------------------------------------------*/
.date	{line-height:120%; font-size:9px; color: #ccff33; background-color: RED; margin:2px;}

/*--------------------------------------------------
	�¡�¡�¡Šeƒy�[ƒW‚̃^ƒCƒgƒ‹‚Ì�Ý’è
----------------------------------------------------*/
.pagetitletab	{
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	border-top: 1px solid #808080;
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#33ff6600,endColorStr=#00ff6600);
	text-align: justity;
}
.pagetitletabyoko {
	border-bottom: 1px solid #808080;
	text-align: right;
}
UL{
  line-height : 150%;
  margin-top : 0px;
  margin-left : 20px;
  margin-bottom : 0px;
}.pagetitletabsitagreen {
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#9990ee90,endColorStr=#1190ee90);
	text-align: justity;
}

.filterhalf {
	filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=0.5);
}

.text_red{
    color: #FF0000;
}

.text_redBold{
    color: #FF0000;
    font-weight:bold;
}

.text10 {
	font-size:10px;
}



.text15 {
	font-size:10pt;
	line-height:130%;
	color: #FF0000;
}
.text_small {
	font-size: 12px;
	line-height: 120%;
}
.text_exple {
	font-size: 12px;
	background-color: #F1FAF2;
	padding: 5px 10px;
	margin: 5px 5px 5px 0px;
	border: 1px solid #99CC99;
}
.text_title {
	font-size: 14px;
	color: #FF9900;
}
.text_price {
	font-size: 16px;
	color: #FF0000;
}
.w_new {
	overflow: auto;
	height: 215px;
	line-height:1.5em;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 10px;
	padding-top: 10px;
}
.link {
	padding: 2px 3px 2px 15px;
	font-size: 12px;
}
.table_txt, .table_txt td {
	font-size: 13px;
	color: #444444;
}
.detail0 {
	font-weight: bold;
	padding: 4px 5px;
	background-color: #F1FAF2;
	border: 1px solid #CCCCCC;
}
.detail1 {
	font-weight: bold;
	padding: 4px 5px;
	background-color: #F1FAF2;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.detail2 {
	padding: 3px 5px 8px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.table_size {
	border: 1px solid #FFCC00;
}
.table_size td {
	border: 1px solid #FFCC00;
	font-size: 11px;
	padding: 2px;
}

.icon td {
	padding-bottom: 5px;
}
#page_link{
	display:block;
	margin:20px 0;
	padding:0;
	position: relative;
	height: 27px;
	/* width: 665px; */
}
.page_rev{
	width:63px;
	height:27px;
}
.page_nex{
	display:block;
	position: absolute;
	right: 0px;
	width:63px;
	height:27px;
	top: 0px;
	border: 0;
}
#page_link img{
border:0;
}
#page_link ul{
	/* float:left; */
	display:block;
	margin: 0 0 0 -80px;
	padding:0 !important;
	list-style:none;
	position: absolute;
	left: 50%;
	top: 0px;
}
#page_link li{
	float:left;
	list-style:none;
	
}
#page_link li a{
    display:block;
	line-height:23px;
	width:26px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	margin: 0 8px;
	border:#009966 solid 2px;
	color:#009966;
	text-decoration:none;
}
#page_link li a:hover{
background-color:#009966;
color:#FFFFFF;
text-decoration:none;
}


#page_link #on{
background-color:#009966;
color:#FFFFFF;
}

/* ----------------------------------------------------------------
    2007.11 �C�³•ª
   ---------------------------------------------------------------- */

.w-wear {
	line-height: 140%;
	font-size: 13px;
}
.w-wear table {
	font-size: 13px;
}
.w-wear h3 {
	color: #FFFFFF;
	background: #009966 url(img/wwear_mark1.gif) no-repeat 6px center;
	line-height: 150%;
	padding-left: 24px;
	font-size: 14px;
}
.h3_coment {
	text-align: right;
	padding: 2px 3px 8px;
}
.w-wear_tb td {
	padding: 3px 2px 3px 5px;
}
.w-wear_tb td.price {
	color: #CC0000;
}
.page {
	padding: 10px 0px 0px 8px;
	color: #666666;
	font-size: 11px;
}
.itiran_txt {
	padding: 10px 0px 0px 0px;
}
.go_detail {
	text-align: right;
	padding: 10px 5px 0px 0px;
}
.wear-line {
	padding: 10px 0px 20px;
}
.back_top {
	text-align: right;
	padding-bottom: 15px;
}
.toi_p p {
	margin: 0px 0px 4px;
}
.detail_photo {
	padding: 7px 0px;
}




/* ----------------------------------------------------------------
    ƒhƒ�ƒbƒvƒ_ƒEƒ“ƒ�ƒjƒ…�[
   ---------------------------------------------------------------- */


/*----- ‘S‘̈ʒu‚ÌŒˆ’è -----*/
#menu{
	width:123px;
	font-size:83%;
	margin:0px;
	padding:0px;
}

/*-- ƒ�ƒjƒ…�[—pƒXƒ^ƒCƒ‹ --*/

/*’Ê�펞*/
#menu span.off{
	position: relative;
    float:left;
    height:1em;
    width:100%;
    overflow:hidden;
	margin:0px;
	padding:0px;
}

/*“WŠJŽž*/
#menu span.on{
    float:left;
    width:100%;
	height:100%;
    background:#FCF9E9;
	margin:0px;
	padding:0px;
}


ul.main{
    margin:0px;
    padding:0px;
    width:100%;
    position:relative;
    list-style:none;
    text-align:left;
	line-height:100%;
	font-size:10pt;
}

/*ƒŠƒ“ƒNƒXƒ^ƒCƒ‹*/
.main li {
    text-decoration:none;
	margin: 10px 5px 7px 14px;
	padding: 0px;
}
.main li a {
    text-decoration:none;
	color:#003399;
	padding:0px;
}
.main li a:hover{
	text-decoration: underline;
}

/* ----------------------------------------------------------------
    2009.3 �C�³•ª
   ---------------------------------------------------------------- */
.menu_bg{
	background: url(shared/img/menu_bg.gif) repeat-y 0 0;
}

form {
	margin:0;
	padding:0;
}

/* ----------------------------------------------------------------
    20010.8 �C�³•ª
   ---------------------------------------------------------------- */
   
.text-setumei {
	font-size:12pt;
	line-height:130%;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", "Osaka�|“™•�";
	color: #000000;
}

.daibiki{
	/* margin-left:30px; */
	margin-top: 10px;
}



.w_title{
	height:453px;
}

.text17 {
	font-size:9pt;
	line-height:140%;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", "Osaka�|“™•�";
	color: #000000;
}




/* ----------------------------------------------------------------
    ƒy�[ƒW‘—‚è
   ---------------------------------------------------------------- */
   

.page_rev{
	width:63px;
	height:27px;
}
.page_nex{
	display:block;
	position: absolute;
	right: 0px;
	width:63px;
	height:27px;
	top: 0px;
	border: 0;
}
#page_link img{
border:0;
}

#page_link li{
	float:left;
	list-style:none;
	
}
#page_link li a{
    display:block;
	line-height:23px;
	width:26px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	margin: 0 8px;
	border:#009966 solid 2px;
	color:#009966;
	text-decoration:none;
}
#page_link li a:hover{
background-color:#009966;
color:#FFFFFF;
text-decoration:none;
}


#page_link #on{
background-color:#009966;
color:#FFFFFF;
}

.wrap_all {
    width: 884px;
    margin: 0 auto;
}
/*-----------------------------------------
è�«?®è±?½£ç¸²Â?ç¹�å?¥ãƒ£ç¹�Â?ç¹�ｼ縺?ªç¸º?©
----------------------------------------------*/

* {font-size: 12px;}
html,body,p{font-size:12px;}

html,body{overflow-x : hidden;overflow-y : auto;margin: 0;}

#mail-container #left_navi .menu_box img.syusei{position:relative; top:5px;}

#header_new{height:160px;}


#header_new .logo p{font-weight:900; position:absolute; left:30px;}
#header_new .h_artsishu{position: absolute; left:30px; top:50px; z-index:1000; width:250px; height: 40px;}

.list{display:none;}

#header_new .hnavi {position:absolute; top:-10px;z-index:100;}
#header_new .hnavi ul{margin: 0; padding: 0; list-style: none; width: 620px;}

#header_new .hnavi li{ padding: 0; margin: 0; float: left; width:16%;}

#header_new .hnavi li a{
display: block; 
text-decoration: none;
background: #009966;
color: #fff;
border-radius:1em;
height: 22px;
margin-right: 2px;
padding: 8px;
text-align: center;
font-size: 12px;
margin-top:10em;
margin-bottom:1em;
font-weight:900;
}
#header_new .hnavi li a:hover{
display: block; 
background: #fee166;
color:#000;
text-decoration: underline;
}
#contents table td {
	line-height:1.4;
	white-space: inherit;
}
#delivery * {
	font-size:16px;
}

#header_new .hnavi li a.orange{background-color:#fb912b !important;}
#header_new .hnavi li a.orange:hover{ opacity:0.8; }


#header_new .h_mail{position: absolute; left:730px; top:34px;}
#header_new .h_business1{position: absolute; left:500px; top:30px; font-size:16px;color:#096;}
#header_new .h_business2{position: absolute; left:500px; top:50px; font-size:16px;color:#096;}
#header_new .h_business3{position: absolute; left:500px; top:70px; font-size:16px;color:#096;}
#header_new .h_business3 span{font-size:16px; color:#fb912b;}

#header_new .tel{position: absolute; left:650px; top:120px; font-size:23px; font-weight: 900;}
#header_new .tel span{font-size:23px; font-weight: 900;}
#header_new .face{position: absolute; left:620px; top:122px;}



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

/*----------��ャ���ｼ-----------------*/
#header_new {width:100%;height:180px;}

#header_new .logo p{font-weight:900; position:absolute; left:0px;}
#header_new .h_artsishu { left:0px; bottom:165px; }


#header_new .h_business1{left:300px; top:50px;font-size:12px; color:#096;}
#header_new .h_business2{left:300px; top:65px;font-size:12px; color:#096;}
#header_new .h_business3{left:300px; top:80px;font-size:12px; color:#096;}
#header_new .h_business3 span{font-size:12px; color:#fb912b;}

#header_new .h_mail{position: absolute; left:496px; top:34px; z-index:100;}
#header_new .tel{position: absolute; left:380px; top:105px; font-size:23px; font-weight: 900;}
#header_new .face{position: absolute; left:350px; top:108px;}

#header_new .hnavi {position:absolute; top:20px;}

.menu{display:block !important;}
}


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

/*----------��ャ���ｼ-----------------*/
#header_new {width:100%;height:300px;}

#header_new .logo p{font-weight:900; position:absolute; left:0px;}
#header_new .h_artsishu { left:0px; top:60px; }


#header_new .h_business1{left:20px;top:110px;font-size:14px;color:#096;height: 18px;}
#header_new .h_business2{left:20px;top:130px;font-size:14px;color:#096;height: 18px;}
#header_new .h_business3{left:20px;top:150px;font-size:14px;color:#096;height: 18px;}
#header_new .h_business3 span{font-size:14px; color:#fb912b;}

#header_new .h_mail{position: absolute; left:250px; top:110px; z-index:100;}
#header_new .tel{position: absolute; left:310px; top:60px; font-size:18px; font-weight: 900;}
#header_new .tel img{width:40px; height:auto;}
#header_new .tel span{display:none;}
#header_new .face{position: absolute; left:270px; top:60px;}
#header_new .face img{width:26px; height:auto;}


#header_new .hnavi{display:none;}

.list{display:block !important;}

.list ul{ 
margin: 0; 
padding: 0; 
list-style: none; 
width: 100%;
}
.list li{padding: 0;margin: 0;float: left;width:33%;vertical-align: middle;}
.list li a{display: block;text-decoration: none;background: #009966;color: #fff;border-radius:1em;height: 28px;margin-right: 4px;padding: 6px;text-align: center;font-size: 12px;font-weight:900;margin-top:.1em;line-height: 2.3;}

.list li a:hover{
display: block; 
background: #fee166;
color:#000;
text-decoration: none;
}

.list-top{margin-top: 5em;}
.orange{background-color:#fb912b !important;}
a.orange:hover{ opacity:0.8; }

.menu{display:block !important;}

}



/*-----------------------------------------
ç¹�ｬ繧?¹ç¹�昴Φ繧?·ç¹�門喧(繧?³ç¹�ï½³ç¹��Φç¹��ã�Šç¹�ｪ繧?¢)
----------------------------------------------*/

/*.menu{display:none;}*/
.list{display:none;}

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


#container{width:100%;}

#footer {width:100%;}

#left_navi{ display:none; float:none;}

#contents { width:100%; float:none; }

#contents .cont_left{ width:100%; float:none;}

#contents .cont_left #topvisual img {width:100%;}

#contents .cont_left #topunder img {width:100%;}

#contents .cont_left .top_come {padding:0 0 20px 0;}

#contents .cont_left .top_come img {width:100%; height:auto;}

#contents .cont_left .top_come {padding:0 0 20px 0;}



#contents .cont_right {width:100%; float:none; height: 900px;}

#contents .cont_right .miti{position: absolute !important; margin-left: 2em !important; margin-top: 0em !important;}

#contents .cont_right .aku{position: absolute !important; margin-left: 2em !important; margin-top: 6em !important;}

.r_info_box {
    border: #393 solid 1px;
    width: 110px;
    margin: 0 auto;
    padding: 4px;
    margin-bottom: 20px;
    text-align: center;
}

#contents .cont_right .r_m_link{position: absolute;/* margin: 1em auto; */margin-left: 2em; margin-top: 17em;}

#contents .cont_right .r_link_box {position: absolute; /*text-align:center*/ margin-left: 2em; margin-top: 22em;}

.cal_box { margin-bottom: 20px;position: absolute; margin-left: 14em;}

#contents .cont_right .banar{position: absolute; margin-left: 2em; margin-top: 38.5em;}

#contents .cont_right .r_info_box{ position: absolute; margin-left: 14em;margin-top: 41.5em;}



/*------�｡��Η�ｼ�懊��ｳ-------*/

label {
    background: #00cc66;
    color: #fff;
    padding: 10px;
    text-align:right;
    display: block;
    font-size:1.4em;
    margin: 0;
    border: 1px solid #fff;
}
.fa-bars{
    margin-left: .5em;
    font-size: 1.3em !important;
}

input[type="checkbox"].on-off{
    display: none;
}

.menu div {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

input[type="checkbox"].on-off + div{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + div{
    height: 2500px;
}


.menu div p {color:#fff; background:#009966; padding:0.5em; font-weight: bold; font-size:1.2em;}
.menu div ul{
	list-style: none;
	margin-left:0px;
	background:#fff;
	border-left: 5px solid #009966;
	border-bottom: 5px solid #009966;
	border-right: 5px solid #009966;
	margin-bottom:1em;
}

.menu div a {text-decoration: none;}

.menu div ul  a {
	position: relative;
	display: block
}

.menu div ul  a::before,
.menu div ul  a::after {
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	content: '';
	width: 12px;
	height: 3px;
	background-color: #0000ee;
	border-radius: 4px;
}
.menu div ul a::before {
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu div ul a::after {
	margin-top: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


.menu div ul a li {
    border-bottom:1px solid #ccc;
}

.menu div ul a li:hover {background:#ccff99;}

.menu div ul a li img{vertical-align: middle; margin:.1em .5em;}

.menu div ul a li .fa-chevron-right{font-size:1.5em; text-align: right;}


}
#estimate table {
	table-layout:auto;
}
#estimate table td input,
#estimate table td textarea {
	max-width:98%;
}

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

#contents .cont_left {
    width: 75%;
    float: left;
}

#contents .cont_right {
    width: 22%;
    float: right;
}

#contents .cont_right .r_info_box {
    position: static;
    margin-left: 0;
    margin-top: 0;
}

#contents .cont_right .r_link_box {
    position: static;
    margin: 0;
}
#contents .cont_right .r_m_link {
    position: static;
    margin: 0 0 10px;
    margin-left: 0;
}
#contents .cont_right .r_link_box {
    position: static;
    /* text-align: center; */
}
.cal_box {
    margin-bottom: 20px;
    position: static;
    margin-left: 0;
}
#contents .cont_right .r_info_box {
    position: static!important;
    margin-left: 0!important;
    margin-top: 0!important;
    width: 88%;
    height: auto;
}
#contents .cont_right .banar {
    position: static;
    margin-left: 0;
    margin-top: 0;
}
img{
	max-width:100%;
	    height: auto;
}

}
ul.con4{
		display:none;
}
#temp-read1 #contents ol {margin-left: 20px;}
.sp{
			display:none;
	}
	.sp-none{
			display:block!important;
	}
	.con_3 {
    display: inline-block;
}
#contents table td.hitomoji {
    width: 20px;
}.yonmasu {
    width: 24%;
    display: inline-block;
    vertical-align: top;
}
.con_2 {
    width: 40%;
    float: left;
    margin-right: 8%;
}
@media screen and (max-width:480px){
	ul.con4{
			display:block;
	}

	div#topvisual, #topunder {
	    display: none;
	}	
	ul.con4 {
	    list-style: none;
	    margin: 0;
	}

	ul.con4 li {
	    display: inline-block;
	    width: 23%;
	    margin: 0 0.3% 10px 0.3%;
	}

	ul.con4 li img {
	    width: 100%;
	}	
	.table_sp td,
	#estimate table td,
	#estimate table th {
		display:block;
		width:100%;
	}
	#estimate table {
		width: 94%;
		margin:auto;
		table-layout: fixed;
	}
	table.row2 td {
  	  display: block!important;
		width:100%;
	}
	table.row2{
		table-layout:inherit!important;

	}
	.sp{
			display:block!important;
	}
	table.row2 td.sp-none{
			display:none!important;
	}
	#sitemap-area{
			width:100%;
	}
	.yonmasu {
    width: 80%;
    margin: 0 auto 20px;
    display: block;
    vertical-align: top;
    text-align: center;
}
.con_2 {
    width: 95%;
    float: none;
    margin: 0 2% 20px;
    text-align: center;
}
}