@charset "UTF-8";

*{
	margin:0;
	padding:0;
}
html, body{
	
}
body{
	color:#333333;
	line-height:1.8em;
	font-size:13px;
	text-align:center;
	font-family:"メイリオ", Meiryo, Osaka, Helvetica, Arial, sans-serif;
}
img{
	border-width:0;
}
a{
	color:#0080cc;
}

#footer-area{
	clear:both;
	position:relative;
	margin-top:50px;
}
.to-top{
	width:70px;
	height:70px;
	position: fixed;
	right: 5%;
	bottom: 72px;
	z-index:10;
}
.to-top a{
	width:70px;
	height:70px;
	display:block;
}





.text-11{
	font-size:11px;
}
.text-15{
	font-size:15px;
}
.text-18{
	font-size:18px;
}
.ta-l{
	text-align:left!important;
}
.ta-r{
	text-align:right;
}
.ta-c{
	text-align:center;
}
.mb-0{
	margin-bottom:0px!important;
}
.mb-8{
	margin-bottom:8px!important;
}
.mb-10{
	margin-bottom:10px!important;
}
.mb-12{
	margin-bottom:12px!important;
}
.mb-15{
	margin-bottom:15px!important;
}
.mb-20{
	margin-bottom:20px!important;
}
.mb-30{
	margin-bottom:30px!important;
}
.mb-40{
	margin-bottom:40px!important;
}
.mb-50{
	margin-bottom:50px!important;
}
.mt-0{
	margin-top:0px!important;
}
.mt-10{
	margin-top:10px!important;
}
.mt-15{
	margin-top:15px!important;
}
.mt-20{
	margin-top:20px!important;
}
.mt-30{
	margin-top:30px!important;
}
.mt-40{
	margin-top:40px!important;
}
.mt-50{
	margin-top:50px!important;
}
.fc-r{
	color:#f12344;
}
.fc-g{
	color:#666!important;
}


/*table*/
.tbl-wrap-708{
	width:708px;
	overflow:hidden;
}
.tbl-wrap-708 table{
	width:100%;
	font-size:13px;
	border-left:solid 1px #e3e3e3;
	border-top:solid 1px #e3e3e3;
}
.tbl-wrap-708 table th{
	font-size:15px;
	font-weight:bold;
	background:#333333;
	color:#fff;
	text-align:center;
	padding:10px 0;
	border-right:solid 1px #e3e3e3;
	border-bottom:solid 1px #e3e3e3;
}
.tbl-wrap-708 table.tbl-style-02 th{
	font-size:14px;
	font-weight:bold;
	color:#333333;
	text-align:left;
	padding:10px;
	width:50%;
	white-space:nowrap;
	background:#f4f4f4;
	border-right:solid 1px #e3e3e3;
	border-bottom:solid 1px #e3e3e3;
}
.tbl-wrap-708 table.nomal th{
	width:30%;
	vertical-align:top;
}
.tbl-wrap-708 table td{
	text-align:center;
	padding:10px 12px;
	border-right:solid 1px #e3e3e3;
	border-bottom:solid 1px #e3e3e3;
}
.tbl-wrap-708 table.tbl-style-02 td{
	text-align:left;
	padding:10px 12px;
	border-right:solid 1px #e3e3e3;
	border-bottom:solid 1px #e3e3e3;
}
.tbl-wrap-708 table td img{
	cursor:pointer;
	margin-bottom:5px;
}
.tbl-wrap-708 table th.no-border,
.tbl-wrap-708 table td.no-border{
	border-bottom:none;
}
.tbl-wrap-708 table td.color{
	background:#f1f1f1;
}



/*headmenu*/
#header{
	text-align:center;
	position:relative;
	background: url(../image/bg_header.gif) left top 0px repeat-x;
}
#head-ttl {
  font-size: 10px;
  text-align: left;
  max-width:960px;
  margin:auto;
  padding: 8px 0 0 25px;
  line-height: 1;
	min-height: 20px;
		background-color: #ffffff;
}
#header-menu{
	width:960px;
	height:108px;
	margin:0 auto;
	/* overflow:hidden; */
	position:relative;
}
#header-menu #logo_head{
	width:174px;
	height:28px;
	display:block;
	overflow:hidden;
	position:absolute;
	left:25px;
	top:18px;
}
#header-menu h1 a{
	width:174px;
	height:28px;
	display:block;
	overflow:hidden;
	left:25px;
	top:18px;
	text-indent:-9999px;
	background:url(../image/logo.gif) left top no-repeat;
}
#header-menu #freecall{
	width:316px;
	height:33px;
	position:absolute;
	left:620px;
	top:13px;
}
#header-menu ul#member-btn{
	width:336px;
	height:46px;
	overflow:hidden;
	position:absolute;
	left:274px;
	top: ０;
}
#header-menu ul#member-btn li{
	width:111px;
	height:46px;
	display:block;
	float:left;
	margin-right:1px;
	overflow:hidden;
}
#header-menu ul#member-btn li a img{
	display:block;
}

ul#menu-btn{
	width:960px;
	height:22px;
	/* overflow:hidden; */
	position:absolute;
	top:66px;
}
ul#menu-btn > li{
	display:block;
	float:left;
	width:136px;
	height:22px;
	text-align:center!important;
	border-right:solid 1px #afafaf;
}
ul#menu-btn li:last-child{
	border-right:none!important;
}
ul#menu-btn > li > a{
	font-size:14px;
	font-weight:bold;
	display:block;
	color:#333333;
	text-decoration:none;
	position: relative;
}
ul#menu-btn li a:hover,#header-menu ul#menu-btn li.here > a{
	color:#0080cc;
}
#menu-btn > li:nth-child(2) > a:after,
#menu-btn > li:nth-child(3) > a:after,
#menu-btn > li:nth-child(4) > a:after{
  right: 10px;
  top: 0;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #333333;
  border-width: 5px;
  bottom: 0;
  margin: auto;
}
#menu-btn > li:nth-child(2) > a:hover:after,
#menu-btn > li:nth-child(3) > a:hover:after,
#menu-btn > li:nth-child(4) > a:hover:after,
#menu-btn > li:nth-child(2).here > a:after,
#menu-btn > li:nth-child(3).here > a:after,
#menu-btn > li:nth-child(4).here > a:after{
  border-top-color: #0080cc;
}
#menu-btn-subarea{
	width:960px;
	position:relative;
	margin:0 auto;
}
#mbs-inner{
	background:url(../image/submenu-arrow.gif);
	background-repeat:no-repeat;
	padding-top:10px;
	position:absolute;
	top:-15px;
	left: 0;
}
li:not(.here)>#mbs-inner{
	display: none;
}
li:not(.here):hover>#mbs-inner{
	display: block;
	z-index: 999;
}
li>#mbs-inner {
  top: 21px;
  padding-top: 16px;
  background-position-y: 6px !important;
}
#mbs-inner.menu-01{
	background-position:60px top;
}
#mbs-inner.menu-02{
	background-position:195px top;
}
#mbs-inner.menu-03{
	background-position:333px top;
}
#mbs-inner.menu-04{
	background-position:469px top;
}
#mbs-inner.menu-05{
	background-position:607px top;
}
#mbs-inner.menu-06{
	background-position:744px top;
}
#mbs-inner.menu-07{
	background-position:880px top;
}
#mbs-inner div{
	background:#e3e3e3;
	width:960px;
}
#mbs-inner div ul{
	padding:20px 22px;
	overflow:hidden;
}
#mbs-inner div ul li{
	float:left;
	margin-right:35px;
}
#mbs-inner div ul li a{
	text-decoration:none;
	font-size:14px;
	color:#333333;
	padding-left:11px;
	background:url(../image/pict_arrow_sm_01.gif) left 3px no-repeat;
}
#mbs-inner div ul li a:hover,#mbs-inner div ul li.here a,
#mbs-inner div ul li.here{
	color:#0080cc;
	background:url(../image/pict_arrow_sm_02.gif) left 3px no-repeat;
}


