/* CSS Document */

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

html,
body{
overflow-x:hidden;
}

body{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
/*font-size:13px;*/
font-size:90%;
color:#426ab2;
line-height:1.8;
background:url(../images/bg_header.jpg) repeat;
}

ul li a{
overflow:hidden;
}

a{
color:#426ab2;
text-decoration:none;
}

a:visited{
color:#426ab2;
}

a:hover{
opacity:.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
text-decoration:underline;
}

html.ie6 a:hover, html.ie7 a:hover, html.ie8 a:hover{
color:#6283bf;
}

div#wrapper{
width:100%;
background:url(../images/bg.png) no-repeat;
}


div#wrapper_cont{
width:100%;
background:url(../images/bg.jpg) no-repeat;
}


.mgl10{margin-left: 10px}
.mgl15{margin-left: 15px}

/*----------------------------------------------------------------------------------------------------
*header
----------------------------------------------------------------------------------------------------*/
div#header{
width:100%;
background:url(../images/bg_header.jpg) repeat;
padding-bottom:60px;
}

div#header-inner{
width:1020px;
margin:0 auto;
}

/*----------------------------------------------------------------------------------------------------
*header-link
----------------------------------------------------------------------------------------------------*/
div#header-link{
line-height:21px;
margin-bottom:31px;
}


ul#site{
/*z-index position追加*/
 z-index: 1;
 position: relative;

margin-left:100px;
width:300px;
height:34px;
background:url(../images/site_frame.jpg) no-repeat;
float:right;
}

ul#site li{
height:34px;
float:left;
}

ul#site li a{
height:34px;
display:block;
text-indent:-9999px;
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}

ul#site li#site-member a{
width:100px;
background:url(../images/site_member.jpg);
}

ul#site li#site-kango a{
width:200px;
background:url(../images/site_kango.jpg);
}

#toggle-menu{
display:none;
}



@media screen and (max-width:640px){

div#header-link{
margin-bottom:16px;
}

#toggle-menu{
display:block;
width:73px;
height:23px;
background:url(../images/header-toggle-menu.jpg) no-repeat left top;
background-size:100%;
text-indent:-9999px;
overflow:hidden;
float:right;
}

ul#lang{
margin-top:0px;
width:100%;
height:19px;
}

ul#lang li{
width:33.33%;
}

ul#site{
width:100%;
height:35px;
background:url(../images/site_frame_sp.jpg) repeat;
background-size:100% 100%;
}

ul#site li{
height:35px;
float:left;
/*border-right: 1px dotted #ccc;*/
}
ul#site li#site-member     {width:30.00%;}
ul#site li#site-kango      {width:30.00%;}

ul#site li#site-member a{
width:auto;
height:35px;
background:url(../images/site_member_sp.jpg)no-repeat;
background-size:auto 25px;
background-position:center center;
margin:0px auto;
}

ul#site li#site-kango a{
background:url(../images/site_kango_sp.jpg) no-repeat;
background-size:auto 25px;
background-position:center center;
margin:0px auto;
text-indent:-9999px;
}


}

/*----------------------------------------------------------------------------------------------------
*header-submenu
----------------------------------------------------------------------------------------------------*/
div#header-submenu{
width:1020px;
margin-top:-60px;
height:52px;
line-height:37px;
}

div#header-submenu h1{
width:360px;
height:60px;
float:left;
}

div#header-submenu h1 a{
width:360px;
height:60px;
background:url(../images/logo.png) no-repeat;
text-indent:-9999px;
display:block;
}

ul#header-submain{
width:660px;
margin-top:-30px;
float:right;
 display: inline-block;
 list-style: none;
 }

ul#header-submain li{
   display: inline-block;
}

ul#header-submain li a{
 padding: 0px 4px 0px 10px;
  font-size: 13px;
}


ul#header-submain li .fa{
  padding: 0px 0px 10px 0px;
}



/*----------------------------------------------------------------------------------------------------
*header-menu
----------------------------------------------------------------------------------------------------*/


ul#header-main{
width:1020px;
margin-top:23px;
float:right;
display:block;
}

ul#header-main li{
float:left;
}

ul#header-main li a{
height:40px;
display:block;
overflow:hidden;
text-indent:-9999px;
}

ul#header-main li#itami a{
width:170px;
background:url(../images/menu_itami.jpg);
}

