@charset "utf-8";


#business {/*　他ページの#cont_inにあたる　*/
	margin:0 auto;
	padding-top:30px;
	width:700px;
	text-align:left;
}

#business_03 {/*　他ページの#cont_inにあたる　*/
	height:400px;
}
/* TITLE */

#business h2{
	margin:0 0 0 0;
	padding:0;
}


#business h3.s_title01 {
	margin:25px 0 15px 0;
	padding:0;
}


/* Intro */
#business div#intro{

	margin-bottom:10px;
	width:690px;
	background:url(../../images/front/business/img_01.gif) top right no-repeat;
	min-height:109px;
	height:auto !important;
	height:109px;
}


#business div#intro p{
	padding-top:10px;
	padding-left:10px;
	width:380px;
	
}



/* Ex */
#business div#ex{
	margin:0 0 0 10px;

	width:694px;
	height:150px;
	background:url(../../images/front/business/ex_bg.gif) no-repeat;
}
#business div#ex h3{
	text-indent:-9999px;
}

	/*　例題のリスト表示部分　*/
#business div#ex ul{
	padding:20px 0 0 30px;
	height:76px;

}


#business div#ex h3{
	text-indent:-9999px;
}
#business div#ex li{
	display:block;
	float:left;
}
#business div#ex li.list01{
	margin-right:8px;
}
#business div#ex li.list02{
	margin-right:15px;
}
#business div#ex li.list03{
	margin-right:23px
}

#business div#ex li p{
	padding:15px 0 0 0 ;
	font-size:12px;
	line-height:1.2;
	text-align:center;
}
* html #business div#ex li p{/* forIE6 */
	padding:10px 0 0 0 ;
}




/* Merit */
#business div#merit{
	margin-left:17px;
	clear:both;
	width:686px;
	text-align:center;
}
#business div#merit ul {
	clear:both;
}
#business div#merit ul li{
	padding:5px 16px 5px 16px;
	float:left;

}
#business div#merit ul li div{
	width:310px;
}
#business div#merit ul li div.merit01 h4{
	padding:0px 0px 0px 0px;
	display: block;
	width:310px;
	height:55px;
	overflow: hidden;
	background: url(../../images/front/business/merit01.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}
#business div#merit ul li div.merit02 h4{
	padding:0px 0px 0px 0px;
	display: block;
	width:310px;
	height:55px;
	overflow: hidden;
	background: url(../../images/front/business/merit02.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}
#business div#merit ul li div.merit03 h4{
	padding:0px 0px 0px 0px;
	display: block;
	width:310px;
	height:55px;
	overflow: hidden;
	background: url(../../images/front/business/merit03.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}
#business div#merit ul li div.merit04 h4{
	padding:0px 0px 0px 0px;
	display: block;
	width:310px;
	height:55px;
	overflow: hidden;
	background: url(../../images/front/business/merit04.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}
#business div#merit ul li div.merit05 h4{
	padding:0px 0px 0px 0px;
	display: block;
	width:310px;
	height:55px;
	overflow: hidden;
	background: url(../../images/front/business/merit05.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}
#business div#merit ul li div.merit06 h4{
	padding:0px 0px 0px 0px;
	display: block;
	width:310px;
	height:55px;
	overflow: hidden;
	background: url(../../images/front/business/merit06.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}
#business div#merit ul li div p{
	margin:10px 20px 10px 20px;
}
#business div#merit ul li ul.merit06_list{
	text-align:left;
	margin:0px 0px 0px 30px;

}

#business div#merit ul li ul.merit06_list li{
	float:none;
	margin:0px;
	padding:0px;
}
#business div#merit p.text01{
	text-align:right;
	font-size:95%;
}
#business div#merit div.merit_copy{
	padding:30px 0px 0px 0px;
	clear:both;
	width:100%;
	text-align:center;
}
#business div#merit div.merit_copy ul{
	margin:0 auto;
	width:576px;
}
#business div#merit div.merit_copy ul li{

	margin:0px;
	padding:0px;
}
#business div#merit div.merit_copy ul li h4{
	padding:0px 0px 0px 0px;
	display: block;
	width:576px;
	height:42px;
	overflow: hidden;
	background: url(../../images/front/business/visual_02.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}
