@charset "utf-8";
/*---------------------
リセット
---------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
     margin: 0;
     padding: 0;
     outline: 0;
     font-size: 100%;
     background: transparent;
}
ol, ul {
     list-style: none;
}
blockquote, q {
     quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
     content: '';
     content: none;
}
:focus {
     outline: 0;
}
ins {
     text-decoration: none;
}
del {
     text-decoration: line-through;
}
table {
     border-collapse: collapse;
     border-spacing: 0;
}

/*---------------------
追加
---------------------*/
a.gmap{
	color:#666;
	text-decoration:underline;
}


/*---------------------
基本設定
---------------------*/
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 88%;
    line-height: 1.6;
    color:#666;
}
.mincho{
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ヒラギノ明朝 Pro N","Hiragino Mincho Pro N","HGS明朝E","ＭＳ Ｐ明朝",serif;
    font-weight:normal;
    font-style: normal;
    font-variant: normal;
}
img{
    border-style:none;
}
a{
    color:#f66;
    text-decoration:none;
}
a:hover{
    color:#66f;
}
.left{
    float:left;
}
.right{
    float:right;
}
.clear{
    clear:both;
}
.clearfix:after {
    content: ".";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    height: auto;
    overflow: hidden;
}

/*---------------------
font-sizeのIE6.7対策
---------------------*/
* html body{
    font-size:14px;
}

*:first-child+html body{
    font-size:14px;
}

/*---------------------
全体の枠
---------------------*/
body{
    width:100%;
    text-align:center;
}

#wrapper{
    width:100%;
    margin:0 auto;   
}

/*---------------------
ヘッダー
---------------------*/

div#header{
	width:960px;
	margin:0 auto;
	
}


div#header h1{
	font-weight:normal;
	font-size: 10px;
	text-align: right;
}


div.header-left{
	float:left;
	padding: 10px 0 0 20px;
}

div.header-right{
	float:right;
	padding: 10px 20px 0 0;
}

div.header-menu{
	clear:both;
    margin:0 auto;   
}

#nav li{
	float:left;
	margin: 0;
	padding: 0;
	height: 75px;
}
#nav{
	width:975px;
    margin:0 auto;   
}


div.header-menu{
	background: url(../img/back_3.png) repeat-x left -11px;
	height: 485px;
	margin: 0 auto;   
}
#home .header-menu{
	background: url(../img/back.png) repeat-x left top;  
}
div#nav li a{
	background:url(../img/nav_1.png) no-repeat;
	display:block;
	text-indent:-9999px;
	height:72px;
	margin-top:3px;
}

div#nav .nav_home{
	width:162px;
	background-position: 0 0;
}
div#nav .nav_policy{
	width:157px;
	background-position: -162px 0;
}
div#nav .nav_warehouse{
	width:175px;
	background-position: -319px 0;
}
div#nav .nav_parking{
	width:157px;
	background-position: -494px 0;
}
div#nav .nav_company{
	width:157px;
	background-position: -651px 0;
}
div#nav .nav_contact{
	width:166px;
	background-position: -808px 0;
}

div#nav .nav_home:hover{
	background-position: 0 -72px;
}
div#nav .nav_policy:hover{
	background-position: -162px -72px;
}
div#nav .nav_warehouse:hover{
	background-position: -319px -72px;
}
div#nav .nav_parking:hover{
	background-position: -494px -72px;
}
div#nav .nav_company:hover{
	background-position: -651px -72px;
}
div#nav .nav_contact:hover{
	background-position: -808px -72px;
}


.nav_policy{
	width:157px;
}

.nav_warehouse{
	width:175px;
}

.nav_parking{
	width:157px;
}

.nav_company{
	width:157px;
}

.nav_contact{
	width:166px;
}





/*---------------------
トップナビゲーション
---------------------*/


/*---------------------
ナビのIE6対策 CSSハック
---------------------*/
* html #nav ul{
    margin:0;
}
/*---------------------
メインビジュアル
---------------------*/

/*---------------------
メインコンテンツ
---------------------*/
div #container{
	background:url(../img/bg3.png) repeat-y left center;
	width:960px;
    margin:12px auto 0;   
	padding:0 10px;
	text-align: left;
}