/*footer*/
#footer-info{
	clear:both;
	text-align:center;
	background:#f4f1eb;
	margin-top:20px;
	position:relative;
}
#footer-info #fi-inner{
	width:960px;
	margin:0 auto;
	padding:25px 0;
	text-align:left;
}
#footer-info #fi-inner dl{
	overflow:hidden;
}
#footer-info #fi-inner dl dd{
	float:left;
}
#footer-info #fi-inner dl dd.box1{
	background:#fff;
	width:195px;
	height:137px;
	margin:10px 10px 0 0;
}
#footer-info #fi-inner dl dd.box1 p{
	display:block;
	padding:0 15px;
}
#footer-info #fi-inner dl dd.box2{
	width:195px;
	height:62px;
	margin-top:10px;
	margin-bottom:2px;
}
#footer{
	width:100%;
	background:#282828;
	color:#fff;
	padding-top:60px;
}
#footer #footer-inner{
	width:960px;
	text-align:left;
	margin:0 auto;
}
#footer #footer-inner a{
	color:#dadada;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
#footer #footer-inner .etc-nl{
	color:#dadada;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-left:22px;
	background:url(../image/pict_arrow_03.png) left center no-repeat;
}
#footer #footer-inner a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#footer #footer-inner dl{
	overflow:hidden;
	margin-bottom:30px;
}
#footer #footer-inner dl dd{
	display:block;
	margin-bottom:15px;
}
#footer #footer-inner dl dd.fl{
	width:192px;
	float:left;
}
#footer #footer-inner dl dd.boxclear{
	clear: both;
}
#footer #footer-inner dl dd ul li{
}
#footer #footer-inner dl dd ul li a{
	padding-left:22px;
	background:url(../image/pict_arrow_03.png) left center no-repeat;
}
#footer #footer-inner dl dd ul li.sub-btn{
	padding-left:23px;
}
#footer #footer-inner dl dd ul li.sub-btn a{
	padding-left:12px;
	font-size:11px;
	font-weight:normal!important;
	text-decoration:none;
	background:url(../image/pict_arrow_04.gif) left center no-repeat;
}
#footer #footer-inner dl dd ul li.sub2-btn{
	padding-left:33px;
}
#footer #footer-inner dl dd ul li.sub2-btn a{
	padding-left:0px;
	font-size:11px;
	font-weight:normal!important;
	text-decoration:none;
	background:none;
}
#footer #footer-inner #footer-text{
	overflow:hidden;
}
#footer #footer-inner #footer-text >*:nth-child(1){
	font-size:17px;
	margin-bottom:20px;
}
#footer #footer-inner #footer-text dl{
	overflow:hidden;
	margin-bottom:0!important;
}
#footer #footer-inner #footer-text dl dt{
	width:231px;
	height:58px;
	margin-top:3px;
	float:left;
	overflow:hidden;
	margin-bottom:0!important;
}
#footer #footer-inner #footer-text dl dd{
	width:690px;
	float:right;
	margin-bottom:0!important;
}
#footer #footer-inner #footer-text .btn-white{
	width:180px;
	margin-top:16px;
}
#footer #copyright{
	width:100%;
	font-size:11px;
	background:#000;
	margin-top:20px;
	padding:20px 0;
}
#footer #copyright p{
	width:960px;
	text-align:left;
	margin:0 auto;
}
#footer #copyright p a{
	margin-left:10px;
	color:#fff;
}
#footer #copyright p a img{
	display:inline!important;
	vertical-align:middle;
}
#footer #copyright p a:hover{
	text-decoration:none;
}

/*contents*/
#contents-wrap{
	width:960px;
	margin:0 auto;
	margin-top:70px;
	text-align:left;
	overflow:hidden;
	margin-bottom:80px!important;
}
#contents-wrap-nm{
	width:960px;
	margin:0 auto;
	margin-top: 0px;
	text-align:left;
	overflow:hidden;
	margin-bottom:80px!important;
}
#bc{
	text-align:right;
	color:#858585;
	margin-bottom:20px;
}
#bc a{
	color:#858585;
	margin-right:1em;
}
#bc a:hover{
	text-decoration:none;
}
#bc span{
	padding-left:1em;
}

#main{
	width:708px;
	overflow:hidden;
	float:left;
}
h1.h-title{
	color:#0080cc;
	display:block;
	font-size:30px;
	line-height:2em;
	margin-bottom:20px;
}
h2.h-title{
	color:#0080cc;
	display:block;
	font-size:24px;
	margin-bottom:20px;
}
.col-box{
	width:718px;
	margin-right:-11px;
	overflow:hidden;
}
.col-box a{
	width:348px;
	height:108px;
	display:block;
	overflow:hidden;
	background:#efefef;
	color:#333333;
	float:left;
	margin:0 11px 11px 0;
	text-decoration:none;
}
.col-box a.size-l{
	height:130px;
}
.col-box a:hover{
	background:#dadada;
}
.col-box a span{
	font-size:20px;
	padding-left:20px;
	margin:20px 0 2px 22px;
	display:block;
	font-weight:bold;
	line-height:1.4em;
	background:url(../image/pict_arrow_03.png) left 5px no-repeat;
}
.col-box a p{
	font-size:12px;
	margin:0 22px 0 22px;
	line-height:19px;
	display:block;
}




.col-box-dis{
	width:718px;
	margin-right:-11px;
	overflow:hidden;
	margin-top:80px;
}
.col-box-dis a{
	width:348px;
	height:148px;
	display:block;
	overflow:hidden;
	background:#efefef;
	color:#0080cc;
	float:left;
	margin:0 11px 11px 0;
	text-decoration:none;
}
.col-box-dis a:hover{
	background:#dadada;
}
.col-box-dis a img{
	float:left;
	margin:46px 0 0 28px;
}
.col-box-dis a div.inner{
	width:230px;
	float:right;
}
.col-box-dis a div.title{
	font-size:20px;
	padding-left:20px;
	margin:20px 0 2px 0px;
	display:block;
	font-weight:bold;
	line-height:1em;
	background:url(../image/pict_arrow_03.png) left 1px no-repeat;
}
.col-box-dis a div.ml-20{
	margin-left:20px;
}
.col-box-dis a div.mb-20{
	margin-bottom:20px;
}
.col-box-dis a div span{
	font-size:12px;
}
.col-box-dis a p{
	font-size:12px;
	margin:0 22px 0 0px;
	line-height:19px;
	color:#333333;
	display:block;
}
.col-box-dis a p.ml-20{
	margin-left:20px;
}

.border-box{
	border:solid 1px #d1d1d1;
	padding:20px 10px;
	overflow:hidden;
}
.border-box .left-btn{
	width:185px;
	margin-top:8px;
	float:left;
}
.border-box p{
	float:right;
	width:480px;
	margin-bottom:0!important;
}















#side-col{
	width:231px;
	margin-bottom:60px;
	float:right;
}
#side-col dl{
	width:231px;
	overflow:hidden;
}
#side-col dl dd{
	background:#f7f7f7;
	text-align:center;
	padding:20px 0;
	margin-bottom:10px;
	clear:left;
}
#side-col dl dd a.font-s{
	font-size:11px;
	color:#4d4d4d;
}
#side-col dl dd a.font-s:hover{
	text-decoration:none;
}
#side-col dl dd a.btn-blue,
#side-col dl dd a.btn-yellow{
	width:180px!important;
	margin:0 auto!important;
	margin-top:10px!important;
	font-weight:bold;
}
#side-col dl dd.bm-btnform a{
	display: block;
	width:180px!important;
	margin:0 auto!important;
	margin-top:10px!important;
}
#side-col dl dd.bm-btnform a.formimg{
	width:200px!important;
	margin:0 auto!important;
	margin-top:10px!important;
}
#side-col dl dd.bnr{
	padding:0!important;
	background:#fff;
}
#side-col dl dd.adobe-reader{
	text-align:left;
	font-size:11px;
	line-height:1.4em;
	text-align:center;
}
#side-col dl dd.adobe-reader img{
	margin:10px auto;
}

.article{
	width:708px;
	overflow:hidden;
	margin-bottom:40px;
}
.article .inner-s{
	padding:0 20px;
}
.article p{
	margin-bottom:20px;
}

h2.ht{
	display:block;
	background:#f1f1f1;
	padding:12px;
	font-size:17px;
	margin-bottom:30px;
}
h2.ht span{
	border-left:solid 4px #0080cc;
	padding-left:12px;
	display:block;
}
h2.ht span span.text-15{
	font-size:15px;
	font-weight:normal;
	border-left:none;
	padding-left:0px;
	display:inline;
}
h3.ht{
	background:url(../image/pict_circle_01.gif) left 4px no-repeat;
	font-size:16px;
	padding-left:16px;
	font-weight:bold;
}
.border-b{
	border-bottom:solid 1px #333333;
	display:block;
	margin-bottom:13px;
}

