@charset "UTF-8";
body {
	margin:0px auto;
	padding:0px;
	text-align: center;
	font-size:80%;
        font-family: "MS UI Gothic","MS PGothic";
	color:#323232;
	line-height:1.4em;
	background:url(../img/bg.gif);
	background-position:center 0;
	background-repeat:repeat-x;
}

table{
	padding:0px;
	margin:0px;
	font-size:100%;
}
.tb{
	width:620px;
	margin:25px 0px 25px 13px;
	text-align:left;
}
.tb td , .tb th{
	padding:10px;
	border-bottom: 1px solid #aaa;
}

.tb th{
	width:140px;
	background:#f5f5f5;
	border-left: 3px solid #0F3C5A;
}
.tb td{
	border-left: 1px solid #ccc;
}

h1,h2,h3,h4,h5{
	margin:0px;
	padding:0px;
}
p {
	padding:0px;
	margin:0px;
}
ul , dl , ol{
	padding:0px;
	margin:0px;
}
img {
	border:0px;
	padding:0px;
	margin:0px;
	vertical-align:bottom;
}
form {
	padding:0px;
	margin:0px;
}

a:link {
	color: #1464C8;
	text-decoration: none;
}
a:visited {
	color: #1464C8;
	text-decoration: none;
}
a:hover {
	color: #1464C8;
	text-decoration:underline;
}
a:active {
	color: #1464C8;
	text-decoration: none;
}

/*
.tb{
	width:600px;
	margin:25px 0px 25px 25px;
	text-align:left;
	border-bottom: 1px solid #aaa;
}
.tb td , .tb th{
	padding:10px;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

.tb th{
	width:140px;
	background:#EBFAFF;
	border-left: 3px solid #3296FF;
}
*/
.cl{
	clear:left;
}
.clr{
	clear:right;
}
.clb{
	clear:both;
}
.red{
	font-weight:bold;
	color:red;
}
.text_right{
	padding-right:35px;
	text-align:right;
}
.ex{
	color:#666;
	font-size:90%;
	margin-top:3px;
}
.err{
	background-color:#ffe6e6;
	font-size:120%;
	font-weight:bold;
}
.box{
	margin:25px 0px 25px 30px;
	padding:10px 0px 15px 0px;
	background:#F5F5F5;
}
.del{
	height:1px;
	text-indent:-9999px;
	overflow:hidden;
}



/************************************/
/*  ヘッダー
/************************************/
#head{
	width:950px;
	margin:30px auto 0px auto;
	height:60px;
	background:url(../img/head_bg.gif);
	background-position:center 0;
	background-repeat:repeat-x;
	text-align: left;
}
#head h1 a{
	width:370px;
	height:60px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/logo.gif);
	text-indent:-9999px;
	display: block;
	float:left;
}
#head ul{
	margin-top:25px;
	list-style:none;
	float:right;
}
#head li{
	padding-left:10px;
	margin:0px 0px 0px 15px;
	background-position:0 center;
	background-repeat:no-repeat;
	background-image:url(../img/list.gif);
	float:left;
}
#head ul a:link ,
#head ul a:visited ,
#head ul a:hover ,
#head ul a:active {
	color: #000;
	text-decoration: none;
}
#head ul a:hover {
	text-decoration:underline;
}
#flashcontent1{
	margin:auto;
	text-align:center;
}
#flashcontent1 h2{
	height:300px;
	margin:0px atuo;
	background-image:url(../img/data/003.jpg);
	background-position:center 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#update{
	height:300px;
	margin:0px atuo;
	background-image:url(../img/update.jpg);
	background-position:center 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
/************************************/
/*  メイン
/************************************/
#main{
	width:950px;
	margin:21px auto 0px auto;
	text-align:center;
	background-image:url(../img/main_bg.gif);
	background-position:left 0;
	background-repeat:repeat-y;
	overflow:hidden;
}