div.container-right{
	float:right;
	margin:5px 6px 0 21px;	
	width:640px;
}
.container-right img{
	max-width:630px;
}

div.container-right p{
	clear:both;
	width: 620px;
	font-size:13px;
	text-align: left;
}
body#parking .container-right p{
	clear:both;
	width: 630px;
	font-size:16px;
	text-align: left;
	margin:10px 0 20px 0;
}

body#home .container-right p{
	padding: 0 0 10px 0;	
}

body#company .container-right p.sign{
	display: block;
	width: 610px;
	font-size: 20px;
	text-align:right;
	margin:5px;
}
body#company .container-right span.sign_representation{
	font-size: 14px;
	font-weight:normal;
}

div.container-right li{
	clear:both;
	width:620px;
	padding: 0 14px 10px 0;
	text-indent: 15px;
}
#policy .container-right li{
	display:block;
	background:url(../img/icon_check1.png) no-repeat left 0.3em;
	padding-left:10px;
	margin-left:15px;
	font-size:16px;
}	
div.container-left{
	float:left;
	margin:21px 22px 0 26px;	
	width:241px;
}

div.company h4{
	width: 215px;
	border:none;
	margin-right: 20px;	
	text-align: left;
	padding: 0 0 0 12px;
	font-size: 23px;
	line-height: 30px;
	font-weight: normal;
	color:#666;
}
div.company h5{
	text-align: left;
	padding: 2px 0 5px 12px;
	font-size: 21px;
	font-weight: bold;
	color: #2e3192;
	line-height: 24px;
	text-indent: 0;
}
div.company span{
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	font-size:20px;
	font-style:normal;
	color:#fff;
}
.banner_area li{
	font-size: 18px;
	font-style:normal;
}
#home .banner_area{
	margin-top:15px;
}

.banner_area p{
	font-style:normal;
	padding:0;	
}

.last{
	margin:0;
}
.img_right{
	float:right	;
	margin: 5px 5px 10px 10px;
}


div.container-right li .last{
	margin:0;
}
div.container-right li{
	display:inline;
}

h3{
	clear:both;
}

h3 p{
	clear:both;
	margin-bottom:0;
}

h3 .img_right{
	display:block;
	float:right;
}
h4{
	width:620px;
	font-size: 20px;
	font-style:normal;
	color:#f7921e;
	border-bottom:solid #f7921e 1px;
}
#warehouse h4{
	border:none;
}

#contact h4{
	border-color:#ccc;
	color:#666;
	margin-bottom:5px;
}

body#contact .container-right p{
	font-size:14px;	
}


h5{
	text-align:left;
	padding: 10px 0;
	text-indent: 15px;
	font-size: 18px;
}

.img_illust{
	float:left;
	width:620px;
	padding: 10px 5px 22px 0;
}

div.company p{
	padding: 0 0 4px 12px;
	text-align:left;
	line-height: 19px;
}
div.company{
	padding-top:12px;
	margin-bottom:16px;	
	border:solid #ccc 1px;
}

div.pagetop{
	clear:both;
	float:right;
	margin:15px;
}
div.pagetop p a{
	background:url(../img/yajirusi.png) no-repeat left center;
	display:block;
	padding-left:15px;	
	font-size:11px;
	color:#666;
}
div.pagetop p a:hover{
	color: #F7931E;
}

/*---------------------
右コンテンツ
---------------------*/

/*---------------------
左カラム
---------------------*/

 /*---------------------
フッター
---------------------*/
#footer{
	clear:both;
    width:100%;
    height:100px;
	background-color:#333;
	color:#fff;
	padding:8px;
}

.footer_inner{
	width:960px;
	margin:0 auto;
	padding-top: 12px;
}
#footer .footer_inner p{
	text-align:right;
	line-height:40px;
	padding: 8px;
	margin-right: 15px;
}

#footer h5{
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	font-size:20px;
	font-style:normal;
	color:#fff;
	text-align: left;
	float: left;
}
#footer p a{
	color:#fff;
	font-size:12px;
	text-align:right
	margin:0;
	line-height:5px;
}
#footer p a:hover{
	color: #F7931E;
}