.text_link{
	color:#0080cc;
	font-weight:bold;
}



.col3-set{
	overflow:hidden;
}
.col3-set dd{
	width:234px;
	border-right:dashed 1px #333333;
	float:left;
}
.col3-set dd:last-child{
	border-right:none;
}
.col3-left div {
	padding:8px 12px 8px 0;
}
.col3-center div {
	padding:8px 12px 8px 12px;
}
.col3-right div {
	padding:8px 0 8px 12px;
}


.col4-set{
	overflow:hidden;
}
.col4-set dd{
	width:169px;
	height:119px;
	margin-right:10px;
	float:left;
}
.col4-set dd:last-child{
	margin-right:0px;
}
.col4-set dd a{
	color:#fff;
	width:169px;
	height:119px;
	display:block;
	font-weight:bold;
	text-align:center;
	background:#0080cc url(../image/pict_arrowbottom.gif) 79px 98px no-repeat;
	text-decoration:none;
	font-size:16px;
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	border-radius: 3px;         /* CSS3 */
}
.col4-set dd a span{
	display: table-cell;
	height:119px;
	width:171px;
	text-align:center;
	vertical-align:middle;
}


dl.col2-tbl{
	overflow:hidden;
	font-size:12px;
}
dl.col2-tbl dt{
	width:68px;
	float:left;
	display:block;
}
dl.col2-tbl dd{
	width:161px;
	float:right;
	text-align:left;
	display:block;
	border-right:none;
}



/*parts*/
.fw-b{
	font-weight:bold;
}
a.btn-blue{
	display:block;
	font-size:13px;
	padding:3px 10px;
	text-decoration:none;
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */
	border-radius: 20px;         /* CSS3 */
	background:#0080cc;
	color:#fff;
	text-align:center;
}
a.btn-blue span{
	display:block;
	padding-right:5px;
	font-weight:bold;
	background:url(../image/pict_arrow_01.png) right center no-repeat;
}
a.btn-blue2{
	display:block;
	font-size:13px;
	padding:3px 10px;
	text-decoration:none;
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */
	border-radius: 20px;         /* CSS3 */
	background:#0080cc;
	color:#fff;
	text-align:center;
}
a.btn-blue2 span{
	display:block;
	padding-right:5px;
	font-weight:bold;
	background:url(../image/pict_arrowbottom.gif) right center no-repeat;
}


a.btn-yellow{
	display:block;
	font-size:13px;
	padding:3px 10px;
	text-decoration:none;
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */
	border-radius: 20px;         /* CSS3 */
	background:#cfe100;
	color:#292929;
	text-align:center;
}
a.btn-yellow span{
	display:block;
	padding-right:5px;
	font-weight:bold;
	background:url(../image/pict_arrow_02.png) right center no-repeat;
}
a.btn-white{
	display:block;
	font-size:13px;
	padding:3px 10px;
	text-decoration:none;
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */
	border-radius: 20px;         /* CSS3 */
	background:#fff;
	color:#292929!important;
	text-align:center;
}
a.btn-white span{
	display:block;
	padding-right:5px;
	font-weight:bold;
	background:url(../image/pict_arrow_02.png) right center no-repeat;
}
a.btn-green{
	display:block;
	font-size:15px;
	padding:3px 10px;
	text-decoration:none;
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */
	border-radius: 20px;         /* CSS3 */
	background:#1db8d2;
	color:#fff;
	text-align:center;
	margin-bottom:7px;
}
a.btn-green span{
	display:block;
	padding-right:5px;
	font-weight:bold;
	background:url(../image/pict_arrow_01.png) right center no-repeat;
}

a.btn-green-02{
	display:block;
	font-size:12px;
	padding:3px 10px;
	text-decoration:none;
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */
	border-radius: 20px;         /* CSS3 */
	background:#1db8d2;
	color:#fff;
	text-align:center;
}
a.btn-green-02 span{
	display:block;
	padding-right:5px;
	font-weight:bold;
	background:url(../image/pict_arrow_05.png) right center no-repeat;
}

a.btn-gray{
	display:block;
	font-size:13px;
	padding:3px 10px;
	text-decoration:none;
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */
	border-radius: 20px;         /* CSS3 */
	background:#ababab;
	color:#fff;
	text-align:center;
	margin-bottom:7px;
}
a.btn-gray span{
	display:block;
	padding-right:5px;
	font-weight:bold;
	background:url(../image/pict_arrow_01.png) right center no-repeat;
}


























.overlay{
display: none;
width: 100%;
height:100%;
text-align: center;
position: fixed;
top: 0;
z-index: 100;
background: rgba(0,0,0,0.8);
}

.ol-wrap{
width:465px;
height:584px;
position:relative;
margin:0 auto;
margin-top:150px;
font-size: 40px;
color: #eee;
font-weight: bold;
background:url(../image/bg_lightbox.png) no-repeat;
}
.ol-wrap img{
width:438px;
height:370px;
position:absolute;
top:44px;
left:14px;
}
.ol-wrap .btn-gray{
width:268px;
position:absolute;
bottom:20px;
left:100px;
}

.close{
background:url(../image/overlay_close.gif) no-repeat;
width: 22px;
height:22px;
text-align: center;
text-indent:-9999px;
cursor: pointer;
position:absolute;
top:15px;
right:13px;
}
.list-style01{
	
}
.list-style01 li{
	background:url(../image/pict_circle_01.gif) left 4px no-repeat;
	padding-left:15px;
}

.option-detail{
	overflow:hidden;
	width:708px;
}
.option-detail .option-detail-inner{
	overflow:hidden;
	width:730px;
	margin-right:-11px;
}
.option-detail .option-detail-inner a{
	width:348px;
	height:168px;
	display:block;
	position:relative;
	margin-right:11px;
	margin-bottom:11px;
	float:left;
	text-decoration:none;
	color:#FFF;
}
.option-detail .option-detail-inner a p{
	display:block;
	width:348px;
	height:52px;
	text-align:center;
	background:#000;
	background-color: rgba(0, 0, 0, 0.8);
	margin-bottom:0!important;
	position:absolute;
	bottom:0px;
	left:0px;
	overflow:hidden;
}
.option-detail .option-detail-inner a p span{
	padding-left:18px;
	color:#fff;
	font-weight:bold;
	font-size:17px;
	line-height:52px;
	background:url(../image/pict_arrow_03.png) left center no-repeat;
	
}
#workplace-top{
	width:708px;
	height:240px;
	overflow:;
	position:relative;
}
#workplace-top p{
	display:block;
	width:708px;
	height:72px;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	line-height:1.5em;
	text-align:center;
	background:#000;
	background-color: rgba(0, 0, 0, 0.6);
	margin-bottom:0!important;
	position:absolute;
	bottom:0px;
	left:0px;
	overflow:hidden;
}
#workplace-top p span{
	padding-top:10px;
	display:block;
}
.text11-r{
	text-align:right;
	font-size:11px;
}
ul.btn-4col{
	width:718px;
	margin-right:-10px;
	overflow:hidden;
}
ul.btn-4col li{
	width:170px;
	float:left;
	margin-right:9px;
	margin-bottom:9px;
}
ul.btn-2col{
	overflow:hidden;
	padding-left:120px;
}
ul.btn-2col li{
	width:230px;
	float:left;
	margin-right:9px;
	margin-bottom:9px;
}
dl.list-optional{
	overflow:hidden;
}
dl.list-optional dt{
	border-bottom:solid 1px #333333;
	padding:5px 20px;
	font-size:15px;
	font-weight:bold;
}
dl.list-optional dt span{
	padding:4px 20px;
	font-size:11px;
	margin-left:10px;
	font-weight:bold;
	-moz-border-radius: 2px;    /* Firefox */
	-webkit-border-radius: 2px; /* Safari,Chrome */
	border-radius: 2px;         /* CSS3 */
}
dl.list-optional dt span.c-01{
	background:#ea3097;
	color:#fff;
}
dl.list-optional dt span.c-02{
	background:#d0d3af;
}
dl.list-optional dt span.c-03{
	background:#ff7802;
	color:#fff;
}
dl.list-optional dd{
	padding:20px;
	margin-bottom:20px;
}
dl.list-optional dd .imgbox-wrap {
	overflow:hidden;
	padding-left:50px;
}
dl.list-optional dd .imgbox-wrap .imgbox {
	float:left;
	width:198px;
	margin-left:60px;
}
dl.list-optional dd .imgbox-wrap .imgbox a {
	display:block;
	position:relative;
}
dl.list-optional dd .imgbox-wrap .imgbox a img {
	border:solid 1px #e6e6e6;
	z-index:555;
}
dl.list-optional dd .imgbox-wrap .imgbox a img.icon {
	border:none;
	position:absolute;
	top:5px;
	left:5px;
	z-index:1000;
}
dl.list-optional dd .imgbox-wrap .imgbox p{
	margin-bottom:0!important;
	width:105px;
	color:#fff;
	text-align:center;
	-webkit-border-radius: 2px 2px 0px 0px / 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px / 2px 2px 0px 0px;
	border-radius: 2px 2px 0px 0px / 2px 2px 0px 0px;
}
dl.list-optional dd .imgbox-wrap .imgbox p.p-before {
	background:#7eb2d0;
}
dl.list-optional dd .imgbox-wrap .imgbox p.p-after {
	background:#0080cc;
}
.color-box-01{
	background:#e6e5e5;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	padding:20px;
}
.color-box-02{
	background:#fbfbfb;
	position:relative;
	padding:20px 0;
}
.color-box-03{
	background:#e6e6e6;
	padding:20px 0;
	text-align:center;
	font-size:16px;
	-moz-border-radius: 2px;    /* Firefox */
	-webkit-border-radius: 2px; /* Safari,Chrome */
	border-radius: 2px;         /* CSS3 */
}