#business div#merit div.merit_copy ul li h5{
	margin:0;
	padding:0px 0px 0px 0px;
	display: block;
	width:576px;
	height:26px;
	overflow: hidden;
	background: url(../../images/front/business/visual_03.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}
#business div#merit div.merit_copy p{
	margin:5px 0px 0px 15px;
	font-size:10px;
	text-indent:-1.0em;
}



#business div#flow div.merit_copy02{
	padding:0px 0px 0px 0px;
	clear:both;
	width:100%;
	text-align:center;
}
#business div#flow div.merit_copy02 ul{
	margin:0 auto;
	width:576px;
}
#business div#flow div.merit_copy02 ul li{

	margin:0px;
	padding:0px;
}

#business div#flow div.merit_copy02 p{
	margin:5px 0px 0px 15px;
	font-size:12px;
	text-indent:-1.0em;
}








/* merit */
#business div#merit{
	padding-top:40px;
	padding-bottom:20px;
	clear:both;
}
#business div#merit h3 {
	margin:15px 0 15px 0;
	padding:0;
}


/* Flow */
#business div#flow{
	padding-top:20px;
	padding-bottom:40px;
	clear:both;
}
#business div#flow h3 {
	margin:15px 0 15px 0;
	padding:0;
}



div.shinsei_btn{
	margin:60px 0 15px 218px;
}
div.shinsei_btn p{
	padding:0px 0px 0px 0px;
	display: block;
	width:263px;
	height:79px;
	overflow: hidden;
	background: url(../../images/front/business/shinsei_btn.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}
div.shinsei_btn p a{
	padding:0px 0px 0px 0px;
	display: block;
	width:263px;
	height:79px;
	overflow: hidden;
	background: url(../../images/front/business/shinsei_btn.gif) no-repeat 0px 0px;
	text-indent: -9999px;
}
div.shinsei_btn p a:hover{

	background: url(../../images/front/business/shinsei_btn.gif) no-repeat 0px -80px;

}



/* Apply */
#apply{

}
/*#business div#apply{
	margin-bottom:50px;
}*/
#business div#apply h3 {
	margin:15px 0 15px 0;
	padding:0;
}


/* form_space */
#business #form_space{
	margin:0 0 50px 0;
	padding:0 0 0 75px;
	width:550px;
	text-align:left;
}


/* form*/

	/* EXPLANATION */

ul.explanation {
	margin:0 0 15px 10px;
	padding:0;
	width:517px;
}
ul.explanation li {
	margin:0 0 8px 0;
	padding:0;
}
ul.explanation li.right {
	margin:0 0 8px 0;
	padding:0;
	text-align:right;
}
ul.explanation li.end {
	margin:0 0 0 0;
	padding:0;
}
ul.explanation li span {
	color:#f00;
}





#contin_main #business div#form_box {
	margin:20px 10px 0px 10px;
	width:532px;

}

#contin_main #business div#form_box ul.form01 {
	margin:0;
	padding:0;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	width:100%;
	background:url(../../images/front/business/form_bg01.gif) repeat-y;
	float:left;
}
#contin_main #business div#form_box ul.form02 {
	margin:0;
	padding:0;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	width:100%;
	background:url(../../images/front/business/form_bg01.gif) repeat-y;
	float:left;
}

#contin_main #business div#form_box ul.form01 li {
	border-bottom:solid 1px #ccc;
	
}
#contin_main #business div#form_box ul.form02 li {
	border-bottom:solid 1px #ccc;
}
#contin_main #business div#form_box ul.form01 li li {
	border:none;
}
#contin_main #business div#form_box ul.form02 li li {
	border:none;
}
#contin_main #business div#form_box ul.form01 dl{
	/margin:-15px 0 0 0;
}
#contin_main #business div#form_box ul.form02 dl{
	/margin:-15px 0 0 0;
}

