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

/*footer切換え時にcommon.cssにマージ*/

/* PC版CSS */
.center_wrap {
	width: 920px;
	margin: 0 auto;
}

#common_footer_pc {
	display: block;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif !important;
	font-size: 12px !important;
}

#common_footer_mobile {
	display: none;
}

#common_footer_mobile .menu_01_02,
#common_footer_mobile .menu_01_04 {
	display: none;
}




#common_footer_pc {
	color: #fff;
	overflow: hidden;
	background-color: #3d3d3d;
}

#common_footer_pc a {
	color: #fff;
	text-decoration: none;
}

#common_footer_pc a:hover {
	text-decoration: underline;
}

#common_footer_pc p.header {
	font-size: 1.2em;
}

#common_footer_pc .border_bottom {
	border-bottom: solid 1px #666;
	padding-bottom: 15px;
	margin-bottom: 1em;
}

#common_footer_pc div.common_footer_wrapper {
	padding:40px 30px 80px 30px;
	/*background: url(../image/footer/footer_bg.jpg) no-repeat left bottom;*/
	overflow: hidden;
}

#common_footer_pc div.common_footer_wrapper01 {
	float: left;
	width: 420px;
	padding: 10px 0;
	overflow: hidden;
}

#common_footer_pc div.common_footer_wrapper02 {
	float: left;
	width: 183px;
	padding: 10px 20px;
	border-left: solid 1px #666;
	border-right: solid 1px #666;
	overflow: hidden;
}

#common_footer_pc div.common_footer_wrapper03 {
	float: left;
	width: 195px;
	padding: 10px 0 10px 20px;
	overflow: hidden;
}

#common_footer_pc div.dtiservice_l {
	float: left;
	width: 200px;
}

#common_footer_pc div.dtiservice_r {
	float: left;
	width: 210px;
	padding-right: 20px;
}


#common_footer_pc ul {
	list-style-type: none;
	margin: 0 0 1em 0;
	padding-left:  10px;
}

#common_footer_pc ul li {
}

#common_footer_pc ul li ul {
	margin: 0;
	padding-left: 15px;
}

#common_footer_pc ul li ul li {
}


#common_footer_pc div.common_footer_wrapper03 ul.sns {
	margin-top: 30px;
	padding-left: 0px;
	overflow: hidden;
}

#common_footer_pc div.common_footer_wrapper03 ul.sns li.facebook {
	float: left;
	margin-right: 14px;
}

#common_footer_pc div.common_footer_wrapper03 ul.sns li.twitter {
	float: left;
	margin-right: 14px;
}

#common_footer_pc div.common_footer_wrapper03 ul.sns li.safety {
	float: left;
	margin-top: 4px;
}






#common_footer_pc div.common_footer_wrapper_sub {
	width: 100%;
	padding: 20px 30px 10px 30px;
	overflow: hidden;
	border-top: solid 1px #666;
}

#common_footer_pc div.common_footer_wrapper05 {
	width: 570px;
	margin: 0 auto;
}

#common_footer_pc div.common_footer_wrapper05 ul:after {
	content: " ";
	display: block;
	clear: both;
}

#common_footer_pc div.common_footer_wrapper05 ul li {
	float: right;
	margin-left: 20px;
}

#common_footer_pc div.common_footer_wrapper05 ul li a:hover {
	text-decoration: underline;
}





#common_footer_pc .footer_copyright {
	text-align: center;
	font-size: 0.8em;
	padding-bottom: 50px;
}




/* タブレット版CSS */
@media screen and (max-width: 1000px) {


#common_footer_pc {
    width: 100%;
    border-top: #ccc 1px solid;
    color: #fff;
    overflow: hidden;
}


#common_footer_pc div.common_footer_wrapper {
    width: 96%;
    margin: 0 auto;
    padding: 2% 2% 100px 2%;
}

#common_footer_pc div.common_footer_wrapper01 {
    width: 50%;
    padding: 0;
}

#common_footer_pc div.dtiservice_l {
    width: 50%;
}

#common_footer_pc div.dtiservice_r {
    width: 48%;
    padding: 0 1%;
}

#common_footer_pc div.common_footer_wrapper02 {
    width: 23%;
    padding: 0 1%;
}

#common_footer_pc div.common_footer_wrapper03 {
    width: 22%;
    padding: 0 1%;
}

#common_footer_pc div.common_footer_wrapper03 ul.sns {
    margin-top: 25px;
}

}




/* モバイル版CSS */
@media screen and (max-width: 768px){

#common_footer_pc {
	display: none;
}

#common_footer_mobile {
	display: block;
	color: #fff;
	font-size: 16px;
	background-color: #3d3d3d;
}

#common_footer_mobile a {
	text-decoration: none;
}

#common_footer_mobile div.common_footer_wrapper {
	width: 100%;
}

#common_footer_mobile ul.menu_01 {
	margin: 0;
	padding: 0;
}

