#wrapper {
width:100%;min-width:700px;max-width:1100px;
margin:0 auto;
padding:0;
}
.midashi02 {text-align:left;}

ul , li {list-style:none;margin:0;padding:0;}



/*
TOP看板下リストボタン
-----------------------------------------------------------------------*/
#top_menu_underlist {
clear:both;
width:100%;
float:left;
margin:20px 0;
padding:0;
}
#top_menu_underlist:after {
clear:both;
}
#top_menu_underlist div {
width:100%;
max-width:1100px;
margin:0 auto;
text-align:center;
}
#top_menu_underlist li {
float:left;
width:25%;
}
#top_menu_underlist li a {
display:block;
text-align:center;
color:#fff;
font-weight:bold;
background: #0065bf; /* Old browsers */
background: -moz-linear-gradient(-45deg, #0065bf 0%, #44acfc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #0065bf 0%,#44acfc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #0065bf 0%,#44acfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065bf', endColorstr='#44acfc',GradientType=1 );
padding:10px 0;
font-size:1.2em;
transition:0.3s;
margin:10px 0;
border-radius:50px;
}
#top_menu_underlist li a i {
margin-left:10px;
}
#top_menu_underlist li a span {

}
#top_menu_underlist li .outlet {

}
#top_menu_underlist li a:hover {
text-decoration:underline;
text-shadow:0px 0px 43px #fdf873;
}
#top_menu_underlist li .outlet:hover {
background: #cf0404; /* Old browsers */
background: -moz-linear-gradient(-45deg, #cf0404 0%, #ff3019 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #cf0404 0%,#ff3019 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #cf0404 0%,#ff3019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=1 ); 
}




#top_img_wrap {
width:100%;
min-width:870px;
height:300px;
}
#top_img_wrap .top_img_main {
width:100%;
max-width:1100px;
min-width:870px;
margin:0 auto;
text-align:center;
}
#top_img_wrap .top_img_main h1 {
position:absolute;
margin-top:20px;
margin-left:10px;
font-size:2em;
color:#000;
z-index:1;
line-height:1;
color:#fff;
}
#top_img_wrap .top_img_main h1 span {
font-size:0.5em;
}
#top_img_wrap .top_img_main h2 {
position:absolute;
margin-top:70px;
margin-left:10px;
font-weight:normal;
text-align:left;
color:#fff;
font-size:0.8em;
line-height:1.5;
z-index:1;
}
#top_img_wrap .top_img {
margin:0 auto;
float:right;
}
#top_img_wrap .top_back {
width:100%;
background: #0065bf; /* Old browsers */
background: -moz-linear-gradient(-45deg, #0065bf 0%, #44acfc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #0065bf 0%,#44acfc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #0065bf 0%,#44acfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065bf', endColorstr='#44acfc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
height:300px;
}

#head_title_area {
width:100%;min-width:700px;max-width:1100px;
margin:0;
margin-top:40px;
}
.cat_main_title {
font-size:1.6em;
text-align:left;
margin:0;
padding:5px 0;
}
#head_title_area .color_01 {
float:left;
width:20%;
border-bottom:1px #0066cc solid;
margin:0;
margin-bottom:10px;
}
#head_title_area .color_02 {
float:left;
width:80%;
border-bottom:1px #ccc solid;
margin:0;
margin-bottom:10px;
}
#top_img_wrap .top_nouhin_box {
position:absolute;
color:#fff;
border:5px #FFFF00 solid;
padding:8px;
font-size:1em;
width:120px;
margin-top:180px;
margin-left:10px;
text-align:center;
line-height:1.5;
}
#top_img_wrap .top_souryou_box {
position:absolute;
color:#fff;
border:5px #FFFF00 solid;
padding:7px;
font-size:1em;
width:120px;
margin-top:180px;
margin-left:170px;
text-align:center;
line-height:1.5;
}
#top_img_wrap strong {
color:#FFFF00;
}
#top_img_wrap .top_souryou_box span {
display:inline-block;
font-size:0.7em;
line-height:2.2;
}
#top_img_wrap video {
margin:0;
padding:0;
display:block;
position:absolute;
width:178px;
margin-top:180px;
margin-left:330px;
border:1px #333 solid;
}
#body_wrapper {
width:100%;
max-width:1100px;
min-width:870px;
margin:0 auto;
margin-bottom:50px;
}
.normal-title {
font-size:1.8em;
font-weight:normal;
margin:5px 0;
border-bottom:3px #0066cc solid;
padding:10px 0;
}

/*
基本バナー
-----------------------------------------------------------------------*/
#default_set_bnr:before , #default_set_bnr:after {width:100%;clear:both;display:inline-block;content:"";margin:30px 0;}
#default_set_bnr {margin:0 auto;padding:0;list-style:none;width:98%;}
#default_set_bnr li {margin:0;padding:0;float:left;width:49%;}
#default_set_bnr li a {float:left;display:block;border:1px #000 solid;padding:20px 0;padding-bottom:30px;text-align:center;font-size:2em;color:#333;width:100%;}
#default_set_bnr li a .area_left {display:inline-block;}
#default_set_bnr li a .area_left .up_text {display:inline-block;margin:0;font-size:0.5em;background:#fff;padding:5px;text-align:center;color:#666;position:relative;z-index:1;}
#default_set_bnr li a .area_left .line {display:block;border-bottom:1px #666 solid;position:relative;top:-18px;}
#default_set_bnr li a .area_left .down_text{margin:0;}
#default_set_bnr li a .area_left .blue {color:#0066cc;}
#default_set_bnr li a .area_left .red {color:#DF0101;}
#default_set_bnr li a .area_right {display:inline-block;margin-left:20px;}
#default_set_bnr li a .area_right i {font-size:100px;position:relative;top:-10px;}
#default_set_bnr li a .area_right .fa-calculator {color:#0066cc;}
#default_set_bnr li a .area_right .fa-tags {color:#DF0101;}