.popup-contents{
	position: relative;
	display: none;
	background:#fff;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;         /* CSS3 */
}
.popup-contents-600{
	position: relative;
	display: none;
	width: 600px;
	background:#fff;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;         /* CSS3 */
}
.popup-contents .inner{
	padding:38px 8px 10px 8px;
	height:100%;
}

.popup-contents-600 .inner{
	padding:38px 8px 10px 8px;
}
.popup-contents .inner img{
	display:block;
	width:auto;
	margin:0 auto;
	margin-bottom:15px;
}
.popup-contents-600 .inner img{
	display:block;
	width:100%;
	height:auto;
	margin-bottom:15px;
}
.popup-contents .btn-download,
.popup-contents-600 .btn-download{
	width:265px;
	margin:0 auto;
}

dl.center-inline {
	text-align: center;
}

dl.center-inline dd {
	display: -moz-inline-box!important;
	display: inline-block!important;
	/display: inline!important;
	/zoom: 1;
	margin:0 25px;
}
dl.center-inline dd p {
	margin-bottom:0;
}
dl.center-inline dd div.imgbox {
	width:240px;
}
dl.center-inline dd div.imgbox-l {
	width:550px;
}
dl.center-inline dd div.imgbox a,
dl.center-inline dd div.imgbox-l a{
	display:block;
	position:relative;
}
dl.center-inline dd div.imgbox a img,
dl.center-inline dd div.imgbox-l a img{
	width:100%;
	height:auto;
	border:solid 1px #e6e6e6;
}
dl.center-inline dd div.imgbox-l img{
	width:100%;
	height:auto;
	border:solid 1px #e6e6e6;
}
dl.center-inline dd div.imgbox a img.icon,
dl.center-inline dd div.imgbox-l a img.icon{
	width:inherit;
	height:auto;
	position:absolute;
	top:5px;
	left:5px;
	border:none;
}
dl.center-inline dd div.imgbox .btn-download,
dl.center-inline dd div.imgbox-l .btn-download{
	width:135px;
	margin:0 auto;
	margin-top:14px;
}
img.img-arrow{
	width:55px;
	height:65px;
	position:absolute;
	left:326px;
	top:-20px;
}
.opt-co-arrow{
	padding-bottom:20px;
}
.opt-co-arrow img{
	display:block;
	margin:0 auto;
}
dl.center-inline dd.icon-arrow {
	height:220px;
	margin:0!important;
}
dl.center-inline dd.icon-arrow img{
	margin-top:70px;
}
.h-style-01{
	font-size:16px;
	font-weight:bold;
	padding-left:18px;
	background:url(../image/pict_circle_01.gif) left 4px no-repeat;
}
ul#page-link-01{
	background:#0080cc;
	border:1px solid #d1d1d1;
	overflow:hidden;
	padding:10px 0;
	display:block;
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
	border-radius: 3px;         /* CSS3 */
}
ul#page-link-01 li{
	display:block;
	float:left;
	border-right:solid 1px #fff;
}
ul#page-link-01 li:last-child{
	border-right:none;
}
#overview-sec{
	position:relative;
	width:706px;
	height:95px;
}
#overview-sec a.btn{
	width:193px;
	height:22px;
	display:block;
	overflow:hidden;
	position:absolute;
	right:9px;
	bottom:9px;
}

dl.img_overview_01 {
  background: url(../../image/img_overview_01_bg.jpg);
  padding: 65px 20px;
  height: 454px;
  box-sizing: border-box;
}

dl.img_overview_01 dt {
  margin-bottom: 53px;
}

dl.img_overview_01 dd {
}

dl.img_overview_02 {
  background: url(/image/img_overview_02_02.jpg)no-repeat;
  height: 220px;
  box-sizing: border-box;
  padding: 0 84px;
}

dl.img_overview_02 dt {
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 37px;
  padding: 4px;
}

dl.img_overview_02 dd {
  padding: 20px 1px 10px 180px;
  font-size: 15px;
}

.img_overview_02 .txtbig {
  font-size: 200%;
  margin: 11px 0 0 0;
  display: inline-block;
}

dl.img_overview_03 {
  background: url(/image/img_overview_03_02.jpg) no-repeat #efefef;
  /* height: 542px; */
}

dl.img_overview_03 >dt {
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  text-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
}

dl.img_overview_03 >dd {
  padding: 20px 15px 15px 13px;
  /* height: 476px; */
  box-sizing: border-box;
}

dl.img_overview_03 li {
/*   display: flex;
  flex-wrap: wrap;
  align-content: space-between; */
    width: 31.4%;
}

dl.img_overview_03 li dl:nth-child(1) {
  height: 144px;
  padding: 31px 10px 10px 10px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 46px;
}