ul#header-main li#yakan a{
width:170px;
background:url(../images/menu_yakan.jpg);
}

ul#header-main li#kikan a{
width:170px;
background:url(../images/menu_kikan.jpg);
}

ul#header-main li#kenshin a{
width:170px;
background:url(../images/menu_kenshin.jpg);
}

ul#header-main li#yobou a{
width:170px;
background:url(../images/menu_yobou.jpg);
}

ul#header-main li#kansen a{
width:170px;
background:url(../images/menu_kansen.jpg);
}



@media screen and (max-width:640px){

div#header{
padding-bottom:0px;
}

div#header-inner{
width:100%;
}



/*モバイル　ロゴ*/
div#header-submenu h1{
width:200px;
margin-top:10px;
height:60px;
float:left;
}

div#header-submenu h1 a{
width:200px;
height:48px;
background:url(../images/logo_sp.png) no-repeat;
background-size:200px 48px;
text-indent:-9999px;
display:block;
}

/*モバイル　サブメニュー*/
ul#header-submain{
	display: none;
}




/*モバイル　メインメニュー*/

div#header-menu{
width:100%;
}

div#header-menu h1{
margin:0px 0px 0px 10px;
}

div#toggle-menu{
margin:10px 10px 0px 0px;
}

ul#header-main{
display:none;
width:100%;
}

#header-main{
width:100%;
height:246px;
padding-top:0;
display:none;
z-index:2;/*slideshowよりも上に表示させるため*/
background:#0082CD;
position:absolute;
top: 71px;
}
#header-main li{
float:none;
width:100%;
height:40px;
padding:0 5%;
border-bottom:#6486c3 1px solid;
}
#header-main li a{
width:90%;
height:40px;
position:relative;
}
#header-main li a:after{
content:".";
position:absolute;
top:0;
right:0;
width:6px;
height:40px;
background:url(../images/header-arrow-sp.jpg) no-repeat left top;
background-size:100%;
}
ul#header-main li#itami,
ul#header-main li#yakan,
ul#header-main li#kikan,
ul#header-main li#kenshin,
ul#header-main li#yobou,
ul#header-main li#kansen{
width:90%;
}
ul#header-main li#itami a,
ul#header-main li#yakan a,
ul#header-main li#kikan a,
ul#header-main li#kenshin a,
ul#header-main li#yobou a,
ul#header-main li#kansen a{
width:100%;
height:40px;
}
ul#header-main li#itami a{
background:url(../images/menu_itami_sp.jpg) no-repeat left top;
background-size:contain;
}
ul#header-main li#yakan a{
background:url(../images/menu_yakan_sp.jpg) no-repeat left top;
background-size:contain;
}
ul#header-main li#kikan a{
background:url(../images/menu_kikan_sp.jpg) no-repeat left top;
background-size:contain;
}
ul#header-main li#kenshin a{
background:url(../images/menu_kenshin_sp.jpg) no-repeat left top;
background-size:contain;
}
ul#header-main li#yobou a{
background:url(../images/menu_yobou_sp.jpg) no-repeat left top;
background-size:contain;
}
ul#header-main li#kansen a{
background:url(../images/menu_kansen_sp.jpg) no-repeat left top;
background-size:contain;
}
#header-main .nowpage a{
background-position:left top!important;
}

#header-main .header-main-home a:hover,
#header-main .header-main-brands a:hover,
#header-main .header-main-news a:hover,
#header-main .header-main-special a:hover,
#header-main .header-main-contact a:hover,
#header-main .header-main-sanyo a:hover{
background-position:left top;
}


}


/*----------------------------------------------------------------------------------------------------
*nav-container
----------------------------------------------------------------------------------------------------*/
div#nav-container{
width:100%;
height:40px;
}

div#nav-container ul#nav{
width:1020px;
line-height:40px;
margin:0 auto;
}

ul#nav li{
padding-left:9px;
font-size:12px;
background:url(../images/btn_nav.gif) left no-repeat;
color:#444444;
font-weight:normal;
float:left;
layout-grid-line:17px;
}

ul#nav li.first{
padding-left:0;
background:none;
}

ul#nav li.second{
padding-left:10px;
background:url(../images/btn_nav.gif) left no-repeat;
}