#contin_main #business div#form_box ul.form01 dl dt {
	margin:0;
	padding:8px 5px 5px 5px;
	float:left;
	clear:both;
	width:190px;

}
#contin_main #business div#form_box ul.form02 dl dt{
	margin:0;
	padding:5px 5px 5px 5px;
	float:left;
	clear:both;
	width:190px;
}
#contin_main #business div#form_box ul.form02 dl dt div.mailaddress{
	/height:70px;
}
#contin_main #business div#form_box ul.form01 dl dd {
	margin:0 0 0 195px;
	padding:5px;
}
#contin_main #business div#form_box ul.form02 dl dd {
	margin:0 0 0 195px;
	padding:5px;
}
#contin_main #business div#form_box ul.form02 li dl dd ul li.back p{
	margin-top:8px;
	line-height:150%;

}


#contin_main #business div#form_box div.form_public{
	margin:20px 0 0 80px;
	line-height:150%;

}
#contin_main #business div#form_box div.form_public ul li{
	margin-bottom:6px;

}
#contin_main #business div#form_box div.form_public ul li input{
	vertical-align: middle;

}
#contin_main #business div#form_box div.form_public ul li span{
	padding-left:20px;
	color:#cc0000;
	font-size:11px;
}


	
	/* ご連絡先・ご連絡先住所 */


ul.form02 li dl dd div.renraku_koumoku{

	width:300px;

}


	/* 主なサポート内容 */

ul.form02 li dl dd ul li.form_li01{
	margin-bottom:3px;
}



/* IEでdt ddの上にスペースが空くのを防ぐ business_02/html */
.kakunin ul.form01 dl{
	/margin:-15px 0 0 0;
}
.kakunin ul.form02 dl{
	/margin:-15px 0 0 0;
}




/* BUTTOM */

	/* business.html */
#contin_main #business div#form_box div.form_ul01 {
	margin:0 auto;
	padding:20px 0 0px 0;
	width:100%;
	clear:both;
	text-align:center;
}
#contin_main #business div#form_box div.form_ul01 ul{
	margin:0 auto;
	padding:0px 0 60px 0;
	width:55px;
}

#contin_main #business div#form_box div.form_ul01 ul li{
}

/* ATTENTION */

div.attention {
	clear:both;
	margin:0 0 30px 0;　/* totop用に修正20091107阿部*/
	padding:0;
}
div.attention ul li{
	margin:0;
	padding:0 0 8px 0;
	text-indent:-1.0em;
	margin:0 0 0 1.0em;

}
/* ATTENTIONで使用する必須の※　20091107追加　阿部*/
.hisuu_red02 {
	color:#f00;
	margin:0 5px 0 5px;
	font-size:90%;
}





	/* business_02.html（入力確認画面） */
	
div#contin_main div#apply p.text01{
	margin:0 0 0 0;
}
#contin_main #business div#form_space div#form_box{
	margin:15px 10px 0 10px;
}

	
#contin_main #business div#form_space div#form_box div.form_ul02 {
	margin:0 auto;
	padding:20px 0 0px 0px;
	width:100%;
	clear:both;
	text-align:center;
}
#contin_main #business div#form_space div#form_box div.form_ul02 ul{
	margin:0 auto;
	padding:0px 0 0px 130px;
}
* html #contin_main #business div#form_space div#form_box div.form_ul02 ul{/* for IE6 */
	padding:0px 0 0px 80px;
}

#contin_main #business div#form_space div#form_box div.form_ul02  ul li{
	float:left;
	width:55px;
}


/* 必須の※ */
.hisuu_red {
	margin-left:5px;
	color:#f00;
	font-size:90%;
}









/* 確認 */
#contin_main #business div.form_box-kakunin{
	margin-top:15px;
}


	/* form内ULリストの指定 */
