@charset "shift_jis";

@import url("common.css");

/* --------------------------------------------------------------------------------------
 共通スタイル
--------------------------------------------------------------------------------------- */


div#ct-area-top2 p.trial_bar{
	width:660px;
	height:36px;
	margin-bottom:15px;
}

/* ナビゲーション */

ul.gnavi_in.g_rollover01 {
	width:194px;
	height:60px;
}
.g_rollover01 a {
	display:block;
	width:194px;
	height:60px;
	outline:none;
}
.g_rollover01 a:hover {
	text-indent:-9999px;
	background: url(../img/gnavi_Features_on.gif) no-repeat top;
}

ul.leftguide.g_rollover02 {
	width:159px;
	height:60px;
}
.g_rollover02 a {
	display:block;
	width:159px;
	height:60px;
	outline:none;
}
.g_rollover02 a:hover {
	text-indent:-9999px;
	background: url(../img/gnavi_sumple_on.gif) no-repeat top;
}

ul.leftguide.g_rollover03 {
	width:161px;
	height:60px;
}
.g_rollover03 a {
	display:block;
	width:161px;
	height:60px;
	outline:none;
}
.g_rollover03 a:hover {
	text-indent:-9999px;
	background: url(../img/gnavi_Usecase_on.gif) no-repeat top;
}

ul.leftguide.g_rollover04 {
	width:159px;
	height:60px;
}
.g_rollover04 a {
	display:block;
	width:159px;
	height:60px;
	outline:none;
}
.g_rollover04 a:hover {
	text-indent:-9999px;
	background: url(../img/gnavi_Price_on.gif)no-repeat top;
}


ul.leftguide.g_rollover06 {
	width:186px;
	height:60px;
}
.g_rollover06 a {
	display:block;
	width:186px;
	height:60px;
	outline:none;
}
.g_rollover06 a:hover {
	text-indent:-9999px;
	background: url(../img/gnavi_Procedures_on.gif) no-repeat top;
}

/* ナビゲーション */

p.webentry a {
	display:block;
	width:580px;
	height:80px;
	margin: 0 40px;
	outline:none;
}
p.webentry a:hover {
	text-indent:-9999px;
	background: url(../../img/webentry_on.gif) no-repeat left top;
}
/* パンくずリスト --------------------

p.pankuzu {
	margin: 8px 0 11px 20px;
	font-size: 10px;
}


/* コンテンツ -------------------- */


div#ct-area-top .mainimg p{
	width: 860px;
	height:283px;
	background:url(../../img/slogan1.jpg) no-repeat;
}

div#ct-area-top .mainimg img{
	width: 323px;
	float:right;
	margin: 170px 100px 0 0; 
}


/* 特長-------------------- */



div#features h3{
	float:left;
	color:#FF0000;
	font-size:200%;
	font-family: "ヒラギノ角ゴ Pro W6";
	margin:10 0px 20px; 0;
}

div#features p.text{
	float:left;
	line-height:25px;
	font-size:110%;
}

div#features p.sumple{
	float: right;
	width:286px;
	margin-top:-30px;
}

div#point{
	width:660px;
	height:353px;
}

div#point img{
	width:660px;
	margin-bottom:15px;
}



div#point p.point01{
	width:660px;
	padding:30px 0 0 150px;
}

div#point p.point01 span{
	font-size:150%;
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom:20px;
}

div#point p.pointtext01{
	font-size:130%;
	margin-left:150px;
}


div#point p.point02{
	width:660px;
	padding:35px 0 0 150px;
}

div#point p.point02 span{
	font-size:150%;
	font-weight:bold;
	color:#FFFFFF;
}

div#point p.pointtext02{
	font-size:130%;
	margin-left:150px;
}


div#point p.point03{
	width:660px;
	padding:20px 0 0 150px;
}



div#point p.point03 span{
	font-size:150%;
	font-weight:bold;
	color:#FFFFFF;
}

div#point p.pointtext03{
	font-size:130%;
	margin-left:150px;
}

div#point p.pointtext03 span.attention{
	font-size:80%;
	color:#000000;
	font-weight:normal;
}

div#features p.more{
	float:right;
	background:url(../img/arrow.jpg) no-repeat left center;
	padding:10px;
}