/*カテゴリから選ぶ
------------------------------------------------------*/
#type_table {width:100%;min-width:780px;max-width:1100px;margin:0;margin-bottom:20px;padding:0;float:left;list-style:none;}
#type_table .sub_cat {width:25%;margin:0;padding:0;float:left;}
#type_table .sub_cat a {margin:7px;display:block;border:1px #ddd solid;border-radius:3px;padding:0;transition:0.3s;position:relative;z-index:1;}
#type_table .sub_cat a:hover {box-shadow:0px 1px 14px -8px #000000;border:1px #BDBDBD solid;}
#type_table .sub_cat a .cate_img {margin:0;padding:0;}
#type_table .sub_cat a .cate_img img {display:block;width:100%;}
#type_table .sub_cat a h4 {height:50px;text-align:center;color:#0066cc;font-size:0.9em;line-height:1.2;position:relative;transition:0.3s;margin:10px 0;padding:0;}
#type_table .sub_cat a h4 span {display:block;width:40%;color:#fff;background:#0066cc;padding:2px 0;padding-bottom:6px;border-radius:20px;font-size:0.9em;margin:0 auto;margin-top:20px;text-align:center;position:relative;left:-2px;}

#type_table .sub_cat a:hover h4 {color:#DF0101;text-decoration:none !important;}

/*
種類エリア
-----------------------------------------------------------------------*/
#shurui_area {
list-style:none;
margin:20px auto;
padding:0;
width:100%;position:relative;z-index:1;
}
#shurui_area li {
float:left;
margin:0;
margin-bottom:20px;
width:25%;
}
#shurui_area li a {
display:block;
color:#666;
margin:0 10px;
padding:10px 0;
border-radius:3px;
text-align:center;
transition-property: all;
transition: 0.3s linear;
background: radial-gradient(rgba(202,216,223,0), rgba(153,175,187,0.1));
}
#shurui_area li a:hover {
background: radial-gradient(rgba(202,216,223,0), rgba(153,175,187,0.3));
color:red;
}
#shurui_area li a img {
padding:10px;
padding-bottom:0;
position:relative;
top:1px;
transition:0.5s;
width:80%;
z-index:-1;
}
#shurui_area li a:hover > img {
position:relative;
top:-7px;
}


#shurui_area li a h4 {
font-size:1.4em;
margin:0;
margin-top:0px;
padding:10px;
padding-top:0;
}
#shurui_area li a p , #shurui_area li a h4 {
line-height:1.5;
font-weight:normal;
font-size:0.7em;
margin:5px 0;
}
#shurui_area li a h4 span {
font-size:1.3em;
display:block;
font-weight:bold;
color:#000;
}


/*
関連エリア
--------------------------------------------------------------*/
#kanren_area {
margin-bottom:40px;
float:left;
margin:0;
padding:0;
list-style:none;
width:100%;min-width:780px;max-width:1100px;
margin-bottom:40px;
}
#kanren_area li {
float:left;
margin:5px;
width:241px;
}
#kanren_area li a {
display:block;
border:1px #ddd solid;
border-radius:3px;
padding:0;
padding:10px 0;
color:#0066cc;
transition:0.5s;
font-size:1.2em;
}
#kanren_area li a i {
float:right;
position:relative;
right:10px;
top:-18px;
font-size:1.4em;
}
#kanren_area li a:hover {
color:red;
border:1px red solid;
}
.Bnr_Area {
margin:50px auto;
text-align:center;
width:100%;min-width:780px;max-width:1100px;
}
.Bnr_Area p {
float:left;
margin:0;
margin-right:20px;
margin-bottom:20px;
border:1px #ccc solid;
}
.Bnr_Area .outlet_bnr img {
width:420px;
margin-right:0;
}



/*
カテゴリエリア
-----------------------------------------------------------------------*/
#cat_area {
float:left;
margin:0;
padding:0;
width:100%;
margin-bottom:40;
}
#cat_area li {
float:left;
width:460px;
margin:0;
padding:0 11.5px;
padding-bottom:0;
list-style:none;
}
#cat_area li a {
float:left;
width:100%;
height:120px;
display:block;
border:1px #ccc solid;
border-radius:3px;
margin:10px;
margin-bottom:0;
padding:5px;
color:#333;
transition:0.5s;
}
#cat_area li a:hover {
color:red;
border:1px red solid;
background:#FFFED7;
}
#cat_area li a .icon {
position:absolute;
z-index:5;
margin-top:-30px;
margin-left:-35px;
}
#cat_area li a h3 img#cat_img {
float:left;
width:90px;
height:90px;
position:relative;
left:15px;
top:1px;
border-radius:10px;
transition:0.5s;
}
#cat_area li a:hover > h3 img#cat_img {
top:-10px;
}
#cat_area li a h4 {
float:right;
padding-right:10px;
width:190px;
text-align:right;
font-weight:normal;
font-size:0.72em;
margin:5px 0;
}
#cat_area li a h4 span {
font-size:1.4em;
font-weight:bold;
position:relative;
top:-10px;
line-height:35%;
}
#cat_area #right_btn {
position:absolute;
margin-left:285px;
margin-top:80px;
}
#cat_area #right_btn i {
font-size:1.2em;
}


/* ミドルバナー
------------------------------------------------------------------------------------------------------*/
.mid_bnr {width:100%;float:left;margin:10px;margin-top:40px;padding:0;list-style:none;}
.mid_bnr li {width:25%;float:left;margin:0;padding:0;}
.mid_bnr li a {display:block;}
.mid_bnr li a img {display:block;}