*{	font-size: 100%;	} 

html{}

body{ font-size:0.8em; line-height:1.5em; color:#000; text-align:center; font-family: "メイリオ","Meiryo", "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka; }

body,div,dl,dt,dd,li,h1,h2,h3,h4,h5,h6
,pre,code,form,fieldset,legend,input,textarea,
p,blockquote,
#section th,td{ margin:0; padding:0; }
#company table{
	border-collapse: collapse;
	/*border-top: #cccccc 1px solid;*/
	font-size: 12px;
	color: #333333;
	width: 100%;
	line-height: 1.5em;
}

#company table.large{
	font-size: 12px;
	color: #555555;
}

#company th{
	border: #cccccc solid 1px;
	text-align:left;
	background-color: #e7e7e7;
	font-weight: normal;
	padding: 5px;
	text-align: left;
}

#company tr{
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
}

#company td{
	border-top: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	padding: 7px;
}

/* リンク要素 */
a{ color:#06C; text-decoration:underline; }
a:hover{ color:#63C; }

fieldset,img{ border:0; }
legend{ display:none; }

/* テキスト要素 */
h1,h2,h3,h4,h5,h6	{	font-size:1.0;	font-weight: bold;	}

q:before,	q:after	{	content:'';	}

address,caption,cite,code,dfn,var	{ font-style: normal;	}
abbr,acronym {	border: 0;	font-variant: normal;	}
del,ins{	text-decoration: none;	}
em	{	font-weight: bold;	font-style normal;	color:#D82D08;	}

sup {	vertical-align:text-top;	}
sub {	vertical-align:text-bottom;	}


/* フォーム */
input,textarea,select{ font-family:inherit;	font-size:inherit; font-weight:inherit; }

hr	{	display:none; }

/* =====================================================================
*    レイアウト調整
* =================================================================== */

div#wallpaper{ position: relative; width:100%; text-align:center;}

div#pagecell{  width:960px; margin:0 auto; }

div.header,
div.navi,
div.main,
div.footer{ text-align: left; }

/*	ヘッダ */

div.header{ position:relative; padding:15px 0; line-height:15px; font-size:10px;	}
div.header h2{ font-weight: normal; }
  

#hdnavi{ position:absolute; top:0; left:590px; width:370px; height:40px; background-color:#F76B1F; font-size:14px; line-height:17px; color:#FFF; font-weight:bold;
 border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; }
  #hdnavi a{ display:block; width:200px; color:#FFF; line-height:40px; text-decoration:none; font-weight:bold; }
  #hdnavi span.arrow{ float:left; display:block; width:17px; height:17px; text-indent:17px; margin:11px 8px; overflow:hidden; white-space:nowrap; background:url(../img/icon-arrow.png) no-repeat left top; }
  #hdnavi span.telicon{ float:left; display:block; width:23px; height:17px; text-indent:23px; margin:11px 8px; overflow:hidden; white-space:nowrap; background:url(../img/icon-tel.png) no-repeat left top; }

  #hdnavi div{ position:absolute; top:0; left:200px; width:170px; float:right; height:40px; background-color: #333; line-height:40px;
 border-radius:0 0 10px 0; -webkit-border-radius:0 0 10px 0; -moz-border-radius:0 0 10px 0; }



/*	ナビゲーション */

	div.navi{ position:relative; float: left; width: 230px; overflow:hidden; }
	div.navi h1{ background:url(../img/title.png) center 0 no-repeat; }
	div.navi h1 a{ display:block; width:230px; height:95px; overflow:hidden; text-indent:230px; white-space:nowrap; }

	div.navi ul{ padding:0;list-style:none;}
	div.navi ul li{ width:230px; height:35px; margin-bottom:5px; }
	div.navi ul li.mobachat{ background:url(../img/navi.png) left 0 no-repeat;}
	div.navi ul li.kinou{ background:url(../img/navi.png) left -35px no-repeat;}
	div.navi ul li.case{ background:url(../img/navi.png) left -70px no-repeat;}
	div.navi ul li.process{ background:url(../img/navi.png) left -105px no-repeat;}
	div.navi ul li.ryoukin{ background:url(../img/navi.png) left -140px no-repeat;}
	div.navi ul li.company{ background:url(../img/navi.png) left -175px no-repeat;}
	div.navi ul li.submenu{ height:auto; }
	
	div.navi ul li a{ display:block; width:230px; height:35px; text-indent:-900px; overflow:hidden; white-space:nowrap; }
		div.navi ul li.mobachat a:hover,
		body#index div.navi ul li.mobachat{ background:url(../img/navi.png) right 0 no-repeat; }
		div.navi ul li.kinou a:hover,
		body#kinou div.navi ul li.kinou{ background:url(../img/navi.png) right -35px no-repeat; }
		div.navi ul li.case a:hover,
		body#case div.navi ul li.case{ background:url(../img/navi.png) right -70px no-repeat; }
		div.navi ul li.process a:hover,
		body#process div.navi ul li.process{ background:url(../img/navi.png) right -105px no-repeat; }
		div.navi ul li.company a:hover,
		body#company div.navi ul li.company{ background:url(../img/navi.png) right -175px no-repeat; }
		div.navi ul li.ryoukin a:hover,
		body#ryoukin div.navi ul li.ryoukin{ background:url(../img/navi.png) right -140px no-repeat; }
	
      div.navi ul li li{ height:auto;}
        div.navi ul li li a{ height:auto; text-indent:0; white-space:normal; padding:3px 10px; color:#666; text-decoration:none; }
		  div.navi ul li li a:hover{ background-color:#EEE; color:#555; }
		  div.navi ul li li.select a{ background-color:#EEE; color:#C00; font-weight:bold; } 
		div.navi ul li li small{ width:210px; padding-left:10px; font-size:11px; line-height:1.4; white-space:normal; }


	div.navi div.mediainfo{ margin-bottom:20px; background:url(../img/media_body.png) left bottom no-repeat; }
		div.navi div.mediainfo h3{ width:230px; height:40px; overflow:hidden; text-indent:-900px; background: transparent url(../img/media_ttl.png) left top no-repeat; }

		div.navi div.mediainfo ul{ margin:0; padding:0 0 10px 20px;}
			div.navi div.mediainfo ul li{ width:auto; height:auto;}
				div.navi div.mediainfo ul li a{ width:auto; height:auto; padding-left:15px; background:url(../img/media_icon.png) left center no-repeat; text-indent:0; color: #666; text-decoration:none; }
				div.navi div.mediainfo ul li a:hover{ width:auto; height:auto; text-indent:0; color: #999; text-decoration:underline;}
	
	div.navi div.contact{ margin-bottom:20px; }
	
	div.navi p.lnkChatfit{ margin-bottom:5px; }
		div.navi p.lnkChatfit a{ display:block; width:230px; height:45px; overflow:hidden; text-indent:230px; white-space:nowrap; background:url(../img/chatfit.png) left 0 no-repeat; }
			div.navi p.lnkChatfit a:hover{ background-position: left bottom; }
	div.navi p.lnkAvafit{ margin-bottom:5px; }		
		div.navi p.lnkAvafit a{ display:block; width:230px; height:45px; overflow:hidden; text-indent:230px; white-space:nowrap; background:url(../img/avafit.png) left 0 no-repeat; }
			div.navi p.lnkAvafit a:hover{ background-position: left bottom; }	
	div.navi p.lnkOmise{ margin-bottom:5px; }		
		div.navi p.lnkOmise a{ display:block; width:230px; height:45px; overflow:hidden; text-indent:230px; white-space:nowrap; background:url(../img/omise.png) left 0 no-repeat; }
			div.navi p.lnkOmise a:hover{ background-position: left bottom; }		
	div.navi p.lnkImeet{ margin-bottom:5px; }		
		div.navi p.lnkImeet a{ display:block; width:230px; height:45px; overflow:hidden; text-indent:230px; white-space:nowrap; background:url(../img/imeet.png) left 0 no-repeat; }
			div.navi p.lnkImeet a:hover{ background-position: left bottom; }				
		div.navi p.lnkWF a{ display:block; width:230px; height:20px; overflow:hidden; text-indent:230px; white-space:nowrap; background:url(../img/webfit.png) left 0 no-repeat; }
			div.navi p.lnkWF a:hover{ background-position: left bottom; }

/*	メイン */

div.main{ position:relative; float: right; width: 700px; }

div.article p{	}

div.section{ margin-bottom: 15px; }

p.bnrCase{
	position: absolute;
	top:20px;
	left:420px;
}

div.section h2{ display:block; width:700px; height:45px; margin-bottom:15px; overflow:hidden; text-indent:-900px; }
	div.section h2.mobachat{ background:url(../img/header1.png) left 0 no-repeat; }
	div.section h2.mobachat2{ background:url(../img/header11.png) left 0 no-repeat; }
	div.section h2.kinou{ background:url(../img/header2.png) left 0 no-repeat; }
	div.section h2.case{ background:url(../img/header3.png) left 0 no-repeat; }
	div.section h2.process{ background:url(../img/header5.png) left 0 no-repeat; }
	div.section h2.company{ background:url(../img/header6.png) left 0 no-repeat; }
	div.section h2.ryoukin{ background:url(../img/header4.png) left 0 no-repeat; }
	div.section h2.contact{ background:url(../img/header7.png) left 0 no-repeat; }
	div.section h2.sitemap{ background:url(../img/header8.png) left 0 no-repeat; }
	div.section h2.news{ height:30px; background:url(../img/hl_news.gif) left 0 no-repeat; }
	
	div.section h2.common{ text-indent:10px; line-height:45px; font-size:150%; color:#C40F1E; background:url(../img/hl_common.png) left 0 no-repeat; }

.space{ margin-bottom: 10px; }

.newslist dl{ clear:both; }
.newslist dt{ clear: both; float:left; padding-left:15px; margin-bottom:5px; }
.newslist dd{ padding-left: 8.0em; margin-bottom:5px; }

/*	ケーススタディ */
.wants { border: 2px solid #AAA; background-color:#FFF; padding:10px; padding-left:35px; margin-bottom:0; font-size:14px; line-height:1.3;
 border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.wants li{ padding: 4px 0; }

.mainImge { position:relative; margin-top:55px;}
.kaiketu{ position:absolute; top:-60px; }

.noteCompany{ margin-top:20px; border:3px solid #E46C0A; padding:0; font-size:110%; line-height:1.5;
 border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.notCompany li{ padding:3px 0; }

.more{ width:50%; margin-top:15px; margin-left:330px; padding:9px; border:1px solid #AAA; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.more h4{ color:#C00; font-size:110%; line-height:1.4; margin-bottom:5px; }
.more ul{ margin:0; }

.footNav{ clear:both; padding-top:20px; text-align:center; }
  .footNav a.nav-contact img{ margin:0 10px; }
	
/*	Q&A */
dl.qaList{ padding:0 10px; }

dl.qaList dt{ min-height:30px; padding: 13px 0 0 40px; margin-bottom:0; font-size:110%; line-height:1.5; background:url(../img/c3_question.png) left 10px no-repeat; font-weight:bold;  }
dl.qaList dd{ min-height:40px; padding:10px 0 10px 40px; border-bottom:1px dotted #E2684D; margin-bottom:15px; background:url(../img/c3_answer.png) left 10px no-repeat; }



/*	お問い合わせ  */
.mark { color: #D00; }

.commontbl { width: 100%; border-top: 1px dotted #CCC; margin: 1.5em 0 0.5em; }

.commontbl caption { line-height: 2.0em; font-size: 1.1em; background-color: #F0F0F0; text-indent: 5px; }

.commontbl th,
.commontbl td{ padding:10px 5px; border-bottom: 1px dotted #CCC; }

.commontbl th{ white:150px; font-weight: bold; text-align: center; white-space:nowrap; }

.commontbl td{}
#checkbox_Contact { margin-bottom:10px; }

.commontbl td input[type="checkbox"] {  margin-right:10px;}

.input-txtline { width: 20em; }

.submitArea { text-align: center; }
	.submitArea input{ margin: 0 5px; cursor:pointer; }

#text_Contact { width:540px; }

.btn-submit{ border: 1px solid #CCC; padding: 5px 10px; background-color: #444; color: #FFF; }
.btn-cancel{ border: 1px solid #CCC; padding: 5px 10px; background-color: #F8F8F8; }

/*	フッター */

div.footer{ clear:both; padding:15px 0 25px; text-align:center; }
	div.footer ul{ margin:0; padding: 5px 10px; list-style:none; background-color:#F76B1F; text-align: center; }
	div.footer ul li{ padding:0 10px; border-left:1px solid #FFF; display:inline; }
	div.footer ul li a{ color:#FFF;	}

/* clearfix */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}
/* End hide from IE-mac */