/*------------------------------------------------------------------
  BrightOne cssレイアウト設定
--------------------------------------------------------------------*/
/* 全頁共通部分 */
body{
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 75%;
    font-family: 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
    color: #696969; /* 標準文字色 */
    min-width: 840px;
}
html:\66irst-child body{
    font-size: 70%;
}
img{
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}
#bo_container{
    /*margin-top: -1px;*/		/*ボックスは上へ1pxを食い込む*/
    margin-right: auto;		/*margin-left:auto でボックスは中央配置*/
    margin-bottom: 0;
    margin-left: auto;
    position: relative;		/*親位置を決める*/
    padding-bottom: 0;
    background-position: center top;	/*中央且つ再上端に配置。注意：何も指定しないと、左上、*/
    background-repeat: no-repeat;
    zoom: 1;			/*指定要素を拡大表示だが、旧IE対応の為*/
}
#headerMain{
    width: 840px;
    height: 140px;		/*ヘッダーの高さ 上部：30px 下部:100px*/
    margin-right: auto;		/*ヘッダーを中央配置*/
    margin-left: auto;
    background-color: #e0dcd2;
    border-top: solid 10px #5f523c;/*ヘッダーtopボーダーサイズ、色*/
}
/* ヘッダー内パーツ */
#headerLeft{
    width:300px;/*"追加予定ABCD"のボックスを設定*/
    height:20px;
    margin-top: 0;
    margin-left: 20px;

    font-size: 10px;		/*12pxは実際に何回か確認してみて決められる*/
    line-height: 20px;

    /*background-color: #ff9900; *//*for test */
    float: left;		/*左へ配置*/
}
#header0{
    line-height: 15px;
    color: #ff0000;
}

#headerRight{
    width: 300px;		/*"アクセス等"のBoxを設定*/
    height: 20px;
    margin-top: 0px;
    margin-right: 50px;

    text-align: right;
    line-height: 20px;

    /*background-color: #ff9900;*/   /*only for test */
    float: right;		/*この要素は右、後は左へ回りこむ*/
}

#header2Left{     /* header ２行目の左*/
    width:0px;
    height:90px;
    margin-top: 20px;
    margin-left: 30px;
    /*background-color: #ff9900;*/  /*for test */
    float: left;		/*左へ配置*/

}

#header2Right{
    width: 300px;		/*"アクセス等"のBoxを設定*/
    height: 90px;
    margin-top: 30px;
    margin-right: 50px;
    text-align: right;

    font-size: 2em;
    /*background-color: #ff9900;*/   /*only for test */
    float: right;		/*この要素は右、後は左へ回りこむ*/
}

img.img_posi{
    vertical-align: middle;
}


a{
    text-decoration: none;	/*リンクテキストの下線を消す*/
}
a img{				/*国旗のボーダー線を消す*/
    border-style: none;
}

#headerlogo{
    text-align: center;
}

#keyvisual {
    display: block;
    width: 840px;
    height: 230px;		/*Logoの位置　ここで調整*/
    margin-left: auto;
    margin-right: auto;
}

#bo_inner{
	position: relative;
	width: 840px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}
#bo_nav{
    margin-left: auto;
    margin-right: auto;
    top: 400px;
    left: 0px;
    width: 840px;
    height: 59px;
    overflow: hidden;
    background-image : url(../images/nav_background.png);
}
#bo_nav ul{
    list-style-type: none;
    overflow: hidden;
    margin-top: 14px;		/*文字とバックグランド位置を合わせる*/
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}
#bo_nav ul:after{
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#bo_nav li{
    display: block;
    width: 140px;
    float: left;
    height: 120px;
    overflow: hidden;
}
#bo_nav li a{
    display: block;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
}
#bo_nav li span.en{
    display:block;
	height:15px;
	line-height:15px;
	text-align:center;
	font-size:80%;
	font-weight:bold;
	 color: #FFF;		/*ナビ用文字色は白*/
}
#bo_nav li span.ja{
  display:block;
	height:20px;
	line-height:20px;
	text-align:center;
	font-size:100%;
	font-weight:bold;
	color: #FFF;
}
#bo_nav a:link{
    text-decoration: none;
}
#bo_nav a:visited{
    text-decoration: none;
}
#bo_nav a:hover{
    text-decoration: none;
    color: #330000;
}
#bo_nav a:active{
    text-decoration: none;
}
#bo_footer{
    display: block;		/*二つに分けるのが正解*/
    width: 840px;
    height:103px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.footer1{
    font-size: 1.5em;
}