/* メリット-------------------- */


div#merit div.merit_in h2{
	margin:30 0 15px 0px;
}


div#merit div.merit_in .merit_h3{
	font-size:180%;
	text-align:center;
	margin-bottom:15px;
	color:#FF0000;
}


div#merit div.merit_in{
	width: 660px;
	margin: 0 0 40px 0;
}


div.merit_in p.chart{
	width: 660px;
	height:347px;
	margin: 0 auto 30 auto;
}

div#merit p.webentry{
	width:660px;
	margin:50px 0 30px 0;
	text-align:center;
}


div#merit div.merit_in p.pagetop{
	text-align:right;
}

div#merit div.merit_in span{
	color:#FF0000;
	width:660px;
	text-decoration:none;
	padding:5px;
}


/*feautureページ---------------------------------------*/

		
div#hd p.logo{
	width: 294px;
	float:left;
	margin: 0 0 30px 0;
}


div#ct-area-top2 {
	margin:0 auto;
	background:url(../../features/img/feauture_bg.gif) repeat-x TOP;
	padding:0 0 30px 0;
	}


div#features_page {
	width: 860px;
	margin:0 auto;
	background:#FFFFFF;
	padding-top:30px;
	}

div.features_page_in {
	width: 660px;
	margin:0 auto;
	}


div#features_page h1{
	width: 660px;
	margin-bottom:30px;
	}
	
div#features_page div.ct1{
	width:660px;
	margin:0　0　30px 0;
	padding:10 0 10 0px;
}	


div#features_page div.ct1 p.saiyou{
	text-align:center;
}	



div#features_page div.pageh3{
	width:660px;
	height:60px;
	margin: 15px 0px;
	padding-left:30px;
	background:url(../../features/img/pageh3_bg.gif) no-repeat left;
}	

div#features_page div.pageh3 h3{
	width:660px;
	color:#333333;
	float:left;
	font-size:120%;
	font-family: "ヒラギノ角ゴ Pro W6";
	margin: 15px 0px;
}

div#features_page p.syokusyu{
	text-align:center;
}


div#features_page p.pageimg{
	width:660px;
	text-align: left;
}

div#features_page p.btn_img01{
	width:660px;
	margin:15px 0px;
	text-align:center;
}

div#features_page p.btn_img01 a {
	display:block;
	width:660px;
	height:40px;
	outline:none;
}
div#features_page p.btn_img01 a:hover {
	text-indent:-9999px;
	background: url(../../features/img/btn_sumple_on.gif) no-repeat left top;
}


div#features_page p.btn_img02{
	width:660px;
	margin:15px 0px;
	text-align:center;
}

div#features_page p.btn_img02 a {
	display:block;
	width:660px;
	height:40px;
	outline:none;
}
div#features_page p.btn_img02 a:hover {
	text-indent:-9999px;
	background: url(../../features/img/btn_dawnroad_on.gif) no-repeat left top;
}


/*商品紹介ページ------------------------------------*/

div#Assortment{
	width:660px;
	margin:0 auto;
	padding-top:20px;
}


div#Assortment div.pageh3{
	width:660px;
	height:60px;
	margin: 15px 0px;
	padding-left:30px;
	background:url(../../features/img/pageh3_bg.gif) no-repeat left;
}	

div#Assortment div.pageh3 h3{
	width:640px;
	color:#333333;
	float:left;
	font-size:120%;
	font-family: "ヒラギノ角ゴ Pro W6";
	margin: 15px 0px;
}

div#Assortment div.Assortmentchart{
	margin: 0 0 0 15px;
	padding:0px;
}

div#Assortment div.Assortmentchart p{
	display:block;
	float:left;
}

div#ct-area-top2 div.Assortmentchart p.pagetop_text {
	width:110px;
	float:right;
	background:url(../img/arrow.jpg) no-repeat left;
	padding: 0 0 0 10px;
	margin:20px 0px;
}


div#Assortment div.Assortmentchart p.left_on a{
	display:block;
	width:213px;
	height:160px;
	outline:none;
}

div#Assortment div.Assortmentchart p.left_on a:hover {
	text-indent:-9999px;
	background: url(../../features/img/left_on.gif) no-repeat left top;
}