dl.img_overview_03 li dl:nth-child(1) dt {
  width: 100%;
  height: 35px;
  font-size: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

dl.img_overview_03 li dl:nth-child(1) dd {
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

dl.img_overview_03 li dl:nth-child(2) {
  /* height: 243px; */
  position: relative;
  padding: 109px 10px 10px;
  box-sizing: border-box;
  width: 100%;
  /* background: white; */
}

dl.img_overview_03 li dl:nth-child(1) dt {
  width: 100%;
  height: 35px;
  font-size: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

dl.img_overview_03 li dl:nth-child(1) dd {
  text-align: center;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

dl.img_overview_03 li dl:nth-child(2).after dt {
  height: 49px;
  /* display: flex; */
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 18px;
  /* text-decoration: underline; */
  padding: 10px;
  text-align: center;
  box-sizing: border-box;
}

dl.img_overview_03 li:nth-child(2) dl:nth-child(2).after dt {
  height: 70px;
  padding: 8px 10px 0px;
}
dl.img_overview_03 li:nth-child(2) dl:nth-child(2).after dd:nth-of-type(1) {
  height: 40px;
}

dl.img_overview_03 li:nth-child(3) dl:nth-child(2).after dt {
  height: 0;
}
dl.img_overview_03 li:nth-child(3) dl:nth-child(2).after dd:nth-of-type(1) {
  padding-bottom: 15px;
}

dl.img_overview_03 li dl:nth-child(2).after dt .radius {
  position: absolute;
  top: -23px;
  left: -10px;
  background: #fff701;
  border-radius: 50%;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.3;
  font-size: 13px;
}

dl.img_overview_03 li dl:nth-child(2).after dd {
  padding: 0px 6px 10px;
  box-sizing: border-box;
  line-height: 1.6;
  font-size: 11px;
}

/* dl.img_overview_03 li:nth-child(2) dl:nth-child(2).after dd {
  height: 34px;
} */

dl.img_overview_03 li:nth-child(3) dl:nth-child(2).after dd {
  /* height:300px; */
}

dl.img_overview_03 .flex {
  height: 100%;
}
dl.img_overview_03 li:nth-child(1) dl.after {
  background: url(../../image/overview_icon01.png)#0080cc no-repeat top 23px center;
  background-size: auto 65px;
}
dl.img_overview_03 li:nth-child(2) dl.after {
  background: url(../../image/overview_icon02.png)#0080cc no-repeat top 23px center;
  background-size: auto 65px;
}
dl.img_overview_03 li:nth-child(3) dl.after {
  background: url(../../image/overview_icon03.png)#0080cc no-repeat top 23px center;
  background-size: auto 65px;
}

dl.img_overview_03 li dl.after >* {
  background: white;
}
dd.btn_overview a {
  display: block;
  background: #fff701;
  color: #3d3d30;
  text-decoration: none;
  padding: 10px 17px 10px 10px;
  border-radius: 5px;
  /* font-size: 110%; */
  position: relative;
}
dd.btn_overview a:hover{
	opacity: .7;
}

dd.btn_overview a .big {
  font-size: 130%;
}

dd.btn_overview a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border: 2px solid;
  border-bottom: none;
  border-left: none;
  width: 10px;
  height: 10px;
  right: 10px;
  margin: auto;
  transform: rotate(45deg);
}

.txtunderline_pink {
  background: linear-gradient(transparent 64%, #f158aa 64%,#f158aa 90%,transparent 90%);
  line-height: 1.5;
  padding: 0 5px 0;
}

.txtunderline_blue {
  background: linear-gradient(transparent 64%, #cce6f5 64%,#cce6f5 90%,transparent 90%);
  line-height: 1.5;
  padding: 0 5px;
}

.border_grade {
  background: none;
  box-sizing: border-box;
  padding: 10px 0;
  border-width: 3px;
  border-image: linear-gradient(-45deg, #f0ff00, #9cc862);
  border-style: solid;
  border-image-slice: 1;
  text-align: center;
  font-size: 19px;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

#support-head .attention_pink {
  width: 68%;
  letter-spacing: -1px;
}

.attention_pink {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #eb3098;
  text-align: center;
  min-height: 28px;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  background: url(../../image/icon_attenttion.gif)no-repeat,url(../../image/icon_attenttion2.gif)no-repeat right top;
  padding: 0px 26px 0px;
  margin-bottom: 5px;
}

.attention_pink2 {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #eb3098;
  text-align: center;
  min-height: 28px;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  background: url(../../image/icon_attenttion.gif)no-repeat,url(../../image/icon_attenttion2.gif)no-repeat right top;
  padding: 0px 20px 0px;
  margin-bottom: 0px;
}

.img_data_01 {
  padding: 10px 20px;
}

.img_data_02 {
}

.img_data_03 {
}

.img_overview_03 .txtunderline_pink {
  font-size: 17px;
  font-weight: 700;
  /* background: url(../../image/icon_attenttion.gif)no-repeat,url(../../image/icon_attenttion2.gif)no-repeat right top; */
}

.img_data_03 .attention_pink {
  font-size: 16px;
  line-height: 1;
  letter-spacing: -1px;
}

.box3>* {
  width: 31%;
}

.flex {
  display: flex;
  justify-content: space-between;
}

.txtblue {
  color: #037ecc;
}

.txt_center {
  text-align: center;
}
.txt_center img{
	display: inline-block;
}

.dl_list01 {
  margin: 0 0 10px;
  display: flex;
  background: #007fcc;
  justify-content: space-between;
  padding: 3px;
}

.dl_list01 dt {
  padding: 10px 17px;
  box-sizing: border-box;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}

.dl_list01 dd {
  background: white;
  padding: 10px 10px 10px 20px;
  box-sizing: border-box;
  font-size: 16px;
  width: 86%;
}

.dl_list01.delivery dd {
  font-size: 18px;
}

.dl_list01.overview {
  padding: 5px;
}

.dl_list01.overview dt {
  width: 231px;
}

.dl_list01.overview dd {
  width: 467px;
  font-weight: 700;
}

.dl_list01 .btn {
  float: right;
  margin: 5px 0 0;
}

.img_overview_06 {
  background: url(/image/img_overview_06_02.jpg) 0px 0;
  height: 495px;
  box-sizing: border-box;
  padding: 146px 20px 20px;
  position: relative;
}

.img_overview_06 ol dt {
  text-align: center;
  max-width: 135px;
  margin: 0 auto 6px;
  background: #0080cc;
  border-radius: 20px;
  color: white;
}

.img_overview_06 ol dd {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  text-align: center;
}

.img_overview_06 ol dt span.finish {
  position: absolute;
  top: 5px;
  right: 71px;
  color: initial;
  transform: rotate(6deg);
  font-size: 16px;
}

ol.flex.box4 >* {
  width: 23.9%;
}

.box4 {
  margin-bottom: 17px;
}

.txtpink {
  color: #eb3097;
}

.txtred {
  color: #f12344;
}

.finish .txtpink {
  font-size: 27px;
}

.img_overview_06 >dl {
}

.img_overview_06 >dl dt {
  height: 45px;
  background: #cce6f5;
  font-size: 18px;
  display: flex;
  font-weight: 700;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.img_overview_06 >dl dd {
  max-width: 610px;
  height: 40px;
  margin: 119px auto 0;
  text-align: center;
}

.img_overview_06 >dl dd li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38%;
}

.img_overview_06 >dl dd .flex {
  justify-content: center;
}

.img_overview_06 >dl dd li:nth-child(2) {
  width: 51%;
}

.img_contact_01 {
  max-width: 650px;
  margin: auto;
  justify-content: center !important;
}

.img_contact_01 dt {
  font-size: 14px;
  background: none !important;
  padding: 0 !important;
  width: 50px;
  text-align: right;
}

.img_contact_01 dd {
  width: 160px;
  font-size: 20px;
  text-align: center;
}

dl#contact-info dl.dl_list02 {
  width: 342px;
  height: 140px;
}

dl#contact-info dl.dl_list02 dt {
  height: 27px;
}

dl#contact-info dl.dl_list02 dd {
  height: 46px;
  font-size: 31px;
  border-radius: 2px;
}

.radius {
  border-radius: 5px;
}

.w100 {
  width: 100%;
}

dl.dl_list02, .dl_list02_02 {
  background: #0080cc;
  padding: 10px 20px;
  box-sizing: border-box;
}

.dl_list02_02 {
  padding: 0px 3px 4px;
}

dl.dl_list02 dt, dl.dl_list02_02 dt {
  color: white;
  text-align: center;
  font-size: 18px;
  font-weight: 400 !important;
  background: none !important;
  padding: 14px !important;
  line-height: 1;
}

dl.dl_list02 dd, dl.dl_list02_02 dd {
  background: white;
  padding: 10px;
  margin: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0080cc;
  font-weight: 700;
}

dl.dl_list02_02 dt {
  font-size: 20px;
}

dl.dl_list02_02 dd {
  padding: 15px;
  font-size: 17px;
  font-weight: 400;
}

dl.dl_list02_02 li {
  background: #f2f9fc;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 10px;
  box-sizing: border-box;
  /* font-weight: 700; */
}
dl.dl_list02_02 dd img {
  margin-bottom: 10px;
}
.img_delivery dl {
  position: relative;
  padding-top: 50px;
}

.img_delivery dt {
  text-align: center;
  font-size: 22px;
  color: #0080cc;
  margin-bottom: 20px;
}

.img_delivery dl:before {
  content: "";
  border: solid transparent;
  border-top-color: #d2ecfc;
  border-width: 22px;
  position: absolute;
  width: 0px;
  height: 0px;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}

#freecall {
  color: #5f5f5f;
  display: flex;
  font-size: 12px;
}

.freecall_l {
  width: 165px;
  background: url(../../image/icon_tel.gif) no-repeat left center;
  padding: 0 0 0 40px;
  text-align: left;
  line-height: 1.7;
}

.freecall_r {
  width: 120px;
  line-height: 1.1;
  font-size: 11px;
  text-align: right;
}

.freecall_l .txtbig {
  font-size: 170%;
  display: block;
  font-weight: 700;
  line-height: 1;
}
.bold {
  font-weight: 700;
}
dl#list-qa{
	font-size:14px;
}
dl#list-qa dt{
	background:#ababab;
	color:#fff;
	overflow:hidden;
	font-weight:bold;
	padding:7px 0;
	margin-bottom:10px;
	line-height:1.4em;
	-moz-border-radius: 2px;    /* Firefox */
	-webkit-border-radius: 2px; /* Safari,Chrome */
	border-radius: 2px;         /* CSS3 */
}
dl#list-qa dt span{
	width:30px;
	display:block;
	float:left;
	margin-left:20px;
}
dl#list-qa dt p{
	width:640px;
	display:block;
	float:left;
	margin:0;
}
dl#list-qa dd{
	overflow:hidden;
	padding:6px 0;
	margin-bottom:30px;
}
dl#list-qa dd{
	overflow:hidden;
	padding:6px 0;
	margin-bottom:30px;
}
dl#list-qa dd span{
	width:30px;
	display:block;
	float:left;
	margin-left:20px;
}
dl#list-qa dd p{
	width:640px;
	display:block;
	float:left;
	margin:0;
}

