@charset "utf-8";

body{
	margin: 0 auto;
	font-size: 12px;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
}

@media screen and (min-width: 768px) {
 body {
	width: 960px;
	font-size: 14.5px;
 }
}

h2{
	display: block;
	margin: 35px 0px 25px 0px;
	padding: 5px 10px 2px 10px;
	font-size: 1.15em;
	border-bottom: 1px #cccccc solid;
	font-weight: bold;
}

@media screen and (min-width: 768px) {
 h2 {
	margin: 50px 0px 20px 0px;
	font-size: 1.4em;
 }
}

.ct h2:nth-child(1) {
	margin-top: 25px;
}

@media screen and (min-width: 768px) {
 .ct h2:nth-child(1) {
	margin-top: 10px;
 }
}

h3{
	display: block;
	padding: 5px 10px;
	font-size: 110%;
	color: #ffffff;
	font-weight: bold;
}

a{
	cursor: pointer;
	text-decoration: none;
}

a:hover{
	opacity: 0.85;
}

a img{
	border: 0;
}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto; /*IE8*/
}

.img_left{
	display: block;
	float: left;
}

.img_right{
	display: block;
	float: right;
}

/*--------------*/

.bg_company{background-color: #d81e2e;}
.bg_contact{background-color: #a5000e;}
.bg_consal{background-color: #1f80c7;}
.bg_xp{background-color: #e94c23;}
.bg_mobile{background-color: #f09b00;}
.bg_hp{background-color: #674db2;}
.bg_sec{background-color: #008a00;}
.bg_trouble{background-color: #b83857;}
.bg_blog{background-color: #ffffff;}
.bg_about{background-color: #222222;}
.bg_bga{background-color: #d81e2e;}

/*--------------*/

.body_contact h2{ border-left: 8px #a2000d solid; }
.body_contact h3{ background-color: #a2000d; }

.body_consal h2{ border-left: 8px #1f80c7 solid; }
.body_xp h2{ border-left: 8px #e94c23 solid; }
.body_mobile h2{ border-left: 8px #f09b00 solid; }
.body_hp h2{ border-left: 8px #674db2 solid; }
.body_sec h2{ border-left: 8px #008a00 solid; }
.body_trouble h2{ border-left: 8px #b83857 solid; }
.body_blog h2{ border-left: 8px #ffffff solid; }
.body_about h2{ border-left: 8px #222222 solid; }
.body_bga h2{ border-left: 8px #d81e2e solid; }

/*--------------*/

.bl_contact{ border-left: 8px #a2000d solid !important; }
.bl_consal{ border-left: 8px #1f80c7 solid !important; }
.bl_xp{ border-left: 8px #e94c23 solid !important; }
.bl_mobile{ border-left: 8px #f09b00 solid !important; }
.bl_hp{ border-left: 8px #674db2 solid !important; }
.bl_sec{ border-left: 8px #008a00 solid; }
.bl_trouble{ border-left: 8px #b83857 solid !important; }
.bl_blog{ border-left: 8px #ffffff solid !important; }
.bl_bga{ border-left: 8px #d81e2e solid !important; }
.bl_about{ border-left: 8px #222222 solid !important; }

/*--------------*/

.t_c {text-align: center;}
.t_l {text-align: left;}
.t_r {text-align: right;}

/*--------------*/

.fw_b {font-weight: bold;}

/*--------------*/

.clr_r {color: #cc0033;}
.clr_o {color: #cc3300;}
.clr_y {color: #ffff00;}
.clr_g {color: #006633;}
.clr_b {color: #0000ff;}
.clr_na {color: #000080;}
.clr_p {color: #330066;}
.clr_ma {color: #800000;}

/*--------------*/

.fs80 {font-size: 80%;}
.fs90 {font-size: 90%;}
.fs100 {font-size: 100%;}
.fs110 {font-size: 110%;}
.fs120 {font-size: 120%;}
.fs130 {font-size: 130%;}
.fs140 {font-size: 140%;}
.fs150 {font-size: 150%;}
.fs160 {font-size: 160%;}
.fs170 {font-size: 170%;}
.fs180 {font-size: 180%;}

/*--------------*/

.h_opa{opacity: 0.9;}

/*--------------*/

.page{margin: 0 auto;}

/*--------------*/

.ttl_head{
	display: block;
	margin: 0 auto;
}

.ttl_head div{ 
	display: block;
	padding: 3px 0px;
	font-size: 1.15em;
	background-color: #000000;
	color: #ffffff;
	text-align: center;
}

@media screen and (min-width: 768px) {
 .ttl_head div{
	font-size: 1em;
 }
}
/*--------------*/

.hd{
	display: block;
	padding: 5px 20px;
	margin: 0 auto;
	color: #ffffff;
}

@media screen and (min-width: 768px) {
 .hd{
	padding: 0px 10px 10px 20px;
 }
}

.hd:before,
.hd:after {
	content: "";
	clear: both;
	display: table;
}

.hd img{
	display: block;
	margin: 0 auto;
	width: 140px;
}

@media screen and (min-width: 768px) {
 .hd img{
	display: inline;
	margin: 10px 0px -10px 0px;
	width: 202px;
	text-align: left;
 }
}

.hd_tel{
	margin: 0 auto;
	display: block;
	width: 90%;
	height: 100%;
	color: #000000;
}

@media screen and (min-width: 768px) {
 .hd_tel{
	margin: 10px 0 0 0;
 }
}

.hd_tel_text{
	display: block;
	padding: 10px 0 0 0;
	font-size: 1.7em;
	transform: scale( 1 , 1.2 );
	line-height: 1.3em;
	font-weight: bold;
	text-align: center;
}

@media screen and (min-width: 768px) {
 .hd_tel_text{
	padding: 5px 0 0 0;
 }
}

.hd_tel_u_text{
	display: block;
	padding: 2px;
	font-size: 1.2em;
	line-height: 1.3em;
	text-align: center;
}

@media screen and (min-width: 768px) {
 .hd_tel_u_text{
	padding: 0px;
	font-size: 1em;
 }
}

.hd_contact_link{
	margin: 3px auto;
	padding: 0px;
	display: block;
	width: 90%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}

@media screen and (min-width: 768px) {
 .hd_contact_link{
	margin: 15px 0 0 -20px;
	padding: 5px 0px;
	width: 100%;
	height: 100%;
 }
}

.hd_contact_text{
	display: block;
	padding: 8px 0;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

@media screen and (min-width: 768px) {
 .hd_contact_text{
	padding: 2px 0;
 }
}

/*--------------*/

.ttl{
	display: block;
	margin: 0 auto;
	background-image: linear-gradient(#eaeaea, #ffffff);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eaeaea), to(#ffffff));
	background: -webkit-linear-gradient(#eaeaea, #ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#ffffff', GradientType=0)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#ffffff', GradientType=0);
	border-color: #192967;
	border-width: 0px 0px 8px 0px;
	border-style: solid;
}

@media screen and (min-width: 768px) {
 .ttl{
	padding: 5px;
	border-width: 0px 0px 12px 0px;
	background-image: linear-gradient(#efefef, #ffffff);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#efefef), to(#ffffff));
	background: -webkit-linear-gradient(#efefef, #ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff', GradientType=0)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff', GradientType=0);
 }
}

.ttl:before,
.ttl:after {
	content: "";
	clear: both;
	display: table;
}

.ttl h1{
	display: block;
	margin: 15px 0px 5px 10px;
	font-size: 1.8em;
	line-height: 1.3em;
	font-weight: bold;
	text-align: center;
}

@media screen and (min-width: 768px) {
 .ttl h1{
	margin: 60px 40px 0px 0px;
	font-size: 2.5em;
	line-height: 1.2em;
	text-align: right;
 }
}

.ttl img{
	display: none;
}

@media screen and (min-width: 768px) {
 .ttl img{
	display: inline;
	float: left;
	height: 190px;
	margin: 0px 0px 0px 30px;
 }
}

/*--------------*/

.ttl2{
	display: block;
	margin: 0 auto;
	background-image: linear-gradient(#eaeaea, #ffffff);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eaeaea), to(#ffffff));
	background: -webkit-linear-gradient(#eaeaea, #ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#ffffff', GradientType=0)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#ffffff', GradientType=0);
	border-color: #192967;
	border-width: 0px 0px 8px 0px;
	border-style: solid;
}

@media screen and (min-width: 768px) {
 .ttl2{
	padding: 5px;
	border-width: 0px 0px 10px 0px;
	background-image: linear-gradient(#efefef, #ffffff);
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#efefef), to(#ffffff));
	background: -webkit-linear-gradient(#efefef, #ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff', GradientType=0)";
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff', GradientType=0);
	border-color: #192967;
 }
}

.ttl2:before,
.ttl2:after {
	content: "";
	clear: both;
	display: table;
}

.ttl2 h1{
	display: block;
	margin: 15px 0px 5px 10px;
	font-size: 1.8em;
	line-height: 1.3em;
	font-weight: bold;
	text-align: center;
}

@media screen and (min-width: 768px) {
 .ttl2 h1{
	margin: 15px 40px 0px 0px;
	font-size: 2em;
	line-height: 1.2em;
	text-align: right;
 }
}

.ttl2 img{
	display: none;
}

@media screen and (min-width: 768px) {
 .ttl2 img{
	display: inline;
	float: left;
	height: 90px;
	margin: 0px 0px 0px 30px;
 }
}

/*--------------*/

.navi{
	display: none;
}

@media screen and (min-width: 768px) {
 .navi{
	display: block;
	padding: 0px 10px 10px 10px;
	margin: 10px auto 0px auto;
 }
}

.navi:before,
.navi:after {
	content: "";
	clear: both;
	display: table;
}

.navi a{
	text-decoration: underline;
}

/*--------------*/

.ct_menu ul{
	margin: 0px;
	font-weight: bold;
}

.ct_menu ul a{
	display: block;
	text-decoration: none;
	color: #000000;
}

@media screen and (min-width: 768px) {
 .ct_menu ul a{
	padding: 6px 0px 2px 5px;
 }
}

.menu1{
	padding: 8px;
	background-color: #000000;
	color: #ffffff;
	font-size: 1.1em;
	text-align: center;
}

.menu2{
	margin: 0px;
	padding : 10px 0px 10px 10px;
	background-color: #fcfcfc;
	border-top-color: #e3e3e3;
	border-top-width: 2px;
	border-top-style: dotted;
	border-left-width: 6px;
	border-left-style: solid;
	border-right-color: #e3e3e3;
	border-right-width: 2px;
	border-right-style: solid;
	list-style-type: none;
	font-size: 1em;
	line-height: 1.5em;
}

@media screen and (min-width: 768px) {
 .menu2{
	padding : 6px 0px 8px 3px;
	font-size: 0.98em;
	line-height: 1.6em;
 }
}

.menu2:nth-child(2) {
	border-top-width: 0px;
}

.menu2:nth-child(7) {
	border-bottom-color: #e3e3e3;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

.menu2:hover{
	background-color: #efefef;
}

.menu_link{
	text-align: center;
	margin: 15px 0px 0px 0px;
}

body#consulting_top .mn_con_t,
body#win_xp_top .mn_win_t,
body#mobile_top .mn_mob_t,
body#hp_top .mn_hp_t,
body#security_top .mn_sec_t,
body#trouble_top .mn_tb_t{
	background-color: #eaeaea;
}

/*--------------*/

.blc_company{border-left-color: #d81e2e;}
.blc_contact{border-left-color: #95008c;}
.blc_consal{border-left-color: #1f80c7;}
.blc_xp{border-left-color: #e94c23;}
.blc_mobile{border-left-color: #f09b00;}
.blc_hp{border-left-color: #674db2;}
.blc_sec{border-left-color: #008a00;}
.blc_trouble{border-left-color: #b83857;}
.blc_blog{border-left-color: #ffffff;}
.blc_bg_article{border-left-color: #d81e2e;}
.blc_about{border-left-color: #222222;}

/*--------------*/

.ct{
	display: block;
	padding: 0px 5px 5px 5px;
	margin: 0 10px 10px 10px;
	font-size: 1.3em;
	line-height: 1.55em;
	background-color: #ffffff;
}

@media screen and (min-width: 768px) {
 .ct{
	padding: 0px 0px 20px 10px;
	margin: 0 0px 10px 0px;
	font-size: 1em;
	line-height: 1.9em;
 }
}

.ct:before,
.ct:after {
	content: "";
	clear: both;
	display: table;
}

.ct_left{
	position: relative;
	padding: 20px 5px 20px 0px;
}

@media screen and (min-width: 768px) {
 .ct_left{
	padding: 10px 5px 5px 0px;
 }
}

@media screen and (min-width: 768px) {
 .ct_right{
	padding: 5px 10px 5px 20px;
 }
}

.ct_right ul{
	list-style-type: disc;
	padding: 10px 5px 10px 20px;
	font-size: 1.1em;
}

@media screen and (min-width: 768px) {
 .ct_right ul {
	padding: 10px 10px 10px 30px;
 }
}

.ct_right li{
	margin: 2px 0px;
}

/*--------------*/

@media screen and (min-width: 768px) {
 #sns{
	position: absolute;
	top: 900px;  /* @@@ */
	margin-top: 10px;
	width: 235px;
 }
}

@media screen and (min-width: 768px) {
 div.fb-like iframe {
 max-width: none !important;
 }
}

.snsb li {
	float: left;
	margin-right: 6px;
}

/*--------------*/

.check{
	margin: 30px 0px 20px 0px;
}

@media screen and (min-width: 768px) {
 .check{
	margin: 40px 0px 20px 0px;
 }
}

.check img{
	float: left;
	width: 60px;
	margin: -20px -10px 0px 5px;
}

@media screen and (min-width: 768px) {
 .check img{
	width: 78px;
	margin: -27px -10px 0px 10px;
 }
}

.check_title{
	margin: 20px 0px 0px 0px;
	padding: 2px 0px;
	background-color: #b2000e;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
}

@media screen and (min-width: 768px) {
 .check_title{
	margin: 30px 0px 0px 0px;
	padding: 4px 0px;
	font-size: 1.15em;
 }
}

.check_text{
	font-size: 1em;
	line-height: 1.8em;
	background-color: #fafafa;
	border-color: #dedede;
	border-width: 0px 3px 3px 3px;
	border-style: solid;
}

@media screen and (min-width: 768px) {
 .check_text{
	padding: 4px 0px 0px 0px;
	font-size: 1.05em;
	line-height: 2em;
	font-weight: bold;
 }
}

.check i{
	margin: 0px 5px 0px 0px;
	color: #bb3a1b;
	font-size: 1.05em;
}

@media screen and (min-width: 768px) {
 .check i{
	font-size: 1.4em;
 }
}

.check li{
	list-style:outside none;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px -20px;
}

@media screen and (min-width: 768px) {
 .check li{
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 3px -20px;
 }
}

/*--------------*/

.point{
	margin: 30px 0px 20px 0px;
}

@media screen and (min-width: 768px) {
 .point{
	margin: 40px 0px 20px 0px;
 }
}

.point img{
	float: left;
	width: 58px;
	margin: -28px -10px 0px 5px;
}

@media screen and (min-width: 768px) {
 .point img{
	width: 73px;
	margin: -35px -10px 0px 10px;
 }
}

.point_title{
	margin: 20px 0px 0px 0px;
	padding: 2px 0px;
	background-color: #192967;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
}

@media screen and (min-width: 768px) {
 .point_title{
	margin: 30px 0px 0px 0px;
	padding: 4px 0px;
	font-size: 1.15em;
 }
}

.point_text{
	font-size: 1em;
	line-height: 1.8em;
	background-color: #fafafa;
	border-color: #dedede;
	border-width: 0px 3px 3px 3px;
	border-style: solid;
}

@media screen and (min-width: 768px) {
 .point_text{
	padding: 4px 0px 0px 0px;
	font-size: 1.05em;
	line-height: 2em;
	font-weight: bold;
 }
}

.point i{
	margin: 0px 5px 0px 0px;
	color: #2e6584;
	font-size: 1.05em;
}

@media screen and (min-width: 768px) {
 .point i{
	font-size: 1.4em;
 }
}

.point li{
	list-style:outside none;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px -20px;
}

@media screen and (min-width: 768px) {
 .point li{
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 3px -20px;
 }
}

/*--------------*/

.tech{
	margin: 30px 0px 20px 0px;
}

@media screen and (min-width: 768px) {
 .tech{
	margin: 40px 0px 20px 0px;
 }
}

.tech a{
	text-decoration: underline;
}

.tech img{
	float: left;
	width: 55px;
	margin: -22px 3px 0px 5px;
}

@media screen and (min-width: 768px) {
 .tech img{
	width: 65px;
	margin: -27px 5px 0px 10px;
 }
}

.tech_title{
	margin: 20px 0px 0px 0px;
	padding: 2px 0px;
	background-color: #000000;
	color: #ffffff;
	font-size: 1.1em;
}

@media screen and (min-width: 768px) {
 .tech_title{
	margin: 30px 0px 0px 0px;
	padding: 4px 0px;
	font-size: 1.15em;
 }
}

.tech_text{
	font-size: 1em;
	line-height: 1.8em;
	font-weight: bold;
	background-color: #fafafa;
	border-color: #dedede;
	border-width: 0px 3px 3px 3px;
	border-style: solid;
}

@media screen and (min-width: 768px) {
 .tech_text{
	padding: 4px 0px 0px 0px;
	font-size: 1.05em;
	line-height: 2em;
 }
}

.tech i{
	margin: 0px 5px 0px 0px;
	color: #2e6584;
	font-size: 1.05em;
}

@media screen and (min-width: 768px) {
 .tech i{
	font-size: 1.4em;
 }
}

.tech li{
	list-style:outside none;
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px -20px;
}

@media screen and (min-width: 768px) {
 .tech li{
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 3px -20px;
 }
}

/*--------------*/

.blog_link1{
	display: block;
	margin: 0px 0px 7px 0px;
}

.blog_link1 img{
	float: left;
	width: 66px;
	margin: 7px 0 0 0;
}

@media screen and (min-width: 768px) {
 .blog_link1 img{
	width: 70px;
 }
}

.blog_link2{
	padding: 15px 0px 4px 80px;
	height: 27px;
	background-color: #dfe9f3;
	border-color: #e3e3e3;
	border-width: 2px 2px 0px 2px;
	border-style: solid;
	font-size: 1.05em;
	font-weight: bold;
	color: #000000;
}

@media screen and (min-width: 768px) {
 .blog_link2{
	padding: 17px 0px 8px 70px;
	height: 24px;
	font-size: 1em;
 }
}

.blog_link3{
	padding: 2px 0px 7px 83px;
	height: 17px;
	background-color: #000000;
	font-size: 0.9em;
	color: #ffffff;
}

@media screen and (min-width: 768px) {
 .blog_link3{
	padding: 0px 0px 9px 75px;
	font-size: 0.8em;
 }
}

/*--------------*/

.tech_link1{
	display: block;
	margin: 9px 0px;
}

.tech_link1 img{
	float: left;
	width: 66px;
	margin: 2px 0 0 2px;
}

@media screen and (min-width: 768px) {
 .tech_link1 img{
	width: 70px;
	margin: 6px 0 0 0;
 }
}

.tech_link2{
	padding: 15px 0px 4px 80px;
	height: 27px;
	background-color: #f5e9e9;
	border-color: #e3e3e3;
	border-width: 2px 2px 0px 2px;
	border-style: solid;
	font-size: 1.05em;
	font-weight: bold;
	color: #000000;
}

@media screen and (min-width: 768px) {
 .tech_link2{
	padding: 17px 0px 8px 70px;
	height: 24px;
	font-size: 1.04em;
 }
}

.tech_link3{
	padding: 2px 0px 7px 83px;
	height: 17px;
	background-color: #000000;
	font-size: 0.9em;
	color: #ffffff;
}

@media screen and (min-width: 768px) {
 .tech_link3{
	padding: 0px 0px 9px 72px;
	font-size: 0.8em;
 }
}

/*--------------*/

.about_link1{
	display: block;
	margin: 9px 0px;
}

.about_link1 img{
	float: left;
	width: 43px;
	margin: 1px 0 0 14px;
}

@media screen and (min-width: 768px) {
 .about_link1 img{
	width: 50px;
	margin: 2px 0 0 12px;
 }
}

.about_link2{
	padding: 15px 0px 4px 80px;
	height: 27px;
	background-color: #f3eadb;
	border-color: #e3e3e3;
	border-width: 2px 2px 0px 2px;
	border-style: solid;
	font-size: 1.05em;
	font-weight: bold;
	color: #000000;
}

@media screen and (min-width: 768px) {
 .about_link2{
	padding: 17px 0px 8px 70px;
	height: 24px;
	font-size: 1.04em;
 }
}

.about_link3{
	padding: 2px 0px 7px 83px;
	height: 17px;
	background-color: #000000;
	font-size: 0.9em;
	color: #ffffff;
}

@media screen and (min-width: 768px) {
 .about_link3{
	padding: 0px 0px 9px 72px;
	font-size: 0.8em;
 }
}

/*--------------*/

.s_contact_link1{
	display: block;
	margin: 10px 0px;
}

.s_contact_link1 img{
	float: right;
	width: 78px;
	margin: 5px 2px 0px 0px;
}

@media screen and (min-width: 768px) {
 .s_contact_link1 img{
	width: 80px;
	margin: 3px 2px 0 0px;
 }
}

.s_contact_link2{
	padding: 5px 0px 0px 5px;
	height: 23px;
	background-color: #fafafa;
	border-color: #e3e3e3;
	border-width: 2px 2px 0px 2px;
	border-style: solid;
	font-size: 1.1em;
	font-weight: bold;
	color: #a2000d;
}

@media screen and (min-width: 768px) {
 .s_contact_link2{
	height: 23px;
	font-size: 1.15em;
 }
}

.s_contact_link2 span{
	border-color: #e3e3e3;
	border-width: 0px 0px 3px 0px;
	border-style: solid;
}

.s_contact_link3{
	padding: 8px 0px 0px 5px;
	height: 22px;
	background-color: #fafafa;
	border-color: #e3e3e3;
	border-width: 0px 2px 0px 2px;
	border-style: solid;
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
}

@media screen and (min-width: 768px) {
 .s_contact_link3{
	height: 22px;
	padding: 7px 0px 0px 5px;
	font-size: 1.15em;
 }
}

.s_contact_link4{
	padding: 1px 0px 2px 12px;
	height: 20px;
	background-color: #fafafa;
	border-color: #e3e3e3;
	border-width: 0px 2px 0px 2px;
	border-style: solid;
	font-size: 0.9em;
	color: #000000;
}

@media screen and (min-width: 768px) {
 .s_contact_link4{
	height: 20px;
	padding: 0px 0px 4px 12px;
 }
}

.s_contact_link5{
	padding: 9px 0px 9px 10px;
	background-color: #a2000d;
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
}

@media screen and (min-width: 768px) {
 .s_contact_link5{
	padding: 7px 0px 7px 10px;
 }
}

/*--------------*/

.txt_str{
	font-size: 115%;
	color: #b91523;
	font-weight: bold;
}

.txt_img_desc{
	font-size: 90%;
	color: #454545;
	text-align: center;
}

/*--------------*/

.price{
	background-color: #000000;
	color: #ffffff;
	border: 0 !important;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
}

@media screen and (min-width: 768px) {
 .price {
	margin: 40px 0px 10px 0px;
	font-size: 1.3em;
 }
}

/*--------------*/

.pr_tbl {
	border-collapse: collapse;
	margin: 10px auto;
}

@media screen and (min-width: 768px) {
 .pr_tbl {
	margin-left: 0px;
 }
}

.pr_tbl tbody tr:nth-child(2n+1) {
	background-color: #ffffff;
}

.pr_tbl tbody tr:nth-child(2n) {
	background-color: #f6f6f6;
}

.h_tr {
	background-color: #f6e9e3;
	color: #000000;
}

.h_td {
	border: 1px solid #dddddd;
	text-align: center;
}

.pr_tbl td {
	padding: 6px 1px;
	border: 1px solid #dddddd;
	font-size: 0.9em;
	line-height: 1.5em;
}

@media screen and (min-width: 768px) {
 .pr_tbl td {
	padding: 6px 20px 6px 15px;
	font-size: 1em;
	line-height: 1.7em;
 }
}

@media screen and (min-width: 768px) {
 .pr_tbl td:nth-child(1) {
	width: 466px;
 }
}

@media screen and (min-width: 768px) {
 .pr_tbl td:nth-child(2) {
	width: 150px;
 }
}

.ls07 {
	letter-spacing: 0.7em;
}

/*--------------*/

.ft_menu{
	display: none;
}

@media screen and (min-width: 768px) {
 .ft_menu{
	display: block;
	margin: 0 auto;
	height: 150px;
	background-color: #eaeaea;
 }
}

.ft_menu:before,
.ft_menu:after {
	content: "";
	clear: both;
	display: table;
}

.bxslider{
	display: block;
	margin: 20px 56px;
}

.ft_slide{
	float: left;
	width: 275px;
	height: 100px;
}

.ft_menu_link{
	display: block;
	float: left;
	width: 100%;
	height: 88px;
	background-color: #fcfcfc;
	border-right-color: #e3e3e3;
	border-width: 0px 3px 0px 20px;
	border-style: solid;
}

.ft_menu_link:hover{
	opacity: 1;
}

.ft_menu_text{
	margin: 15px 0 0 15px;
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.5em;
	color: #000000;
}

/*--------------*/

.ft{
	display: block;
	margin: 0 auto;
	padding: 0px 10px 5px 10px;
	background-color: #000000;
	color: #ffffff;

}

@media screen and (min-width: 768px) {
 .ft{
	padding: 0px 10px 10px 10px;
 }
}

.ft:before,
.ft:after {
	content: "";
	clear: both;
	display: table;
}


.to_top{
	text-align: right;
	margin: 20px 0px 5px 0px;
	font-size: 1.4em;
}

@media screen and (min-width: 768px) {
 .to_top{
	margin: 15px 0px 5px 0px;
	font-size: 1.3em;
 }
}

.to_top a{
	border-bottom: 1px solid #565656;
	color: #565656;
}

.ft_contact{
	display: block;
	margin: 20px 0 0px 0;
}

@media screen and (min-width: 768px) {
 .ft_contact{
	margin: 30px 0 20px 0;
 }
}

.ft_contact_link{
	display: block;
	width: 100%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}

.ft_contact_text{
	display: block;
	width: 100%;
	padding: 15px 0;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}

@media screen and (min-width: 768px) {
 .ft_contact_text{
	padding: 15px 0;
	font-size: 1.8em;
 }
}

.c_right{
	margin: 18px 0px 22px 0px;
	text-align: center;
	color: #ffffff;
	font-size: 120%;
}
@media screen and (min-width: 768px) {
 .c_right {
	font-size: 100%;
 }
}

/*--------------*/

.col_1,.col_2,.col_3,
.col_4,.col_5,.col_6,
.col_7,.col_8,.col_9,
.col_10,.col_11,.col_12 { 
	display: block;
	float: left;
	width: 100%;
}

.col_1r,.col_2r,.col_3r,
.col_4r,.col_5r,.col_6r,
.col_7r,.col_8r,.col_9r,
.col_10r,.col_11r,.col_12r { 
	display: block;
	float: right;
	width: 100%;
}

@media screen and ( min-width : 768px ) {
    .col_1, .col_1r { width: 8.33333333333%; }
	.col_2, .col_2r { width: 16.6666666667%; }
	.col_3, .col_3r { width: 25%; }
	.col_4, .col_4r { width: 33.3333333333%; }
	.col_5, .col_5r { width: 41.6666666667%; }
	.col_6, .col_6r { width: 50%; }
	.col_7, .col_7r { width: 58.3333333333%; }
	.col_8, .col_8r { width: 66.6666666667%; }
	.col_9, .col_9r { width: 75%; }
	.col_10, .col_10r { width: 83.3333333333%; }
	.col_11, .col_11r { width: 91.6666666667%; }
	.col_12, .col_12r { width: 100%; }
}


/*--------------*/

.mob_view{
	display: inline;
}

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

.pc_view{
	display: none;
}

@media screen and (min-width: 768px) {
 .pc_view {
	display: inline;
 }
}

/*--------------*/

.pic2{
	margin: 5px 0px;
	width: 80%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 768px) {
 .pic2 {
	margin: 5px 10px;
	display: inline;
	width: 45%;
	vertical-align: top;
 }
}

/*--------------*/

.ab_th1,
.ab_th2{
	border-left: 1px solid #222222;
	border-right: 1px solid #222222;
	border-bottom: 1px solid #222222;
	color: #222222;
	background-color: #dfdfdf;
	padding: 5px 10px;
}

.ab_th1{
	border-top: 1px solid #222222;
}

.ab_td1,
.ab_td2{
	border-left: 1px solid #222222;
	border-right: 1px solid #222222;
	border-bottom: 1px solid #222222;
	padding: 5px 5px;
	word-break: break-all;
}

@media screen and (min-width: 768px) {
 .ab_td1,
 .ab_td2{
 	border-left: 0px;
 	padding: 5px 10px;
	margin-right: 10px;
 }

 .ab_td1{
 	border-top: 1px solid #222222;
 }

}

.ab_tbl:before,
.ab_tbl:after{
	content: "";
	clear: both;
	display: table;
}
/*--------------*/