div#Assortment div.Assortmentchart p.center_on a{
	display:block;
	width:213px;
	height:160px;
	outline:none;
}

div#Assortment div.Assortmentchart p.center_on a:hover {
	text-indent:-9999px;
	background: url(../../features/img/center_on.gif) no-repeat left top;
}

div#Assortment div.Assortmentchart p.right_on a{
	display:block;
	width:213px;
	height:160px;
	outline:none;
}

div#Assortment div.Assortmentchart p.right_on a:hover {
	text-indent:-9999px;
	background: url(../../features/img/right_on.gif) no-repeat left top;
}
/*商品サンプル------------------------------------*/

div#features_page div.ct2 ul{
	width:660px;
	margin: 20px 0 20px 0px;
	padding:0px;
}


div#features_page div.ct2 ul li.sample1{
	width:320px;
	float:left;
	margin-bottom:15px;
}

div#features_page div.ct2 ul li.sample2{
	width:320px;
	float:left;
	margin: 0 0 15px 15px;
}

div.features_page_in p.tittle_red{
	font-size:130%;
	font-weight:bold;
	width:660px;
	height:40px;
	background:url(../../Sample/img/red_tittle.gif) no-repeat;
	padding: 10px 0 0 30px;
}

div.features_page_in h3.sample_h3{
	font-size:140%;
	font-weight:bold;
	width:660px;
	height:40px;
	margin: 15px 20px;
	color:#FF0000;
}

div.features_page_in p.tittle_blue{
	font-size:130%;
	font-weight:bold;
	width:660px;
	height:40px;
	background:url(../../Sample/img/blue_tittle.gif) no-repeat;
	padding: 10px 0 0 30px;
}


/*活用事例------------------------------------*/

div.features_page_in table{
	width:660px;
	border-collapse: collapse;
	border: #E3E3E3  solid 1px;
	margin: 10px 0px 30px 0px;
}

div.features_page_in table span{
	color:#FF0000;
	font-weight:bold;
}

div.features_page_in table th{
	background: #C3E3CF;
	border: #E3E3E3  solid 1px;
}

div.features_page_in table td{
	padding: 5px 10px 5px 10px;
	border: #E3E3E3  solid 1px;
}

div.features_page_in table td.caption{
	width:110px;
	text-align:center;
	padding:0px;
}


/*料金案内------------------------------------*/


div.features_page_in table.price{
	width:660px;
	border-collapse: collapse;
	border: #E3E3E3  solid 1px;
	margin: 10px 0px 30px 0px;
}

div.features_page_in table.price th{
	background: #C3E3CF;
	border: #E3E3E3  solid 1px;
}

div.features_page_in table.price td{
	text-align:center;
	padding: 5px 10px 5px 10px;
	border: #E3E3E3  solid 1px;
}

div.features_page_in p.kome{
	text-align:right;
	margin: -30px 0 30px 0;
}


div.features_page_in p.freetrial{
	margin-bottom:30px;
}

div.features_page_in table.price td.lefttext{
	text-align:left;
}


/*手続き------------------------------------*/


div#features_page div.ct3{
	width:660px;
	margin:0px 0 50px 0;
	border-bottom:#999999 solid 1px;
}

div#features_page div.ct3_1{
	width:660px;
	margin:0px 0 10px 0;
	border-bottom:#999999 solid 1px;
}

div#features_page div.ct3 h2{
	font-weight:bold;
	font-size:140%;
	margin:10px 0 10px 0px;
}	

div#features_page div.ct3_1 h2{
	font-weight:bold;
	font-size:140%;
	margin:10px 0 10px 0px;
}	
div#features_page div.ct3 p{
	width:660px;
	margin:0px 0 15px 0;
}

div#features_page div.ct3_1 p{
	width:660px;
	margin:0px 0 15px 0;
}


div#features_page div.ct3 p.entrydawnroad a{
	display:block;
	width:660px;
	height:30px;
	outline:none;
}

div#features_page div.ct3 p.entrydawnroad a:hover {
	text-indent:-9999px;
	background:  url(../../Procedures/img/entrydawnroad_on.gif) no-repeat left top;
}