dl.list-qa{
	font-size:14px;
}
dl.list-qa dt{
	background:#ababab;
	color:#fff;
	overflow:hidden;
	font-weight:bold;
	padding:7px 0;
	margin-bottom:10px;
	line-height:1.4em;
	-moz-border-radius: 2px;    /* Firefox */
	-webkit-border-radius: 2px; /* Safari,Chrome */
	border-radius: 2px;         /* CSS3 */
}
dl.list-qa dt span{
	width:30px;
	display:block;
	float:left;
	margin-left:20px;
}
dl.list-qa dt p{
	width:640px;
	display:block;
	float:left;
	margin:0;
}
dl.list-qa dd{
	overflow:hidden;
	padding:6px 0;
	margin-bottom:30px;
}
dl.list-qa dd{
	overflow:hidden;
	padding:6px 0;
	margin-bottom:10px;
}
dl.list-qa dd span{
	width:30px;
	display:block;
	float:left;
	margin-left:20px;
}
dl.list-qa dd p{
	width:640px;
	display:block;
	float:left;
	margin:0;
}









#info-col{
	background:#f4f1eb;
	padding:20px 0 20px 20px;
	overflow:hidden;
}
#info-col #info-col-01{
	width:287px;
	height:184px;
	float:left;
	margin-bottom:20px;
}
#info-col #info-col-02{
	width:359px;
	margin-left:20px;
	float:left;
	overflow:hidden;
}
#info-col #info-col-02 dl{
	overflow:hidden;
}
#info-col #info-col-02 dl dd{
	width:172px;
	height:132px;
}
#info-col #info-col-02 dl dd.left{
	float:left;
}
#info-col #info-col-02 dl dd.right{
	float:right;
}
#info-col #info-col-03{
	clear:both;
	margin-bottom:20px;
}
#info-col #info-col-04{

}
#info-col #info-col-04 dl{
	overflow:hidden;
	padding-right:20px;
}
#info-col #info-col-04 dl dd{
	width:320px;
	height:120px;
	text-align:center;
	background:#fff;
}
#info-col #info-col-04 dl dd a{
	width:283px;
	height:34px;
	display:block;
	overflow:hidden;
	margin:0 auto;	
}
#info-col #info-col-04 dl dd.left{
	float:left;
}
#info-col #info-col-04 dl dd.right{
	float:right;
}
table#price_tbl{

}
table#price_tbl td div a{
	display:block;
	position:relative;
}
table#price_tbl td div a img.icon{
	position:absolute;
	top:0;
	left:0;
}

dl#flow{
	overflow:hidden;
}
dl#flow dd{
	width:148px;
	float:left;
}
dl#flow dd p.caution{
	text-align:center;
	font-size:11px;
	font-weight:bold;
	line-height:1.4em;
	margin-top:10px;
}
dl#flow dd a{
	display:block;
	text-decoration:none;
	
}
dl#flow dd a img{
	border:solid 3px;
	border-color:#0080cc;
	-webkit-border-radius: 3px 3px 0px 0px / 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px / 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px / 3px 3px 0px 0px;
	border-bottom:none;
}
dl#flow dd.here a img{
	border-color:#fff;
}
dl#flow dd a p{
	display:block;
	width:148px;
	height:79px;
	margin-bottom:0;
	color:#fff;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	background:#0080cc url(../image/pict_arrowbottom.gif) center 56px no-repeat;

}
dl#flow dd a p span{
	display:block;
	padding:20px 0 0 0;
}
dl#flow dd.blank-col{
	width:33px;
}
dl#flow dd.blank-col img{
	margin-top:92px;
}
h3.h-step{
	display:block;
	background:#f1f1f1;
	height:48px;
	overflow:hidden;
	margin-bottom:20px;
}
h3.h-step span.step{
	display:block;
	width:133px;
	height:48px;
	text-align:center;
	float:left;
	font-weight:bold;
	font-size:17px;
	color:#fff;
	line-height:48px;
	background:url(../image/bg_h_step.gif) left top no-repeat;
}
h3.h-step span.text{
	display:block;
	float:left;
	font-size:17px;
	font-weight:bold;
	color:#333333;
	line-height:48px;
	padding-left:20px;
}
.w-380-btn{
	width:380px;
	margin:0 auto;
}
.w-265-btn{
	width:265px;
	margin:0 auto;
}
.w-265-btn-right{
	width:265px;
	float:right;
}
#support-head{
	overflow:hidden;
	margin-bottom:20px;
}
#support-head img{
	float:left;
	margin-right:15px;
}
#support-head img:last-child{
	margin-right:0px;
}
.h-support{
	display:block;
	background:#0080cc;
	text-align:center;
	font-weight:bold;
	color:#fff;
	font-size:24px;
	padding:15px 0;
	margin-bottom:30px;
}
dl#support-t{
	overflow:hidden;
}
dl#support-t dt{
	overflow:hidden;
	border:solid 1px #7eb2d0;
}
dl#support-t dd{
	overflow:hidden;
	margin-bottom:60px;
}
dl#support-t dt img,
dl#support-t dd img{
	float:left;
}
dl#support-t dt div{
	display:table;
	float:left;
	width:540px;
	margin-left:16px;
	height:68px;
}
dl#support-t dd div{
	display:table;
	float:left;
	width:540px;
	margin-left:16px;
	height:97px;
}
dl#support-t dt div p,
dl#support-t dd div p{
	display:table-cell;
	vertical-align:middle;
	line-height:1.5em;
	font-size:14px;
	font-weight:bold;
	margin-bottom:0;
}
.mask-set{
	border:solid 1px #e3e3e3;
}
.mask-set h3{
	background:#333333;
	color:#fff;
	text-align:center;
	padding:10px;
}
.opt-co dt{
	margin:0;
	padding:0;
}
.opt-co p{
	color:#0080cc;
	font-weight:bold;
	padding-bottom:10px;
	font-size:14px;
}
.opt-co dt p{
	margin:0;
	padding-bottom:10px;
}
#howto-upload{
	background:#f1f1f1;
}
#howto-upload h3{
	background:#333;
	display:block;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:15px;
	padding:10px;
}
#howto-upload #inner{
	width:708px;
	height:249px;
	position:relative;
	overflow:hidden;
}
#howto-upload #inner img#img-left{
	position:absolute;
	left:20px;
	top:20px;
	z-index:800;
}
#howto-upload #inner img#img-right{
	position:absolute;
	right:20px;
	top:20px;
	z-index:800;
}
#howto-upload #inner ul{
	width:333px;
	display:block;
	position:absolute;
	overflow:hidden;
	left:187px;
	top:45px;
	z-index:900;
}
#howto-upload #inner ul li{
	margin-bottom:5px;
}
#howto-upload #inner ul li a{
	width:333px;
	height:38px;
	display:block;
	overflow:hidden;
	text-align:center;
	line-height:38px;
	color:#333333;
	background:#cfe100 url(../image/btn_bg_data.gif) right top no-repeat;
}
#howto-upload #inner ul li a:hover{
	text-decoration:none;
	background:#eff882 url(../image/btn_bg_data.gif) right bottom no-repeat;
}
.inner-data{
	overflow:hidden;
}
.inner-data .text-col{
	width:320px;
	float:left;
}
.inner-data .img-col{
	width:315px;
	position:relative;
	float:right;
}
.inner-data .img-col img{
	width:315px;
	height:auto;
}

.inner-form{
	overflow:hidden;
}
.inner-form .img-col{
	width:500px;
	position:relative;
	margin:auto;
}
.inner-form .img-col img{
	width:100%;
	height:auto;
}
.inner-form .img-col img.icon{
	width:inherit!important;
	height:auto;
	position:absolute;
	z-index:900;
	top:2px;
	left:2px;
	border:none!important;
}

