@charset "utf-8";
/*++++++++++++++++++++++++++++++++++++++++++
CSS Document
+++++++++++++++++++++++++++++++++++++++++++*/
* {
	margin: 0;
	padding: 0;
}

html{overflow-y:scroll;
}

img {
	border: 0;
}

body {
	margin: 0px;
	padding: 0px;
	font-size: small;
	height:100%;
	background:#efefef;
	margin-top:20px;
}
body/**/ {
	font-size: /**/small;
}
p,h1,h2,h3,h4,h5,ul,li,ol,dl,dt,dd {
	padding: 0px;
	margin: 0px;
}
/*++++++++++++++++++++++++++++++++++++++++++
リンク
+++++++++++++++++++++++++++++++++++++++++++*/
a,a:visited {
	color: #383f44;
}
a:hover {
	color: #383f44;
	text-decoration: none;
}
a img {
	border: none;
}
.clear{
	clear: both;
}
.clear hr{
	display: none;
}

.cl{
    display: inline-block;  
   }
/*++++++++++++++++++++++++++++++++++++++++++
全体
+++++++++++++++++++++++++++++++++++++++++++*/
#wrapper{

	background:url(../images/bg.gif) no-repeat;
  	width: 630px;  /*横幅*/
	height:460px;
	margin:auto;
	padding:0 15px 17px 11px;
}

#wrapper #main{
	background:url(../images/top.jpg) no-repeat;
	width:604px;
	height:443px;
	margin:0;
}

/*++++++++++++++++++++++++++++++++++++++++++
グローバルナビ１
+++++++++++++++++++++++++++++++++++++++++++*/
#main #navi{
	width:200px;
	padding:0 17px;
}

#main #navi .logo{
	margin-bottom:10px;
}

#main #navi .navi-body{
	background:#7d7d7d no-repeat;
	width:165px;
	hight:290px;
}
#main #navi .navi-body ul {
	    list-style-type: none;
    }

        #main #navi .navi-body ul li {
	        width:165px;
	        height:73px;
        }

        #main #navi .navi-body ul li a {
	        background: url(../images/navi1.gif) no-repeat scroll 0 0;
	        width: 165px;
	        display: block;
	        height: 73px;
        }

        #main #navi .navi-body ul li span {
	        overflow: hidden;
	        z-index: -1;
	        position: relative;
	        display: block;
        }
        
       	#main #navi .navi-body ul li.comp a {background-position: 0px -0px;}
        #main #navi .navi-body ul li.zigyo a {background-position: 0px -73px;}
        #main #navi .navi-body ul li.zirei a {background-position: 0px -146px;}
		#main #navi .navi-body ul li.otoiawase a {background-position: 0px -219px;}
       	#main #navi .navi-body ul li.comp a:hover  {background-position: -165px -0px;}
        #main #navi .navi-body ul li.zigyo a:hover  {background-position: -165px -73px;}
        #main #navi .navi-body ul li.zirei a:hover  {background-position: -165px -146px;}
		#main #navi .navi-body ul li.otoiawase a:hover  {background-position: -165px -219px;}

/*++++++++++++++++++++++++++++++++++++++++++
フッター
+++++++++++++++++++++++++++++++++++++++++++*/
#footer{
	text-align: center;
	width: 586px;
	background:url(../images/foot.gif) no-repeat;
    color: #FFFFFF;
	font-size:12px;
	height:28px;
	vertical-align:middle;
	padding-top:20px;
	margin-left:9px;
	margin-top:10px;
}
/*++++++++++++++++++++++++++++++++++++++++++
全体TOP以外
+++++++++++++++++++++++++++++++++++++++++++*/
#wrapper2{
  	width: 630px;  /*横幅*/
	margin:auto;
	padding:0 15px 17px 11px;
}

#wrapper2 #main{
	width:604px;
	margin:0;
}

/*++++++++++++++++++++++++++++++++++++++++++
ヘッダー
+++++++++++++++++++++++++++++++++++++++++++*/
#header{
	width: 604px;
	background:url(../images/head_bg.gif) no-repeat;
	height:74px;
}

#main #header .logo{
	margin-bottom:10px;
	float:left;
	width:170px;
}
#main #header .h-right{
	float:right;
	margin-top:10px;
	height:74px;
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
} 
#main #header .h-right .navi{
		margin-top:8px;
} 

    #header .navi ul {
	    list-style-type: none;

    }

        #header .navi ul li {
	        float: left;
	        height: 37px;
	        width: 107px;
        }

        #header .navi ul li a {
	        background: url(../images/navi3.gif) no-repeat scroll 0 0;
	        height: 37px;
	        display: block;
	        width: 107px;
        }

        #header .navi ul li span {
	        overflow: hidden;
	        z-index: -1;
	        position: relative;
	        display: block;
        }
        
       	#header .navi ul li.comp a {background-position: -0px 0px;}
        #header .navi ul li.zigyo a {background-position: -107px 0px;}
        #header .navi ul li.zirei a {background-position: -214px 0px;}
		#header .navi ul li.otoiawase a {background-position: -321px 0px;}
       	#header .navi ul li.comp a:hover  {background-position: -0px -37px;}
        #header .navi ul li.zigyo a:hover  {background-position: -107px -37px;}
        #header .navi ul li.zirei a:hover  {background-position: -214px -37px;}
		#header .navi ul li.otoiawase a:hover  {background-position: -321px -37px;}




