/*--------------------------------------
Class:		Default parameter
Version: 	2009.5.21
--------------------------------------*/

*{	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,
th,td{ margin:0; padding:0; }

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


table{ width:100%; border:none; font-size:1.0; border-collapse:collapse; border-spacing:0; empty-cells:hide; }
th,td{ vertical-align:top; text-align:left;	}
caption,th{	text-align:left; }


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; }

.naka{ margin:10px 15px; }

/*	ヘッダ
------------------------------------------------------*/

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:#C4101F; 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:85px; 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.onetan{ background:url(../img/navi.png) left 0 no-repeat;}
		div.navi ul li.tokutyo{ 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.casestudy{ background:url(../img/navi.png) left -105px no-repeat;}
		div.navi ul li.partner{ background:url(../img/navi.png) left -140px no-repeat;}
		div.navi ul li.qa{ background:url(../img/navi.png) left -175px no-repeat;}
		div.navi ul li.ryoukin{ background:url(../img/navi.png) left -210px 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.onetan a:hover{ background:url(../img/navi.png) center 0 no-repeat; }
		body#index div.navi ul li.onetan{ background:url(../img/navi.png) right 0 no-repeat; }
		div.navi ul li.tokutyo a:hover{ background:url(../img/navi.png) center -35px no-repeat; }
		body#tokutyo div.navi ul li.tokutyo{ background:url(../img/navi.png) right -35px no-repeat; }
		div.navi ul li.case a:hover{ background:url(../img/navi.png) center -70px no-repeat; }
		body#case div.navi ul li.case{ background:url(../img/navi.png) right -70px no-repeat; }
		div.navi ul li.casestudy a:hover{ background:url(../img/navi.png) center -105px no-repeat; }
		body#casestudy div.navi ul li.casestudy{ background:url(../img/navi.png) right -105px no-repeat; }
		div.navi ul li.partner a:hover{ background:url(../img/navi.png) center -140px no-repeat; }
		body#partner div.navi ul li.partner{ background:url(../img/navi.png) right -140px no-repeat; }
		div.navi ul li.qa a:hover{ background:url(../img/navi.png) center -175px no-repeat; }
		body#qa div.navi ul li.qa{ background:url(../img/navi.png) right -175px no-repeat; }
		div.navi ul li.ryoukin a:hover{ background:url(../img/navi.png) center -210px no-repeat; }
		body#ryoukin div.navi ul li.ryoukin{ background:url(../img/navi.png) right -210px 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.lnkYumcha{ margin-bottom:10px; }
		div.navi p.lnkYumcha a{ display:block; width:230px; height:45px; overflow:hidden; text-indent:230px; white-space:nowrap; background:url(../img/yumcha.png) left 0 no-repeat; }
			div.navi p.lnkYumcha a:hover{ background-position: left bottom; }
		div.navi p.lnkMF a{ display:block; width:230px; height:20px; overflow:hidden; text-indent:230px; white-space:nowrap; background:url(../img/mindfree.png) left 0 no-repeat; }
			div.navi p.lnkMF 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:13px 0 15px; overflow:hidden; text-indent:-900px; }
	div.section h2.onetan{ background:url(../img/hl_1_tokutyo.png) left 0 no-repeat; }
	div.section h2.tokutyo{ background:url(../img/hl_tokutyo.jpg) left 0 no-repeat; }
	div.section h2.case{ background:url(../img/hl_2_case.png) left 0 no-repeat; }
	div.section h2.qa{ background:url(../img/hl_3_qa.png) left 0 no-repeat; }
	div.section h2.ryoukin{ background:url(../img/hl_4_ryoukin.png) left 0 no-repeat; }
	div.section h2.partner{ background:url(../img/hl_partner.jpg) left 0 no-repeat; }
	div.section h2.contact{ background:url(../img/hl_0_contact.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; }

body#partner div.section h3{ display:block; width:700px; height:30px; margin:25px 0 15px; overflow:hidden; text-indent:-900px; }
    div.section h3.hl_partner1{ background:url(../img/hl_s_partner1.png) left 0 no-repeat; }
    div.section h3.hl_partner2{ background:url(../img/hl_s_partner2.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; }

/*	特徴
---------------------------*/
ol.c1_tokutyo{ padding:0; list-style:none; }
	ol.c1_tokutyo li{ float:left; width:340px; height:240px; overflow:hidden; text-indent:-900px; }
	ol.c1_tokutyo li.list1{ background:url(../img/c1_list1.png) left top no-repeat; padding-left:20px; }
	ol.c1_tokutyo li.list2{ background:url(../img/c1_list2.png) left top no-repeat; }
	ol.c1_tokutyo li.list3{ background:url(../img/c1_list3.png) left top no-repeat; padding-left:20px; }
	ol.c1_tokutyo li.list4{ background:url(../img/c1_list4.png) left top no-repeat; }


/*	ケーススタディ
---------------------------*/
.wants { border: 2px solid #AAA; background-color:#FFF; padding:10px; padding-left:35px; margin:0 10px; 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; }

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

.more{ width:50%; margin:15px 10px 0 320px; 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; }


.partner2dl{}
 .partner2dl dt{ font-size:125%; font-weight:bold; }
 .partner2dl dd{ margin:5px 0 25px 1.3em;}


h3.ex_title{ clear:both; font-size:110%; line-height:1.5; margin-bottom:0.5em; }

.example{ clear:both; margin:0 15px; padding-bottom:20px;}
  .example .data{ float:left; width:260px; }
    .example .data img{ float:left; padding-bottom:10px; }
    .example .data div{ margin-left:120px; }
      .example .data div dt{ font-weight:bold;}
      .example .data div dd{ padding-left:1.0em; margin-bottom:0.7em; }
	
  .example .ex_msg{ margin-left:260px; border:solid 5px #DDD; margin-bottom:15px; padding:10px 15px;}
    .example .ex_msg h3{ font-size:130%; line-height:1.4; margin-bottom:0.8em; padding-bottom:0.5em; border-bottom:dotted 1px #999; color:#C00; }



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

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

  div.footer p small{ font-size:85%; line-height:1.5; color:#666; }





/* ------------------------------------------------------------------------------------------
 999.1. cleafix
------------------------------------------------------------------------------------------ */

/* 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 */