/************************************/
/*  左
/************************************/
#left{
	width:260px;
	margin:0px auto;
	text-align:left;
	float:left;
}
#navi{
	width:260px;
	margin:0px auto;
}

#navi strong{
	margin:0px 0px 0px 0px;
	text-indent:-9999px;
}
#navi a {
	width:260px;
	height:55px;
	background-position:0 0;
	background-repeat:no-repeat;
	display: block;
}
#navi a:hover {
	background-position:-260px 0;
}
#navi .navi1 a{
	width:260px;
	height:69px;
	background-position:0 0;
	background-repeat:no-repeat;
	display: block;
}

.navi1 a{
	background-image:url(../img/menu/001.gif);
}
.navi2 a{
	background-image:url(../img/menu/002.gif);
}
.navi3 a{
	background-image:url(../img/menu/003.gif);
}
.navi4 a{
	background-image:url(../img/menu/004.gif);
}
#navi a.now {
	background-position:-260px 0;
}
.left_com {
	width:220px;
	margin:40px 0px 0px 18px;
	padding-bottom:15px;
	background:#F5F5F5 url(../img/left_shop.jpg);
	background-position:8px 35px;
	background-repeat:no-repeat;
	border:1px solid #35494B;
}
.left_com h2 a{
	height:25px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/left_com.gif);
	text-indent:-9999px;
	display: block;
}
.left_com p{
	margin:10px 5px 0px 80px;
	list-style:none;
}
.left_com ul{
	width:200px;
	height:55px;
	margin:10px 0px 0px 5px;
	list-style:none;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/left_add.gif);
	text-indent:-9999px;
}

.left_com .left_tel a{
	width:180px;
	height:70px;
	margin:10px 0px 0px 19px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/left_tel.gif);
	text-indent:-9999px;
}
.left_com .left_tel a:hover{
	background-position:-180px 0;
}

.left_menu .left_pana {
	width:240px;
	height:70px;
	margin:20px 0px 0px 18px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/left_pana.gif);
	text-indent:-9999px;
}

.left_menu .left_sun a {
	width:220px;
	height:60px;
	margin:20px 0px 0px 18px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/left_sun.jpg);
	text-indent:-9999px;
	display: block;
}
.left_menu .left_sun a:hover{
	background-position:-220px 0;
}

/************************************/
/*  右
/************************************/
#right{
	width:680px;
	margin:0px auto;
	text-align:left;
	float:right;
}
/************************************/
/*  トップページ
/************************************/
.top_001 {
	width:650px;
	height:250px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/top_001.gif);
	text-indent:-9999px;
	margin:25px 0px 25px 30px;
	padding:10px 0px 0px 0px;
}

.top_001 h2,
.top_001 p{
	text-indent:-9999px;
	height:1px;
}



.top_pro {
	margin-bottom:20px;
}
.top_pro p{
	margin:-35px 30px 0px 120px;
	overflow:hidden;
}

.top_pro h2 a{
	width:650px;
	height:40px;
	margin-bottom:15px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/top_pro.gif);
	text-indent:-9999px;
	display: block;
}
.top_pro div{
	width:300px;
	margin:0px 0px 15px 10px;
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	overflow:hidden;
}
.top_pro h3 a {
	width:300px;
	height:80px;
	margin:0px;
	background-position:-680px 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
}


.top_pro .top_pro1 {
	background-image:url(../img/top_pro1.gif);
}
.top_pro .top_pro2 {
	background-image:url(../img/top_pro2.gif);
}
.top_pro .top_pro3 {
	background-image:url(../img/top_pro3.gif);
}
.top_pro .top_pro4 {
	background-image:url(../img/top_pro4.gif);
}
.top_pro .top_pro5 {
	background-image:url(../img/top_pro5.gif);
}
.top_pro .top_pro6 {
	background-image:url(../img/top_pro6.gif);
}
.top_pro .top_pro1 h3 a:hover ,
.top_pro .top_pro2 h3 a:hover ,
.top_pro .top_pro3 h3 a:hover ,
.top_pro .top_pro4 h3 a:hover ,
.top_pro .top_pro5 h3 a:hover ,
.top_pro .top_pro6 h3 a:hover {
	width:300px;
	margin:0px;
	background-position:-300px 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
}
.top_pro .top_pro1 h3 a:hover {
	background-image:url(../img/top_pro1.gif);
}