.w345{
	width:347px!important;
}
.w345 img{
	width:345px!important;
	border:solid 1px #e6e5e5!important;
}
.inner-data .img-col img{
}
.inner-data .img-col img.icon{
	width:inherit!important;
	height:auto;
	position:absolute;
	z-index:900;
	top:2px;
	left:2px;
	border:none!important;
}
.pdf-col{
	overflow:hidden;
}
.pdf-col img {
display: inline-block;
vertical-align: middle;
*zoom: 1; /* for IE6-7 */
*display: inline; /* for IE6-7 */
}
.pdf-col p.txt {
display: inline-block;
vertical-align: middle;
margin:0;
*zoom: 1; /* for IE6-7 */
*display: inline; /* for IE6-7 */
}

.wpd-imgbox{
	overflow:hidden;
	border:#e6e5e5 solid 1px;
}
.wpd-imgbox ul{
	width:700px;
	margin-right:-20px;
	overflow:hidden;
	margin:13px 0 1px 13px;
}
.wpd-imgbox ul li{
	float:left;
	margin-right:12px;
	margin-bottom:12px;
	position:relative;
}
.wpd-imgbox ul li img{
	border:#e6e5e5 solid 1px;
}
.zoomicon{
	border:none;
	position:absolute;
	top:5px;
	left:5px;
	z-index:1000;
	border:none!important;
}
.wpd-imgbox ul.img-s li{
	margin-right:20px;
}
.wpd-system{
	overflow:hidden;
	border:#e6e5e5 solid 1px;
}
.wpd-system ul{
	overflow:hidden;
	margin:20px 0 23px 19px;
}
.wpd-system ul li{
	float:left;
	position:relative;
	margin-top:5px;
}
.wpd-system ul li.nm{
	margin-top:0!important;
}
.wpd-system ul li a{
	display:block;
}
.wpd-system ul li a img{
	border:#e6e5e5 solid 1px;
}
.title-type01{
	font-size:16px;
	font-weight:bold;
	padding-left:17px;
	margin-bottom:20px;
	background:url(../image/pict_circle_01.gif) left 4px no-repeat;
}
#media-logo{
	width:723px;
	overflow:hidden;
	margin-right:-15px;
}
#media-logo dd{
	width:224px;
	height: 124px;
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	border:solid 1px #e6e5e5;
}

#media-logo dd .mediainner{
	position: relative;
	vertical-align: middle;
	text-align: center;
}
#media-logo dd .mediainner img{
	text-align: center;
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}
#medialogoarea,
#media-magazinearea {
	width: 100%;
}
#medialogoarea:after,
#media-magazinearea:after{
	content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}
#medialogoarea .tbl-medialogo{
	width:224px;
	height: 124px;
	float:left;
	margin-bottom:15px;
	border:solid 1px #e6e5e5;
}
#medialogoarea .tbl-medialogo:nth-child(3n+2){
	margin-left:15px;
	margin-right:15px;
}
#medialogoarea .tbl-medialogo td{
	vertical-align: middle;
	text-align: center;
}
#medialogoarea .tbl-medialogo td img{
	display:auto;
	margin:0 auto;
	max-width: 222px;
	max-height: 122px
	overflow: hidden;
}
#media-magazinearea .tbl-mediamagazine{
	width:168px;
	height: 213px;
	float:left;
	margin-bottom:12px;
	margin-left: 12px;
	border:solid 1px #e6e5e5;
}
#media-magazinearea .tbl-mediamagazine:nth-child(4n+1){
	margin-left:0px;
}
#media-magazinearea .tbl-mediamagazine td{
	vertical-align: middle;
	text-align: center;
}
#media-magazinearea .tbl-mediamagazine td img{
	display:auto;
	margin:0 auto;
	max-width: 166px;
	max-height: 211px;
	overflow: hidden;
}

#media-magazine{
	width:723px;
	overflow:hidden;
	margin-right:-12px;
}
#media-magazine dd{
	width:168px;
	float:left;
	margin-right:12px;
	margin-bottom:12px;
}

#media-magazine dd img{
	border:solid 1px #e6e5e5;
}
dl#contact-info{
	overflow:hidden;
}
dl#contact-info dt{
	overflow:hidden;
	padding-left:17px;
	font-weight:bold;
	background:url(../image/pict_circle_01.gif) left 4px no-repeat;
}
dl#contact-info> dt{
	margin-bottom: 15px;
}
dl#contact-info dd{
	margin-bottom:20px;
}
dl#contact-info dd.left{
	float:left;
}
dl#contact-info dd.right{
	float:right;
}
dl#contact-btn{
	overflow:hidden;
}
dl#contact-btn dd{

}

dl#contact-btn dd.left{
	float:left;
	margin-left:78px;
}
dl#contact-btn dd.right{
	float:right;
	margin-right:78px;
}
ul.list-num{
}
ul.list-num li{
	overflow:hidden;
}
ul.list-num li span{
	width:2em;
	display:block;
	float:left;
	font-weight:bold;
}
ul.list-num li p{
	width:678px;
	display:block;
	margin-bottom:0;
	float:right;
}
#info-tbl{
	width:500px;
	margin:0 auto;
	text-align:left;
}
#info-tbl dt{
	font-weight:bold;
	background:#d1d1d1;
	padding:10px 20px;
}
#info-tbl dd{
	border:solid #d1d1d1 1px;
	padding:10px 20px;
}
#info-tbl dd img{
	display:inline!important;
	vertical-align:middle;
}
#sitemap{
	overflow:hidden;
}
#sitemap #sitemap-left{
	width:345px;
	float:left;
}
#sitemap #sitemap-right{
	width:345px;
	float:right;
}
#sitemap a{
	text-decoration:none;
	color:#343434;
}
#sitemap a:hover{
	text-decoration:underline;
}
#sitemap dl dd{
}
#sitemap ul{
	overflow:hidden;
}
#sitemap ul li{
	padding-left:20px;
	margin-bottom:10px;
	background:url(../image/pict_arrow_03.png) left 4px no-repeat;
}
#sitemap ul li.sub-btn{
	padding-left:30px;
	background:url(../image/pict_arrow_sm_03.gif) 20px 4px no-repeat;
}
#sitemap ul li.sub2-btn{
	padding-left:30px;
	background:none;
}
.news-date{
	background:#0080cc;
	color:#fff;
	font-weight:bold;
	padding:3px 10px;
	margin-bottom:1px;
}
.news-title{
	background:#0080cc url(../image/bg_newstitle.gif) 15px 10px no-repeat;
	color:#fff;
	padding:10px 32px;
	font-size:20px;
	margin-bottom:20px;
}
.c-box-01{
	padding:20px 30px;
	background:#0080cc;
	color:#fff;
}
.c-box-02{
	padding:20px 30px;
	background:#efefef;
}
dl#form-access{
	overflow:hidden;
}
.newslrbox {
	width: 100%;
}
.newslrbox:after{
	content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}
.newslrbox .newsleft{
	width: 400px;
	float: left;
}
.newslrbox .newsright{
	width: 278px;
	float: right;
}
.newslrbox  dl.rulearticle{
	overflow:hidden;
}
.newslrbox  dl.rulearticle dt{
	overflow:hidden;
	padding-left:17px;
	font-weight:bold;
	background:url(../image/pict_circle_01.gif) left 4px no-repeat;
	padding-bottom: 10px;
}
.newslrbox  dl#rulearticle dd{
	margin-bottom:20px;
}

#isolrbox {
	width:100%;
}
#isolrbox:after{
	content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}
#isolrbox #isoleft{
	width: 360px;
	float: left;
}
#isolrbox #isoleft #isoleftimg{
	width: 278px;
	margin:0px auto;
	padding-top: 10px;
}
#isolrbox #isoright{
	width: 310px;
	float: right;
}

