@charset "UTF-8";

/* ========reset======== */
html, body{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}


/* ========BASIC======== */

body {
font-size:80%;
line-height:180%;
font-family:"Helvetica Neue","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
margin:0 auto;
text-align:center;
}
p{
margin:0 0 13px 0;
}

.st{color:#CC0000;font-weight:bold;}
.big{font-size:140%;}



#header{
background:url(./images/bg-header.gif) 0 0 repeat-x;
margin:0 auto;
text-align:center;
height:120px;
}

#header-in{
width:988px;
margin:0 auto;
position:relative;
}


#footer{
background:url(./images/bg-header.gif) 0 0 repeat-x;
margin:0 auto;
text-align:center;
clear:both;
}

#footer-info{
background-color:#006699;
color:#FFFFFF;
clear:both;
text-align:right;
margin:30px 0 15px 0;
}

#footer-info a{color:#FFFFFF;}

/* ========画像設置======== */


.ImgBox{
width:988px;
margin:0 auto;
position:relative;
}

.bg-a1{
display:block;
width:988px;
height:190px;
background:url(./images/seo-a-01.gif) 0 0 no-repeat;
z-index: 1;}

.bg-a2{
display:block;
width:988px;
height:197px;
background:url(./images/seo-a-02.gif) 0 0 no-repeat;
 z-index: 1;}

.bg-a3{
display:block;
width:988px;
height:360px;
background:url(./images/seo-a-03.gif) 0 0 no-repeat;
 z-index: 1;}

.bg-a4{
display:block;
width:988px;
height:166px;
background:url(./images/seo-a-04.gif) 0 0 no-repeat;
 z-index: 1;}

.bg-a5{
display:block;
width:988px;
height:413px;
background:url(./images/seo-a-05.gif) 0 0 no-repeat;
 z-index: 1;}

.bg-a6{
display:block;
width:988px;
height:190px;
background:url(./images/seo-a-06.gif) 0 0 no-repeat;
 z-index: 1;}

.bg-b1{
display:block;
width:988px;
height:521px;
background:url(./images/seo-b-01.gif) 0 0 no-repeat;
 z-index: 1;}

.bg-b2{
display:block;
width:988px;
height:209px;
background:url(./images/seo-b-02.gif) 0 0 no-repeat;
 z-index: 1;}

.bg-b3{
display:block;
width:988px;
height:404px;
background:url(./images/seo-b-03.gif) 0 0 no-repeat;
 z-index: 1;}

.bg-c1{
display:block;
width:988px;
height:290px;
background:url(./images/seo-c-01.gif) 0 0 no-repeat;
 z-index: 1;}

.bg-c2{
display:block;
width:988px;
height:222px;
background:url(./images/seo-c-02.gif) 0 0 no-repeat;
 z-index: 1;}


/* ========その他装飾======== */

.howlink{
color:#CC0000;
font-weight:bold;}



/* ========テキスト配置======== */


.sugoi-1{
	position:absolute;
	top:1092px;
	left:-112px;
	z-index: 9;
}
.sugoi-2{
	position:absolute;
	top:2037px;
	left:-140px;
	z-index: 9;

}



.txt-a1{
	width:260px;
	position:absolute;
	top:260px;
	left:48px
}

.txt-a2{
	width:260px;
	position:absolute;
	top:260px;
	left:363px
}


.txt-a3{
	width:260px;
	position:absolute;
	top:260px;
	left:679px
}

.txt-a4{
	width:800px;
	position:absolute;
	top:748px;
	left:85px
}

.txt-b1{
	border-style: dotted;
	border-color: #05A0D1;
	border-width: 2px;
	padding:8px;
	width:820px;
	position:absolute;
	top:1810px;
	left:78px
}

.txt-b2{
	width:471px;
	position:absolute;
	top:2062px;
	left:55px
}

.txt-c1{
	width:850px;
	position:absolute;
	top:2777px;
	left:67px
}


/* ========メールフォーム======== */

#form{
margin:0 auto;
width:705px;}

	#form1{
		margin:1em 0;
		padding-top:10px;
		background:url(./images/form/form_top.gif) no-repeat 0 0;
		}
	#form1 fieldset{
		margin:0;
		padding:0;
		border:none;	
		float:left;
		display:inline;
		width:310px;
		margin-left:25px;
		}		
	#form1 legend{display:none;}	
	#form1 p{margin:.5em 0;}	
	#form1 label{display:block;}	
	#form1 input, #form1 textarea{		
		width:302px;
		border:1px solid #ddd;
		background:#fff url(./images/form/form_input.gif) repeat-x;
		padding:3px;
		}		
	#form1 textarea{
		height:125px;
		overflow:auto;
		}					
	#form1 p.submit{
		clear:both;
		background:url(./images/form/form_bottom.gif) no-repeat 0 100%;
		padding:0 25px 20px 25px;
		margin:0;
		text-align:right;
		}	
	#form1 button{
		width:150px;
		height:37px;
		line-height:37px;		
		border:none;
		background:url(./images/form/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}				
		
		
		input[type="text"]:focus {
   background-color: #fffff0;
   border: 1px solid #00bfff;
}

/* ========会社概要======== */

table.jisseki{
margin:0 auto;
border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;}

.jisseki th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#330000;
    background-color:#e0ffff;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.jisseki td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 1em;
	font-size:small;
}

table.jisseki th.yaho{
	color: #EE4811;
	background: #FFCEFF;
}

table.jisseki th.goo{
	color: #035FBA;
	background: #D0D0FF;
}

table.jisseki th.bing{
	color:#0066CC;
	background:#FFFFCC;
}

table.jisseki td.center{
	text-align: center;
	font-size:small;

}


