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

body {
	margin:0;
	padding:0;
	font-size:0.9em;
	font-family:'ヒラギノ丸ゴ Pro W3', 'Hiragino Maru Gothic Pro, Me', 'osaka', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif ;
	/* background:#f4faff url(../img/body_bg.jpg) repeat-x top left; */
	color:#555555;
	}

img {
	border:none;
	vertical-align:top;
	}

a {
	color:#003399;
	text-decoration:none;
	}

a:hover {
	color:#3399FF;
	}

#master{
	/* background:url(../img/master_new.jpg) center top no-repeat; */
	}


#wrapper {
	width:840px;
	margin:0 auto;
	padding:0 0 20px 0;
	}

#header {
	height:316px;
	padding:0 0 20px 0;
	background:url(../img/header_bg_202212.jpg) no-repeat top left;
	background-size: cover;
	}

h1 {
	margin:0;
	padding:2px 0 4px 10px;
	line-height:14px;
	font-size:0.9em;
	color:#003a91;
	}

#minLink {
	padding:0 10px;
	height:20px;
	text-align:right;
	}

#minLink .head01 img {background:url(../img/head_btn01.gif) top left no-repeat;}
#minLink .head02 img {background:url(../img/head_btn02.gif) top left no-repeat;}

#minLink .head01 a:hover img {background:url(../img/head_btn01.gif) bottom left no-repeat;}
#minLink .head02 a:hover img {background:url(../img/head_btn02.gif) bottom left no-repeat;}

#minLink img {
	float:right;
	}

#logoBox {
	margin:0 5px 5px 5px;
	}

#navi {
	padding:0 0 20px 0;
	width:840px;
	height:40px;
	}

#navi ul {
	margin:0;
	padding:0;
	}

#navi li {
	list-style:none;
	float:left;
	display:block;
	}

#navi li.navi01 img {background:url(../img/navi01.gif) top left no-repeat;}
#navi li.navi02 img {background:url(../img/navi02.gif) top left no-repeat;}
#navi li.navi03 img {background:url(../img/navi03.gif) top left no-repeat;}
#navi li.navi04 img {background:url(../img/navi04.gif) top left no-repeat;}
#navi li.navi05 img {background:url(../img/navi05.gif) top left no-repeat;}
#navi li.navi06 img {background:url(../img/navi06.gif) top left no-repeat;}

#navi li.navi01 a:hover img {background:url(../img/navi01.gif) bottom left no-repeat;}
#navi li.navi02 a:hover img {background:url(../img/navi02.gif) bottom left no-repeat;}
#navi li.navi03 a:hover img {background:url(../img/navi03.gif) bottom left no-repeat;}
#navi li.navi04 a:hover img {background:url(../img/navi04.gif) bottom left no-repeat;}
#navi li.navi05 a:hover img {background:url(../img/navi05.gif) bottom left no-repeat;}
#navi li.navi06 a:hover img {background:url(../img/navi06.gif) bottom left no-repeat;}

#flashArea {
	width:840px;
	margin:0;
	}

#pan {
	height:20px;
	line-height:20px;
	font-size:0.7em;
	margin:0 0 0 10px;
	}

#contents {
	width:840px;
	}

#sideNavi {
	width:200px;
	margin:0 10px 10px 0;
	float:left;
	}

#sideNavi ul {
	margin:0 0 10px 0;
	padding:0;
	position:relative;
	}

#sideNavi li {
	list-style:none;
	display:block;
	}

#sideNavi li.sNavi01 img {background:url(../img/side_navi01.gif) top left no-repeat;}
#sideNavi li.sNavi02 img {background:url(../img/side_navi02.gif) top left no-repeat;}
#sideNavi li.sNavi03 img {background:url(../img/side_navi03.gif) top left no-repeat;}
#sideNavi li.sNavi04 img {background:url(../img/side_navi04.gif) top left no-repeat;}
#sideNavi li.sNavi05 img {background:url(../img/side_navi04_01.gif) top left no-repeat;}
#sideNavi li.sNavi06 img {background:url(../img/side_navi04_02.gif) top left no-repeat;}
#sideNavi li.sNavi07 img {background:url(../img/side_navi04_03.gif) top left no-repeat;}
#sideNavi li.sNavi08 img {background:url(../img/side_navi05.gif) top left no-repeat;}
#sideNavi li.sNavi09 img {background:url(../img/side_navi06.gif) top left no-repeat;}