/*++++++++++++++++++++++++++++++++++++++++++
ＴＯＰ(トピック)
+++++++++++++++++++++++++++++++++++++++++++*/

#wrapper2 #main #con{
	width: 584px;
	margin-top:10px;
	margin-left:10px;
}

/*会社概要*/

#wrapper2 #main #con table.kaisya{
	border:1px solid #131f3f;
    border-collapse: collapse;
    border-spacing: 0;
	width:584px;
	background:#FFFFFF;
}
#wrapper2 #main #con table.kaisya th{
	border-right:1px solid #131f3f;
	border-bottom:1px solid #131f3f;
	background:#7c7d7e;
	padding:5px 10px;
	color:#ffffff;
}
#wrapper2 #main #con table.kaisya td{
	padding:5px 10px;
	border-bottom:1px solid #131f3f;
}

/*事業内容*/
#wrapper2 #main #con ul{
	background:url(../images/bunner.gif) no-repeat;
	height:30px;
	padding-top:15px;
}
#wrapper2 #main #con ul li{
	margin-left:20px;
	color:#FFFFFF;
	font-size:14px;
	background:url(../images/list.gif) no-repeat;
	list-style:none;
	padding-left:15px;
}

#wrapper2 #main #con dl{
	width:570px;
	margin-left:7px;
	margin-top:10px;
}

#wrapper2 #main #con dl dt{
	float:left;
	width:130px;
	height:98px;
}
#wrapper2 #main #con dl dd{
	margin-left:130px;
	background:#ffffff;
	height:88px;
	padding:5px;
	font-size:12px;
	line-height:18px;
}


/*お問い合わせ*/

#wrapper2 #main #con2 table.otoiawase{
	border:0px;
	width:584px;
}
#wrapper2 #main #con table.otoiawase th{
	padding:5px 10px;
	text-align:left;
	width:120px;
	font-weight:100;
}
#wrapper2 #main #con table.otoiawase td{
	padding:5px 10px;
}

/*++++++++++++++++++++++++++++++++++++++++++
文字、画像、背景関係
+++++++++++++++++++++++++++++++++++++++++++*/
/*+align+*/
.right{
	text-align:				right;
	padding-right:			10px;
	padding-top:			10px;
}

.center{text-align:			center;}
.left{text-align:			left;}

/*+font+*/
.bold{font-weight:			bold;}
.c_w{color:					#FFFFFF;}
.c_b{color:					#000000;}
.c_bl{color:				#06a6ff;}
.c_r{color:				    red;}
.c_g{color:				#12942b;}
.s_11{font-size:11px}
.s_10{font-size:10px}
.s_16{font-size:16px}

/*+border+*/
.b{border:					1px solid #ccc;}
.b2{border:					1px solid #0094a0;}

/*+padding+*/
.pd3{padding:		    	3px;}
.pdl5{padding-left:			5px;}
.pdl20{padding-left:         20px;}
.pd1l50{padding-left:		150px;}
.pd7{padding:	    		7px;}
.pd10{padding:	    		10px;}
.pdb10{padding-bottom:10px;}

/*+background+*/
.bg_g{background:			#0094a0;}
.bg_bc{background:			#000000;}

/*+width+*/
.w50{width:                 50px;}
.w80{width:                 80px;}
.w100{width:                100px;}
.w150{width:                150px;}
.w170{width:				170px;}
.w180{width:				180px;}
.w300{width:                300px;}
.w410{width:				410px;}
.w440{width:				440px;}
.w450{width:				450px;}
.w541{width:				541px;}
.w544{width:				544px;}
.w540{width:				540px;}
.w740{width:				740px;}

/*+height+*/
.h100{height:               100px;}

/*+float+*/
.float_l{float:             left;}
.float_r{float:             right;}

/* ベリーショート */
#main input.text_ss
{
	width:60px;
	padding:2px;
	border:1px solid #7f9db9;
}

/*短いテキストボックス*/
input.text_s{
	width:120px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}
/*数字用テキストボックス*/
input.number{
	width:70px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
	text-align:right;
}

/*中くらいテキストボックス*/
input.text_m{
	width:200px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}

/*ちょっと長いテキストボックス*/
input.text_ml{
	width:300px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}
/*長いテキストボックス*/
input.text_l{
	width:460px;
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}

textarea
{
	padding:2px;
	border:1px solid #7f9db9;
	color:#000;
}