#common_footer_mobile ul {
	list-style-type: none;
}

#common_footer_mobile ul.menu_01 li {
	color: #ffffff;
	background-color: #707f87;
}

#common_footer_mobile ul.menu_01 li.bg_gray {
	background-color: #d4d9db;
}

#common_footer_mobile ul.menu_01 li.bg_gray span {
	color: #333333;
}

#common_footer_mobile ul.menu_01 li a,
#common_footer_mobile ul.menu_01 li span {
	display: block;
	color: #fff;
	padding: 20px;
	border-bottom: solid 1px #9ba6ab;
	background: url(/common/image/footer/footer_icon_linkarrow_03.png) no-repeat right center;
}

#common_footer_mobile ul.menu_01 li.arrow_white a,
#common_footer_mobile ul.menu_01 li.arrow_white span {
	background: url(/common/image/footer/footer_icon_linkarrow_03.png) no-repeat right center;
}

#common_footer_mobile ul.menu_01 li span {
	background: url(/common/image/footer/footer_icon_linkopen.png) no-repeat right center;
}

#common_footer_mobile ul.menu_01 li ul li {
	color: #ffffff;
	background-color: #707f87;
	list-style-type: none;
}

#common_footer_mobile ul.menu_01 li ul li a,
#common_footer_mobile ul.menu_01 li ul li span {
	display: block;
	color: #ffffff;
	padding: 20px 0 20px 40px;
	border-bottom: solid 1px #9ba6ab;
	background: url(/common/image/footer/footer_icon_linkopen.png) no-repeat right center;
}

#common_footer_mobile ul.menu_01 li ul li ul {
	background-color: #FFFFFF;
}

#common_footer_mobile ul.menu_01 li ul li ul li {
	background-color: #707f87;
	list-style-type: disc;
	list-style-position: inside;
}

#common_footer_mobile ul.menu_01 li ul li ul li {
	background-color: #ffffff;
}

#common_footer_mobile ul.menu_01 li ul li ul li a {
	display: block;
	color: #333333;
	padding: 20px 0 20px 50px;
	background: url(/common/image/footer/footer_icon_linkarrow_04.png) no-repeat right center;
}

#common_footer_mobile .menu_01_02,
#common_footer_mobile .menu_01_04 {
	padding-left: 0;
}



#common_footer_mobile ul.sns {
	background-color: #eeeeee;
	margin: 0;
	padding: 30px 0;
	text-align: center;
}

#common_footer_mobile ul.sns li,
#common_footer_mobile ul.sns li a,
#common_footer_mobile ul.sns li img {
	display: inline;
}

#common_footer_mobile ul.sns li.facebook {
	margin-right: 15%
}

#common_footer_mobile ul.menu_03 {
	margin:0;
	padding-left: 0;
}

#common_footer_mobile ul.menu_03 li {
	color: #ffffff;
	background-color: #999999;
	list-style-type: square;
	list-style-position: inside;
	padding: 20px 0 20px 20px;
	border-bottom: solid 1px #ffffff;
}

#common_footer_mobile ul.menu_03 li a {
	color: #ffffff;
}

#common_footer_mobile ul.menu_04 {
	background-color: #ffffff;
	margin: 0;
	padding: 30px 0;
	text-align: center;
}

#common_footer_mobile ul.menu_04 li,
#common_footer_mobile ul.menu_04 li a,
#common_footer_mobile ul.menu_04 li img {
	display: inline;
}

#common_footer_mobile ul.menu_04 li.dti_anshin {
}


#common_footer_mobile .footer_copyright {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 0.8em;
}

#common_footer_mobile .footer_copyright .sns_button {
	width: 177px;
	height: auto;
	margin: 20px auto 30px;
	overflow: hidden;
}

#common_footer_mobile .footer_copyright .sns_button .twitter {
	float: left;
	width: 31px;
	margin-right: 20px;
	text-align: center;
}

#common_footer_mobile .footer_copyright .sns_button .facebook {
	float: left;
	width: 31px;
	margin-right: 20px;
	text-align: center;
}

#common_footer_mobile .footer_copyright .sns_button .safety {
	float: left;
	width: 75px;
	margin-top: 4px;
	text-align: center;
}

#common_footer_mobile .footer_copyright .company_menu ul {
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}

#common_footer_mobile .footer_copyright .company_menu ul li {
	display: inline-block;
	border-right: 1px solid #ffffff;
	margin-right: 1em;
	margin-bottom: 0.8em;
	padding-right: 1em;
}

#common_footer_mobile .footer_copyright .company_menu ul li:last-child {
	border: none;
}

#common_footer_mobile .footer_copyright .company_menu ul li a {
	display: inline;
	color: #ffffff;
}

#common_footer_mobile .footer_copyright .copyright {
	width: 90%;
	margin: 15px auto  0 auto;
	padding: 0 0 15px 0;
	color: #ffffff;
	line-height: 1.5;
}

}