#sideNavi li.sNavi01 a:hover img {background:url(../img/side_navi01.gif) bottom left no-repeat;}
#sideNavi li.sNavi02 a:hover img {background:url(../img/side_navi02.gif) bottom left no-repeat;}
#sideNavi li.sNavi03 a:hover img {background:url(../img/side_navi03.gif) bottom left no-repeat;}
#sideNavi li.sNavi04 a:hover img {background:url(../img/side_navi04.gif) bottom left no-repeat;}
#sideNavi li.sNavi05 a:hover img {background:url(../img/side_navi04_01.gif) bottom left no-repeat;}
#sideNavi li.sNavi06 a:hover img {background:url(../img/side_navi04_02.gif) bottom left no-repeat;}
#sideNavi li.sNavi07 a:hover img {background:url(../img/side_navi04_03.gif) bottom left no-repeat;}
#sideNavi li.sNavi08 a:hover img {background:url(../img/side_navi05.gif) bottom left no-repeat;}
#sideNavi li.sNavi09 a:hover img {background:url(../img/side_navi06.gif) bottom left no-repeat;}


#sideNavi ul li div {
	display:none;
	}

#menu_1{
	margin:0;
	padding:0 0 10px;
	width:220px;
	background:url(../img/slidemenu_bg.gif) left bottom no-repeat;
	position:absolute;
	left:200px;
	top:225px;
	}

#menu_2{
	margin:0;
	padding:0 0 10px;
	width:220px;
	background:url(../img/slidemenu_bg.gif) left bottom no-repeat;
	position:absolute;
	left:200px;
	top:255px;
	}

#menu_3{
	margin:0;
	padding:0 0 10px;
	width:220px;
	background:url(../img/slidemenu_bg.gif) left bottom no-repeat;
	position:absolute;
	left:200px;
	top:285px;
	}

#menu_1 a , #menu_2 a , #menu_3 a{
	background:url(../img/linklist_arrow.gif) no-repeat center left;
	margin:0 10px;
	padding:2px 0 2px 20px;
	line-height:20px;
	font-size:12px;
	}

#main {
	width:630px;
	float:left;
	}

#main02 {
	width:630px;
	float:left;
	background:url(../img/main_bg.gif) repeat-y top left;
	}

#news {
	background:url(../img/top_news_bg.gif) repeat-y top left;
	font-size:0.8em;
	margin:0 0 10px 0;
	}

#news ul {
	margin:0 auto;
	padding:0;
	width:600px;
	}

#news li {
	background:url(../img/news_textline.gif) repeat-x top left;
	line-height:25px;
	list-style:none;
	padding:0 10px;
	}

#mainImg {
	margin:0 0 10px 0;
	padding:0;
	clear:both;
	}

#companyList {
	background:url(../img/companylist_bg.gif) repeat-y top left;
	font-size:0.8em;
	margin:0 0 10px 0;
	}

#listBox {
	width:600px;
	margin:0 auto;
	}

#companyList ul {
	width:200px;
	margin:0;
	padding:0;
	float:left;
	}

#companyList li {
	list-style:none;
	background:url(../img/companylist_icon.gif) no-repeat top left;
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	line-height:16px;
	}

#footNavi {
	text-align:left;
	line-height:20px;
	font-size:0.8em;
	padding:20px 10px 5px 10px;
	}

#footer {
	width:820px;
	height:65px;
	background:url(../img/footer_bg.gif) no-repeat top left;
	padding:15px 10px 0 10px;
	font-size:0.9em;
	}

.waku01 {
	background:url(../img/waku_bg.gif) top left repeat-y;
	margin:10px 0 20px 0;
	font-size:0.9em;
	}

.waku01body {
	margin:5px 20px;
	}

.waku01body p {
	margin:10px 0 0 0;
	}

.waku01body strong {
	color:#006abc;
	font-size:1.1em;
	}

.catalogBox {
	float:right;
	padding:20px 0;
	text-align:center;
	}

/*-----  20100409 追加  -----*/

#newsLft {
	width:310px;
	margin:0 0 10px;
	padding:0 10px 0 0;
	float:left;
	}

#newsRgt {
	width:310px;
	margin:0 0 10px;
	padding:0;
	float:left;
	}

#newsLft02 {
	width:440px;
	margin:0 0 10px;
	padding:0 10px 0 0;
	float:left;
	}

#newsRgt02 {
	width:180px;
	margin:0 0 10px;
	padding:0;
	float:left;
	}

#news02 {
	background:url(../img/top_news_bg02.gif) repeat-y top left;
	font-size:0.8em;
	margin:0;
	}

#news02 ul {
	margin:0 auto;
	padding:0;
	width:280px;
	}