ul#nav li a{
margin-right:5px;
}

ul#nav li img{
vertical-align:baseline;
}


@media screen and (max-width:640px){
div#nav-container{
margin:20px 0px 0px 10px;
}

#nav{
display:none;
}

}

/*----------------------------------------------------------------------------------------------------
*subtitle-container
----------------------------------------------------------------------------------------------------*/
div#subtitle-container{
width:100%;
height:100px;
background:url(../images/cont_bg.jpg) repeat-x;
margin-bottom:35px;
}

div#subtitle-container div#subtitle-inner{
	width:1020px;
	margin:0 auto;
	layout-grid-line:40px;
	position:relative;
	left: -1px;

}

div#subtitle-inner .title1{
float:none;
width: 100%;
height:100px;
background:url(../img/o_0.png) no-repeat;
}


div#subtitle-inner .title2{
float:none;
width: 100%;
height:100px;
background:url(../img/e_0.png) no-repeat;
}


div#subtitle-inner .title3{
float:none;
width: 100%;
height:100px;
background:url(../img/ki_0.png) no-repeat;
}


div#subtitle-inner .title4{
float:none;
width: 100%;
height:100px;
background:url(../img/k_0.png) no-repeat;
}


div#subtitle-inner .title5{
float:none;
width: 100%;
height:100px;
background:url(../img/h_0.png) no-repeat;
}


div#subtitle-inner .title6{
float:none;
width: 100%;
height:100px;
background:url(../img/ka_0.png) no-repeat;
}

div#subtitle-inner .title7{
float:none;
width: 100%;
height:100px;
background:url(../img/m_0.png) no-repeat;
}

div#subtitle-inner .title8{
float:none;
width: 100%;
height:100px;
background:url(../img/l_0.png) no-repeat;
}

div#subtitle-inner .title9{
float:none;
width: 100%;
height:100px;
background:url(../img/s_0.png) no-repeat;
}

div#subtitle-inner .title10{
float:none;
width: 100%;
height:100px;
background:url(../img/ac_0.png) no-repeat;
}

div#subtitle-inner .title11{
float:none;
width: 100%;
height:100px;
background:url(../img/ab_0.png) no-repeat;
}

div#subtitle-inner .title12{
float:none;
width: 100%;
height:100px;
background:url(../img/bn_0.png) no-repeat;
}



@media screen and (max-width:640px){
div#subtitle-container div#subtitle-inner{
padding:0px 0px 0px 10px;
}
}


/*----------------------------------------------------------------------------------------------------
*main-container コンテンツメイン
----------------------------------------------------------------------------------------------------*/
div#main-container{
width:1020px;
margin:0 auto ;
background:url(../images/bg_header.jpg) repeat;
}


div#main-column{
width:760px;
float:left;
}

div#main-column div.large-container{
width:100%;
background:white;
border:1px solid #e5e5e5;
border-radius: 2px;
}


div#main-column div.large-container h3{
margin:10px 10px;
background:#0081CC;
border-radius: 2px;
font-size:16px;
padding:5px 10px;
font-weight: bold;
color:#fff;
}

.info{
width:90%;
margin:5px 10px;
padding:5px 25px;
background:url(../img/list_marker.gif)  no-repeat 15px 10px;
border-bottom:1px solid  #e5e5e5;
color:#444444;
font-size:13px;
}


.basic-inner{
width:680px;
margin:25px auto;
/*font-size:13px;*/
font-size:90%;
color:#444444;
font-weight:normal;
}

.basic-inner h3{
border-left:5px solid #0081CC;
font-size:17px;
padding:5px 10px;
font-weight: bold;
}

.basic-inner p{
padding:5px 10px;
margin-bottom:20px;
}


.basic-img{
text-align: center;
}

.basic-dr{
float:right;
padding:6px 10px 6px 0px;}


.basic-list{
border-bottom:1px dotted #fafafa;
padding:10px 0;}

.basic-list li{
padding:5px 15px;
line-height:20px;
}

.basic-list li img{
padding-left:4px;
padding-bottom:5px;
display:inline;
vertical-align:middle;}


.basic-list2 li{
padding:10px 15px;
line-height:20px;
}


.google-maps {
margin:10px 20px;
}



