@charset "utf-8";

body {
	color: #2A1A1A;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	text-align: center;
	font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro,Osaka,'ＭＳ Ｐゴシック','MS UI Gothic',Arial,Helvetica;
	background:repeat-x top url(../img/bg_head.gif);}

br.clear { 
	margin:0;
	padding:0;
	font-size:0;
	line-height:0em;
	clear:both;}

a img {	border: none;}

a {	color: #0077BB;
	text-decoration: underline;}

a:hover {
	color: #FF9000;	text-decoration: underline;}
	.copyurl		{	color:#2A1A1A;	text-decoration:none;}
	.copyurl:hover	{	color:#2A1A1A;	text-decoration:underline;}

h1 h2 h3 ol ul li { margin-top:0px;margin-bottom:0px; position:absolute;}

th	{ font-weight:normal;	text-align:left;}

img {margin:0px;border:0px;padding:0px;vertical-align:top; font-size: 0px;}
.sp4 {margin:0px 0px 4px 4px;}
.sp10 {margin:10px 10px 10px 10px;}
.sp5 {margin:0px 5px 0px 0px;}
	
/* position */
.po_l	{	text-align:left; }
.po_r	{	text-align:right; }
.po_c	{	text-align:center; }
.po_t	{	vertical-align:top; }
.po_b	{	vertical-align:bottom; } 

/* font */
.bd 	{ font-size:80%;  line-height:160%;  color:#2A1A1A;}
.bb 	{ font-size:92%;  line-height:160%;  color:#2A1A1A;}
.bbb 	{ font-size:110%;  line-height:160%;  color:#2A1A1A;}
.bs 	{ font-size:74%;  line-height:160%;  color:#2A1A1A;}
.bd16 	{ font-size:14px;  line-height:160%;  color:#2A1A1A;}
.bd10 	{ font-size:10px;  line-height:160%;  color:#2A1A1A;}
.red 	{ color:#ED1C24;}
.white 	{ color:#FFFFFF;  line-height:160%;}
.blue 	{ background-color:#; font-size:16px; color:#4573B3; padding:5px 10px 5px 10px; vertical-align:bottom;}
.green 	{ background-color:#; font-size:16px; color:#6AAC00; padding:5px 10px 5px 10px; vertical-align:bottom;}
.sky 	{ color:#4573B3; }

/* print lock */
#img_none	{ }


/*----------------------------area------------------------------*/
/* layout */
#site {
	position:relative;
	width:753px;
	margin:0;
	padding:0;
	margin-right: auto;
	margin-left: auto;	}

/* seo */
#top{
	position:relative;
	width:752px;
	height:30px;
	margin:0;
	padding:0;
	margin-right: auto;
	margin-left: auto;
	text-align:left;}

#top h1{
	font-size:11px;
	padding:8px 0px 8px 0px;
	font-weight:normal;
	float:left;}

#top #sitemap{
	float:right;}


/* all */
#head{
	position:relative;
	width:752px;
	height:40px;
	margin:0;
	padding:0;
	margin-right: auto;
	margin-left: auto;
	text-align:left;}

#head #logo{
	float:left;}

#head #tel{
	float:right;}

/* global navi */
#global   {
	margin:0;
	padding:0;
	list-style-type:none;}

#global li{
	margin:0;
	padding:0;
	float:left;
	display:inline;}

/*contents*/
#pan{
	width:752;
	height:18px;
	color:#393939;
	font-size:10px;
	padding:8px 10px 4px 0px;
	text-align:right;
	background-image:url(../img/navi_under.gif);
	background-repeat:no-repeat;
	background-position:top;}

#contents_top{
	width:752px;
	padding:0px 0px 10px 0px;
	text-align:center;}

#contents{
	width:752px;
	padding:0px 0px 10px 0px;
	text-align:center;
	background-image:url(../img/bg.gif);}

#contents2{
	width:752px;
	padding:0px 0px 0px 0px;
	text-align:center;
	background-image:url(../corporate/img/bg.gif);
	background-repeat:repeat-y;}

h2{
	margin:0;
	padding:0px;
	float:left;}

h3{
	font-weight:normal;
	float:left;margin:0;
	padding:0px 0px 0px 15px;}

#face{
	border-top:1px dotted #AAAAAA;
	border-left:1px dotted #AAAAAA;
	margin-right: auto;
	margin-left: auto;}
	
#face th{
	border-bottom:1px dotted #AAAAAA;
	border-right:1px dotted #AAAAAA;
	padding:4px;
	background-color:#EEEEEE;
	text-align:left}
	
#face td{
	border-bottom:1px dotted #AAAAAA;
	border-right:1px dotted #AAAAAA;
	padding:4px;
	text-align:left}
	

#area{
	position:relative;
	width:720px;
	margin:0px;
	padding:12px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;}

#area_case{
	position:relative;
	width:750px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;}
	
#area_bs{
	position:relative;

	width:100%;
	margin-right: auto;
	margin-left: auto;
	text-align:left;}

#area_bs #hidari{
	float:left;
	width:560px;
	background-color:#FFFFFF;}

#area_bs #migi{
	float:right;
	border-top:5px solid #FFFFFF;
	width:162px;
	margin:0px 0px 10px 0px;}
	
