@charset "utf-8";
/* CSS Document */

/*/////////////////////////////////////////////////////////
file name: common.css
description: 共通スタイルシート

1.レイアウト
2.ページの先頭へボタン
3.タイトル
4.リンク
5.リスト
6.動画

///////////////////////////////////////////////////////// */

/* ===========  1.レイアウト  =========== */
body {
	background: white;
}

.sp {
	display: none;
}

/*header*/
header {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
	position: relative;
	z-index: 9999;
}

header h1 {
	font-size: 85.7%;
}

header #header-logo {
	float: left;
	width: 220px;
	text-align: center;
	margin-right: 20px;
}

header #gnaviArea {
	float: right;
	width: 720px;
	text-align: left;
}

/*ナビゲーション　ie6-8対策*/
.ie8 ul.flexnav {
	display: none;
}
.ie7 ul.flexnav {
	display: none;
}
.ie6 ul.flexnav {
	display: none;
}

.ie8 .menu-button {
	display: none;
}
.ie7 .menu-button {
	display: none;
}
.ie6 .menu-button {
	display: none;
}

.navIE {
	margin: 0 auto;
	width: 100%;
}

.navIE li {
	font-size: 100%;
	overflow: hidden;
	font-size: 85.7%;
	font-weight: bold;
	text-align: center;
	width: 103px;
	float: left;
	list-style-type: none;
}

.navIE li.lastchild {
	width: 102px;
}

.navIE li a {
	display: block;
	padding: 10px;
    overflow: hidden;
    color: white;
	font-weight: bold;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e50012), to(#bd000f));
	background: linear-gradient(#e50012, #bd000f);
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #e50012, #bd000f);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFe50012, endColorstr=#FFbd000f);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFe50012, endColorstr=#FFbd000f)";
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	border-left: 1px solid #eee;
}

.navIE li a.on {
	display: block;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fa1829), to(#f5707b));
	background: linear-gradient(#fa1829, #f5707b);
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #fa1829, #f5707b);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFfa1829, endColorstr=#FFf5707b);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFfa1829, endColorstr=#FFf5707b)";
}

.navIE li a:active, .navIE li a:hover {
	text-decoration: none;
}

.navIE li ul li {
	font-size: 100%;
	position: relative;
	border-bottom: 1px solid #eeeeee;
	overflow: hidden;
}

.navIE li a span.scale {
	display: block;
	transform: scale(0.7,1);
	 -webkit-transform: scale(0.7,1);
	-moz-transform: scale(0.7,1);
	/* for ie9 */
	-ms-transform: scale(0.7,1);
	margin-left: -17px;
	width: 115px;
	cursor: pointer;
}

/*wrapper*/
#wrapper {
	width: 960px;
	margin: 0 auto;
}	

/*sidebar*/
#sidebar {
	width: 220px;
	margin-right: 20px;
	float: left;
}

/*ローカルナビ*/
ul.lnavi {
    list-style-type: none;
    width: 100%;
	padding-top: 1px;
}