@media screen and (max-width:640px){
.basic-list li{
padding:5px 5%;
}

.basic-list2 li{
padding:10px 5%;
}

div#main-column div.large-container{
border:0px;
}


div#main-column div.large-container h3{
margin:10px 10px;
background:#0081CC;
border-radius: 2px;
font-size:16px;
padding:5px 10px;
font-weight: bold;
color:#fff;
}



.basic-img{
width:auto;
height:auto;
float:center;
}


.basic-dr{
width:auto;
float:center;
}



div#main-column div.large-container .info{
color:#444444;
/*font-size:13px;*/
font-size:90%;
}

.info{
width:90%;
margin:5px 10px;
padding:5px 25px;
height:36px;
background:url(../img/list_marker.gif)  no-repeat 15px 10px;
border-bottom:1px solid  #e5e5e5;
color:#444444;
font-size:13px;
}


/*google map*/
.google-maps {
position: relative;
padding-bottom: 75%; // これが縦横比
height: 0;
overflow: hidden;
}

.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

}



.even{
background:url(../images/even_bg.gif);}


div#main-column div.small-container{
width:357px;
margin-bottom:9px;
background:white;
border:1px solid #e5e5e5;
border-radius: 2px;
}




@media screen and (max-width:640px){
div#main-container{
width:100%;
}

div#main-column{
width:100%;
margin:0px 0px 10px 0px;
float:none;
}


div#main-column div.small-container{
width:100%;
}

.basic-inner{
width:100%;
padding:38px 0px 0px 0px;
margin:auto;
}

.basic-inner p{
width:90%;
padding:0 5%;
}
}


.left {
float: left;
}

.right {
float: right;
}

.clear {
clear: both;
margin: 0px;
padding: 0px;
}

.clear_foot {
clear: both;
margin: 0px;
padding: 0px;
}

/*----------------------------------------------------------------------------------------------------
*sidebar
----------------------------------------------------------------------------------------------------*/

div#sidebar{
width:220px;
float:right;
border: 1px solid #e5e5e5;
margin-bottom: 15px;
margin-right: 15px;
}



div#sidebar h3{
color:white;
font-size:16px;
background:#0F80CE url(../images/sidebar_bg.gif) no-repeat left center;
padding:10px 0.5em 10px 1.5em;}


div#sidebar ul li{
font-size:13px;
color:#5879b2;
font-weight:normal;
border-bottom:#cecece 1px dotted;
padding:10px 10px;
}

div#sidebar ul li a{
padding:15px 10px;
background: url(../img/list_marker.gif) no-repeat  0px 20px;
}


/*
div#sidebar ul.sub{
margin:5px 10px 0px 0px;
padding:10px 0px 0px 20px;
border-top:1px dotted #cecece;
}



div#sidebar{
width:252px;
float:right;
}

div#sidebar li{
font-size:11px;
}

.ie8 div#sidebar li{
font-size:12px;
}

div#sidebar .sidebar-dottedline{
width:231px;
height:1px;
display:block;
border:none;
font-size:0;
border-bottom:#cecece 1px dotted;
margin-left:20px;
margin-top:20px;
}

div#sidebar .sidebar-bottom-line{

width:252px;
height:2px;
margin-top:20px;
background:url(../images/sidebar-border-bottom.jpg) no-repeat left top;
font-size:0;


}

div#sidebar ul#sub-link{
width:252px;
}

div#sidebar ul#sub-link li{
width:252px;
margin-bottom:8px;
}

div#sidebar ul#sub-link li a{
display:inline-block;
}
*/

@media screen and (max-width:640px){

div#sidebar{
width:90%;
margin:0 5% 0 5%;
float:none;
background-image:none;
margin-bottom: 20px;
}

div#sidebar div.inner-container{
background-color:#fff;
}

div#sidebar div{
background-image:none;
}

/*div#sidebar h3{
height:40px;
color:white;
line-height:40px;
font-size:15px;
background:#0F80CE url(../images/sidebar_bg.gif) no-repeat left center;
padding: 5px 0.5em 10px 1.5em;}
*/

div#sidebar div ul{
padding:10px 20px 10px 20px;
}

div#sidebar .sidebar-bottom-line{
display:none;
}

div#sidebar .sidebar-dottedline{
width:90%;
margin-top:10px;
}

}