#contin_main #business div.form_box-kakunin ul {
	width:512px;/*512px*/
	line-height:1.5em;  /* 追加 */
	float:left;
}

#contin_main #business div.form_box-kakunin ul.form01 {
	background:url(../../images/front/business/form_bg01.gif) repeat-y;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	
}
#contin_main #business div.form_box-kakunin ul.form02 {
	background:url(../../images/front/business/form_bg01.gif) repeat-y;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
}
#contin_main #business div.form_box-kakunin ul.form03 {
	margin-bottom:20px;
	background:url(../../images/front/business/form_bg01.gif) repeat-y;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
}


#contin_main #business div.form_box-kakunin ul.form01 li {
	border-bottom:solid 1px #ccc;
	width:512px;
	float:left;
}
#contin_main #business div.form_box-kakunin ul.form02 li {
	border-bottom:solid 1px #ccc;
	width:512px;
	float:left;
}
#contin_main #business div.form_box-kakunin ul.form03 li {
	border-bottom:solid 1px #ccc;
	width:512px;
	float:left;
}


#contin_main #business div.form_box-kakunin ul.form01 li li {
	border:none;
}
#contin_main #business div.form_box-kakunin ul.form02 li li {
	border:none;
}
#contin_main #business div.form_box-kakunin ul.form03 li li {
	border:none;
}


	/* form内dlリストの指定 */
#contin_main #business div.form_box-kakunin ul dl{/* form01〜05共通よなー */
	width:512px;
	float:left;
}

		/* form内dtの指定 */

#contin_main #business div.form_box-kakunin ul dl dt {/* form01〜05共通よなー */
	float:left;
	margin:0;
	padding:5px;
	width:185px;
}

#contin_main #business div.form_box-kakunin ul.form02 dl dt div.mailaddress{
	/height:70px;
}
#contin_main #business div.form_box-kakunin ul.form03 dl dt div.mailaddress{
	/height:70px;
}

		/* form内ddの指定 */
#contin_main #business div.form_box-kakunin ul.form01 dl dd {
	margin:0 0 0 195px;
	padding:5px;
}
#contin_main #business div.form_box-kakunin ul.form02 dl dd {
	margin:0 0 0 195px;
	padding:5px;
}
#contin_main #business div.form_box-kakunin ul.form03 dl dd {
	margin:0 0 0 195px;
	padding:5px;
}

#contin_main #business div.form_box-kakunin div.form_public{
	margin:20px 0 0 80px;
	line-height:150%;

}
#contin_main #business div.form_box-kakunin div.form_public ul li{
	margin-bottom:6px;

}
#contin_main #business div.form_box-kakunin div.form_public ul li input{
	vertical-align: middle;

}
#contin_main #business div.form_box-kakunin div.form_public ul li span{
	padding-left:20px;
	color:#cc0000;
	font-size:11px;
}





h4.kanryou {
	margin:30px 0 50px 0;
	padding:0;
	font-size:122%;
	text-align:center;
}
 div.kanryou_text p{
	margin:5px 0 5px 0
}	
 








#main_contents {
	float:right;
	width:490px;
	margin:15px 0 50px 0;
	padding:0;
	text-align:left;
}



#business h2{
	margin:0 0 0 0;
	padding:0;
}


#business h3.s_title01 {
	margin:25px 0 15px 0;
	padding:0;
}





/* LEFT MENU */
#left-menu {
	float:left;
	width:210px;
	margin:15px 0 50px 0;
	padding:0;
	text-align:left;
}




#left-menu ul {
	margin:0;
	padding:0;
}
#left-menu ul li{
	margin:0 0 5px 0;
	width:174px;
	height:48px;

}
#left-menu ul li a{

	width:174px;
	height:48px;
	text-indent:-9999px;

}