/* ========下層ページ　サイドメニューとメイン======== */
#allbox{
text-align:left;
margin:0 auto;
width:988px;
border: 1px solid #f5fffa;
}

.text-in{
margin:0 0 0 15px;}

#mainbox{
margin:0 0 0 5px;
float:left;
width:600px;
padding:10px 5px 10px 5px; 
border: 2px solid #cccccc;
border-radius: 10px; /* CSS3草案 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */ 
}


#mainbox h1{
font-size:27px;
margin-top:20px;
font-weight:bold;
}
.notes{
font-weight:bold;
margin:15px 0;
}

#mainbox h2{
font-size:120%;
border-left: 8px solid #8b0000;
border-bottom:solid 1px #a52a2a;
line-height: 26px;
padding-left: 5px;
color:#333333;
margin:2em 0 1em 0;
}

#mainbox h3{
font-size:110%;
border-left: 6px solid #006699;
border-bottom:solid 1px #006699;
line-height: 24px;
padding-left: 5px;
color:#333333;
margin:1em 0 0.5em 2em;
}

#sidebox{
margin:0 20px 0 0px;
float:right;
width:268px;
border: 1px solid #f5fffa;
}

#mainbox .point{
font-size:15px;
padding:5px;
text-align:center;
background-color:#0099CC;
color:#FFFFFF;
font-weight:bold;
width:80%;
}

.side-in{
width:100%;
border-radius: 10px; /* CSS3草案 */
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
-moz-border-radius: 10px; /* Firefox用 */ 
   border: 3px solid #5EB6CD;
   padding:5px;
}

.side-in h3{
background-color:#87ceeb;
width:100%;
font-weight:bold;
text-indent:2em;
padding:5ox 0;
height:26px;
line-height:26px;
font-size:1.2em;
}

.pan-nabi{
background-color:#CCCCCC;
padding:5px;
width:100%;
}

.side-in ul li{
width:100%;
margin:1.5em 0 1.5em 1em;
list-style: url('./images/ico-list.gif') ;
line-height:16px;
list-style-position: inside;
padding-left:10px;
}

#EnqueteBox{
margin:15px auto;
}


.hed-navi li{
float:left;
margin:0 10px;
border: 1px solid #f5fffa;
padding:6px 15px;
color:#000000;
font-size:18px;
font-weight:bold;
}
.hed-navi li:hover{
background-color:#FFCCCC;
}

.hed-navi{
width:988px;
margin: 0px auto 10px auto ;
}
.hed-navi ul{
background-color:#0066CC;
width:988px;
}


/* ========新規TOPページ用======== */



.point-box{
width:306px;
   border: 2px solid #5EB6CD;
   border-top:none;
   float:left;
   margin:0 7px;
}

.point-txt{
margin:5px 5px;}

.top-left{
margin-left:24px;
float:left;
width:620px;
background:#999999;
}

.top-right{
float:right;
width:280px;
background:#99CCFF;
}

.topbana{
width:988px;
margin:25px 9px;
}

.topbana img{
margin:0 2px;
}
.topbana a:hover img{
box-shadow: 2px 2px;
}

.point-link{
float:right;
border: 1px solid #CC0000;
padding:5px 10px;
color:#CC0000;
margin-bottom:1em;
}

.point-link a{
color:#CC0000;
text-decoration:none;
}


/*nav　グローバルナビ*/

#logo{
position:absolute; top:20px; left:20px
}
#logo-tel{
position:absolute; top:20px; left:376px
}


.nav{
 margin: 0;
position:absolute; top:74px; left:376px}
.nav ul{
margin:0px 0px;
padding:0;
width:638px;
}

.nav li {
 float: right;
 list-style:none;
 margin:0 15px;
 }

.nav li a {
 display: block;
 width: 88px;
 height: 42px;
 text-indent: -9999px;
}

.nav li.nav-01 a { background:url(../images/navi-01.gif) 0 0 no-repeat;}
.nav li.nav-02 a { background:url(../images/navi-02.gif) 0 0 no-repeat;}
.nav li.nav-03 a { background:url(../images/navi-03.gif) 0 0 no-repeat;}
.nav li.nav-04 a { background:url(../images/navi-04.gif) 0 0 no-repeat;}
.nav li.nav-05 a { background:url(../images/navi-05.gif) 0 0 no-repeat;}

li.nav-01 a,
li.nav-02 a,
li.nav-03 a,
li.nav-04 a,
li.nav-05 a,
.nav li a:hover {
 background-position: 0 -45px;
}

.tb1 tr td{
 padding:6px;
 background:white;
 border:1px solid #d0d0d0;
 
}
.tb1 {
    width: 580px;
    background-color: #d7d7d7;
    border: 1px solid #d7d7d7;
    border-collapse: separate;
    empty-cells: hide;
    margin-bottom:4px;
  }
  .tb1 th {
    background-color: #f5f5f5; /*XXX: overwrite*/
    padding: 0 0.5em;
    overflow: hidden;
    white-space: nowrap;
    border:1px solid #d0d0d0;
  }
  sub {
    font-size: 9px;
  }
  .price-example {
    table-layout: fixed;
  }



/*---------/FAQ 質問ページ/--------*/

.faqBox dl{
width:540px;
	border: 1px solid #ccc;
	padding: 15px;
	margin: 10px 0px 20px 0px;
}

.faqBox dt {
	background-image: url(../images/faq_q.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 4px 0 14px 34px;
	margin-bottom: 14px;
	border-bottom: 1px solid #ea811f;
}

.faqBox dt a {
	font-size:14px;
font-weight: bold;
	text-decoration: none;
}

.faqBox dd {
	background-image: url(../images/faq_a.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 4px 0 4px 34px;
}