#footer address{
	color:#fff;
	text-align:right;
	font-size:12px;
	font-style:normal;
	padding-right: 22px;
	line-height: 10px;
	margin:0;
}


 /*---------------------
フォーム
---------------------*/

.required {
     color:#C30!important;
     font-size:16px;
}
input{
    margin:5px;
}
input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:10px 30px;
background: #999;
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:100%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #f7921e;
cursor:pointer;
}

*:first-child+html input[type="submit"]{padding:3px;}

.submit{
    text-align: center;
    margin: 20px 0;
}
 /*---------------------
テーブル
---------------------*/
table{
    border-collapse: collapse;
    border-top:1px solid #ccc;
    width:620px;
	margin-bottom:40px;
}

body#warehouse .table{
	margin-bottom:10px;	
}
th{
    border-collapse: collapse;
    text-align: center;
    padding-left: 0;
    border-bottom:solid 1px #ccc;
    border-left:1px solid #ccc;
    background-color:#eee;
    width:170px;
}
body#company th{
	width:170px;
}
td{
    border-collapse: collapse;
    border-bottom :solid 1px #ccc;
    border-left :solid 1px #ccc;
    border-right :solid 1px #ccc;    
    padding:5px;
}

 /*---------------------
画像のロールオーバー
---------------------*/
a:hover img{
    opacity:0.5;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}
#logo a:hover img{
    opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
}
h3{
	width:621px;
	height:40px;
	background:url(../img/title_bar.png) no-repeat ;
	text-align:left;
	padding:9px 0 0 9px;
	margin-top:15px;
}
h3 span{
	font-size:10px;
	color:#2e3192;
	padding:8px;
}

.container-right span.red{
	color:red;
}

body#sitemap .container-right ul li.site{
	background: url(../img/icon_check2.png) no-repeat left 1.3em;
	display:block;
	border-bottom: dotted 1px #666;
	width: 610px;
	padding:15px 0px 15px 10px;
}
body#sitemap ul li a{
	color:#666;
}

body#sitemap ul li a:hover{
@charset "utf-8";
/*---------------------
リセット
---------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
     margin: 0;
     padding: 0;
     outline: 0;
     font-size: 100%;
     background: transparent;
}
ol, ul {
     list-style: none;
}
blockquote, q {
     quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
     content: '';
     content: none;
}
:focus {
     outline: 0;
}
ins {
     text-decoration: none;
}
del {
     text-decoration: line-through;
}
table {
     border-collapse: collapse;
     border-spacing: 0;
}
/*---------------------
基本設定
---------------------*/
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 88%;
    line-height: 1.6;
    color:#666;
}
.mincho{
    font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","ヒラギノ明朝 Pro N","Hiragino Mincho Pro N","HGS明朝E","ＭＳ Ｐ明朝",serif;
    font-weight:normal;
    font-style: normal;
    font-variant: normal;
}
img{
    border-style:none;
}
a{
    color:#f66;
    text-decoration:none;
}
a:hover{
    color:#66f;
}
.left{
    float:left;
}
.right{
    float:right;
}
.clear{
    clear:both;
}
.clearfix:after {
    content: ".";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    height: auto;
    overflow: hidden;
}

/*---------------------
font-sizeのIE6.7対策
---------------------*/
* html body{
    font-size:14px;
}

*:first-child+html body{
    font-size:14px;
}

/*---------------------
全体の枠
---------------------*/
body{
    width:100%;
    text-align:center;
}

#wrapper{
    width:100%;
    margin:0 auto;   
}

/*---------------------
ヘッダー
---------------------*/

div#header{
	width:960px;
	margin:0 auto;
	
}


div#header h1{
	font-weight:normal;
	font-size: 10px;
	text-align: right;
}


div.header-left{
	float:left;
	padding: 10px 0 0 20px;
}

div.header-right{
	float:right;
	padding: 10px 20px 0 0;
}

div.header-menu{
	clear:both;
    margin:0 auto;   
}

#nav li{
	float:left;
	margin: 0;
	padding: 0;
	height: 75px;
}
#nav{
	width:975px;
    margin:0 auto;   
}


