@charset "UTF-8";
/* CSS Document */

body{
background:#F4EFE5;
color:#333;
font-size:12px;
line-height:150%;
margin:0;
padding:0;
text-align:center;
}

/* font */
body{font-family:Verdana,Arial,"MS P Gothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;}
*:first-child+html body{font-family:Verdana,Arial,"MS P Gothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;}
* html body{font-family:Verdana,Arial,"MS P Gothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;}

/* hover */
body { behavior:url("csshover.htc"); } 


/* defalt */
h1, h2, h3, h4, h5, h6, p, input, form, ul, li, dl, dt, dd, hr, td, th, table,address,div{
margin:0;
padding:0;
font-weight:normal;
}

img{
border:none;
margin:0;
padding:0;
}

ul li img,
dl img{
vertical-align:bottom;
}

ul{
list-style:none;
}

table{
border:none;
}

td{
vertical-align:top;
text-align:left;
}

object,
embed{ vertical-align:bottom;}

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


/* clearfix */
.clear:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clear{display:inline-table; zoom:1;}
/* \*/
* html .clear{height:1%;}
.clear{display:block;}
/* */


/* HEADER */
#header{
width:937px;
margin:0 auto;
margin-bottom:10px;
height:59px;
padding-left:7px;
}

#logo{
width:282px;
height:26px;
margin-top:24px;
background:url(../img/logo.gif) top left no-repeat;
text-indent:-9999px;
overflow:hidden;
float:left;
}

#navi_new{
width:526px;
height:59px;
float:right;
}

.navi_new_top{ width:395px !important;}

#navi_new li{
float:left;
height:59px;
text-indent:-9999px;
overflow:hidden;
display:block;
}

#navi_new li a{
	height:59px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:url(../img/gnavi_090714.gif) top left no-repeat;
}

#navi_new li.home a{
width:131px;
background-position:0 0;
}

#navi_new li.feature a{
width:132px;
background-position:-131px 0;
}

.navi_new_top li.feature a{
background-position:-131px -118px !important;
}


#navi_new li.blog a{
width:131px;
background-position:-263px 0;
}

#navi_new li.project a{
width:132px;
background-position:-394px 0;
}


/*マウスオーバー*/
#navi_new li.home a:hover{
width:131px;
background-position:0 -59px !important;
}

#navi_new li.feature a:hover{
width:132px;
background-position:-131px -59px !important;
}

#header .navi_new_top li.feature a:hover{
background-position:-131px -177px !important;
}


#navi_new li.blog a:hover{
width:131px;
background-position:-263px -59px !important;
}

#navi_new li.project a:hover{
width:132px;
background-position:-394px -59px !important;
}


/*選択時*/
#header .stay_feature li.feature a{
background-position:-131px -59px !important;
}


#header .stay_blog li.blog a{
width:131px;
background-position:-263px -59px !important;
}

#header .stay_project li.project a{
width:132px;
background-position:-394px -59px !important;
}









/*↓使わない予定*/
#navi{
width:317px;
height:59px;
float:right;
}

#navi li{
float:left;
}

#navi li.feature{
display:block;
width:159px;
height:59px;
text-indent:-9999px;
overflow:hidden;
background:url(../img/navi_feature.gif) top left no-repeat;
}

#navi li.blog{
display:block;
width:158px;
height:59px;
text-indent:-9999px;
overflow:hidden;
background:url(../img/navi_blog.gif) top left no-repeat;
}


#navi li.blog a{
display:block;
width:158px;
height:59px;
text-indent:-9999px;
overflow:hidden;
background:url(../img/navi_blog.gif) top left no-repeat;
}


#navi li.feature a{
display:block;
width:159px;
height:59px;
text-indent:-9999px;
overflow:hidden;
background:url(../img/navi_feature.gif) top left no-repeat;
}


#navi li a:hover{
background-position:0 -59px;
}

#navi li:hover{
background-position:0 -59px;
}

#navi li.feature{
display:block;
width:159px;
height:59px;
text-indent:-9999px;
overflow:hidden;
background:url(../img/navi_feature.gif) top left no-repeat;
}

#navi li.blog{
display:block;
width:158px;
height:59px;
text-indent:-9999px;
overflow:hidden;
background:url(../img/navi_blog.gif) top left no-repeat;
}


#navi li.blog a{
display:block;
width:158px;
height:59px;
text-indent:-9999px;
overflow:hidden;
background:url(../img/navi_blog.gif) top left no-repeat;
}


#navi li.feature a{
display:block;
width:159px;
height:59px;
text-indent:-9999px;
overflow:hidden;
background:url(../img/navi_feature.gif) top left no-repeat;
}


#navi li a:hover{
background-position:0 -59px;
}

#navi li:hover{
background-position:0 -59px;
}



/*↑使わない予定*/



/*
#navi li.blog a{
display:block;
width:158px;
height:59px;
text-indent:-9999px;
overflow:hidden;
background:url(../img/navi_blog.gif) top left no-repeat;
}

#navi li a:hover{
background-position:0 -59px;
}

*/


/* CONTENTS */

div.wrap{
width:944px;
margin:0 auto;
background:url(../img/bg_head.jpg) top center no-repeat;
padding-top:2px;
}

div.wrap2{
width:944px;
margin:0 auto;
background:url(../img/bg.jpg) top center repeat-y;
}


div.contents{
width:942px;
margin-left:1px;
text-align:center;
}




/* FOOTER */

#footer{
background:url(../img/line_horizon.gif) top left repeat-x;
width:899px;
border-left:1px solid #CECAC2;
border-right:1px solid #CECAC2;
padding:23px 21px 17px 20px;
}

#footer .copyright{
display:block;
width:227px;
height:8px;
text-indent:-9999px;
overflow:hidden;
background:url(../img/copyright.gif) top left no-repeat;
float:left;
}

#fnavi{
width:327px;
float:right;
}

#fnavi li{
float:left;
}

#fnavi li.idee a{
display:block;
width:34px;
height:11px;
text-indent:-9999px;
overflow:hidden;
background:url(../img/fnavi_idee.gif) top left no-repeat;
}

#fnavi li.online a{
display:block;
width:95px;
height:11px;
text-indent:-9999px;
overflow:hidden;
background:url(../img/fnavi_online.gif) top left no-repeat;
}

#fnavi li.contract a{
display:block;
width:82px;
height:11px;
text-indent:-9999px;
overflow:hidden;
background:url(../img/fnavi_contract.gif) top left no-repeat;
}

#fnavi li.mail a{
display:block;
width:63px;
height:11px;
text-indent:-9999px;
overflow:hidden;
background:url(../img/fnavi_mail.gif) top left no-repeat;
}

#fnavi li.pagetop a{
display:block;
width:53px;
height:11px;
text-indent:-9999px;
overflow:hidden;
background:url(../img/fnavi_pagetop.gif) top left no-repeat;
}

#fnavi li a:hover{
background-position:0 -11px;
}