@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-size:18px;
border-left:#F22C7C 2px solid;
padding-left:5px;
margin-bottom:20px;
font-weight:normal;
color:#000000;
}

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


ul {
list-style:none;
}



/* 共通レイアウト */

#container {
padding:40px 0 20px 0;
margin:0;
}

#main {
padding-left:20px;
margin-top:30px;
width:800px;
}

.w800{
width:800px;
}

.w920{
width:920px;
}

.w1140{
width:1140px;
}

#column_left {
float:left;
}

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

#head {
padding:0 0 0 20px;
width:800px;

}

#foot {
clear:both;
border-top:#cccccc 1px solid;
padding:10px 0 0 0;
width:800px;
margin-left: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:#F22C7C;
}

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:#F22C7C 5px solid;
}


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

#head h1 a{
	display:block;
	width:320px;
	height:41px;
	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:90px;
height:16px;
overflow: hidden;
margin:0;
padding:0;
}

#head ul li a{
display:block;
float:left;
width:85px;
height:15px;
overflow: hidden;
color:#333333;
font-size:14px;
border-left:#CCCCCC 2px solid;
padding:0 0 1px 4px;
}

#head ul li a:hover{
color:#FFFFFF;
background-color:#F22C7C;
border-left:#F22C7C 2px solid;

}

#head ul a.menu_on {
width:75px;
color:#000000;
font-size:14px;
font-weight:bold;
border-left:#F22C7C 2px solid;
padding:0 0 1px 3px;
}

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

#foot p{
width:800px;
}


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

#home{
width:860px;
}


/* レイアウト */

#home #main{
margin-top:10px;
}

#home #column_right{
padding-left:80px;
}

#recentworks {
width:380px;
}

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

#recentworks dl {
clear:both;
margin:0;
width:380px;

}

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

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

#topics dl {
clear:both;
margin:0 0 30px 0;
width:340px;
}

#topics br {
line-height:70%;
}

#topics dt {
width:45px;
height:15px;
margin:0;
padding:0 0 0 5px;
color:#F22C7C;
}

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

#topics dd.title {
padding:5px 0;
}

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


#service_list{
    margin-bottom:30px;
}

#service_list li{
list-style:none;
padding:0 12px 0 0;
width:191px;
float:left;
height:127px;
}

#service_list li img{
margin-bottom:12px;
}

#home_lotation{
    padding:0 0 12px 0;
}

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

#service {
}

/* レイアウト */

#service01 {
width:420px;
}

#service01 h3 {
margin-bottom:5px;
}


#service02{
width:340px;
}


#service02 img {
width:74px;
height:74px;
}


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

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

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

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

#service02 dd {
float:right;
display:block;
width:240px;
}


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

#works {
}

#works01 {
width:380px;
}

#works02 {
width:380px;
/*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:#F22C7C 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:#F22C7C;
}

/* レイアウト */
#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:225px;
}

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

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

#profile{
}


/* レイアウト */

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

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

#profile dd {
float:left;
padding:0 0 5px 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 dl {
padding:10px 0 50px 0;
}

#press dt {
padding:0 0 0 5px;

}

#press dd{
padding:10px 5px;
}


#press dd.title{
padding:5px;
color:#F22C7C;
font-size:14px;
border-bottom:#CCCCCC 1px solid;
}




/* RECUILT ******************************/
#recuilt table {
	border:#CCC 1px solid;
	border-collapse: collapse;
	border-spacing:0;
}

#recuilt th {
	background:#f2f2f2;
	border:#CCC 1px solid;
	text-align:left;
	vertical-align:top;
	width:80px;
	padding:5px;
}

#recuilt td {
	border:#CCC 1px solid;
	padding:5px;
}