@charset "UTF-8";

*{
margin:0;
padding:0;
}


.product_ichiran{
padding-top:20px;
}

.product_ichiran li{
display: inline-block; /* 横並び */
vertical-align:top; /* li要素を上端揃えに */
width:80%;
margin:0px 10% 20px 10%;
}

.product_ichiran li img{
width:100%;
}



.text_right{
margin:10px;
}

.tell{
margin:25px 0px;
}

.tell img{
width:100%;
}

.blog_button{
display:none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.ta1 {
	width: 94%;
	border: 1px solid #CCC;
	background-color:#fff;
	margin:15px 3%;
}

.ta1, .ta1 td, .ta1 th{
	padding: 7px 10px;
	vertical-align:middle;
}

.ta1 td{
	border: 1px solid #CCC;
}


.ta1 th{
	width:30%;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background-color:#ddd;
	font-weight:bold;
	text-align:center;
	//background-image: url("http://gm5.heteml.jp/yu-ho/images/hisi.jpg");
}



body{
font-size:15px;
font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
//font-family: 'Open Sans','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}

.clear{
clear:both;
}

.store_ichiran{
display:none;
}

.category_mobile,.copy{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
color:#fff;
padding:10px 10px;
}

.copy{
text-align:center;
}

.list3 ul{
 border-bottom: 1px solid #ccc;
 }
 .list3 ul li{
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
 background: linear-gradient(#fff, #f0f0f0);
 border-top: 1px solid #ccc;
 height: 70px;
 margin: 0px;
 }
 .list3 ul li a{
 background: url(list_mark1.png) no-repeat 100% 50%;
 color: #666;
 display: block;
 height: 70px;
 margin: 0;
 padding: 0 20px 0 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 }
 .list3 ul li img{
 float: left;
 height: 70px;
 width: 70px;
 margin-right: 10px;
 }
 .list3 ul li a strong{
 color: #000;
 display: block;
 font-weight: bold;
 padding-top: 17px;
 }





.link ul{
 border-bottom: 1px solid #ccc;
 }
 .link ul li{
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
 background: linear-gradient(#fff, #f0f0f0);
 border-top: 1px solid #ccc;
 height: 70px;
 margin: 0px;
 }
 .link ul li a{
 background: url(list_mark1.png) no-repeat 100% 50%;
 color: #666;
 display: block;
 height: 70px;
 margin: 0;
 padding: 0 20px 0 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 }
 .link ul li img{
 float: left;
 height: 70px;
 width: 70px;
 margin-right: 10px;
 }
 .link ul li a strong{
 color: #000;
 display: block;
 font-weight: bold;
 padding-top: 17px;
 }



.page_title{
background-color:#ddd;
border-left:12px solid #3a97dc;
padding:10px 6px 10px 8px;
font-size:15px;
font-weight:bold;
}


.page_title2{
background-color:#ddd;
border-left:12px solid #f0ad0c;
padding:10px 6px 10px 8px;
font-size:15px;
font-weight:bold;
}




.main_bana{
margin:8px;
}

.main_bana img{
width:100%;
}

.category_bana img{
width:100%;
}




.hon3_photo{
margin-bottom:15px;
}

.hon3_photo li{
float:left;
width:32%;
}

.hon3_photo li img{
width:100%;
}

.hon3_photo li:nth-child(2){
margin:0px 2%;
}




.photo_left{
width:90%;
margin:5%;
}

.photo_left img{
width:100%;
}



.list{
    list-style:none;
    margin:12px 20px 12px 0px;
    padding: 0px;
    font-weight:normal;
}

.list li {
    margin:0px;
    padding-left:14px;
    margin-left:14px;
    background: url(images/li.png) no-repeat 0px 6px;
    list-style: none;
    line-height:20px;
    margin-bottom:4px;
}

.list li a{
font-size:15px;
}



.top_center_title{
    color: #000;
    font-weight: bold;
    font-size: 16px;
    margin: 0px 10px 10px 10px;
    padding: 0px 0px 5px 0px;
    border-bottom: 4px dotted #cccccc;
}


.mobilenone{
display:none;
}

.company{
text-align:center;
margin-top:15px;
}

.main_news{
//display:none;
}

.blogger{
//display:none;
}

.main_bana{
//display:none;
}

.main_bana img{
width:100%;
}

#mobilelogo{
width:100%;
}

#mobilelogo img{
width:100%;
}

#header_logo{
display:none;
}

.left_bana{
display:none;
}

#right{
display:none;
}

.leftbox_title{
display:none;
}

.leftbox_text{
display:none;
}

h1{
display:none;
}

#left_button{
list-style:none;
}

#left_button li{
float:left;
width:50%;
}

#left_button li img{
width:100%;
}



.globalNavi{
display:none;
}

.globalNavi ul{
border-top:1px solid #ccc;
}

.globalNavi li a {
position: relative;
display: block;
padding: 10px 25px 10px 10px;
border-bottom: 1px solid #ccc;
text-decoration:none;
color:#000;
}


.globalNavi li a::before,
.globalNavi li a::after {
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	content: '';
	width: 12px;
	height: 3px;
	background-color: #e88011;
	//background-color: #1724a4;
	border-radius: 4px;
}

.globalNavi li a::before {
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.globalNavi li a::after {
	margin-top: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}








.footernavi ul{
border-top:1px solid #ccc;
}

.footernavi li a {
position: relative;
display: block;
padding: 10px 25px 10px 10px;
border-bottom: 1px solid #ccc;
text-decoration:none;
color:#000;
}

.footernavi li a::before,
.footernavi li a::after {
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	content: '';
	width: 12px;
	height: 3px;
	background-color: #e88011;
	//background-color: #1724a4;
	border-radius: 4px;
}

.footernavi li a::before {
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.footernavi li a::after {
	margin-top: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}





.link ul{
border-top:1px solid #ccc;
}

.link li a {
position: relative;
display: block;
padding: 10px 25px 10px 10px;
border-bottom: 1px solid #ccc;
text-decoration:none;
color:#000;
}

.link li a::before,
.link li a::after {
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	content: '';
	width: 12px;
	height: 3px;
	background-color: #e88011;
	//background-color: #1724a4;
	border-radius: 4px;
}

.link li a::before {
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.link li a::after {
	margin-top: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}




#content-wrap{
    display:-webkit-box;
    display:-moz-box;
    display:-o-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-o-flexbox;
  -webkit-box-orient: vertical;
}

#left{
-webkit-box-ordinal-group:3;
-moz-box-ordinal-group:3;
-o-box-ordinal-group:3;
}

.globalNavi{
-webkit-box-ordinal-group:3;
-moz-box-ordinal-group:3;
-o-box-ordinal-group:3;
}


#maincenter{
-webkit-box-ordinal-group:1;
-moz-box-ordinal-group:1;
-o-box-ordinal-group:1;
}

#main{
-webkit-box-ordinal-group:1;
-moz-box-ordinal-group:1;
-o-box-ordinal-group:1;
}

#right{
-webkit-box-ordinal-group:2;
-moz-box-ordinal-group:2;
-o-box-ordinal-group:2;
}


.footer{
-webkit-box-ordinal-group:4;
-moz-box-ordinal-group:4;
-o-box-ordinal-group:4;
}