.footer2{
    width: 840px;
    border-bottom: solid medium #5f523c;
    /*text-decoration: underline;*/
}

.footer3{
    text-align: right;
}

/*共通部分完了 */

/*ホーム index.html*/

.common_title{
    width: 600px;
    height: 40px;
    margin-left: 22px;
    margin-top: 25px;
    padding-top: 3px;
    padding-left: 50px;
    font-style: bold;
    font-size: 1.5em; 
    background-image : url(../images/obi.png);
    background-repeat: no-repeat;


}
    



.bo_topics{	/* 中央表示、ページ幅伸縮にも正しい位置に付いて行く*/
    display: block;
    margin-left: auto;
    margin-right: auto;
    width:840px;	/*box size 840x60*/
    height: 75px;	/*Image size is 551x37*/
}
.bo_topics img{	/*TOPICS画像の表示始点座標*/
    padding-left:20px;
    padding-top: 25px;
}


.bo_topics2{
    overflow-y: scroll;
    overflow-x: hidden;
    width: 519px;	/*box size 533 - border5 x 2*/
    height: 300px;
    margin-top: 20px;
    margin-left: 21px;
    border-style: solid;
    border-width: 5px;
    /*border-color: #b88b00;*/
    /*border-color: #c0c0c0;*/
    border-color: #dcdcdc;
    /*border-radius: 5em 5em 5em 5em;*/
    float:left;
}


.bo_topics2_right{
    width:270px;
    height:400px;
    margin-left:20px;
    margin-top:20px;
    /* background-color: pink;*/
    float:left;
}
.main_hana{
    margin-top: 15px;
    padding-left: 57px;/*文字のｘ位置*/
    padding-top: 6px;	/*文字のｙ位置---基準はこのボックスの左上*/
    background-image: url(../images/flower.png);
    background-position: 35px 3px; /*花マークの位置*/
    background-repeat: no-repeat;
    font-size: 12px;
}

.main_contents{
    width: 530px;
    padding-left: 60px;
    word-wrap: break-word;
}


/*社長挨拶　message */

.mesg_leftbox{
    width: 440px;
    margin-top: 5px;
    margin-left: 40px;
    float: left;
}

.mesg_rightbox{
    width: 250px;
    margin-top: 65px;
    margin-left: 80px;  /*　右にズラス*/
    float: left;
}

img.zq{
    vertical-align: 50px;
}

.mesg9{
    text-align: left;
    padding-left: 0px; 
    font-size: 9px;
}
    

.mesg4{
    text-align: left;
    font-size: 12px;
    line-height: 200%;   /* 行間を空ける*/
}
.mesg5{
    width: 130px;
    margin-left:auto;   /*位置は右寄せのまま*/
    padding-right: 0px;
    text-align: center; /*文字をセンター揃え;*/
    font-weight: bold;
    /*background-color: #ff9900;*/  /*test */
}


/*経営理念　concept*/

.inner_title{
    margin-top: 20px;
    padding-left: 40px;
    padding-right: 20px;
}

.vi1{
    width: 496px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 50px;
    padding-bottom: 20px;
    float: left;

}
.vi2{                    /* ビジョンとミッション*/
    text-align: left;
    font-size: 14px;
    margin-left: -10px;
    padding-left: 20px;
    padding-bottom: 12px; /* 10->12 L線が隠されたため12変更*/
    font-weight: bold;
    background-image: url(../images/L_mark.png);
    background-repeat: no-repeat;
}

.vi3{                    /*ビジョンとミッションの本文*/
    margin-top: 20px;
    margin-left: 10px;
    text-align: left;
    font-size: 12px;
    line-height: 150%;   /* 行間を空ける*/

    /*font-weight: bold; */

}
.vi_img{            /* 単位のpx 忘れないように*/
    width: 240px;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    float: right;
}
.lg1{                    /*ロゴマーク*/
    width: 496px;
    font-size: 14px;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 40px;
    padding-top: 0px;
    padding-left: 20px;
    padding-bottom: 30px;
    font-weight: bold;
    background-image: url(../images/L_mark.png);
    background-repeat: no-repeat;
    clear: both;
}