.top_pro .top_pro2 h3 a:hover {
	background-image:url(../img/top_pro2.gif);
}
.top_pro .top_pro3 h3 a:hover {
	background-image:url(../img/top_pro3.gif);
}
.top_pro .top_pro4 h3 a:hover {
	background-image:url(../img/top_pro4.gif);
}
.top_pro .top_pro5 h3 a:hover {
	background-image:url(../img/top_pro5.gif);
}
.top_pro .top_pro6 h3 a:hover {
	background-image:url(../img/top_pro6.gif);
}
.top_pro .cl {
	margin-top:10px;
	text-align:right;
}

/************************************/
/*  新着情報
/************************************/
.topics h2 a,
.topics h2{
	width:650px;
	height:40px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/new_title.gif);
	text-indent:-9999px;
	display: block;
}
.topics dl{
	margin:0px 20px 10px 20px;
}
.topics dt{
	padding-top:10px;
	padding-left:10px;
	background:url(../img/list.gif);
	background-position:0 center;
	background-repeat:no-repeat;
}
.topics dd {
	margin:5px 0px 10px 15px;
	padding-bottom:5px;
	border-bottom:1px dotted #002841;
}
.topics dd h3{
	font-size:150%;
	margin:0px 0px 5px 0px;
}
.topics dd h3 a:link ,
.topics dd h3 a:visited ,
.topics dd h3 a:hover ,
.topics dd h3 a:active {
	color:#002841;
	text-decoration: none;
}
.topics dd h3 a:hover {
	text-decoration:underline;
}
.topics dd .img{
	padding:2px;
	margin:0px 15px 15px 0px;
	border:1px solid #ccc;
}
/************************************/
/*  事業内容
/************************************/
.products1 h2 ,
.products2 h2 ,
.products3 h2 ,
.products4 h2 ,
.products5 h2 ,
.products6 h2 {
	width:650px;
	height:40px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
}
.products1 p ,
.products2 p ,
.products3 p ,
.products4 p ,
.products5 p ,
.products6 p {
	margin:10px 30px;
}
.products1 h2 {
	background-image:url(../img/pro_1.gif);
}
.products2 h2 {
	background-image:url(../img/pro_2.gif);
}
.products3 h2 {
	background-image:url(../img/pro_3.gif);
}
.products4 h2 {
	background-image:url(../img/pro_4.gif);
}
.products5 h2 {
	background-image:url(../img/pro_5.gif);
}
.products6 h2 {
	background-image:url(../img/pro_6.gif);
}

.products p{
	margin:0px 20px 15px 30px;
}
.products ul,
.products h2,
.products h3{
	text-indent:-9999px;
}
.products ul{
	list-style:none;
	height:1px;
	overflow:hidden;
}
.products h2{
	width:650px;
	height:50px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/pro_002.gif);
	text-indent:-9999px;
	display: block;
}
.products h3 {
	width:650px;
	height:340px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/pro_003.jpg);
	text-indent:-9999px;
	display: block;
}

.products1 ul{
	margin:5px 50px;
}
.products1 ul li{
	margin-bottom:2px;
	padding-bottom:2px;
	border-bottom:1px dotted #969696;
	list-style-position: inside;
}

.products1 h3{
	width:650px;
	height:40px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/pro_1_1.gif);
	text-indent:-9999px;
	display: block;
}
.products1 ol{
	width:650px;
	height:250px;
	list-style:none;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/pro_1_2.gif);
	text-indent:-9999px;
	display: block;
}