div.header-menu{
	background: url(../img/back_3.png) repeat-x left -11px;
	height: 485px;
	margin: 0 auto;   
}
#home .header-menu{
	background: url(../img/back.png) repeat-x left top;  
}
div#nav li a{
	background:url(../img/nav_1.png) no-repeat;
	display:block;
	text-indent:-9999px;
	height:72px;
	margin-top:3px;
}

div#nav .nav_home{
	width:162px;
	background-position: 0 0;
}
div#nav .nav_policy{
	width:157px;
	background-position: -162px 0;
}
div#nav .nav_warehouse{
	width:175px;
	background-position: -319px 0;
}
div#nav .nav_parking{
	width:157px;
	background-position: -494px 0;
}
div#nav .nav_company{
	width:157px;
	background-position: -651px 0;
}
div#nav .nav_contact{
	width:166px;
	background-position: -808px 0;
}

div#nav .nav_home:hover{
	background-position: 0 -72px;
}
div#nav .nav_policy:hover{
	background-position: -162px -72px;
}
div#nav .nav_warehouse:hover{
	background-position: -319px -72px;
}
div#nav .nav_parking:hover{
	background-position: -494px -72px;
}
div#nav .nav_company:hover{
	background-position: -651px -72px;
}
div#nav .nav_contact:hover{
	background-position: -808px -72px;
}


.nav_policy{
	width:157px;
}

.nav_warehouse{
	width:175px;
}

.nav_parking{
	width:157px;
}

.nav_company{
	width:157px;
}

.nav_contact{
	width:166px;
}





/*---------------------
トップナビゲーション
---------------------*/


/*---------------------
ナビのIE6対策 CSSハック
---------------------*/
* html #nav ul{
    margin:0;
}
/*---------------------
メインビジュアル
---------------------*/

/*---------------------
メインコンテンツ
---------------------*/
div #container{
	background:url(../img/bg3.png) repeat-y left center;
	width:960px;
    margin:12px auto 0;   
	padding:0 10px;
	text-align: left;
}

div.container-right{
	float:right;
	margin:5px 6px 0 21px;	
	width:640px;
}

div.container-right p{
	clear:both;
	width: 620px;
	font-size:13px;
	text-align: left;
}
body#parking .container-right p{
	clear:both;
	width: 630px;
	font-size:16px;
	text-align: left;
	margin:10px 0 20px 0;
}

body#home .container-right p{
	padding: 0 0 10px 0;	
}

body#company .container-right p.sign{
	display: block;
	width: 610px;
	font-size: 20px;
	text-align:right;
	margin:5px;
}
body#company .container-right span.sign_representation{
	font-size: 14px;
	font-weight:normal;
}


div.container-right li{
	clear:both;
	width:620px;
	padding: 0 14px 10px 0;
	text-indent: 15px;
}
#policy .container-right li{
	display:block;
	background:url(../img/icon_check1.png) no-repeat left 0.3em;
	padding-left:10px;
	margin-left:15px;
	font-size:16px;
}	
div.container-left{
	float:left;
	margin:21px 22px 0 26px;	
	width:241px;
}

div.company h4{
	width: 215px;
	border:none;
	margin-right: 20px;	
	text-align: left;
	padding: 0 0 0 12px;
	font-size: 23px;
	line-height: 30px;
	font-weight: normal;
	color:#666;
}
div.company h5{
	text-align: left;
	padding: 2px 0 5px 12px;
	font-size: 21px;
	font-weight: bold;
	color: #2e3192;
	line-height: 24px;
	text-indent: 0;
}
div.company span{
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	font-size:20px;
	font-style:normal;
	color:#fff;
}
.banner_area li{
	font-size: 18px;
	font-style:normal;
}
#home .banner_area{
	margin-top:15px;
}

.banner_area p{
	font-style:normal;
	padding:0;	
}

.last{
	margin:0;
}
.img_right{
	float:right	;
	margin: 5px 5px 10px 10px;
}


div.container-right li .last{
	margin:0;
}
div.container-right li{
	display:inline;
}

h3{
	clear:both;
}

h3 p{
	clear:both;
	margin-bottom:0;
}

