/* -----------------------------------------------------------------------------
    1.全体共通
    2.ヘッダー要素
    3.コンテンツ要素
    4.フッター要素
    5.端末別制御
----------------------------------------------------------------------------- */

/* -----------------------------------------------------------------------------
    1.全体共通
----------------------------------------------------------------------------- */
body {
color:#333;
font-size:13px;
font-family:verdana,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
letter-spacing:0.05em;
}

/* リンク設定*/
a{color:#006699;}
a:hover{color:#74b4df;}
a:active, a:focus{outline:0;}
a:hover img{
opacity:.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)"
}

small{font-size:10px;}
input{border:1px solid #b6b6b6;}
textarea{border:1px solid #b6b6b6; vertical-align:middle;}
span{font-weight:bold;}

/* -----------------------------------------------------------------------------
    2.ヘッダー要素
----------------------------------------------------------------------------- */
/* ヘッダー*/
#header{height:66px; background:#fff;}
#header img{padding-top:10px;}

/*ヘッダーメニュー*/
#mainNav{
text-align:right;
height:50px;
width:100%;
background:#fff;
}
#mainNav .inner ul.mainNav2{float:right;}
#mainNav .inner ul, #mainNav .inner ul li{float:left; padding:0; margin:0;}
#mainNav .inner ul li a{display:block;}
#mainNav .inner ul li.prisit{padding-left:5px;}

/*メニュースクロール固定*/
/*#mainNav.fixed{
position:fixed;
left:0;
top:0;
z-index:200;
}*/

/*ボタン*/
a.home{display:block; width:82px; height:50px; background:url(../img/menu1.jpg) no-repeat 0 0;}
a.bus {display:block; width:99px; height:50px; background:url(../img/menu2.jpg) no-repeat 0 0;}
a.pro {display:block; width:98px; height:50px; background:url(../img/menu3.jpg) no-repeat 0 0;}
a.com {display:block; width:98px; height:50px; background:url(../img/menu4.jpg) no-repeat 0 0;}
a.cont{display:block; width:130px; height:50px; background:url(../img/menu5.jpg) no-repeat 0 0;}
a.pri {display:block; width:133px; height:25px; background:url(../img/menu6.jpg) no-repeat 0 0;}
a.sit {display:block; width:133px; height:25px; background: url(../img/menu7.jpg) no-repeat 0 0;}
a.home:hover, a.bus:hover, a.pro:hover,a.com:hover, a.cont:hover, a.pri:hover, a.sit:hover{background-position:0 bottom;}


/* -----------------------------------------------------------------------------
    3.コンテンツ要素
----------------------------------------------------------------------------- */
/* 全体*/
#main_con, #main_con_img{
margin:0 auto;
padding:0;
width:100%;
position:relative;
}

/* 営業拠点(トップページ) */
#main_con_kyoten{
margin:0 auto;
padding:0;
width:100%;
position:relative;
background:#31a1d2;
}
/* お問合せ */
#main_con_contact{
margin:0 auto;
padding:0;
width:100%;
position:relative;
height:143px;
background:#00a99e;
}


/* 全体（サブコンテンツ）*/
.inner{margin:0 auto; width:100%;}

/* メイン画像 */
#main_img{
margin:5px auto;
padding:0;
width:100%;
position:relative;
line-height:0;
}
#main_img img{max-width:100%; height:auto;}

/*メイン コンテンツ(サブページ)*/
#main{margin:0;}

#main .sub_con{padding:30px 0; overflow:hidden;}

#main .sub_con_border{
padding:40px 0;
overflow:hidden;
border-top:1px dotted #000;
border-bottom:1px dotted #000;
}

/* 営業拠点(トップページ) */
#main_kyoten .sub_con{padding:20px 0; overflow:hidden;}


#main_con #main .sub_con p, #main_con #main .sub_con_border p{line-height:25px;}


/*（サブコンテンツ2）*/
.sub_map, .sub_index{float:left; width:100%;}
.sub_center{width:100%; text-align:center;}
.sub_cont{float:left; width:80%; margin:0 10%;}
.sub_pri{width:850px; padding:0; margin:0 auto;}
.sub_sitemap{width:900px; padding:0; margin:0 auto;}
.sub_company{width:600px; padding:0; margin:0 auto;}

.index_left{
float:left;
width:430px;
height:320px;
padding-right:40px;
text-align:right;
}
.index_left img{max-width:90%; height:auto;}
.index_right{
float:left;
width:420px;
height:320px;
padding:25px 10px 0 0;
}

