@charset "utf-8";
body,p,div,h1,h2,h3,h4,dt,dd,dl,ul,ol,li,form {margin:0;padding:0;text-align:left;font-family:"ＭＳ ゴシック",sans-serif; color:#60461c; font-weight:bold;}
html[xmlns*=""] body:last-child p { /*Safari用のハック*/
	font-weight : normal;
}
li {list-style-type:none;}
img {border:none;}
a:hover {text-decoration:none;}
th {text-align:left;font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
table.col td{ vertical-align:top;}
input.ime-on,textarea.ime-on{ime-mode:active;}
input.ime-off,textarea.ime-off{ime-mode:inactive;}
.hide{display:none;}
.clear {clear:both;}
/* text
------------------------------------*/
.h {font-size:12px;line-height:120%;color:#000000; margin-bottom:15px;}
.white{color:#FFFFFF;}
.gray {color:#555555;}
.yellow {color:#FFFF99;}
.red {color:#ff0000;}
.blue{color:#0000ff;}
.lightgray{color:#CCCCCC;}

p {font-size:12px;}
h1 {font-size:16px; font-weight:bold;}
h2 {font-size:10px; color:#999999;}
h3 {font-size:10px;color:#ef6b00;}
h4 {font-size:10px; font-weight:normal; font-family:"Century Gothic"; color:#999999;}
span{font-size:12px; color:#0099FF;}

/* float
------------------------------------*/
.lf {float:left;}
.rf {float:right;}

/* inline-position
------------------------------------*/
.l {text-align:left;}
.r {text-align:right;}
.c {text-align:center;}

/* link
------------------------------------------------*/
a {color:#ef6b00;}
a:hover {}
a:visited {}

/* spacing(bottom)
------------------------------------*/
.ex1 {margin-bottom:20px;}
.ex2 {margin-bottom:40px;}
.ex3 {margin-bottom:60px;}
.ex4 {margin-bottom:4px;}
.ex8 {margin-bottom:8px}

/* icon
--------------------------*/
.file_pdf {background-image:url(../2009/img/cmn/icon_pdf.gif);background-position:left top;background-repeat:no-repeat;padding-left:18px;}

/* list
--------------------------------------------*/
ul.n li {
margin:0 0 4px 0;
padding:0;
background-image:none;}

#menu {margin:0 auto 0 auto;
position:relative; top:0px;
font-size:12px;}

#menu img {margin:0;}

#menu ul{
margin-left:60px;
margin-top:-73px;}

#menu li {
	display:inline;  
	line-height:110%;  
	list-style-type:none;
	float:left;
	}

/* Safari Hack */
html*#menu{padding-top:2px;}
/* IE6 Hack */
* html #menu{padding-top:1px;}
/* IE7 Hack */
*+html #menu{padding-top:1px;}

#menu li.top {background:url(../img/base/a02.jpg) no-repeat; margin-top:80px;}
#menu li.outline {background:url(../img/base/b02.jpg) no-repeat; margin-top:80px;}
#menu li.career {background:url(../img/base/c02.jpg) no-repeat; margin-top:80px;}
#menu li.works {background:url(../img/base/d02.jpg) no-repeat; margin-top:80px;}
#menu li.yearn {background:url(../img/base/e02.jpg) no-repeat; margin-top:80px;}
#menu li.oneside {background:url(../img/base/f02.jpg) no-repeat; margin-top:80px;}
#menu li.inquiry {background:url(../img/base/g02.jpg) no-repeat; margin-top:80px;}

#menu li a{
	display:block;
	width:100px;
	height:28px;
}

#menu li a:hover {
	background-color:transparent;
}
#menu li a:hover img{
	visibility:hidden;
}

.pagetop {margin:50px auto 0 700px;
font-size:12px;}

dt {
	}
dd {
}

form .list span {
background:none;}

#co_menu {margin:10px 0 20px 0;}

#co_menu ul{text-align:center;}

#co_menu li {
	display:inline;  
	line-height:110%;  
	list-style-type:none;
	margin:0 20px 0 20px;
	}


/*jquery_lightbox settings
---------------------------------------------------------------------*/
	#gallery,#gallery2,#gallery3,#gallery4 {
		margin:10px 60px 10px 30px;
		height:auto; }
		
	#gallery ul,#gallery2 ul,#gallery3 ul,#gallery4 ul {
		list-style: none; }
		
	#gallery ul li,#gallery2 ul li,#gallery3 ul li,#gallery4 ul li {
		display: inline; }
		
	#gallery ul img,#gallery2 ul img,#gallery3 ul img,#gallery4 ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px; }
		
	#gallery ul a:hover img,#gallery2 ul a:hover img,#gallery3 ul a:hover img,#gallery4 ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff; }
		
	#gallery ul a:hover,#gallery2 ul a:hover,#gallery3 ul a:hover,#gallery4 ul a:hover {
		color: #000; }
	#gallery5{}
	#gallery6{}
	#gallery7{}
	

/*form
-----------------------------------*/
input,text {
}
/*-------------------------------------------------------------------*/
body {text-align:center;
background:#bbaca9 url(../img/base/bg_upper.gif) repeat-x left top;}

#back {background:url(../img/base/bg_down.gif) repeat;
width:auto; height:auto;
background-position:1000px 1200px;}


/* wrapper
-----------*/

#wrap { background-color:#FFFFFF;
width:1000px;
margin:10px auto 0 auto;
}

/* contents
-------------------*/
#content {padding-bottom:20px;}

.content {margin:30px 0 0 100px;}

/* header
------------------*/
#header {width:100%; height:134px;
background:url(../img/base/top_02.jpg) no-repeat;}

#logo_t {margin:0 0 -35px 410px; padding:21px 0 0 0;}
html[xmlns*=""] body:last-child #s_logo { /*Safari用のハック*/
	margin:0 0 0 36px;
	}

#logo_t p {color:#0864a4; font-size:12px;}

#logo {position:relative; top:5px; left:28px;}

#logo img {width:73px; height:73px;}


/* footer
------------------*/
#footer { width:1000px; height:40px;
margin:0 auto 30px auto;
background-image:url(../img/base/top_06.jpg);
clear:both;
}
#copyright p{
padding-top:15px;
padding-right:20px;
color:#FFFFFF;
font-size:12px;
text-align:center;
}