h3 .img_right{
	display:block;
	float:right;
}
h4{
	width:620px;
	font-size: 20px;
	font-style:normal;
	color:#f7921e;
	border-bottom:solid #f7921e 1px;
}
#warehouse h4{
	border:none;
}

#contact h4{
	border-color:#ccc;
	color:#666;
	margin-bottom:5px;
}

body#contact .container-right p{
	font-size:14px;	
}


h5{
	text-align:left;
	padding: 10px 0;
	text-indent: 15px;
	font-size: 18px;
}

.img_illust{
	float:left;
	width:620px;
	padding: 10px 5px 22px 0;
}

div.company p{
	padding: 0 0 4px 12px;
	text-align:left;
	line-height: 19px;
}
div.company{
	padding-top:12px;
	margin-bottom:16px;	
	border:solid #ccc 1px;
}

div.pagetop{
	clear:both;
	float:right;
	margin:15px;
}
div.pagetop p a{
	background:url(../img/yajirusi.png) no-repeat left center;
	display:block;
	padding-left:15px;	
	font-size:11px;
	color:#666;
}
div.pagetop p a:hover{
	color: #F7931E;
}

/*---------------------
右コンテンツ
---------------------*/

/*---------------------
左カラム
---------------------*/

 /*---------------------
フッター
---------------------*/
#footer{
	clear:both;
    width:100%;
    height:100px;
	background-color:#333;
	color:#fff;
	padding:8px;
}

.footer_inner{
	width:960px;
	margin:0 auto;
	padding-top: 12px;
}
#footer .footer_inner p{
	text-align:right;
	line-height:40px;
	padding: 8px;
	margin-right: 15px;
}

#footer h5{
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	font-size:20px;
	font-style:normal;
	color:#fff;
	text-align: left;
	float: left;
}
#footer p a{
	color:#fff;
	font-size:12px;
	text-align:right
	margin:0;
	line-height:5px;
}
#footer p a:hover{
	color: #F7931E;
}

#footer address{
	color:#fff;
	text-align:right;
	font-size:12px;
	font-style:normal;
	padding-right: 22px;
	line-height: 10px;
	margin:0;
}


 /*---------------------
フォーム
---------------------*/

.required {
     color:#C30!important;
     font-size:16px;
}
input{
    margin:5px;
}
input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:10px 30px;
background: #999;
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:100%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #f7921e;
cursor:pointer;
}

*:first-child+html input[type="submit"]{padding:3px;}

.submit{
    text-align: center;
    margin: 20px 0;
}
 /*---------------------
テーブル
---------------------*/
table{
    border-collapse: collapse;
    border-top:1px solid #ccc;
    width:620px;
	margin-bottom:40px;
}

body#warehouse .table{
	margin-bottom:10px;	
}
th{
    border-collapse: collapse;
    text-align: center;
    padding-left: 0;
    border-bottom:solid 1px #ccc;
    border-left:1px solid #ccc;
    background-color:#eee;
    width:170px;
}
body#company th{
	width:170px;
}
td{
    border-collapse: collapse;
    border-bottom :solid 1px #ccc;
    border-left :solid 1px #ccc;
    border-right :solid 1px #ccc;    
    padding:5px;
}

 /*---------------------
画像のロールオーバー
---------------------*/
a:hover img{
    opacity:0.5;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}
#logo a:hover img{
    opacity:1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
}
h3{
	width:621px;
	height:40px;
	background:url(../img/title_bar.png) no-repeat ;
	text-align:left;
	padding:9px 0 0 9px;
	margin-top:15px;
}
h3 span{
	font-size:10px;
	color:#2e3192;
	padding:8px;
}

.container-right span.red{
	color:red;
}

body#sitemap .container-right ul li.site{
	background: url(../img/icon_check2.png) no-repeat left 1.3em;
	display:block;
	border-bottom: dotted 1px #666;
	width: 610px;
	padding:15px 0px 15px 10px;
}
body#sitemap ul li a{
	color:#666;
}

body#sitemap ul li a:hover{
	color:#f7921e;
}

body#contact textarea{
	color:#444;
	font-size:14px;
}