ul.lnavi li {
    list-style-type:none;
	border-bottom: 1px dotted #e5e5e5;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

ul.lnavi li.lnaviTop {
	border-top: 1px dotted #e5e5e5;
	padding-top: 3px;
}

ul.lnavi a {
    display: block;
	overflow: hidden;
	padding: 8px 0 8px 15px;
	border-left: 10px solid #313131;
}

ul.lnavi a.lnavi-act {
	border-left: 10px solid #e60012;
	background: #e5e5e5;
}

ul.lnavi li a:link {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

ul.lnavi li a:visited {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

ul.lnavi li a:active {
	color: #e60012;
	font-weight: bold;
	text-decoration: none;
}

ul.lnavi li a:hover {
	color: #e60012;
	font-weight: bold;
	text-decoration: none;
}


#sidebar_contact {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, direction=135, strength=5, enabled=true);
	box-shadow: 0 0 5px #ccc;
	background: #FFF url(../images/bg_sidebar_contact.gif);
    background-repeat: no-repeat;
    background-position: center 5px;
	height: 140px;
	padding-top: 100px;
	border: 1px solid #e5e5e5;
}

#sidebar_contact p span.tel-link {
	color: #e60012;
	font-size: 200%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

img.telno {
	margin-top: -10px;
}

a.btn_sidebar_contact {
	display: block;
	margin: 0 auto 0;
}

a.btn_sidebar_contact:hover {
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.lt-ie9 a.btn_sidebar_contact:link,
.lt-ie9 a.btn_sidebar_contact:visited {
	background-color: #fff;
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.lt-ie9 a.btn_sidebar_contact:hover {
	background-color: #fff;
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}



a.bnr:hover {
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.lt-ie9 a.bnr:link,
.lt-ie9 a.bnr:visited {
	background-color: #fff;
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.lt-ie9 a.bnr:hover {
	background-color: #fff;
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.sidebar_title {
	background: url(../images/bg_sidebar_title.gif) left top repeat;
	color: white;
	font-weight: bold;
	padding: 5px 10px;
}

a.bnr {
	display: block;
}



a.bnr:hover {
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.lt-ie9 a.bnr:link,
.lt-ie9 a.bnr:visited {
	background-color: #fff;
	opacity:1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.lt-ie9 a.bnr:hover {
	background-color: #fff;
	opacity:0.5;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}


/*content*/
#content {
	width: 720px;
	float: right;
}

.boxDot {
	border-bottom: 1px dotted #d5d5d5;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/*footer*/
footer {
	width: 100%;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#ffffff));
	background: linear-gradient(#e5e5e5, #ffffff);
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #e5e5e5, #ffffff);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFe5e5e5, endColorstr=#FFFFFFFF);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFe5e5e5, endColorstr=#FFFFFFFF)";
	margin-top: 50px;
}

.footerBox {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
}

small {
	position: absolute;
	display: block;
	left: 0;
	bottom: 20px;
}

#pmark {
	width: 100px;
	height: 100px;
	background: white;
	margin-top: 20px;
}

address {
	font-style: normal;
}

.footerBox01 {
	float: left;
	width: 220px;
	text-align: left;
}

.footerBox01 h3 img {
	width: 110px;
	height: auto;
}

#footer_company_name {
	margin-top: 10px;
}

.footerBox02 {
	width: 720px;
	float: right;
	text-align: left;
}

.boxFootermenu01 {
	float: left;
	width: 226px;
	margin-right: 21px;
}

.boxFootermenu02 {
	float: left;
	width: 226px;
}

ul.list-footerMenu {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.list-footerMenu li {
	list-style-type: none;
}

ul.list-footerMenu li a {
	background: url(../images/hd_footer01.gif) left 2px no-repeat;
	padding-left: 18px;
	font-weight: bold;
	color: black;
	display: block;
	border-bottom: 1px solid black;
	padding-bottom: 3px;
}

ul.list-footerMenu02 {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.list-footerMenu02 li {
	list-style-type: none;
	margin-top: 3px;
}

ul.list-footerMenu02 li a {
	background: url(../images/hd_footer02.png) 5px 5px no-repeat;
	padding-left: 18px;
	font-weight: normal;
	color: black;
	font-size: 85.7%;
	display: block;
	border-bottom: none;
	padding-bottom: 0;
}

#footer_contact {
	position: absolute;
	right: 0;
	bottom: 20px;
}

/*メインコンテンツ*/

.titleLead {
	text-align: center;
	font-size: 157%;
	color: #e60012;
	font-weight: bold;
	border-bottom: 3px solid #e5e5e5;
	padding-bottom: 5px;
	margin-top: 20px;
}

.section01 {
	padding-left: 20px;
	padding-right: 20px;
}

.section02 {
	padding-left: 40px;
	padding-right: 40px;
}

.section03 {
	padding-left: 30px;
	padding-right: 30px;
}

.section04 {
	padding-left: 10px;
	padding-right: 10px;
}

/*パンくずナビ*/
#topicPath {
	margin: 0;
	font-size: 78.6%;
	border: 1px solid #e5e5e5;
}

span.topicPath_link {
	display: block;
	background: url(../images/bg_topicpath.gif) right center no-repeat;
	padding: 5px 25px 5px 15px;
	float: left;
}

span.topicPath_nolink {
	display: block;
	padding: 5px 25px 5px 15px;
	float: left;
}

/*ページタイトル*/
#pageTitle {
	margin-top: 10px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#585858), to(#272727));
	background: linear-gradient(#585858, #272727);
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #585858, #272727);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF585858, endColorstr=#FF272727);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF585858, endColorstr=#FF272727)";
	padding: 15px 20px;
	color: white;
	font-weight: bold;
	font-size: 171.4%;
}

#pageTitle01 {
	float: left;
}

#pageTitle02 {
	float: right;
	font-size: 83.3%;
	margin-top: 3px;
	color: #e5e5e5;
}


/*600px以上1000px以下タブレット縦*/
@media screen and (min-width: 600px) and (max-width: 1000px) {

header {
	width: 100%;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
}

header #header-logo {
	float: left;
	width: 25%;
	margin-right: 3%;
}

header #gnaviArea {
	float: right;
	width: 72%;
	text-align: left;
}

/*wrapper*/
#wrapper {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

/*sidebar*/
#sidebar {
	float: left;
	width: 25%;
	margin-right: 3%;
	overflow: hidden;
}

#sidebar_contact {
	background-size: 100% auto;
	padding-top: 90px;
	height: auto;
}

#sidebar_contact p span.tel-link {
	color: #e60012;
	font-size: 200%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#sidebar_contact p span.tel-link a:link {
	color: #e60012;
	font-weight:bold;
	font-size: 28px;
}

a.btn_sidebar_contact {
	width: 90%;
	height: auto;
}

a.btn_sidebar_contact img {
	width: 100%;
	height: auto;
}

#sidebar #topics img, #sidebar #service img, #sidebar #media img, #sidebar #related img, #sidebar #topics_under img, #sidebar #media_under img {
	width: 100%;
	height: auto;
}

/*content*/
#content {
	float: right;
	width: 72%;
	text-align: left;
	overflow: hidden;
}