.products3 h3{
	margin:10px 30px;
	font-size:120%;
}


.products5 h3{
	width:650px;
	height:40px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/pro_5_1.gif);
	text-indent:-9999px;
	display: block;
}
.products5 h4{
	width:650px;
	height:190px;
	list-style:none;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/pro_5_2.gif);
	text-indent:-9999px;
	display: block;
}


.products6 h3{
	width:650px;
	height:40px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/pro_6_1.gif);
	text-indent:-9999px;
	display: block;
}
.products6 .kasai{
	height:145px;
	margin:0px 0px 0px 0px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/pro_6_2.gif);
	text-indent:-9999px;
	display: block;
}
.products6 .secom{
	height:230px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/pro_6_3.gif);
	text-indent:-9999px;
	display: block;
}
.products6 .pana{
	height:230px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/pro_6_4.gif);
	text-indent:-9999px;
	display: block;
}
.products6 .tousiba{
	height:230px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/pro_6_5.gif);
	text-indent:-9999px;
	display: block;
}

/************************************/
/*  会社概要
/************************************/
.comp h2 {
	width:650px;
	height:40px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/com_title.gif);
	text-indent:-9999px;
	display: block;
}
.comp_photo{
	height:150px;
	margin-left:15px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/company1.jpg);
}
.comp_photo p{
	margin:0px 20px 5px 220px;
}

/************************************/
/*  お問い合わせ
/************************************/
.mail h2{
	width:650px;
	height:40px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/mail_title.gif);
	text-indent:-9999px;
	display: block;
}
.mail p {
	margin:0px 20px;
}
.mail .tb input{
	width:300px;
}
.mail textarea{
	width:400px;
	height:200px;
	font-size:100%;
}
.bt{
	margin:0px 0px 0px 15px;
}
/************************************/
/*  Step                            */
/************************************/


#Step{
	width:620px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	margin:15px 0px 15px 15px;
	text-align:left;
	background: #e7e7e7;
}
#Step td , #Step th{
	padding:4px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	color:#999;
	text-align:center;
}

#Step th{
	width:180px;
	background: #ffe6e6;
	color:#333333;
}
.step_com{
	margin:0px 25px;
}
/************************************/
/*  地図
/************************************/
#Map{
	width:430px;
	height:315px;
}
/************************************/
/*  フッター
/************************************/
.tel {
	clear:both;
	margin:25px 0px 45px 30px;
}
.tel a{
	width:650px;
	height:80px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/foot_tel.gif);
	text-indent:-9999px;
	display: block;
}
.tel a:hover {
	background-position:-650px 0;
}

.page_top{
	float:right;
}
.page_top a{
	width:25px;
	height:15px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/page_top.gif);
	text-indent:-9999px;
	display: block;
}
.page_top a:hover {
	background-position:-25px 0;
}
#footer{
	height:100px;
	background:url(../img/foot_bg.gif);
	background-position:center 0;
	background-repeat:repeat-x;
}
#footer .footer_menu{
	width:950px;
	margin:auto;
	text-align:center;
}
#footer .footer_logo a{
	width:260px;
	height:100px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/foot_logo.gif);
	text-indent:-9999px;
	display: block;
	float:left;
}
#footer .footer_menu ul a:link ,
#footer .footer_menu ul a:visited ,
#footer .footer_menu ul a:hover ,
#footer .footer_menu ul a:active {
	color: #fff;
	text-decoration: none;
}
#footer .footer_menu ul a:hover {
	text-decoration:underline;
}

#footer .footer_menu ul{
	padding-top:30px;
	margin:0px;
	list-style:none;
}
#footer .footer_menu li{
	display:inline;
	padding: 0px 0.8em 0px;
	border-right: 1px #ccc solid;
}
#footer .footer_menu .f_menu_last{
	border-right: none;
}
#footer .footer_menu .sweep{
	font-size:80%;
}