.map_left{
float:left;
width:550px;
height:520px;
text-align:left;
}
.map_left img{max-width:100%; height:auto;}
.map_right{
float:left;
width:380px;
height:520px;
padding-left:20px;
}
.map_right p{color:#fff;}

.cont_left{
float:left;
width:200px;
height:143px;
}
.cont_right{
float:left;
height:143px;
padding-left:10px;
text-align:left;
}

.cont_right p{margin:35px 0; color:#fff; font-size:11px;}
.cont_right p span{font-size:20px; font-weight:bold;}



h2{
height:40px;
font-size:20px;
font-weight:bold;
text-align:center;
color:#000;
}
h2 span{display:block;}

h3{
font-weight:normal;
color:#8a9e9d;
font-size:15px;
margin-bottom:4px;
font-weight:bold;
}


#main h2{
height:40px;
font-size:20px;
font-weight:bold;
text-align:center;
color:#31a1d2;
}


span.red{color:#ff0000; font-weight:bold;}


/*テーブル*/
table.table{
border-collapse:collapse;
margin:5px auto 15px;
width:900px;
}

table.table th{
background:#31a1d2 repeat-x top;
text-align:left;
padding:12px 14px;
white-space:nowrap;
color:#fff;
border-bottom:1px solid #fff;
font-size:13px;
letter-spacing:1px;
font-weight:bold;
width:280px;
}

table.table td{
border-collapse:collapse;
background:#fff;
text-align:left;
padding:8px 8px 8px 50px;
border-bottom:1px solid #31a1d2;
line-height:20px;
}

table.table td.table_top{border-top:1px solid #31a1d2;}




/* トップページ ***************************************************************/
/* リンクリスト */
.link_list img{max-width:32%; height:auto; padding-right:12px;}
.link_list_last img{max-width:32%; height:auto; padding-right:0;}


/* 営業拠点 */
#main_kyoten h2{
height:40px;
font-size:20px;
font-weight:bold;
text-align:center;
color:#fff;
}

#main_kyoten p{margin-bottom:15px;}
#main_kyoten p.p_last{margin-bottom:0;}



/* 取り扱い商品 ***************************************************************/
/* コンテナ内容 */
.con, .con2{
float:left;
width:300px;
margin:0 25px 1px 0;
padding:0;
}

.con_last{
float:left;
width:300px;
margin:0;
padding:0;
}

.con p, .con2 p, .con_last p{margin:0 40px;}
.con img, .con2 img, .con_last img{max-width:100%; height:auto;}
.con ul, .con2 ul, .con_last ul{
list-style:disc;
height:160px;
padding-left:20px;
margin:0 30px;
}

/*ボタン*/
a.pro_con  {display:block; width:300px; height:37px; background:url(../img/03-05.jpg) no-repeat 0 0;}
a.pro_cont {display:block; width:300px; height:37px; background:url(../img/03-06.jpg) no-repeat 0 0;}
a.pro_con:hover, a.pro_cont:hover{background-position:0 bottom;}


/* 会社概要 *******************************************************************/
/*リスト*/
ol.companylist{
padding-left:30px;
list-style:decimal;
font-weight:bold;
}


/* お問合せ  ******************************************************************/
/*テーブル*/
table.cont_table{
border-collapse:collapse;
margin:5px auto 15px;
width:900px;
}

table.cont_table th{
background:#31a1d2 repeat-x top;
text-align:left;
vertical-align:middle;
padding:12px 14px;
white-space:nowrap;
color:#fff;
border-bottom:1px solid #fff;
font-size:13px;
letter-spacing:1px;
font-weight:bold;
width:280px;
}

table.cont_table td{
border-collapse:collapse;
background:#fff;
text-align:left;
vertical-align:middle;
padding:8px 8px 8px 50px;
border-bottom:1px solid #31a1d2;
line-height:20px;
}

table.cont_table td.table_top{border-top:1px solid #31a1d2;}





input.cont_confirm{border:0; display:inline; width:216px; height:40px; background:url(../img/05-02.jpg) no-repeat 0 0;}
input.cont_reset  {border:0; display:inline; width:216px; height:40px; background:url(../img/05-03.jpg) no-repeat 0 0;}
input.cont_confirm:hover, input.cont_reset:hover{background-position:0 bottom;}



/* プライバシーポリシー *******************************************************/
/*リスト*/
ul.privacylist{padding-left:20px; list-style:disc;}

/*ボタン*/
a.pri_con{display:block; width:316px; height:37px; background:url(../img/06-02.jpg) no-repeat 0 0;}
a.pri_con:hover{background-position:0 bottom;}


/* サイトマップ ***************************************************************/
/*サイトマップメニュー*/
ul.sitemapnav{margin:0; padding:0;}
ul.sitemapnav, ul.sitemapnav li{float:left; padding:0; margin:0;}
ul.sitemapnav li a{display:block;}

/*ボタン*/
a.s_home{display:block; width:900px; height:130px; background:url(../img/07-02-01.jpg) no-repeat 0 0;}
a.s_bus {display:block; width:150px; height:100px; background:url(../img/07-02-02.jpg) no-repeat 0 0;}
a.s_pro {display:block; width:150px; height:100px; background:url(../img/07-02-03.jpg) no-repeat 0 0;}
a.s_com {display:block; width:150px; height:100px; background:url(../img/07-02-04.jpg) no-repeat 0 0;}
a.s_cont{display:block; width:150px; height:100px; background:url(../img/07-02-05.jpg) no-repeat 0 0;}
a.s_pri {display:block; width:150px; height:100px; background:url(../img/07-02-06.jpg) no-repeat 0 0;}
a.s_sit {display:block; width:150px; height:100px; background:url(../img/07-02-07.jpg) no-repeat 0 0;}
a.s_home:hover, a.s_bus:hover, a.s_pro:hover, a.s_com:hover, a.s_cont:hover, a.s_pri:hover, a.s_sit:hover{background-position:0 bottom;}


/* -----------------------------------------------------------------------------
    4.フッター要素
----------------------------------------------------------------------------- */
/* フッター*/
* html #footer{height:1%;}

#footer{
clear:both;
overflow:hidden;
padding:70px 0 10px 0;
background:#fff;
text-align:center;
width:100%;
}

#footer h1{font-size:15px; color:#31a1d2; font-weight:bold;}
#footer p{font-size:13x; padding-top:5px;}
#footer a{text-decoration:none;}
#footer a:hover{text-decoration:underline;}

/*フッターメニュー*/
ul.footnav2{margin:5px 0;}
ul.footnav2, ul.footnav2 li{float:left; padding:0; margin:5px auto;}
ul.footnav2 li a{display:block;}

/* ボタン */
a.f_home{display:block; width:114px; height:28px; background:url(../img/f_menu1.jpg) no-repeat 0 0;}
a.f_bus {display:block; width:136px; height:28px; background:url(../img/f_menu2.jpg) no-repeat 0 0;}
a.f_pro {display:block; width:137px; height:28px; background:url(../img/f_menu3.jpg) no-repeat 0 0;}
a.f_com {display:block; width:137px; height:28px; background:url(../img/f_menu4.jpg) no-repeat 0 0;}
a.f_cont{display:block; width:128px; height:28px; background:url(../img/f_menu5.jpg) no-repeat 0 0;}
a.f_pri {display:block; width:166px; height:28px; background:url(../img/f_menu6.jpg) no-repeat 0 0;}
a.f_sit {display:block; width:132px; height:28px; background:url(../img/f_menu7.jpg) no-repeat 0 0;}
a.f_home:hover, a.f_bus:hover, a.f_pro:hover,a.f_com:hover, a.f_cont:hover, a.f_pri:hover, a.f_sit:hover{background-position:0 bottom;}


/* コピーライト*/
#copy{
clear:both;
padding:5px 0;
text-align:center;
font-style:normal;
font-size:10px;
background:#31a1d2;
color:#fff;
width:100%;
}

/* ページTOPへ戻る */
#pagetop{
position:fixed;
bottom:40px;
right:20px;
font-size:12px;
z-index:2;
}

#pagetop a{
text-decoration:none;
color:#000;
width:100px;
padding:10px 5px;
text-align:center;
display:block;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #b6b6b6;
background:#b6b6b6;
}

#pagetop a:hover{
text-decoration:none;
border:1px solid #696969;
background:#696969;
color:#fff;
}


/* -----------------------------------------------------------------------------
    5.端末別制御
----------------------------------------------------------------------------- */
#header, .inner{width:950px; padding:0; margin:0 auto;}
#main,#main_kyoten, #main_contact{width:950px; padding:0; margin:0 auto;}
#main_con, #main_con_img,#main_con_kyoten,#main_con_contactm #footer, #copy{width:100%;}
#footer{width:100%; padding-top:50px;}

@media only screen and (max-width: 951px){
	#header, #main_con, #main_con_img, #main_con_kyoten, #main_con_contact, .inner, #footer, #copy{width:950px;}
	#main, #main_kyoten, #main_contact{width:930px; padding:0 10px; margin:0 auto;}
	.map_left{width:530px;}
	.map_right{width:380px;}
	.con, .con2{width:300px; margin:0 10px 1px 0;}
	.con_last{width:300px;}
}