/*----------------------------------------------------------------------------------------------------
*subfooter
----------------------------------------------------------------------------------------------------*/
div#subfooter{
width:100%;
padding:15px 0 40px;
background:url(../images/bg_subfooter.jpg) repeat;
}


div#subfooter-inner{
width:1020px;
margin:0 auto;
color:white;
overflow:hidden;
}

div#subfooter-inner div.inner-container{
margin-right:23px;
float:left;
}

div#subfooter-inner div.last{
margin-right:0;
}

div#subfooter-inner div.inner-container div.sub-container{
width:363px;
border-bottom:solid 1px #627dbe;
border-bottom:solid 1px rgba(196,195,205,0.2);
}

div#subfooter-inner div.inner-container div.sub-container-s{
width:188px;
}

div#subfooter-inner div.inner-container div.sub-container h4{
margin:15px 0 12px;
padding-left:10px;
border-left:solid 4px #fff;
}

div#subfooter-inner div.inner-container div.sub-container h4 a{
font-size:13px;
color:white;
}

html.ie6 div#subfooter div.inner-container div.sub-container h4 a:hover,
html.ie7 div#subfooter div.inner-container div.sub-container h4 a:hover,
html.ie8 div#subfooter div.inner-container div.sub-container h4 a:hover{
color:#d9e1f0;
}

div#subfooter-inner div.inner-container div.sub-container ul{
width:180px;
float:left;
margin-bottom:15px;
}

div#subfooter-inner div.inner-container div.sub-container ul.icon-container{
margin-top:15px;
}

div#subfooter-inner div.inner-container div.sub-container ul.icon-container li{
float:left;
margin-right:5px;
}

div#subfooter-inner div.inner-container div.sub-container ul.icon-container li a{
}

div#subfooter-inner  ul.icon-container li.logo a{
margin-top:10px;
width:240px;
height:60px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(../images/logo_ft.gif) no-repeat;
}

/*
div#subfooter-inner div.inner-container div.sub-container ul.icon-container li.facebook a{
background:url(../images/icon_facebook.jpg) no-repeat;
}

div#subfooter-inner div.inner-container div.sub-container ul.icon-container li.twitter a{
background:url(../images/icon_twitter.jpg) no-repeat;
}
*/
div#subfooter-inner div.inner-container div.sub-container ul li a{
color:white;
font-size:11px;
font-weight:normal;
}

html.ie6 div#subfooter-inner div.inner-container div.sub-container ul li a:hover,
html.ie7 div#subfooter-inner div.inner-container div.sub-container ul li a:hover,
html.ie8 div#subfooter-inner div.inner-container div.sub-container ul li a:hover{
color:#d9e1f0;
}

@media screen and (max-width:640px){

div#subfooter-inner{
width:100%;
}

div#subfooter-inner div.inner-container{
margin-right:0px;
width:90%;
float:none;
margin:0px auto;
}

div#subfooter-inner div.inner-container div.sub-container ul{
width:50%;
float:left;
margin-bottom:15px;
}

div#subfooter-inner div.inner-container div.sub-container{
width:100%;

}

div#subfooter-inner div.inner-container div.sub-container-s{
width:100%;
}

}

/*----------------------------------------------------------------------------------------------------
*footer
----------------------------------------------------------------------------------------------------*/
div#footer{
width:1020px;
height:43px;
margin:0 auto;
font-size:10px;
font-weight:normal;
line-height:43px;
}

div#footer ul#footer-menu{
float:left;
}

ul#footer-menu li{
float:left;
margin-right:7px;
}

ul#footer-menu li a{
margin-right:7px;
}

div#footer div#copyright a{
display:block;
font-size:10px;
color:#666666;
float:right;
/*background:url(../images/copylogo.png) no-repeat 0px;*/
padding-left:130px;
}


@media screen and (max-width:640px){

div#footer{
width:90%;
height:auto;
margin:0 auto;
font-size:10px;
line-height:24px;
}

div#footer ul#footer-menu{

}

div#footer div#copyright a{
display:block;
float: left;
margin-top: 10px;
padding-top: 15px;
padding-left:0px;
/*background: url(../images/copylogo.png) no-repeat left top;*/
}

}

#pagetop{
width:90%;
margin:0 auto 10px;
}

#pagetop a{
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(../images/pagetop.png) no-repeat;
width:80px;
height:20px;
float:right;
}