/* 既存のCSS */

/*common_footer**********/
#common_footer{
	width:905px;
	padding:15px;
	border-top:#ccc 1px solid;
}

#common_footer .footer_dti_logo{
	float:left;
}

#common_footer .footer_dhub{
	float:right;
	margin:0 20px 0 0;
}

#common_footer .footer_safety{
	float:right;
}

/*common_footer_navi*/
#common_footer ul#common_footer_navi{
	margin:5px 0 20px 12px;
	padding:0;
	list-style:none;
	float:left;
}

ul#common_footer_navi li{
	margin:0;
	padding:0 5px 0 5px;
	border-right:#999 1px solid;
	float:left;
	font-size:10px;
}

ul#common_footer_navi li a,ul#common_footer_navi li a:link,ul#common_footer_navi li a:visited{
	color:#333;
}

ul#common_footer_navi li a:hover,ul#common_footer_navi li a:active{
	color:#ba0731;
}

/*footer_company*/
#footer_company{
	width:890px;
	border-top:#a29f9f 1px solid;
	border-bottom:#a29f9f 1px solid;
	padding:10px 0 10px 0;
	margin:15px 0 10px 0;
}

#footer_company p{
	font-size:12px;
	padding:0 0 0 10px;
}

#footer_company dl{
	width:200px;
	float:left;
	padding:10px;
}

#footer_company dl.com_r_line{
	border-right:#a29f9f 1px dotted;
}

#footer_company dt{
	font-size:11px;
}

#footer_company dd{
	font-size:10px;
	line-height:1.4em;
}

/*footer_copyright*/
#footer_copyright{
	text-align:center;
	font-size:10px;
	margin-bottom:25px;
	color:#666;
}

@media screen and (min-width : 482px){
.no6_2Box,.footer_border,.link_Box2,.no6_3Box{
	display:none;
}
}

@media screen and (max-width : 481px){
/* sim_footer*/
#sim_footer {
	width: 100%;
	padding: 0 0 0 0;
	font-size: 12px;
	margin: 15% 0 6% 0;
	background: #f2f2f2;
	color: #666;
}
#sim_footer ul {
	padding-left: 0;
}
#sim_footer li {
	float: none;
	background-image: none;
	border-top: #CCC 1px solid;
	padding: 5.5% 0;
	font-size: 14px;
	text-align:center;
	list-style: none;
}
.no6Box {
	display: none;
}
.no6_3Box {
	border-bottom:#CCC 1px solid;
}
hr {
    border:0;
    border-bottom:medium double #666;
}
#common_footer li {
	list-style: none;
	font-size: 14px;
}
#common_footer li a {
	display: block;
	position: relative;
	padding: 10px 0 10px 7px;
	background: #FFF;
	font-size: 14px;
}

.arrow:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: -3px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #666;
	border-right: solid 2px #666;
	-webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
ul#common_footer_navi {
	padding-left: 5%;
}
/* common_footer*/
#common_footer,#common_footer_navi {
	width: 94%;
}

#common_header {
	display: none;
}
ul#common_footer_navi li {
	border-right: none;
	float: none;
}
#common_footer {
	border-top: none;
}
/* common_footer*/
#common_footer,#common_footer_navi {
	width: 100%;
}

ul#common_footer_navi li {
	border-right: none;
	float: none;
}
#common_footer {
	border-top: none;
}
#common_header {
	display: none;
}
#common_footer a {
text-decoration: none;
}
#common_footer_navi a:after {
display: block;
position: absolute;
top: 50%;
right: 100%;
width: 6px;
height: 6px;
margin-top: -4px;
border-top: solid 2px #7f7f7f;
border-right: solid 2px #7f7f7f;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}
#sim_footer li a,#sim_footer li a:link,#sim_footer li a:visited{
	text-decoration:none;
	color:#666;
}
#footer_copyright {
	margin: 1em 0;
}
div#twitter {
	float: left;
	height: 20px;
	border-right: #999 1px solid;
	margin: 5px 10px 0 0px;
	padding: 2px 10px 0 0;
}

#dti_sim div#twitter img {
	width:auto;
}

#sns_menu2 div#twitter img {
	float: left;
}
.sns_div_01 {
	margin-bottom: 2%;
}
.sns_div_02 {
	clear: both;
	margin: 3% 5% 0 3%;
	float: left;
}
.sns_div_03,.sns_div_04,.sns_div_05 {
	float: left;
	margin: 3% 3%;
}
.sns_div_01 iframe {
	margin-top: 1.6%;
	margin-right: 2%;
	width: 116px !important;
}

.sns_div_04 {
	margin-left: 0;
}
.sns_div_03 {
	margin-right: 0;
}
 #common_footer {
	 padding: 15px 15px 0 0;
}
}

@media screen and (max-width : 320px){
	#common_footer li a {
	padding: 10px 0px 10px 6px;
}
#common_footer_navi a:after {
	right: 272px;
}
}