#news02 li {
	background:url(../img/news_textline.gif) repeat-x top left;
	line-height:25px;
	list-style:none;
	padding:0 10px;
	}

#news03 {
	background:url(../img/top_news_bg03.gif) repeat-y top left;
	font-size:0.8em;
	margin:0;
	}

#news03 ul {
	margin:0 auto;
	padding:0;
	width:410px;
	}

#news03 li {
	background:url(../img/news_textline.gif) repeat-x top left;
	line-height:25px;
	list-style:none;
	padding:0 10px;
	}



/*  company  */

#companyTable {
	margin:10px auto 30px auto;
	border-collapse:collapse;
	width:600px;
	font-size:0.8em;
	}

#companyTable td {
	padding:5px 10px;
	line-height:160%;
	border-bottom:#cccccc solid 1px;
	vertical-align:top;
	}

.mapIcon {
	float:left;
	margin:1px 0 0 10px;
	}

.companyBox {
	width:600px;
	margin:0 auto 20px auto;
	}

.companyBox p {
	margin:5px 10px 0 10px;
	padding:0;
	font-size:0.8em;
	line-height:160%;
	}

/*  flow  */

.flowBox {
	width:600px;
	margin:10px auto 10px auto;
	}

.flowText {
	margin:0;
	padding:5px 20px 10px 20px;
	font-size:0.8em;
	}

.flowBox p {
	margin:5px 10px 0 10px;
	padding:0;
	font-size:0.8em;
	line-height:160%;
	}

.flowArrow {
	margin:0 0 0 18px;
	}

.workBox {
	width:600px;
	margin:30px auto 10px auto;
	}

.workBox02 {
	width:580px;
	margin:0 10px;
	padding:15px 0;
	background:url(../img/flow_work_line.gif) repeat-x bottom left;
	}

.workBox02 img {
	float:left;
	margin:0 10px 0 0;
	}

.workBox02 p {
	width:320px;
	margin:0;
	padding:5px 0 0 0;
	float:left;
	font-size:0.9em;
	}

/*  contact  */

.contactText {
	margin:5px 20px 0 20px;
	padding:0;
	line-height:160%;
	font-size:0.8em;
	}

.thankyou {
	color:#0066FF;
	}

.hissu {
	color:#FF3300;
	font-weight:bold
	}

#contactTable {
	margin:20px auto 0 auto;
	width:600px;
	border-collapse:collapse;
	font-size:0.7em;
	}

#contactTable th {
	text-align:left;
	vertical-align:top;
	line-height:200%;
	padding:10px;
	background:url(../img/contact_line.gif) no-repeat bottom left;
	}


#contactTable td {
	text-align:left;
	vertical-align:top;
	width:450px;
	line-height:200%;
	padding:10px 0;
	background:url(../img/contact_line.gif) no-repeat bottom right;
	}

.attention	{
	color:#FF6666;
	}

.select {
	background:none;
	}

.selectBtn {
	border:none;
	background:none;
	vertical-align:top;
	}

.checkBtn {
	text-align:center;
	margin:10px 0;
	}

.width70 {width:70px;}
.width100 {width:100px;}
.width250 {width:250px;}

.policyBox {
	width:600px;
	margin:50px auto 0 auto;
	}

.policyText {
	margin:10px 10px 30px 10px;
	font-size:0.8em;
	}

.policyBox p {
	margin:0 10px 20px 10px;
	font-size:0.8em;
	}

.contactPdn {
	padding:15px 15px 5px;
	}

/*  link  */

.linkBox {
	width:600px;
	margin:20px auto 0 auto;
	}

.linkBox02 {
	width:600px;
	margin:20px auto 0 auto;
	}

.linkBox ul {
	margin:0 0 10px 5px;
	padding:0;
	}

.linkBox li {
	list-style:none;
	background:url(../img/linklist_arrow.gif) no-repeat top left;
	margin:5px 0 0 0;
	padding:0 0 0 20px;
	line-height:16px;
	}

.linkList {
	margin:0 0 20px 10px;
	padding:0;
	font-size:0.8em;
	}

.linkList img {
	margin:0 0 10px 0;
	}

.linkList strong {
	padding:0 0 0 5px;
	}

.linkCateBox {
	margin:10px 0 0 0;
	float:left;
	}

.linkCateBox02 {
	margin:10px 15px 0 15px;
	float:left;
	}

.linkCateBox ul ,.linkCateBox02 ul {
	width:190px;
	margin:0;
	padding:0;
	float:left;
	}