/*dl#form-access dt{
	overflow:hidden;
	padding-left:17px;
	margin-bottom:10px;
	font-weight:bold;
	background:url(../image/pict_circle_01.gif) left 4px no-repeat;
}
*/
dl#form-access dd{
	margin-bottom:20px;
	width:260px;
}
dl#form-access dd span{
	display:block;
	padding:3px 0;
}
dl#form-access dd span img{
	display:inline;
	margin-left:10px;
	vertical-align:middle;
}
dl#form-access dd.left{
	float:left;
	margin-left:75px;
}
dl#form-access dd.right{
	float:right;
	margin-right:75px;
}
.adobe-btn{
	overflow:hidden;
}
.adobe-btn img{
	float:right;
}
.delivery-ct{
	overflow:hidden;
}
.delivery-ct .inner{
}
.delivery-ct img{
	float:left;
}
.delivery-ct p{
	display:block;
	width:570px;
	text-align:center;
	padding:15px;
	background:#f1f1f1;
	float:left;
}
#googlemap-tumkur{
	width:708px;
	height:320px;
	overflow:hidden;
}
ul#infra{

}
ul#infra li{
	display:block;
	width:334px;
	height:224px;
	overflow:hidden;
}
ul#infra li a{
	display:block;
	width:334px;
	height:224px;
	overflow:hidden;
	text-decoration:none;
	color:#fff;
	position:relative;
}
ul#infra li a img{
	display:block;
}
ul#infra li a p{
	display:block;
	width:332px;
	margin:0 0 1px 1px;
	padding:10px 0;
	background:#000;
	background-color: rgba(0, 0, 0, 0.6);
	position:absolute;
	bottom:0;
	left:0;
	text-align:center;
	margin-bottom:0!important;
}






/*sakamoto  追記*/
dl#form-access {
	border:solid 1px #d9d9d9;
	width:706px;
	margin:0 auto 20px;
}
dl#form-access dt{
	padding:10px 0;
	background:#efefef;
	overflow:hidden;
	margin-bottom:20px;
	font-weight:bold;
	text-align:center;
}

.newwpd-system {
	width: 100%;
}
.sys-inbottom {
	width: 100%
}
.sys-inbottom:after{
	content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}
.inb-l {
	width: 334px;
	height:270px;
	position: relative;
	float: left;
	margin-left: 8px;
}
.inb-r {
	width: 334px;
	height:270px;
	position: relative;
	float: right;
	margin-right: 8px;
}


/*////////////////////////////////////////////////////*/
#index-performance{

}
#index-performance .inner{
	clear: both;
	background: #f7f7f7;
	padding: 50px 0 30px 0;
	line-height: normal;
}
#index-performance.bottom .inner{
	background: #fff;
	padding: 20px 0 30px 0;
}
#index-performance .inner:after{
	content: ".";
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}
#index-performance article{
	width: 415px;
	float: left;
	box-sizing: border-box;
	position: relative;
	margin-left: 60px;
}
#index-performance.bottom article{
	width: 365px;
	float: left;
	box-sizing: border-box;
	position: relative;
	margin-left: 10px;
}
#index-performance article:last-child{
	width: 355px;
	background: url(../../image/index_performance_02.png) right 10px no-repeat;

}
#index-performance.bottom article:last-child{
	width: 300px;
	float: none;
	float: right;
	background: url(../../image/index_performance_02.png) right 10px no-repeat;

}
#index-performance article:first-child dl{
	width: 220px;
	position: relative;
	z-index: 2;
}
#index-performance article:first-child .graph{
	width: 205px;
	height: 207px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	line-height: 2.5em;
	background: url(../../image/index_performance_01.png) no-repeat;
	background-size: cover;
}
#index-performance.bottom article:first-child .graph{
	width: 164px;
	height: 165px;
}
#index-performance article:first-child .graph .tit{
	color: #0080cc;
	font-size: 18px;
	text-align: center;
  margin-top: 56px;
	letter-spacing:0.2em;
	padding-bottom: 0.5em;
}
#index-performance.bottom article:first-child .graph .tit{
	font-size: 15px;
  margin-top: 38px;
	letter-spacing:0em;
	padding-bottom: 0.5em;
}
#index-performance article:first-child .graph .num{
	font-size: 48px;
	text-align: center;
}
#index-performance.bottom article:first-child .graph .num{
	font-size: 46px;
	letter-spacing:-5px;
}
#index-performance article:first-child .graph .num .per{
	font-size: 22px;
}
#index-performance article dl dt{
	color: #0080cc;
	font-size: 22px;
	letter-spacing:0.2em;
	padding-bottom: 0.5em;
}
#index-performance.bottom article dl dt{
	font-size: 17px;
	letter-spacing:0;
}
#index-performance article dl dd{
	
}
#index-performance article dl dd .value{
	line-height: 2em;
	margin-bottom: 0.5em;
}
#index-performance article dl dd .value .num{
	font-size: 42px;
}
#index-performance.bottom article dl dd .value .num{
	font-size: 40px;
}
#index-performance article:first-child dl dd .total .num:before{
	content:'／';
	display: inline-block;
}
#index-performance article dl dd .value .text1{
	font-size: 22px;	
}
#index-performance article dl dd .total{
	position: relative;
	text-align: center;
	line-height: 2em;
}
#index-performance article:last-child dl dd .total{
	position: relative;
	text-align: left;
}
#index-performance article dl dd .total .tit{
	font-size: 18px;
	padding-bottom: 0.5em;
	font-weight: bold;
}
#index-performance.bottom article dl dd .total .tit{
	font-size: 14px;
}
#index-performance article dl dd .total .num{
	font-size: 32px;
}
#index-performance article dl dd .total .text1{
	font-size: 18px;	
}
#index-performance article dl dd .total .period{
	position: relative;
	text-align: right;
	right: 0px;	
}
#index-performance.bottom article dl dd .total .period{
	font-size: 10px;
}

#index-performance article:last-child dl dd .value .text1:before{
	content:'／';
	display: inline-block;
}
#index-performance article:last-child dl dd .value .text2{
	font-size: 18px;
}
#index-performance:last-child article dl dd .value .period{
	text-align: right;
}
#index-performance.bottom:last-child article dl dd .value .period{
	font-size: 10px;
}
#index-performance:last-child article dl dd.day .value .period{
	padding-right: 120px;
}
#index-performance:last-child article dl dd.year .value .period{
	padding-right: 50px;
}
#index-performance.bottom:last-child article dl dd.day .value .period{
	padding-right: 90px;
}
#index-performance.bottom:last-child article dl dd.year .value .period{
	padding-right: 20px;
}
.btn_entry {
  max-width: 70%;
  margin: 0 auto 50px;
  position: relative;
}
.btn_entry:hover{
	opacity: .7;
}
.btn_entry a {
  display: block;
  color: white;
  padding: 25px 30px 25px 60px;
  border-radius: 100px;
  background: url(/common/image/icon_entry_white.png)no-repeat left 35px center #1db8d2;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
}
.btn_entry a:after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border: 2px solid;
  border-bottom: none;
  border-left: none;
  width: 10px;
  height: 10px;
  right: 35px;
  margin: auto;
  transform: rotate(45deg);
}

.btn_entry_subttl,.btn_trial_subttl {
  font-size: 80%;
  position: relative;
  margin-bottom: 10px;
  display: inline-block;
}

.btn_entry_subttl:after, .btn_entry_subttl:before,
.btn_trial_subttl:after,.btn_trial_subttl:before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 1px solid;
}

.btn_entry_subttl:after,
.btn_trial_subttl:after {
  right: -10px;
  transform: rotate(10deg);
}

.btn_entry_subttl:before,
.btn_trial_subttl:before {
  left: -10px;
  transform: rotate(-10deg);
}

.btn_entry_big {
  font-size: 120%;
}
a.btn_entry_box,a.btn_trial_box{
  padding: 49px 10px 40px 10px;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  font-size: 23px;
}
a.btn_entry_box:after,a.btn_trial_box:after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border: 2px solid;
  border-bottom: none;
  border-left: none;
  width: 13px;
  height: 13px;
  right: 35px;
  margin: auto;
  transform: rotate(45deg);
}
a.btn_entry_box:hover,a.btn_trial_box:hover{
	opacity: .7;
}
a.btn_entry_box {
  background: rgba(0, 120, 202, 1) !important;
  color: white;
}

a.btn_trial_box {
  background: rgba(207, 225, 0, 1)!important;
  color: rgb(51, 51, 51);
}
a.btn_entry_box:before {
  background: url(/common/image/icon_entry_white.png)no-repeat;
  content: "";
  position: absolute;
  left: 20px;
  width: 40px;
  height: 57px;
  top: 0;
  bottom: 0;
  margin: auto;
}
a.btn_trial_box:before {
  content: "";
  background: url(/common/image/icon_trial.png);
  position: absolute;
  top: 0;
  left: 20px;
  bottom: 0;
  margin: auto;
  width: 58px;
  height: 54px;
}
.btn_entry_ttls {
  font-size: 80%;
}