/*footer*/
footer {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#ffffff));
	background: linear-gradient(#e5e5e5, #ffffff);
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #e5e5e5, #fff);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFe5e5e5, endColorstr=#FFFFFFFF);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFe5e5e5, endColorstr=#FFFFFFFF)";
	margin-top: 30px;
}

.footerBox {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
	overflow: hidden;
}

small {
	position: absolute;
	display: block;
	left: 0;
	bottom: 20px;
}

address {
	font-style: normal;
}

.footerBox01 {
	float: left;
	width: 24%;
	text-align: left;
}

.footerBox01 h3 img {
	width: 110px;
	height: auto;
}

#footer_company_name {
	margin-top: 10px;
}

.footerBox02 {
	width: 74%;
	float: right;
	text-align: left;
}

.boxFootermenu01 {
	float: left;
	width: 32%;
	margin-right: 2%;
}

.boxFootermenu02 {
	float: left;
	width: 32%;
}

ul.list-footerMenu {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.list-footerMenu li {
	list-style-type: none;
}

ul.list-footerMenu li a {
	background: url(../images/hd_footer01.gif) left 2px no-repeat;
	padding-left: 18px;
	font-weight: bold;
	font-size: 85.7%;
	color: black;
	display: block;
	border-bottom: 1px solid black;
	padding-bottom: 3px;
}

ul.list-footerMenu02 {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.list-footerMenu02 li {
	list-style-type: none;
	margin-top: 3px;
}

ul.list-footerMenu02 li a {
	background: url(../images/hd_footer02.png) 5px 5px no-repeat;
	padding-left: 18px;
	font-weight: normal;
	color: black;
	font-size: 78.6%;
	display: block;
	border-bottom: none;
	padding-bottom: 0;
}

#footer_contact {
	position: absolute;
	left: 75%;
	bottom: 20px;
}

#footer_contact img {
	width: 80%;
}

}

/*599px以下スマホ縦横*/
@media screen and (max-width: 599px) {
body {
	-webkit-text-size-adjust: none;
}

.sp {
	display: block;
}

.pc {
	display: none;
}

header {
	width: 100%;
	position: relative;
}

header h1 {
	display: none;
}

header #header-logo {
	float: none;
	width: 100px;
	overflow: hidden;
	padding: 10px;
	border-top: 6px solid #e60012;
	text-align: left;
	margin-right: 0;
}

header #header-logo img {
	width: 100px;
}

header #gnaviArea {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	border-top: 6px solid #e60012;
}

/*wrapper*/
#wrapper {
	width: 100%;
	overflow: hidden;
}

/*sidebar*/
#sidebar {
	width: 100%;
	margin-right: 0;
	float: none;
	margin-top: 30px;
}

#sidebar_contact {
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-image: url(../images/bg_sm_contact.gif);
	background-size: 300px 127px;
    background-repeat: no-repeat;
    background-position: center top;
	margin-top: 10px;
	padding-top: 70px;
	
}

#sidebar_contact p img {
	width: 90%;
}

a.btn_sidebar_contact {
	width: 280px;
	height: auto;
}

a.btn_sidebar_contact img {
	width: 100%;
	height: auto;
}

#sidebar_contact p span.tel-link a:link {
	color: #e60012;
	font-weight:bold;
	font-size: 36px;
}

#topics a, #service a {
	float: left;
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
}

#topics a img, #service a img {
	width: 100%;
	height: auto;
}

#media a {
	float: left;
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
}

#media a img {
	width: 100%;
	height: auto;
}

#related {
	display: none;
}

#pmark {
	width: 100%;
	height: 100px !important;
	margin-top: 0;
	margin-bottom: 20px;
	text-align: center;
	display: block;
	overflow: visible;
}