#left-menu ul li.business_menu01 a {
	display:block;
	background:url(../../images/front/business/business_menu01.gif) no-repeat left top;
}
#left-menu ul li.business_menu01 a:hover {
	background:url(../../images/front/business/business_menu01.gif) no-repeat left -48px;
}
#left-menu ul li.business_menu02 a {
	display:block;
	background:url(../../images/front/business/business_menu02.gif) no-repeat left top;

}
#left-menu ul li.business_menu02 a:hover {
	background:url(../../images/front/business/business_menu02.gif) no-repeat left -48px;
}
#left-menu ul li.business_menu03 a {
	display:block;
	background:url(../../images/front/business/business_menu03.gif) no-repeat left top;
}
#left-menu ul li.business_menu03 a:hover {
	background:url(../../images/front/business/business_menu03.gif) no-repeat left -48px;
}
#left-menu ul li.business_menu04 a {
	display:block;
	background:url(../../images/front/business/business_menu04.gif) no-repeat left top;
}
#left-menu ul li.business_menu04 a:hover {
	background:url(../../images/front/business/business_menu04.gif) no-repeat left -48px;
}


/* LEFT MENU （色違い） 追加20091106阿部*/

#left-menu ul li.business_menu01-2 a {
	display:block;
	background:url(../../images/front/business/business_menu01.gif) no-repeat left -48px;
}
#left-menu ul li.business_menu01-2 a:hover {
	background:url(../../images/front/business/business_menu01.gif) no-repeat left top;
}
#left-menu ul li.business_menu02-2 a {
	display:block;
	background:url(../../images/front/business/business_menu02.gif) no-repeat left -48px;

}
#left-menu ul li.business_menu02-2 a:hover {
	background:url(../../images/front/business/business_menu02.gif) no-repeat left top;
}
#left-menu ul li.business_menu03-2 a {
	display:block;
	background:url(../../images/front/business/business_menu03.gif) no-repeat left -48px;
}
#left-menu ul li.business_menu03-2 a:hover {
	background:url(../../images/front/business/business_menu03.gif) no-repeat left top;
}
#left-menu ul li.business_menu04-2 a {
	display:block;
	background:url(../../images/front/business/business_menu04.gif) no-repeat left -48px;
}
#left-menu ul li.business_menu04-2 a:hover {
	background:url(../../images/front/business/business_menu04.gif) no-repeat left top;
}









div.h3box{
	border:solid 1px #53bd58;
	background:#ffffff;
	padding:1px;
}
div.h3box h3{
	padding:5px;
	background:#53bd58;
	color:#ffffff;
	font-size:127%;
}

ul.list01{
	margin:20px;
}
ul.list01 li{
	line-height:250%;
}
ul.list01 li span{
	color:#85db89;
}








/* ----------------------------------------
 * business01.html
 * ---------------------------------------- */

#business_main_contents {
	float:right;
	width:480px;
	margin:15px 0 50px 0;
	padding:0;
	text-align:left;
}
#left_menu {
	float:left;
	width:210px;
	margin:15px 0 50px 0;
	padding:0;
	text-align:left;
}


/* LEFT MENU */

#left_menu ul {
	margin:0;
	padding:0;
}
#left_menu ul li{
	margin:0 0 5px 0;
	width:174px;
	height:48px;

}
#left_menu ul li a{

	width:174px;
	height:48px;
	text-indent:-9999px;

}

#left_menu ul li.business_menu01 a {
	display:block;
	background:url(../../images/front/business/business_menu01.gif) no-repeat left top;
}
#left_menu ul li.business_menu01 a:hover {
	background:url(../../images/front/business/business_menu01.gif) no-repeat left -48px;
}
#left_menu ul li.business_menu02 a {
	display:block;
	background:url(../../images/front/business/business_menu02.gif) no-repeat left top;

}
#left_menu ul li.business_menu02 a:hover {
	background:url(../../images/front/business/business_menu02.gif) no-repeat left -48px;
}
#left_menu ul li.business_menu03 a {
	display:block;
	background:url(../../images/front/business/business_menu03.gif) no-repeat left top;
}
#left_menu ul li.business_menu03 a:hover {
	background:url(../../images/front/business/business_menu03.gif) no-repeat left -48px;
}
#left_menu ul li.business_menu04 a {
	display:block;
	background:url(../../images/front/business/business_menu04.gif) no-repeat left top;
}
#left_menu ul li.business_menu04 a:hover {
	background:url(../../images/front/business/business_menu04.gif) no-repeat left -48px;
}



