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


/* 基本設定 ******************************/

body {
background:#FFFFFF;
margin:0;
padding:0;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

hr {
display:none;
}

h1,h2,h3,p,ul,li,dl,dt,dd,div,span {
padding:0;
margin:0;
}

h2{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
border-left:#FAA21B 2px solid;
padding-left:5px;
margin-bottom:20px;
}

h3{
width:100%;
border-bottom:#000000 1px solid;
padding:0;
margin-bottom:20px;
}


ul {
list-style:none;
}



/* 共通レイアウト */

#container {
border-top: #FAA21B 5px solid;
padding:40px 0 20px 0;
margin:0;
}

#main {
padding-left:20px;
margin-top:40px;
}

.w800{
width:800px;
}

.w920{
width:920px;
}

.w1140{
width:1140px;
}

#column_left {
float:left;
width:440px;
}

#column_right {
float:left;
padding-left:40px;
}

#head {
padding:0 0 0 20px;
}

#foot {
clear:both;
border-top: #000000 1px solid;
padding:10px 0 0 20px;
}

.cnt_box {
padding-bottom:40px;
}

.clear{
clear:both;
}

/* font設定 */

body {
color:#555555;
font-size:12px;
line-height:1.5em;
}

a {
color:#000000;
text-decoration:none;
padding:1px;
}

a:hover {
color:#FFFFFF;
background-color:#FAA21B;
}

h3{
color:#000000;
font-size:12px;
font-weight:bold;
}

.title{
font-weight:bold;
}

.end {
margin-bottom:20px;
}

/* 画像リンク */

.thumb a {
display:block;
border:#CCCCCC 5px solid;
width:130px;
height:90px;
margin:0;
padding:0;
}

.thumb a:hover {
border:#FAA21B 5px solid;
}


/* ヘッダー ******************************/

#head h1 a{
display:block;
width:320px;
height:23px;
text-indent:-9999px;
background:url(/img/logo.gif) left top no-repeat;
margin-bottom:33px;
}

#menu {
border-bottom:#CCCCCC 1px solid;
height:5px;
}


#head ul{
margin:0;
padding:0 0 1px 0;
width:800px;
}

#head ul li {
display:block;
float:left;
width:80px;
height:16px;
overflow: hidden;
margin:0;
padding:0;
}

#head ul li a{
display:block;
float:left;
width:76px;
height:15px;
overflow: hidden;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
border-left:#CCCCCC 1px solid;
padding:0 0 1px 4px;
}

#head ul li a:hover{
color:#FFFFFF;
background-color:#FAA21B;
}

#head ul a.menu_on {
width:75px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
border-left:#FAA21B 2px solid;
padding:0 0 1px 3px;
}

/* フッター ******************************/

#foot p{
width:800px;
}


/* Home ******************************/

#home{
width:860px;
}


/* レイアウト */

#recentworks img {
/*border:#CCCCCC 5px solid;*/
}

#recentworks dl {
clear:both;
margin:0;

}

#recentworks dt {
display:block;
float:left;
width:140px;
height:100px;
margin:0 20px 20px 0;
}

#recentworks dd {
float:right;
display:block;
width:280px;
}

#topics dl {
clear:both;
margin:0 0 10px 0;
}

#topics dt {
float:left;
width:45px;
height:15px;
margin:0;
padding:0 0 0 15px;
background:url(/img/ico_circle.gif) left 4px no-repeat;
}

#topics dd {
margin:0 0 0 80px;
}

#ourservice li {
margin:0 0 10px 0;
}


/* Service ******************************/

#service {
width:720px;
}



/* レイアウト */
#service01 img {
width:74px;
height:74px;
}


#service01 .thumb a {
display:block;
border:#CCCCCC 3px solid;
width:74px;
height:74px;
margin:0;
padding:0;
}

#service01 .thumb a:hover {
border:#999999 3px solid;
}

#service01 dl {
clear:both;
margin:0;
}

#service01 dt {
display:block;
float:left;
width:80px;
height:80px;
margin:0 10px 10px 0;
}

#service01 dd {
float:right;
display:block;
width:340px;
}

#service02 {
padding-top:37px;
}

#service02,#service03,#service04 {
width:240px;
}

#service02 li,#service03 li,#service04 li {
line-height:1.3em;
}

#service02 h3,#service03 h3,#service04 h3 {
margin-bottom:5px;
}



/* Works ******************************/

#works {
width:920px;
}

#works02 {
width:440px;
padding-top:37px;
}

#works03 {
width:440px;
}


#works h2 {
float:left;
width:193px;
}


/* メニュー */

#works ul li{
float:left;
display:block;
width:80px;
padding:3px 0 0 0;
}

#works ul li.selected {
width:75px;
padding:0 0 0 2px;
line-height:1.2em;
margin:3px 0 0 0;
font-weight:bold;
border-left:#FAA21B 2px solid;
}

#works ul li a {
float:left;
display:block;
width:76px;
background-color:#ffffff;
margin:0;
padding:0 0 0 2px;;
line-height:1.2em;
border-left:#CCCCCC 2px solid;
}

#works ul li a:hover {
background-color:#FAA21B;
}

/* レイアウト */
#works img {
width:130px;
height:90px;
}


#works dl {
clear:both;
margin:0;
}

#works dt {
display:block;
float:left;
width:140px;
height:100px;
margin:0 10px 20px 0;
}

#works dd {
float:right;
display:block;
width:280px;
}

.roll {
margin:5px 0 20px 0;
font-size:10px;
line-height:1.2em;
}

/* Profile ******************************/

#profile{
wodth:1140px;
}


/* レイアウト */

#profile dl {
clear:both;
margin:0;
}

#profile dt {
float:left;
width:100px;
padding:0;
margine:0;
}

#profile dd {
float:left;
padding:0;
margine:0;

}


/*　地図　*/
#map {
width:640px;
height:400px;
border:#666666 solid 1px;
}
#mapBox {
background:url(/img/map.jpg) 1px 1px no-repeat;
}

/* SITEMAP ******************************/

#sitemap li {
display:block;
width:600px;
margin-bottom:10px;
padding:0;
}

#sitemap dt {
float:left;
display:block;
width:48px;
margin:0;
padding-left:2px;
}


#sitemap dd{
float:right;
display:block;
width:540px;
margin:0;
}

#sitemap dd li{
width:340px;
}

#sitemap li a {
display:block;
width:598px;
background-color:#EEEEEE;
padding-left:5px;
}

#sitemap li a:hover {
background-color:#000000;
}

#sitemap dd li a {
width:540px;
}

#privacy dt {
	border-left: 2px solid #555555;
	font-weight: bold;
	padding-left: 5px;
	margin-top: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 5px;
}
#privacy ul {
	padding: 5px 0px 5px 10px;
}
#privacy {
	width: 800px;
}


#privacy dd {
	padding-right: 0px;
	padding-left: 10px;
}

.secondend {
margin:0;
}
v\:* {
  behavior:url(#default#VML);
}

/* PRESS ******************************/
#press hr {
   display: block;
   border-width: 1px 0px 0px 0px;
   border-style: solid;
   border-color: #cccccc;
   height: 1px;
}