/* navigation
------------------------------------------------*/
#nav{}

/* main
-----------------*/
#main { background:#FFFFFF url(../img/base/bg.gif) repeat-y;
width:1000px;
min-height:520px;
height:auto;
margin:-4px auto 0 auto;
padding-top:1px;
}

* html #main { /* for IE6 */  
height:520px;}

#notice {margin:-25px 0 0 20px;}

/* table
----------------------------------------------*/
#inner table {margin-bottom:15px; font-size:0.7em; border-collapse:collapse;}
#inner table th,
#inner table td {padding:8px;}

#inner table.tableTOP td {padding:3px;}

.nowrap {white-space:nowrap;}

.table01 {}
.table01 th {text-align:center; background:#000000; color:#FFFFFF;}
.table01 td.item {white-space:nowrap;}
.table01 .line01 {background:#F5F5F5;}

.table02 {border:1px solid #666666;}
.table02 th,
.table02 td {border:1px solid #000000;}
.table02 th {white-space:nowrap; text-align:center; background:#000000; color:#FFFFFF;}
.table02 strong {color:#0066CC; line-height:1.0em; font-size:13px;}

.table03 {border:1px solid #999999;}
.table03 th {text-align:center; background:#000000; color:#FFFFFF;}
.table03 td.item {white-space:nowrap;}
.table03 .line01 {background:#F5F5F5;}

.table04 td {border-bottom:1px solid #F0F0F0;  color:#633333;}

.table05 {border:1px solid #053ACF; background:#F4F7FF;}
.table05 table select {width:150px}
#inner table.table05 td {padding:0px;}
#inner table.table05 td table {font-size:1.2em;}
#inner table.table05 td table td {padding:5px;}


.table_s01 {border:1px solid #999999;}
.table_s01 th {background:#F0F0F0;}
.table_s01 strong {color:#000000; line-height:1.0em;}

/* form
-------------------------------------------------*/
.input {width:250px;}
textarea {width:250px;}

/* button
-----------------------------------------*/
.Button {text-align:center;}

/* heading
-----------------------------------------*/
#cont h1 {margin:0 0 10px 0; background:url(../2009/img/h1_bg.jpg) no-repeat;}

#cont h1 img { margin:41px auto  38px 29px;}

/* boxed
-------------------------------------------------*/
.boxed {
padding:10px;
background-color:#F0F0DB;
border:1px solid #F0F0DB;
}
.boxed2 {
padding:10px;
background-color:#41acd8;
border:1px solid #ffffff;
}


/*-----------------------------------------------------*/
/* page
/*-----------------------------------------------------*/

/* top
-------------------------------------------------*/
.ban_t { padding-top:20px;
text-align:center;}
.ban { padding-top:5px;
text-align:center;}
.ban_b { padding-top:5px; padding-bottom:20px;
text-align:center;}


/* message
-------------------------------------------------*/
#ceo {float:right; border:1px solid #333333; margin-left:10px;}



/* works
-----------------------------------*/
#cat{margin:0 auto 0 auto; padding-top:70px;}
#cat ul{margin:0 auto 0 80px;}
#cat li {width:90px; height:21px; background:url(../img/works/cat_bg.gif) no-repeat; margin:20px 0 0 5px; display:inline; float:left; text-align:center;}
#cat li span {text-decoration:none;}
#cat li span a{font-size:10px; color:#FFFFFF;}
#cat li span a:hover{color:#ef6b00;}

.wbox ul{width:800px; margin:30px 0 0 20px;}
.wbox li{margin:10px 5px 0 5px; float:left; display:inline; text-align:center; width:100px;}
.wbox li p{margin-left:0; text-align:center;}
.wbox li img {margin-bottom:5px;}

#w_ban{
	background:url(../img/works/bannar.jpg) no-repeat;
	width:794px;
	height:121px;
}
#w_01{border:double; margin:0 100px 0 0; background:url(../img/works/main_bg.gif) no-repeat;}
#w_02{margin:20px; padding-bottom:20px;}
#w_03{margin:30px 0 0 50px; height:320px; width:320px;}
#w_04{margin:0 auto 0 auto; text-align:center;}
#w_05{padding:10px; border:double;}
#w_06{margin:0 auto 0 auto; padding-bottom:20px; width:200px;}
#w_07{margin:50px 50px 50px 0;}
/* houses
-------------------------------------------------*/
#textbox {
	width:260px;
	height:280px;
	margin-top:-310px;
	padding-right:50px;
	float:right;
}
#textbox p {
	text-align:justify;
	text-justify:inter-ideograph;
}
#title{
	margin-bottom:30px;
	padding:5px 0 5px 0;
	background:url(../img/works/title.gif) no-repeat;
}
#title h1 {
	font-size:14px;
	color:#FFF;
	margin-left:20px;
}
#title span {
	font-size:12px;
	color:#FFF;
	margin-top:-15px;
	margin-right:20px;
	float:right;
}
#thumbox {
	text-align:center;
	margin:0 auto 10px auto;
}
#image {
	
}

/* hobby
-------------------------------------------------*/
#band {padding-top:20px;}

#band #text {text-align:justify; text-justify:auto;
padding:100px 20px 0;
width:320px; float:right;}

#band #text span a {color:#60461c; text-decoration:none;}

#band #text2 {text-align:justify; text-justify:auto;
padding:40px 20px 0;
width:320px; float:right;}

#band #text3 {text-align:justify; text-justify:auto;
padding:40px 20px 0;
width:270px; float:right;}

#text4 {text-align:justify; text-justify:auto;
padding:40px 100px 0 0;
width:400px; float:right;}

#band .lf {float:left; margin:15px auto 15px auto; width:600px; height:auto;
padding-left:10px;}

#band .g {margin:20px; width:160px; height:auto;}
#band #gbox {height:auto; margin:0 auto 0 30px; text-align:center;}


/* yearning
-------------------------------------------------*/
#y_top {background:url(../img/yearning/yearn_top.gif) no-repeat; height:86px;}
.tm {margin-bottom:10px; height:auto;}

.pbox {margin:10px 30px 10px 30px; height:auto;}
.pbox img {border:none; margin:10px 0 0 10px;}

.thum {height:80px; width:80px;}
.thum2 {height:50px; width:50px;}

.t_bar{background:url(../img/yearning/art_bar.gif) no-repeat; margin-bottom:10px; height:5px;}

/* serviceStatus
-----------------------*/
table#serviceStatus {
border:1px solid #ffffff;}
table#serviceStatus th,table#serviceStatus td{
border:1px solid #ffffff;
padding:4px 2px;
text-align:center;
border:1px solid #ffffff;
}
table#serviceStatus th.t {
text-align:center;
background-color:#3bbddd;
}
table#serviceStatus td {
padding:4px 8px;
text-align:left;
}