/* LEFT MENU （色違い） 追加20091106阿部*/

#left_menu ul li.business_menu01-2 a {
	display:block;
	background:url(../../images/front/business/business_menu01.gif) no-repeat left -48px;
}
#left_menu ul li.business_menu01-2 a:hover {
	background:url(../../images/front/business/business_menu01.gif) no-repeat left top;
}
#left_menu ul li.business_menu02-2 a {
	display:block;
	background:url(../../images/front/business/business_menu02.gif) no-repeat left -48px;

}
#left_menu ul li.business_menu02-2 a:hover {
	background:url(../../images/front/business/business_menu02.gif) no-repeat left top;
}
#left_menu ul li.business_menu03-2 a {
	display:block;
	background:url(../../images/front/business/business_menu03.gif) no-repeat left -48px;
}
#left_menu ul li.business_menu03-2 a:hover {
	background:url(../../images/front/business/business_menu03.gif) no-repeat left top;
}
#left_menu ul li.business_menu04-2 a {
	display:block;
	background:url(../../images/front/business/business_menu04.gif) no-repeat left -48px;
}
#left_menu ul li.business_menu04-2 a:hover {
	background:url(../../images/front/business/business_menu04.gif) no-repeat left top;
}




/* ----------------------------------------
 * business01.html
 * ---------------------------------------- */

ul.business_list01{
	margin:10px 10px 30px 10px;

}
ul.business_list01 li{
	margin:5px;
}
span.shikaku01{
	color:#fdb30c;
}


ul.business_list02{
	margin:10px 20px 10px 20px;
}
ul.business_list02 li{
	margin:5px;
}
span.shikaku02{
	color:#53bd58;
}

div.merit_waku_top{

	padding-top:50px;
	padding-bottom:20px;
	width:490px;
	background:url(../../images/front/business/merit_waku_top.gif) no-repeat 0 0 ;
}
div.merit_waku_bottom{

	margin-bottom:50px;
	width:490px;
	background:url(../../images/front/business/merit_waku_bottom.gif) no-repeat left bottom ;
}

div.subiness01_mesage{
	margin-top:10px;
	margin-left:40px;
	width:410px;
	height:141px;
	background:url(../../images/front/business/as_and_mama02.gif) no-repeat 0 0 ;
}
div.subiness01_mesage p{
	padding:30px 0 0 170px;
	font-weight:bold;
	font-size:127%;
	color:#cc0000;
}

p.business02_text01{
	margin:10px;
}


div.gamen_box{
	margin-bottom:30px;
	width:490px;
}
div.gamen_box img{
	float:left;
	border:1px solid #cccccc;
}
div.gamen_box p{

	padding-top:25px;
	float:right;
	width:200px;
}
div.gamen_box p span{
	font-weight:bold;
	font-size:127%;
	color:#cc0000;
	line-height:180%;
}



div.gamen_box02{
	margin-bottom:30px;
	width:490px;
}
div.gamen_box02 img{
	border:1px solid #cccccc;
}
div.gamen_box02 p{

	padding-top:25px;

}
div.gamen_box02 p span{
	font-weight:bold;
	font-size:127%;
	color:#cc0000;
	line-height:180%;
}


div.comment_box{
	border:1px dotted #cccccc;
	padding:20px;
	margin-bottom:60px;
}


/* ----------------------------------------
 * business02.html
 * ---------------------------------------- */
 
#business_main_contents02 {
	float:right;
	width:490px;
	margin:15px 0 0 0;
	padding:0;
	text-align:left;
	background:url(../../images/front/business/as_and_mama.gif) no-repeat right top;
}
div#business_main_contents02 p{
	margin:0 140px 15px 0;
}





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