@charset "UTF-8";


/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:2em;
   letter-spacing:1px;
   font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
   font-size:0.8em;
   color:#404040;
   background:#ffffff  url("../img/bg.jpg") 0 0 repeat-x;
}

body#index  {
   margin:0;
   padding:0;
   line-height:2em;
   letter-spacing:1px;
   font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
   font-size:0.8em;
   color:#404040;
   background:#ffffff  url("../img/bg_top.jpg") 0 0 repeat-x;
}
}

br {
   letter-spacing:normal;
}

a {
 color:#0077A9;

text-decoration:underline;
}

a:hover {
   color:#C94C00;
      text-decoration:none;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

.center{
text-align:center;

}
.left{
float:left;
margin-right:5px;

}

.right{
float:right;
margin-left:5px;
}

strong{
 color:#ff7b00;
 font-size:1.25em;

}

/* ========TEMPLATE LAYOUT======== */

#contents {
   clear:both;
   width:950px;
   margin:25px auto;
   padding:0px;
}

#main {
   float:left;
   width:660px;
margin-left:5px;
margin-top:30px;
}




/* ========HEADER CUSTOMIZE======== */
#headWrap {
}

#header {

   position:relative;
   width:950px;
   margin:0 auto;
  height:105px;
}

.header_logo {
   position:absolute;
  top:20px;
 left:20px;
}

.contact {
   position:absolute;
  top:30px;
   right:18px;
}


#gnavi {
   position:absolute;
   top:50px;
   left:580px;
}


#header h1 {
   position:absolute;
     top:50px;
 left:230px;
   color:#4D4D4D;
   font-size:12px;
   font-weight:normal;
}


/* ========news======== */
#news{
display:inline-block;
margin-top:10px;
margin-left:10px;
margin-bottom:0px;
background:url(../img/bg_news.jpg) repeat-y;
}

#news dl {
border-bottom: 1px dotted #999;
display:inline-block;
padding-bottom:2px;
margin-top:-5px;
margin-left:20px;
width: 650px;
}

#news dt {
float: left;
padding: 0px 5px 5px 17px;
background:url(../img/arrow_blue.gif) no-repeat;
width: 130px;
margin:0px;
}

#news dd {
display:inline-block;
width: 460px;
margin-left:20px;
}

.new{
padding-top: 2px;
padding-right: 40px;
background:url(../img/new.jpg) no-repeat right;
}






/* ========MENU CUSTOMIZE======== */

#menu {
   width:930px;
    height:30px;
   margin:0 auto;
}


#menu ul {
   margin:0 auto;
   padding:0;
}

#menu li {
margin-top:0px;
   float:left;
   list-style-type:none;
}

#menu li a {
display:block;
width:186px;

}





/* ========MAIN CONTENTS CUSTOMIZE======== */

#main h1 {

}


#main h2 {
margin-top:0px;
padding:10px 0 20px 10px;
font-size:18px;
color: #044A6C;
font-weight:bold;
background:url("../img/bg_h2.jpg") no-repeat;
clear:both;
}

#main h3 {
font-size:16px;
margin-top:30px;
padding-top:4px;
padding-left:32px;
height:40px;
background:url("../img/bg_h3.gif") no-repeat;
color: #2580C2;   
clear:both;
}

#main h4 {
font-size:14px;
margin-top:10px;
 padding-top:0px;
padding-left:15px;
height:35px;
   background:url("../img/bg_h4.jpg") no-repeat;
color: #2580C2;   
clear:both;
}


#main ul {
list-style:none;
}

#main li {
	float: left;
	padding: 0px 5px 5px 20px;
	background:url(../img/arrow_blue.gif) no-repeat;
	margin-left:5px;
	margin-top:0px;
}

.box_170{
   width:160px;
   	float: left;
}

.box_320{
   width:320px;
   	float: left;
}

.pic{
   	float: left;
 margin-left:50px;
}

#main p {
margin:5px 10px 10px 10px;

}



/* ========SUBCONTENTS CUSTOMIZE======== */

#sub {
   float:right;
   width:240px;
margin-top:10px;
line-height:1.6em;
}

#sub a {
text-decoration:none;
}


#sub ul {
padding:0;
margin-left:0;
}

#sub li {

list-style:none;
background:url(../img/arrow_blue.gif) no-repeat;
padding-top:2px;
padding-left:17px;
padding-bottom:12px;
border-bottom:1px dotted #999999;
margin-left:5px;
margin-top:10px;
display:block;

}

.box_sub{
border:1px solid #B3B3B3;
margin:0;
width:223px;
margin-bottom:10px;
margin-top:10px;
}


#section {
   margin-bottom:10px;
}


#section ul {
   margin:5px 0 0 5px;
   padding:0;

}

#section li {
height:50px;
   padding:10px 0 0px 20px;
   line-height:1.4;
   list-style:none;
background:url("../img/bg_section.gif") no-repeat;

}



/* ========PAGEOP CUSTOMIZE========= */

#pageTop {
   text-align:right;
   margin-right:50px;
   clear:both;
}



/* ========FOOTMENU CUSTOMIZE======== */
#footer_wrap {
background:#f1f2f6 url("../img/bg_footer.gif") repeat-x;
font-size:12px;
line-height:1.7em;
padding-top:5px;
width:100%;
margin:0 auto;
height:270px;
}

#footer {
width:960px;
margin:0 auto;
}

.foot_logo{
float:left;
margin-top:60px;
margin-right:30px;
}

.box_200{
dislplay:block;
width:200px;
color:#283551;
margin:50px auto;
margin-bottom:10px;
float:left;
border-left:1px dotted #999999;
height:190px;
}

.box_270{
dislplay:block;
width:280px;
color:#283551;
margin:50px auto;
margin-bottom:10px;
float:left;
border-left:1px dotted #999999;
height:190px;
}


#footer ul li{
list-style:none;
margin-left:-30px;
}

#footer a{
      text-decoration:none;
}


/* ========TABLE======== */
table{

border-collapse:collapse;
width:98%;
margin:20px auto;

}

td{
padding:5px;
background:#ffffff;
border:1px solid #cecece;
}

th{
padding:5px;
background:#e0f3f8;
   border:1px solid #cecece;
   width:170px;
}

.gray{
background:#eaeaea;
font-weight:bold;
text-align:center;
}

/* ---------------------------------------
   portfolio
--------------------------------------- */
#portfolio{
	width: 680px;
	padding: 0;
text-align:center;
clear:both;
}


.pic{
float: left;
border:1px solid #ebebeb;
padding:2px;
margin:5px 5px 15px 5px;

}