.lg2{
    width: 455px;
    /*font-weight: bold;*/
    margin-top: 6px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 60px;
    padding-bottom: 20px;     /* 枠線とロゴ説明文との距離*/
    padding-left: 15px;
    padding-right: 20px;
    padding-top: 0px;
    border-width: 2px;       /* 枠線の幅*/
    border-style: solid;      /* 枠線のスタイル*/
    border-color: #808080;    /* 罫線の色は黒70%落とす*/
    line-height: 150%;
    /*IE8以下はborder-radiusに対応しない。下記htcファイルを使用する*/
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari and Chrome */
    border-radius: 1em; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.lg2 p{                   /*ロゴマークセンター表示*/
    text-align: center;
}

.concept_text{
    line-height: 150%;
    padding-bottom: 5px;     /* 枠線とロゴ説明文との距離*/
    padding-left: 15px;
    padding-right: 20px;
    padding-top: 0px;
}

/*business 事業案内*/
.bn0{
    font-weight: normal;
}
.bn_left{
    width: 340px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 50px;
    padding-bottom: 20px;
    float: left;
}

.bn_right{
    width: 340px;
    margin-top: 0px;
    margin-right: 50px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-bottom: 20px;
    padding-right: 0px;
    float: right;
}
.bn_right_sp{
    width: 320px;
    height: 167px;
    margin-top: 0px;
    margin-right: 50px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    border-style: solid;
    border-color: #ff9966;  /*レモンイエローか明るめの色*/
    border-width: 3px;
    /*background-color: #e0dcd1;   */
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari and Chrome */
    border-radius: 0.5em; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
    /*background-color: #ff9900;*/ /*for test */

    float: right;
}
/*bn_right_sp span{*/
.bn_sp2{
    font-weight:bold;
}
.bn_sp3{
    background-color: #f7aa3f;
    font-weight:bold;
    font-size: 16px;
}
                    /*回り込み禁止を行う*/
.bo_clear{          /*フッターの前に実行を行いmargin-topの220px、各ページ一致性を保つため*/
    clear: both;
}


/*data 会社概要*/
.dt_left{
    /*display: table-cell;*/ /* */
    width: 140px;
    height:25px;        /*height30を作る時：25+padding-top5=30 */
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 35px;

    text-align: center;
    /*vertical-align: middle; こんなラクなことはない*/

    padding-top:5px;
    background-color: #e0dcd1;
    border:solid;
    border-width:1px;
    font-weight:bold;
    float: left;
}

.dt_right{       /* 実際の枠の高さは30。内訳 = height+padding-top = 24+6 */
    width: 607px;
    height:24px;
    margin-top: 20px;
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    border: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width:0px;
    float: left;
}
              /* 高90 =height55+padding-top 35=90 */
.dt_left2{    /* 幅140=width105+padding-left35=140*/
    width: 140px;
    height:55px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 35px;

    text-align: center;
    padding-top: 35px;  /* center 寄り後は padding-leftはダメ*/

    background-color: #e0dcd1;
    border:solid;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    font-weight:bold;
    float: left;
}
.dt_right2{
    width: 607px;
    height:75px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    border: solid;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    float: left;
}
img.map_position{
    vertical-align: -4px;        /*会社概要　Data MAPの垂直位置を指定*/
}

.dt_left3{
    width: 140px;
    height:25px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 35px;
    text-align: center;

    padding-top: 5px;

    background-color: #e0dcd1;
    border:solid;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    font-weight:bold;
    float: left;
}
.dt_right3{
    width: 607px;
    height:24px;
    margin-top: 0px;
    margin-right: 35px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    border: solid;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    float: left;
}
.dt_left4{
    width: 140px;
    height:135px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 35px;
    text-align: center;

    padding-top: 105px;
    background-color: #e0dcd1;
    border:solid;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    font-weight:bold;
    float: left;
}
.dt_right4{
    width: 607px;
    height:220px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;

    border: solid;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    line-height: 240%;
    float: left;
}

/*実績　Result*/

.result1_1{
    width: 220px;
    height:180px;
    margin-left: 40px;
    float: left;
}

.result1_2{
    width: 220px;
    height:180px;
    margin-left: 40px;
    float: left;
}

.result1_3{
    width: 220px;
    height:180px;
    margin-left: 40px;
    float: left;
}

.result_exp{
    font-size: 95%;
}

h4.result_mini_title{
    padding-left: 20px;
    padding-bottom: 10px;
    background-image: url(../images/L_mark.png);
    background-position: -2px; bottom;  /*Lマーク位置、画像位置に合わせる*/
    background-repeat: no-repeat;       /*Lマーク繰り返す表示を禁止*/

}
.spaces{
    height: 100px;
}

.result_end{
    margin-top: 150px;
    margin-left:40px;

}

/* access のページ */
.bo_topics p{
    padding-left:20px;
    padding-top: 25px;
    font-size: 14px;
    font-weight: bold;
}


.acc_title{
    margin-top: 30px;
    margin-left:15px;
    padding-left:10px;
    width: 810px;
    height:25px;
    border-bottom: solid 2px #ff9966;
}

.acc_title2{

    font: bold large/150% "ＭＳ ゴシック"; 
}




.ac0{
    margin-top: 30px;
    margin-left: 0px;
}
.ac0 img{
    padding-left: 25px;
}    

.ac1{
    margin-left: 20px;
    margin-bottom: 20px;
    /*font-weight: bold;*/    /* */
}
.ac2{
    margin-left: 30px;
}

.transguide {
    padding-left:20px;
    font-size: 14px;
    font-weight: bold;
}


div.train{
    margin-left: 25px;
    padding-top: 20px;
    width: 788px;
    height: 110px;
    border-width: 2px;       /* 枠線の幅*/
    border-style: solid;      /* 枠線のスタイル*/
    border-color: #808080;    /* 罫線の色は黒70%落とす*/
    /*line-height: 150%;*/
    /*IE8以下はborder-radiusに対応しない。下記htcファイルを使用する*/
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari and Chrome */
    border-radius: 1em; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
div.train p{
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding-left:20px;
    font-size: 14px;
    /*border-bottom: 3px solid #6600cc;*/
    
}

div.car{
    margin-top:30px;
    margin-left: 25px;
    padding-top: 20px;
    width: 788px;
    height: 200px;
    border-width: 2px;       /* 枠線の幅*/
    border-style: solid;      /* 枠線のスタイル*/
    border-color: #808080;    /* 罫線の色は黒70%落とす*/
    /*line-height: 150%;*/
    /*IE8以下はborder-radiusに対応しない。下記htcファイルを使用する*/
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari and Chrome */
    border-radius: 1em; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

div.car p {
    display: table-cell;
    vertical-align: middle;
    padding-left:20px;
    font-size: 14px;
}



/*お問合せ ask*/
.ask0{
    margin-left:20px;
}
.ask0 p{
    margin-left:9px;
}

.ask_form{
    margin-left:20px;
}    

.red_kome{
    font-weight:bold;
    color: red;
}
.ask_left{
    /*display: table-cell;*/ /* */
    width: 140px;
    height:25px;        /*height30を作る時：25+padding-top5=30 */
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 35px;
    padding-left:15px;
    padding-top:5px;
    background-color: #d8d9db;
    font-weight:bold;
    float: left;
}

.ask_righ{       /* 実際の枠の高さは30。内訳 = height+padding-top = 24+6 */
    width: 310px;
    height:25px;
    margin-top: 5px;
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    float: left;
}

.ask_left0{
    /*display: table-cell;*/ /* */
    width: 140px;
    height:140px;        /*height30を作る時：25+padding-top5=30 */
    margin-top: 5px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 35px;
    padding-left:15px;
    padding-top:5px;
    background-color: #d8d9db;
    font-weight:bold;
    float: left;
}

.ask_righ0{       /* 実際の枠の高さは30。内訳 = height+padding-top = 24+6 */
    width: 310px;
    height:140px;
    margin-top: 5px;
    margin-bottom:10px;
    padding-top: 6px;
    padding-left: 10px;
//    padding-right: 10px;
//    padding-bottom: 0px;
    font-size: 80%;
    float: left;
}
.ask_send{
    text-align: center;
}
.ask_command{
    margin-top: 10px;
}