div#features_page div.ct3 p.trialentrydawnroad a{
	display:block;
	width:660px;
	height:30px;
	outline:none;
}

div#features_page div.ct3 p.trialentrydawnroad a:hover {
	text-indent:-9999px;
	background:  url(../../Procedures/img/trial_entrydawnroad_on.gif) no-repeat left top;
}

div#features_page div.ct3 p.kensadawnroad a{
	display:block;
	width:660px;
	height:30px;
	outline:none;
}

div#features_page div.ct3 p.kensadawnroad a:hover {
	text-indent:-9999px;
	background:  url(../../Procedures/img/kensa_on.gif) no-repeat left top;
}
div#features_page div.contact{
	width:660px;
	margin: 20px 0px;
}

div#features_page div.contact h3{
	margin:15px 0 0 0px;
	font-size:160%;
	text-align:center;
	width:660px;
}

div#features_page div.contact address{
	font-size:140%;
	text-align:center;
	margin:15px 0 0 0;
}


/*プライバシー*/

div.Privacy{
	width:660px;
}

div.Privacy p{
	width:660px;
	margin: 10px 0 35px 0;
}

div.Privacy p span{
	font-size:110%;
	margin: 10px 0 35px 0;
}

div.Privacy_name p{
	text-align:right;
}


/*サイトマップ*/
div#features_page div.sitemap_page_in{
margin: 0 auto;
	width:660px;
}

div#features_page div.sitemap_page_in h1{
	width: 660px;
	margin-bottom:30px;
}

div#features_page div.sitemap_page_in ul{
	width:660px;
	margin-left:40px;
}

div#features_page div.sitemap_page_in ul li{
	width:660px;
	height:40px;
	font-size:140%;
	margin-bottom:10px;
	background:url(../../sitemap/img/tittel_cubu.jpg) no-repeat 0 60%;
	padding: 25px 0 0 45px; 
}


/* フォーム -------------------- */


div.thanks_page_in{
	width:660px;
	height:1000px;
	margin: 0 auto;
}

div.thanks_page_in h1.form_h1{
	font-size:160%;
	width: 610px;
	height:60px;
	padding:15px 0;
	margin-bottom: 20px;
	border-bottom: #00A082 1px solid;
}

div.features_page_in h1.form_h1{
	font-size:160%;
	width: 610px;
	height:60px;
	padding:15px 0;
	margin-bottom: 20px;
	border-bottom: #00A082 1px solid;
}

div.inquiry-box table.free_form{
	width: 660px;
	margin-bottom: 10px;
}


div.inquiry-box table.form{
	width: 660px;
	margin-bottom: 20px;
}

div.inquiry-box h2{
	font-size:110%;
	margin: 0 0 20px 0;
}

div.inquiry-box table{
	border-top: 1px solid #cccccc;
}

div.inquiry-box th{
	width: 130px;
	padding: 8px 12px;
	background: #fef1ea;
	border-bottom: 1px solid #cccccc;
	text-align: left;
	font-weight: normal;
}

div.inquiry-box td{
	padding: 8px 12px;
	border-bottom: 1px solid #cccccc;
}

div.inquiry-box input.inp{
	width:200px;
}

div.inquiry-box input.inpPersons{
	width:40px;
}


div.inquiry-box input.inp2{
	width:80px;
}

div.inquiry-box textarea.inp3{
	width:400px;
	height:160px;
}

div.inquiry-box input.inp5{
}

div.inquiry-box tr span {
	color: #FF0000;
	font-size:80%;
	font-weight:normal;
}

div.inquiry-box td p.p_free {
	color: #FF0000;
	font-size:110%;
	font-weight:normal;
}

div.inquiry-box div.contact-btn{
	margin: 10px 0 30px 0;
	text-align: center;
}
div.inquiry-box input.reset{
	width: 100px;
	height: 24px;
	margin: 0 10px 0 0;
}
div.inquiry-box input.submit{
	width: 100px;
	height: 24px;
	margin: 0 0 0 10px;
}


div.thanks_page_in p.thankyou{
	font-size:140%;
}

div.thanks_page_in p.cubictop{
	margin: 50px 0 800px 0px;
	width:330px;
	float:right;
}