#topics_under, #media_under {
	display: none;
}

/*content*/
#content {
	width: 100%;
	float: none;
}

.scrl {
	overflow: scroll;
}

/*footer*/
footer {
	width: 100%;
	margin-top: 20px;
}

.footerBox {
	width: 96%;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#ffffff));
	background: linear-gradient(#e5e5e5, #ffffff);
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #e5e5e5, #fff);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFe5e5e5, endColorstr=#FFFFFFFF);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFe5e5e5, endColorstr=#FFFFFFFF)";
	padding: 20px 2%;
}

.footerBox01 {
	float: none;
	width: 100%;
}

.footerTitle h3 {
	float: left;
	margin-right: 20px;
}

.footerTitle p#footer_company_name {
	float: left;
	margin-top: 15px;
}

.footerBox02 {
	display: none;
}

#footer_contact {
	display: none;
}

small {
	position: inherit;
	display: block;
	left: 2%;
	bottom: 0px;
	padding-left: 2%;
	padding-right: 2%;
}

/*パンくずナビ*/
#topicPath {
	margin: 0;
	font-size: 78.6%;
	border: 1px solid #e5e5e5;
}

span.topicPath_link {
	display: block;
	background: url(../images/bg_topicpath.gif) right center no-repeat;
	padding: 5px 15px 5px 5px;
	float: left;
}

span.topicPath_nolink {
	display: block;
	padding: 5px 0 5px 5px;
	float: left;
}

.sp_scale {
	transform: scale(0.6,1);
	 -webkit-transform: scale(0.6,1);
	-moz-transform: scale(0.6,1);
	/* for ie9 */
	-ms-transform: scale(0.6,1);
}

/*ページタイトル*/
#pageTitle {
	margin-top: 0;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#585858), to(#272727));
	background: linear-gradient(#585858, #272727);
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #585858, #272727);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF585858, endColorstr=#FF272727);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF585858, endColorstr=#FF272727)";
	padding: 8px 5px;
	color: white;
	font-weight: bold;
	font-size: 126%;
}

#pageTitle01 {
	float: left;
}

#pageTitle02 {
	float: right;
	font-size: 83.3%;
	margin-top: 3px;
	color: #e5e5e5;
}

/*メインコンテンツ*/
.titleLead {
	text-align: left;
	font-size: 114.3%;
	color: #e60012;
	font-weight: bold;
	border-bottom: 3px solid #e5e5e5;
	padding-bottom: 5px;
	margin-top: 20px;
	line-height: 1.5;
}

.section01 {
	padding-left: 5px;
	padding-right: 5px;
}

.section02 {
	padding-left: 10px;
	padding-right: 10px;
}

.section03 {
	padding-left: 30px;
	padding-right: 30px;
}

span.box {
	display: block;
}

}









/* ===========  2.ページの先頭へボタン  =========== */
#scrolltop {
    position: fixed;
    bottom: 20px;
    right: 10px;
}

#scrolltop a {
    display: block;
}


/* ===========  3.タイトル  =========== */
.title01 {
	font-size: 129%;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 3px solid #e5e5e5;
	background: url(../images/hd_title01.jpg) left top no-repeat;
	padding-left: 14px;
	padding-top: 3px;
	min-height: 27px;
	line-height: 1.4;
}

.title02 {
	border-bottom: 1px dotted black;
	padding-bottom: 3px;
	font-size: 114.3%;
	font-weight: bold;
}

.title03 {
	font-size: 114.3%;
	font-weight: bold;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#c9c9c9));
	background: linear-gradient(#e5e5e5, #c9c9c9);
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #e5e5e5, #c9c9c9);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFe5e5e5, endColorstr=#FFc9c9c9);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFe5e5e5, endColorstr=#FFc9c9c9)";
	padding: 5px 10px;
	color: #e60012;
}

.title04 {
	font-size: 16px;
	font-weight: bold;
	color: #0068b7;
	background: url(../images/hd_title02.gif) left top no-repeat;
	padding-left: 14px;
	padding-top: 2px;
}	

/* ===========  4.リンク  =========== */
a.link01 {
	background: url(../images/hd_link01.png) left top no-repeat;
	padding-left: 22px;
	display: block;
}

a.link02 {
	background: url(../images/hd_link02.png) 2px 4px no-repeat;
	padding-left: 14px;
}

/* ===========  5.リスト  =========== */
ul.list01 {
	list-style: none;
}

ul.list01 li {
	list-style-type: none;
	padding-left: 12px;
	background: url(../images/hd_list01.gif) left 7px no-repeat;
}