.linkCateBox li ,.linkCateBox02 li {
	list-style:none;
	margin:0;
	padding:10px 0 0 0;
	height:20px;
	}

.centerList {
	padding:0 15px;
	}

.linkPagetop {
	float:right;
	text-align:right;
	}

.linkBanBox {
	margin:10px 0 0 0;
	padding:0;
	}

.linkOther {
	border:none;
	width:600px;
	border-collapse:collapse;
	font-size:0.8em;
	}

.linkOther th.bg01 {
	width:150px;
	border-top:#cccccc solid 1px;
	border-left:#3d7bdc solid 5px;
	border-bottom:#cccccc solid 1px;
	background:#eef3f9;
	padding:10px;
	text-align:left;
	vertical-align:top;
	}

.linkOther th.bg02 {
	width:150px;
	border-top:#cccccc solid 1px;
	border-left:#77a2e6 solid 5px;
	border-bottom:#cccccc solid 1px;
	background:#eef3f9;
	padding:10px;
	text-align:left;
	vertical-align:top;
	}

.linkOther td {
	border-top:#cccccc solid 1px;
	border-bottom:#cccccc solid 1px;
	padding:10px;
	}

.linkOther td ul {
	margin:0;
	padding:0;
	}

.linkOther td ul li {
	list-style:none;
	background:url(../img/linklist_arrow.gif) no-repeat left top;
	padding:0 0 5px 20px;
	margin:0;
	}

/*  product  */

.productBox {
	width:600px;
	margin:20px auto 0 auto;
	}

.productBox ul {
	margin:0 0 10px 5px;
	padding:0;
	font-size:0.8em;
	}

.productBox li {
	list-style:none;
	background:url(../img/linklist_arrow.gif) no-repeat top left;
	margin:5px 0 0 0;
	padding:0 0 0 20px;
	line-height:16px;
	}

.productText {
	font-size:0.8em;
	margin:0;
	padding:10px 0 10px 10px;
	}

.productTitleBg {
	background:url(../img/product_title_bg.gif) no-repeat top left;
	display:block;
	color:#ffffff;
	font-size:1.0em;
	font-weight:bold;
	line-height:30px;
	margin:0;
	padding:0 0 0 15px;
	}

a:hover.productTitleBg { color:#bcd0f9; }

.productCate {
	background:url(../img/linklist_arrow.gif) no-repeat left top;
	padding:0 0 15px 20px;
	}

.productLft {
	width:290px;
	float:left;
	margin:0 20px 10px 0;
	}

.productRgt {
	width:290px;
	float:left;
	margin:0 0 10px;
	}

.productComment {
	font-size:0.8em;
	color:#00246d;
	margin:0;
	padding:5px 5px 10px;
	}

.productLft .btn ,.productRgt .btn {
	text-align:right;
	margin:0;
	padding:0;
	}



/*     twitter     */


#twtr-widget-1 {
	margin:0 0 15px;
	}

.twtr-doc {
	background:url(../img/twitter_head.gif) no-repeat left top;
	padding:25px 0 0;
	}

.twtr-bd {
	background:url(../img/twitter_bg.gif) repeat-y left top;
	}

.twtr-ft {
	background:url(../img/twitter_foot.gif) no-repeat left bottom;
	}


/*  common  */

.left {
	float:left;
	}

.right {
	float:right;
	}

.clear {
	clear:both;
	}

.pdnTop20 {
	padding:26px 0 0 0;
	}

.pdnTop10 {
	padding:10px 0 0 0;
	}

.pdnBtm10 {
	padding:0 0 10px 0;
	}

.pdnLeft15 {
	padding:0 0 0 15px;
	}

.pdnLeft10 {
	padding:0 0 0 10px;
	}

	.bnrarea_top{
		margin-bottom: 20px;
	}
	.bnrarea_top .bnrarea_top_inner{
		background-color: #fff;
	}
	.bnrarea_top .bnr_top_text2{
    font-family: 'MS 明朝',serif;
    font-size: 22px;
    padding: 20px 50px;
    display: inline-block;
    margin: 0 0 0 0;
	}
	.bnrarea_top .bnr_top_btn{
    /* margin: 10px 20px; */
		width: 100%;
	}
	.bnrarea_top a{
		width: 100%;
		height: auto;
	}
	.bnrarea_top_img{
		width: 100%;
		height: auto;
	}

	.bnrarea_down{
		display:flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}
	.bnrarea_down a{
		margin-bottom: 1%;
		width: 49.5%;
	}
	.bnrarea_down img{
		width: 100%;
		height: auto;
	}