#frame{ 
	background-image:url(../corporate/img/frame_bg.gif);
	background-repeat:repeat-y;	padding:2px 40px 0px 40px;}
	
#frame2{ 
	background-image:url(../corporate/img/frame2_bg.gif);
	background-repeat:repeat-y;	padding:2px 40px 0px 40px;}
	
#frame3{ 
	background-image:url(../case/img/frame3_bg.gif);
	background-repeat:repeat-y;	padding:2px 40px 0px 40px;}
	
#house{ 
	background-image:url(../corporate/img/house.jpg);
	background-repeat:no-repeat;
	width:99%;
	padding:12px;
	line-height:24px;
	font-size:78%;
	height:280;}
	
.bgffffff{ background-color:#FFFFFF; padding:5px 10px 5px 10px;}
.bg4573B3{ background-color:#4573B3;}
.bgdadada{ background-color:#DADADA;}
.bg6AAC00{ background-color:#6AAC00;}
.bgEEEEEE{background-color:#EEEEEE;}

.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden;background: #FFFFFF}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}

.line_b_gray{ border-bottom:3px solid #DADADA;}
.line_r_green{ border-right:4px solid #D6EEAA;}
.line_r_blue{ border-right:4px solid #C2E8F1;}
.line_a_pink{ border:3px solid #F8B3BB;}
.w10{ width:10%;}
.w20{ width:20%;}
.w30{ width:30%;}
.w40{ width:40%;}
.w50{ width:50%;}
.w60{ width:60%;}
.w70{ width:70%;}
.w90{ width:90%;}
.w456{ width:456;}

#line{
	background-image:url(../img/dot.gif);
	background-repeat:repeat-x;
	width:98%;
	height:1px;
	margin-left:10px;}
	
.pause_b{ 
	border-bottom:1px dotted #AAAAAA;
	height:1px;}

.pause_t{ 
	border-top:1px dotted #AAAAAA;
	height:1px;}

.pause_r{ 
	border-right:1px dotted #AAAAAA;
	height:1px;}

.pause{ 
	border:1px dotted #AAAAAA;
	height:1px;
	margin:5px 15px 5px 15px;}

.line_sitemap{ 
	border:1px dotted #AAAAAA;
	height:1px;}

.sen{
	background-image:url(../img/dot.gif);
	background-repeat:repeat-x;
	height:1px;
	padding:2px 0px 2px 0px;}
	
.sp1{
	text-indent:1em;}
	
#up{
	width:100%;
	text-align:right;
	padding:10px 0px 10px 0px;
	background-image:url(../img/dot.gif);
	background-repeat:repeat-x;
	background-position:bottom;}
	

#move{
	width:540px;
	text-align:left;
	padding:20px 0px 0px 0px;
	text-indent:2em;
	font-size:70%}
	

/* text link */
#footer_navi{
	font-size:11px;
	color:#2A1A1A;
	line-height:25px;
	width:100%;
	height:25px;
	text-align:center;
	background-image:url(../img/dot.gif);
	background-repeat:repeat-x;
	background-position:bottom;}

/* footer */
#foot{
	width:100%;
	height:110px;
	background:url(../img/bg_foot.gif) repeat-x bottom;
	padding:8px 0px 0px 0px;}

#footer_name{
	font-size:12px;
	color:#2A1A1A;
	text-align:center;
	line-height:18px;
	height:110px;
	background:url(../img/foot.gif) no-repeat bottom;}

#copy{
	font-size:80%;
	color:#2A1A1A;
	line-height:25px;
	text-align:center;
	vertical-align:bottom;
	padding:8px 0px 0px 0px; }
	
/* contents footer */
#c_foot{
	width:100%;
	height:43px;
	background:url(../img/c_bg_foot.gif) repeat-x bottom;
	padding:4px 0px 0px 0px;}

#c_footer_name{
	font-size:12px;
	color:#2A1A1A;
	text-align:center;
	line-height:18px;
	height:43px;
	background:url(../img/c_foot.gif) no-repeat bottom;}

#c_copy{
	font-size:80%;
	color:#2A1A1A;
	line-height:25px;
	text-align:center;
	vertical-align:bottom;
	padding:8px 0px 0px 0px; }
	

#sidemenu ol{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:78%;
	list-style-position:inside;
	display: marker;
	marker-offset: 0em;
	text-align:left;   }

#sidemenu  .active{	
	line-height:32px;
	color:#2A1A1A;
	background-color:#FFFFFF;
	text-decoration:none;
	display:block;
	width:162;
	height:32px;
	border-bottom:1px #FFFFFF solid;
	border-top:1px #AAAAAA solid;
	text-indent:1em;}

#sidemenu  a{	
	line-height:32px;
	color:#2A1A1A;
	text-decoration:none;
	display:block;
	width:162;
	height:32px;
	border-bottom:1px #FFFFFF solid;
	border-top:1px #AAAAAA solid;
	text-indent:1em;}

#sidemenu  a:hover	{	
	line-height:32px;
	color:#FF9000;
	text-decoration:none;
	background-color:#FFFFFF;
	display:block;
	width:162;
	height:32px;
	border-bottom:1px #FFFFFF solid;
	border-top:1px #AAAAAA solid;
	text-indent:1em;}