table#company {
border:1px solid #ffffff;
}
table#company th,table#company td {
padding:4px;
border:1px solid #ffffff;
}
table#company th {
background-color:#2999c9;}

 /* ----------- stylized ----------- */
#stylized{
border:solid 2px #FF7713;
background:#FFFFFF;
}
#stylized .small{
color:#666666;
display:block;
font-size:10px;
font-weight:normal;
width:140px;
}
/* contact
------------------------------------------*/
table#mailer th {
background-color:#efefef;
vertical-align:top;
text-align:left;}
table#mailer th,table#mailer td {
border:1px solid #999999;
padding:4px;}

#mailer input.w1 {width:160px;}
#mailer input.w2 {width:240px;}
#mailer input.w3, textarea{width:300px;}




/* FLASHPLAYER BNR
---------------------------------*/
#plugin-download {
clear:both;
margin:30px 30px 0 30px;
padding:10px;
background-color:#efefef;
font-size:0.7em;
text-align:left;
line-height:120%;}
#plugin-download p {
float:left;
line-height:135%;
width:520px;}
#plugin-download img {
float:right;
margin-left:10px;}
#plugin-download a {
color:#666699;}

/* HACK for FLOAT(CLEAR)
-----------------------------------*/
#plugin-download:after,
#content:after {
content: " ";
display: block;
clear: both;
height: 0px;
overflow: hidden;
}
#plugin-download,
#content {display:inline-table;}

/*\*/
* html #plugin-download,
* html #content {height: 1%;}
#plugin-download,
#content {display: block;}
/**/