@charset "utf-8";

/* 
 * 左ブロック
 * 
 *
 */
/* common =================== */
/* 各ページに共通のレイアウト。例外はoverrideせよ */
/* 大見出し */
h2 {
	padding: 45px 0 24px 0;
	margin: 0;
}
h2#first_head {
	padding: 0 0 24px 0;
	margin: 0;
}
/* 1段組み */
.singlecol {
	width: 722px;
}
/* 2段組み overrideしなければ中間50px、1:1で割る */
.twocol_left {
	float: left;
	width: 336px;
	padding: 0 50px 0 0;
	margin: 0 0 0 0;
}
.twocol_right {
	float: left;
	width: 336px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#toplink{
	width:722px;
	text-align:right;
	font-size:75%;
}

/* top ======================= */
#top #swf_container {
	width: 960px;
	height: 300px;
	padding: 0 0 30px 0;
	margin: 0 auto 0 auto;
}
#top #btn_results{
	margin:0px 0 0 0;
	padding:0px;
}
#top #swf_container #btn_results a {
	display: block;
	width: 143px;
	height: 32px;
	margin: 0px auto 0 auto;
	background: transparent url(../../images/main-btn.gif) no-repeat 0 0;
}
#top #swf_container #btn_results a:hover {
	background: transparent url(../../images/main-btn.gif) no-repeat 0 -32px;
}
#top #solution td {
	width: 136px;
	padding: 0 10px 0 0;
	margin: 0;
	font-size: 90%;
	line-height: 1.4em;
}
#top #solution thead td {
	padding-bottom: 12px;
}
#top #solution td.end {
	padding-right: 0;
}
#top #solution tfoot td {
	text-align: center;
	padding: 0 0 0 11px;
}
#top #solution tfoot td a {
	display: block;
	width: 113px;
	height: 32px;
	background: transparent url(../../images/generalbtn-more.gif) no-repeat 0 0;
}
#top #solution tfoot td a:hover {
	background: transparent url(../../images/generalbtn-more.gif) no-repeat 0 -32px;
}
#top .webiz.twocol_left {
	float: left;
	width: 245px;
	padding: 0 30px 0 0;
	margin: 0 0 0 0;
}
#top .webiz.twocol_right {
	float: left;
	width: 290px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#top .webiz.twocol_left.serv a,
#top .webiz.twocol_right.serv a {
	display: block;
	width: 113px;
	height: 32px;
	margin: 20px 0 0 65px;
	background: transparent url(../../images/generalbtn-more.gif) no-repeat 0 0;
}
#top .webiz.twocol_left.serv a:hover,
#top .webiz.twocol_right.serv a:hover {
	background: transparent url(../../images/generalbtn-more.gif) no-repeat 0 -32px;
}
#top .pac.twocol_left {
	float: left;
	width: 245px;
	padding: 0 30px 0 0;
	margin: 0 0 0 0;
}
#top .pac.twocol_right {
	float: left;
	width: 290px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#top .pac.twocol_left.serv a,
#top .pac.twocol_right.serv a {
	display: block;
	width: 113px;
	height: 32px;
	margin: 20px 0 0 65px;
	background: transparent url(../../images/generalbtn-more.gif) no-repeat 0 0;
}
#top .pac.twocol_left.serv a:hover,
#top .pac.twocol_right.serv a:hover {
	background: transparent url(../../images/generalbtn-more.gif) no-repeat 0 -32px;
}
#top .twocol_left {
	float: left;
	width: 270px;
	padding: 0 30px 0 0;
	margin: 0 0 0 0;
}
#top .twocol_right {
	float: left;
	width: 270px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#top .singlecol {
	width: 570px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#top .twocol_left.serv p,
#top .twocol_right.serv p {
	padding: 0 0 1em 53px;
}
#top .twocol_left.serv a,
#top .twocol_right.serv a {
	display: block;
	width: 113px;
	height: 32px;
	margin: 0 0 0 104px;
	background: transparent url(../../images/generalbtn-more.gif) no-repeat 0 0;
}
#top .twocol_left.serv a:hover,
#top .twocol_right.serv a:hover {
	background: transparent url(../../images/generalbtn-more.gif) no-repeat 0 -32px;
}
#top .twocol_right .btn_services a {
	display: block;
	width: 143px;
	height: 32px;
	margin: 0 0 0 127px;
	background: transparent url(../../images/top-service-btn.gif) no-repeat 0 0;
}
#top .twocol_right .btn_services a:hover {
	background: transparent url(../../images/top-service-btn.gif) no-repeat 0 -32px;
}

#top #research {
	background: transparent url(../../images/top-services-research-bg.jpg) no-repeat 0 0;
}
#top #design {
	background: transparent url(../../images/top-services-design-bg.jpg) no-repeat 0 0;
}
#top #blog {
	background: transparent url(../../images/top-services-blog-bg.jpg) no-repeat 0 0;
}
#top #photo {
	background: transparent url(../../images/top-services-photo-bg.jpg) no-repeat 0 0;
}
#top #develop {
	background: transparent url(../../images/top-services-develop-bg.jpg) no-repeat 0 0;
}
#top #flash {
	background: transparent url(../../images/top-services-flash-bg.jpg) no-repeat 0 0;
}
#top #cms {
	background: transparent url(../../images/top-services-cms-bg.jpg) no-repeat 0 0;
}
#top #news_table {
	width: 100%;
	padding: 0;
	margin: 0;
}
#top #news_table td.date {
	width: 100px;
	padding: 0;
	margin: 0;
}
#top #news_table td.text {
	width: 470px;
	padding: 0;
	margin: 0;
}
#top #blog_table {
	width: 100%;
	padding: 0;
	margin: 0;
}
#top #blog_table td.date {
	width: 100px;
	padding: 0;
	margin: 0;
}
#top #blog_table td.text {
	width: 470px;
	padding: 0;
	margin: 0;
}
#top .staff_introduction {
	list-style: none;
}
#top .staff_introduction li{
	float:left;
	margin-right:20px;
}
#top #staff_recruit {
	margin: 0 auto;
	padding-bottom: 30px;
	width:205px;
}

/* company =================== */
#company .twocol_left {
	float: left;
	width: 302px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#company .twocol_right {
	float: right;
	width: 400px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#company .twocol_left_logo {
	float: left;
	width: 341px;
	padding: 0 60px 0 0;
	margin: 0 0 0 0;
}
#company .twocol_right_logo {
	float: left;
	width: 321px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#company #logo_youe {
	padding: 144px 0 24px 0;
}
#company .twocol_left_logo .services {
	padding: 10px 0 10px 0;
}
#company .twocol_left_logo .staff {
	padding: 0 0 10px 0;
}
#company .twocol_left_logo .services a,
#company .twocol_left_logo .staff a {
	display: block;
	width: 143px;
	height: 32px;
	margin: 0 0 0 99px;
}
#company .twocol_left_logo .services a {
	background: transparent url(../../images/top-service-btn.gif) no-repeat 0 0;
}
#company .twocol_left_logo .staff a {
	background: transparent url(../../images/company-staff-btn.gif) no-repeat 0 0;
}
#company .twocol_left_logo .services a:hover {
	background: transparent url(../../images/top-service-btn.gif) no-repeat 0 -32px;
}
#company .twocol_left_logo .staff a:hover {
	background: transparent url(../../images/company-staff-btn.gif) no-repeat 0 -32px;
}
#company .twocol_left address{
	font-style:normal;
}


/* diagnosis =================== */
#diagnosis .twocol_left {
	float: left;
	width: 50%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#diagnosis .twocol_right {
	float: right;
	width: 50%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#diagnosis .twocol_right img {
	padding: 0 0 0 70px;
	margin: 70px 0 0 0;
}
#diagnosis #application {
	padding: 2em 0 0 0;
}

#diagnosis .btn_ad {
	padding: 0 0 0 100px;
	margin: 20px 0 0 0;
}
#diagnosis #btn_diagnosis a {
	display: block;
	width: 143px;
	height: 32px;
	margin: 20px 0 10px 130px !important;
	margin: 20px 0 10px 0px;
	background: transparent url(../../images/diagnosis-ranking-btn.gif) no-repeat 0 0;
}
#diagnosis #btn_diagnosis a:hover{
	background: transparent url(../../images/diagnosis-ranking-btn.gif) no-repeat 0 -32px;
}
#diagnosis #btn_diagnosis_entry a {
	display: block;
	width: 143px;
	height: 32px;
	margin: 20px 0 10px 110px !important;
	margin: 20px 0 10px 0px;
	background: transparent url(../../images/diagnosis-entry-btn.gif) no-repeat 0 0;
}
#diagnosis #btn_diagnosis_entry a:hover{
	background: transparent url(../../images/diagnosis-entry-btn.gif) no-repeat 0 -32px;
}
#diagnosis .thecol_left {
	float: left;
	width: 223px;
	padding: 0 25px 0 0;
	margin: 0 0 0 0;
}
#diagnosis .thecol_center {
	float: left;
	width: 223px;
	padding: 0 25px 0 0;
	margin: 0 0 0 0;
}
#diagnosis .thecol_right {
	float: left;
	width: 223px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#diagnosis .foucol_01 {
	float: left;
	width: 180px;
	padding: 0 0 0 0;
	margin: 45px 0 0 0;
}
#diagnosis .foucol_02 {
	float: left;
	width: 180px;
	padding: 0 0 0 0;
	margin: 45px 0 0 0;
}
#diagnosis .foucol_03 {
	float: left;
	width: 180px;
	padding: 0 0 0 0;
	margin: 45px 0 0 0;
}
#diagnosis .foucol_04 {
	float: left;
	width: 180px;
	padding: 0 0 0 0;
	margin: 45px 0 0 0;
}

#diagnosis .foucol_text {
	float: left;
	width: 340px;
	padding: 0 20px 0 0;
	margin: 45px 0 0 0;
	font-size:11px;
}
#diagnosis .foucol_btn {
	float: left;
	width: 180px;
	padding: 0 0 0 0;
	margin: 70px 0 0 0;
}
#diagnosis table#evaluation {
	width:650px;
	padding: 0 0 0 0;
	margin: 30px 0 0 0;
	font-size:0.9em;
}
#diagnosis table#evaluation  th {
	padding: 2px;
	background-color:#999;
	color:#FFF;
	margin: 0px 0 0 0;
}
#diagnosis table#evaluation td {
	padding: 5px;
	background-color:#fff;
	margin: 0 0 0 0;
}
#diagnosis table#evaluation .table_left {
	width: 100px;
}
#diagnosis table#evaluation .even td {
	background-color:#eee;
}
#diagnosis table.ranking{
	margin-bottom:15px;
}

#diagnosis #form_area{
	border:20px solid #ccc;
	text-align:center;
	padding:10px;
	margin-top:30px;
}

#form_area h3{
	padding:0;
	margin:0;
}

#diagnosis #form_area table {
	border-bottom:dotted #ccc 1px;
	width:622px;
	margin:20px auto;
	text-align:left;
}

#diagnosis #form_area td{
padding:10px;
}

#form_area .white {
	background-color:#FFF;
	border-top:dotted #ccc 1px;
}

#form_area .gray {
	background-color:#eee;
	border-top:dotted #ccc 1px;
}

/* results =================== */
#results .fifcol_01 {
	float: left;
	width: 141px;
	padding: 0 0 0 1px;
	margin: 40px 0 0 0;
	text-align:center;
}
#results .fifcol_01 p .results_p{
	font-size:0.9em;
}
#results .fifcol_02 {
	float: left;
	width: 141px;
	padding: 0 0 0 0;
	margin: 40px 0 0 0;
	text-align:center;
}
#results .fifcol_02 p .results_p{
	font-size:0.9em;
}
#results .fifcol_03 {
	float: left;
	width: 141px;
	padding: 0 0 0 0;
	margin: 40px 0 0 0;
	text-align:center;
}
#results .fifcol_03 p .results_p{
	font-size:0.9em;
}
#results .fifcol_04 {
	float: left;
	width: 141px;
	padding: 0 0 0 0;
	margin: 40px 0 0 0;
	text-align:center;
}
#results .fifcol_04 p .results_p{
	font-size:0.9em;
}
#results .fifcol_05 {
	float: left;
	width: 141px;
	padding: 0 0 0 0;
	margin: 40px 0 0 0;
	text-align:center;
}
#results .fifcol_05 p .results_p{
	font-size:0.9em;
}

#results .fifcol_06 {
	float: left;
	width: 141px;
	padding: 0 0 0 0;
	margin: 40px 0 0 0;
	text-align:center;
}
#results .fifcol_06 p .results_p{
	font-size:0.9em;
}
#results .result_linkbtn {
	text-align:left;
	width: 140px;
	height: 32px;
}
#results .result_linkbtn a {
	display: block;
	width: 140px;
	height: 32px;
	background: transparent url(../../images/results-more-btn.gif) no-repeat 0 0;
}
#results .result_linkbtn a:hover {
	background: transparent url(../../images/results-more-btn.gif) no-repeat 0 -32px;
}

/* results　詳細 =================== */
/* results_menu*/
#results .results_menu .before,
#results .results_menu .all,
#results .results_menu .next {
	float: left;
	padding: 10px 0;
}
#results .results_menu li {
	list-style-type: none;
}
#results .results_menu a {
	display: block;
}


/* global_menuのリンク画像 */
#results .results_menu .before a {
	width: 242px;
	height: 25px;
	background: transparent url(../../images/resultsmenu_before.gif) no-repeat 0 0;
}
#results .results_menu .all a {
	width: 237px;
	height: 25px;
	background: transparent url(../../images/resultsmenu_all.gif) no-repeat 0 0;
}
#results .results_menu .next a {
	width: 243px;
	height: 25px;
	background: transparent url(../../images/resultsmenu_next.gif) no-repeat 0 0;
}
#results .results_menu .before a:hover {
	background: transparent url(../../images/resultsmenu_before.gif) no-repeat 0 -25px;
}
#results .results_menu .all a:hover {
	background: transparent url(../../images/resultsmenu_all.gif) no-repeat 0 -25px;
}
#results .results_menu .next a:hover {
	background: transparent url(../../images/resultsmenu_next.gif) no-repeat 0 -25px;
}


#results .twocol_left {
	float: left;
	width: 50%;
	padding: 0;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#results .twocol_left .large{
	font-size:120%;
	font-weight:bold;
}
#results .twocol_left ol{
	margin:10px 0;
	list-style-position:inside;
	background-color:#fff;
	border:1px solid #dcdcdc;
	padding:10px;
}

#results .twocol_left p{
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
}
#results .twocol_left img{
	border: 1px solid #dcdcdc;
}
#results .title {
	padding: 0;
	font-size:1.3em;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#results .sml{
	font-size:0.8em;
}
#results .twocol_left table {
	padding: 0;
	margin: 40px 0 0 0;
	width:350px;
	border-bottom:1px dotted #ccc;
}

#results .twocol_left td {
	padding:5px;
	margin: 40px 0 0 0;
}
#results .twocol_right {
	float: left;
	text-align:right;
	width: 50%;
	padding: 0 0 0 0;
	margin: 40px 0 0 0;
}
#results .twocol_right img{
	border: 1px solid #dcdcdc;
}
#results .white{
	background-color:#fff;
	border-top:1px dotted #ccc;
}
#results .gray{
	background-color:#eee;
	border-top:1px dotted #ccc;
}
#results .w80{
	width:80px;
}
#results .w10{
	width:10px;
}

#results .twocol_left p{
	padding:0 0 20px 0;
}
/*results-inquiry_btn*/
#results #btn_inquiry a {
	display: block;
	width: 206px;
	height: 63px;
	margin: 0px auto;
	background: transparent url(../../images/price-inquiry-btn.gif) no-repeat 0 0;
}
#results #btn_inquiry a:hover {
	background: transparent url(../../images/price-inquiry-btn.gif) no-repeat 0 -63px;
}

/*results-06img*/
#results .twocol_right p{
	width:150px;
	padding:0 0 0 20px;
	float:left;
}

/* beforeafter =================== */
#beforeafter #left_block strong {
	color: #cc3333;
}
#beforeafter .twocol_left {
	float: left;
	width: 507px;
	padding: 30px 0 0 0;
	margin: 0 0 0 0;
}

#beforeafter .twocol_left strong{
	color:#cc3333;
}

#beforeafter .twocol_right {
	float: left;
	width: 215px;
	padding: 30px 0 0 0;
	margin: 0 0 0 0;
}
#beforeafter .twocol_left p,
#beforeafter .twocol_right p {
	width:350px;
	padding:20px 0 20px 40px;
}

#beforeafter .pac_title {
	font-weight: bold ;
	color: #888888;
}

#pac_option{
	border:20px solid #ccc;
	text-align:center;
	padding:10px;
	margin-top:30px;
}

#beforeafter #pac_option table {
	border-bottom:dotted #ccc 1px;
	width:622px;
	margin:20px auto;
	text-align:left;
}

#beforeafter .white {
	background-color:#FFF;
	border-top:dotted #ccc 1px;
}

#beforeafter .gray {
	background-color:#eee;
	border-top:dotted #ccc 1px;
}

#beforeafter #pac_option .item{
	width:140px;
	padding:10px;
	border-top:dotted 1px #999;
	vertical-align:middle;
}

#beforeafter #pac_option .price {
	width:120px;
	padding:10px;
	border-top:dotted 1px #999;
	text-align:right;
	vertical-align:middle;
}

#beforeafter #pac_option .content{
	padding:10px;
	border-top:dotted 1px #999;
	vertical-align:middle;
}

#running{
	margin-top:20px;
}

#beforeafter .running .item{
	width:140px;
	padding:10px;
	border-top:dotted 1px #999;
	vertical-align:middle;
}

#beforeafter .running .price {
	width:120px;
	padding:10px;
	border-top:dotted 1px #999;
	text-align:right;
	vertical-align:middle;
}

#beforeafter .running .content{
	padding:10px;
	border-top:dotted 1px #999;
	vertical-align:middle;
}

#beforeafter .btn_pac a {
	display: block;
	width: 143px;
	height: 32px;
	margin: 20px 0 10px 300px !important;
	margin: 20px 0 10px 0px;
	background: transparent url(../../images/service-pac-btn.gif) no-repeat 0 0;
}
#beforeafter .btn_pac a:hover {
	background: transparent url(../../images/service-pac-btn.gif) no-repeat 0 -32px;
}

/* beforeafter（パック事例） =================== */

#beforeafter #jirei{
	padding:0 0 0 0;
	margin:10px 0 10px 0;
	font-size:1.6em;
}
#beforeafter #jirei a{
	padding:0 0 0 0;
	margin:10px 0 10px 0;
	font-size:0.9em;
}
#beforeafter .jirei p{
	padding:5px;
}

#beforeafter .jirei ul{
margin:0 0 0 20px;
}

#beforeafter .jirei h3{
	margin:20px auto;
}

#beforeafter .running p.btn_inquiry a {
	display: block;
	width: 143px;
	height: 32px;
	margin: 20px 0 10px 300px !important;
	margin: 20px 0 10px 300px;
	background: transparent url(../../images/price-inquiry-btn.gif) no-repeat 0 0;
}
#beforeafter .running p.btn_inquiry a:hover {
	background: transparent url(../../images/price-inquiry-btn.gif) no-repeat 0 -32px;
}


/* service =================== */
#services #left_block strong {
	color: #cc3333;
}
#services .twocol_left {
	float: left;
	width: 350px;
	padding: 0 22px 0 0;
	margin: 30px 0 0 0;
}

#services .twocol_left strong{
	color:#cc3333;
}

#services .twocol_right {
	float: left;
	width: 350px;
	padding: 0 0 0 0;
	margin: 30px 0 0 0;
}
#services .twocol_left p,
#services .twocol_right p {
	width:350px;
}

#services #btn_diagnosis,
#services #btn_menu,
#services #btn_workflow
#services #btn_price
#services #btn_pac{
	padding: 10px 0 10px 207px !important;
	padding: 10px 0 10px 0px;
}

#services #btn_webiz a {
	display: block;
	width: 143px;
	height: 32px;
	margin: 20px 0 10px 100px !important;
	margin: 20px 0 10px 0px;
	background: transparent url(../../images/service-webiz-btn.gif) no-repeat 0 0;
}
#services #btn_diagnosis a {
	display: block;
	width: 143px;
	height: 32px;
	background: transparent url(../../images/service-diagnosis-btn.gif) no-repeat 0 0;
}
#services #btn_menu a {
	display: block;
	width: 143px;
	height: 32px;
	background: transparent url(../../images/service-menu-btn.gif) no-repeat 0 0;
}
#services #btn_workflow a {
	display: block;
	width: 143px;
	height: 32px;
	margin: 20px 0 10px 100px !important;
	margin: 20px 0 10px 0px;
	background: transparent url(../../images/service-workflow-btn.gif) no-repeat 0 0;
}
#services #btn_webiz a:hover {
	background: transparent url(../../images/service-webiz-btn.gif) no-repeat 0 -32px;
}
#services #btn_diagnosis a:hover {
	background: transparent url(../../images/service-diagnosis-btn.gif) no-repeat 0 -32px;
}
#services #btn_menu a:hover {
	background: transparent url(../../images/service-menu-btn.gif) no-repeat 0 -32px;
}
#services #btn_workflow a:hover {
	background: transparent url(../../images/service-workflow-btn.gif) no-repeat 0 -32px;
}

#services #btn_inquiry a {
	display: block;
	width: 143px;
	height: 32px;
	margin: 20px 0 10px 100px !important;
	margin: 20px 0 10px 0px;
	background: transparent url(../../images/price-inquiry-btn.gif) no-repeat 0 0;
}
#services #btn_inquiry a:hover {
	background: transparent url(../../images/price-inquiry-btn.gif) no-repeat 0 -32px;
}

#services .inquiry p.btn_inquiry a {
	display: block;
	width: 208px;
	height: 63px;
	margin: 20px 0 0px 300px !important;
	margin: 20px 0 0px 0px;
	background: transparent url(../../images/price-inquiry-btn.gif) no-repeat 0 0;
}
#services .inquiry p.btn_inquiry a:hover {
	background: transparent url(../../images/price-inquiry-btn.gif) no-repeat 0 -63px;
}

#services .inquiry p.btn_jisseki a {
	display: block;
	width: 143px;
	height: 32px;
	margin: 20px 0 0px 300px !important;
	margin: 20px 0 0px 0px;
	background: transparent url(../../images/jisseki-btn.gif) no-repeat 0 0;
}
#services .inquiry p.btn_jisseki  a:hover {
	background: transparent url(../../images/jisseki-btn.gif) no-repeat 0 -32px;
}

#services #btn_price a {
	display: block;
	width: 143px;
	height: 32px;
	margin: 20px 0 10px 100px !important;
	margin: 20px 0 10px 0px;
	background: transparent url(../../images/services-price-btn.gif) no-repeat 0 0;
}
#services #btn_price a:hover {
	background: transparent url(../../images/services-price-btn.gif) no-repeat 0 -32px;
}


#services #btn_pac a {
	display: block;
	width: 143px;
	height: 32px;
	margin: 20px 0 10px 100px !important;
	margin: 20px 0 10px 0px;
	background: transparent url(../../images/service-pac-btn.gif) no-repeat 0 0;
}
#services #btn_pac a:hover {
	background: transparent url(../../images/service-pac-btn.gif) no-repeat 0 -32px;
}


/* service（パック） =================== */
#services .twocol_right.pack {
	width: 350px;
	padding: 12px 12px 12px 12px;
	background: transparent url(../../images/pac-twocolright-bg.gif) repeat-y;
}
#services .twocol_right.pack p {
	width: 350px;
}
#services .twocol_right.pack ul {
	width: 350px;
}
#services .twocol_right.pack li {
	list-style-position: inside ;
	padding-left: 1em;
	text-indent: -1em;
}
#services .pac_title {
	font-weight: bold ;
	color: #888888;
}

#pac_option{
	border:20px solid #ccc;
	text-align:center;
	padding:10px;
	margin-top:30px;
}

#services #pac_option table {
	border-bottom:dotted #ccc 1px;
	width:622px;
	margin:20px auto;
	text-align:left;
}

#services .white {
	background-color:#FFF;
	border-top:dotted #ccc 1px;
}

#services .gray {
	background-color:#eee;
	border-top:dotted #ccc 1px;
}

#services #pac_option .item{
	width:140px;
	padding:10px;
	border-top:dotted 1px #999;
	vertical-align:middle;
}

#services #pac_option .price {
	width:120px;
	padding:10px;
	border-top:dotted 1px #999;
	text-align:right;
	vertical-align:middle;
}

#services #pac_option .content{
	padding:10px;
	border-top:dotted 1px #999;
	vertical-align:middle;
}

#running{
	margin-top:20px;
}

#services .running .item{
	width:140px;
	padding:10px;
	border-top:dotted 1px #999;
	vertical-align:middle;
}

#services .running .price {
	width:120px;
	padding:10px;
	border-top:dotted 1px #999;
	text-align:right;
	vertical-align:middle;
}

#services .running .content{
	padding:10px;
	border-top:dotted 1px #999;
	vertical-align:middle;
}

#services .btn_pac a {
	display: block;
	width: 143px;
	height: 32px;
	margin: 20px 0 10px 300px !important;
	margin: 20px 0 10px 0px;
	background: transparent url(../../images/service-pac-btn.gif) no-repeat 0 0;
}
#services .btn_pac a:hover {
	background: transparent url(../../images/service-pac-btn.gif) no-repeat 0 -32px;
}



/* faq=======================*/
#faq p{
padding-bottom:20px;
}

#faq .toggle_container 
,#faq .toggle_container_first{
padding:0 10px 20px 10px;
}


#faq .q1 a{
display:block;
background-image:url(../../images/h3_q1.gif);
width:722px;
height:30px;
}

#faq .q1 a:hover{
display:block;
background-image:url(../../images/h3_q1.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q2 a{
display:block;
background-image:url(../../images/h3_q2.gif);
width:722px;
height:30px;
}

#faq .q2 a:hover{
display:block;
background-image:url(../../images/h3_q2.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q3 a{
display:block;
background-image:url(../../images/h3_q3.gif);
width:722px;
height:30px;
}

#faq .q3 a:hover{
display:block;
background-image:url(../../images/h3_q3.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q4 a{
display:block;
background-image:url(../../images/h3_q4.gif);
width:722px;
height:30px;
}

#faq .q4 a:hover{
display:block;
background-image:url(../../images/h3_q4.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q5 a{
display:block;
background-image:url(../../images/h3_q5.gif);
width:722px;
height:30px;
}

#faq .q5 a:hover{
display:block;
background-image:url(../../images/h3_q5.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q6 a{
display:block;
background-image:url(../../images/h3_q6.gif);
width:722px;
height:30px;
}

#faq .q6 a:hover{
display:block;
background-image:url(../../images/h3_q6.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q7 a{
display:block;
background-image:url(../../images/h3_q7.gif);
width:722px;
height:30px;
}

#faq .q7 a:hover{
display:block;
background-image:url(../../images/h3_q7.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q8 a{
display:block;
background-image:url(../../images/h3_q8.gif);
width:722px;
height:30px;
}

#faq .q8 a:hover{
display:block;
background-image:url(../../images/h3_q8.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q9 a{
display:block;
background-image:url(../../images/h3_q9.gif);
width:722px;
height:30px;
}

#faq .q9 a:hover{
display:block;
background-image:url(../../images/h3_q9.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q10 a{
display:block;
background-image:url(../../images/h3_q10.gif);
width:722px;
height:30px;
}

#faq .q10 a:hover{
display:block;
background-image:url(../../images/h3_q10.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q11 a{
display:block;
background-image:url(../../images/h3_q11.gif);
width:722px;
height:30px;
}

#faq .q11 a:hover{
display:block;
background-image:url(../../images/h3_q11.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q12 a{
display:block;
background-image:url(../../images/h3_q12.gif);
width:722px;
height:30px;
}

#faq .q12 a:hover{
display:block;
background-image:url(../../images/h3_q12.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q13 a{
display:block;
background-image:url(../../images/h3_q13.gif);
width:722px;
height:30px;
}

#faq .q13 a:hover{
display:block;
background-image:url(../../images/h3_q13.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q14 a{
display:block;
background-image:url(../../images/h3_q14.gif);
width:722px;
height:30px;
}

#faq .q14 a:hover{
display:block;
background-image:url(../../images/h3_q14.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q15 a{
display:block;
background-image:url(../../images/h3_q15.gif);
width:722px;
height:30px;
}

#faq .q15 a:hover{
display:block;
background-image:url(../../images/h3_q15.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q16 a{
display:block;
background-image:url(../../images/h3_q16.gif);
width:722px;
height:30px;
}

#faq .q16 a:hover{
display:block;
background-image:url(../../images/h3_q16.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q17 a{
display:block;
background-image:url(../../images/h3_q17.gif);
width:722px;
height:30px;
}

#faq .q17 a:hover{
display:block;
background-image:url(../../images/h3_q17.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q18 a{
display:block;
background-image:url(../../images/h3_q18.gif);
width:722px;
height:30px;
}

#faq .q18 a:hover{
display:block;
background-image:url(../../images/h3_q18.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q19 a{
display:block;
background-image:url(../../images/h3_q19.gif);
width:722px;
height:30px;
}

#faq .q19 a:hover{
display:block;
background-image:url(../../images/h3_q19.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q20 a{
display:block;
background-image:url(../../images/h3_q20.gif);
width:722px;
height:30px;
}

#faq .q20 a:hover{
display:block;
background-image:url(../../images/h3_q20.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q21 a{
display:block;
background-image:url(../../images/h3_q21.gif);
width:722px;
height:30px;
}

#faq .q21 a:hover{
display:block;
background-image:url(../../images/h3_q21.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q22 a{
display:block;
background-image:url(../../images/h3_q22.gif);
width:722px;
height:30px;
}

#faq .q22 a:hover{
display:block;
background-image:url(../../images/h3_q22.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q23 a{
display:block;
background-image:url(../../images/h3_q23.gif);
width:722px;
height:30px;
}

#faq .q23 a:hover{
display:block;
background-image:url(../../images/h3_q23.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q24 a{
display:block;
background-image:url(../../images/h3_q24.gif);
width:722px;
height:30px;
}

#faq .q24 a:hover{
display:block;
background-image:url(../../images/h3_q24.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}

#faq .q25 a{
display:block;
background-image:url(../../images/h3_q25.gif);
width:722px;
height:30px;
}

#faq .q25 a:hover{
display:block;
background-image:url(../../images/h3_q25.gif);
width:722px;
height:30px;
background-position:0 -30px;
background-repeat:no-repeat;
}


/* price =================== */

#services h3 {
	padding:0 0 0 0;
	margin:0px 0 0px 0;
	font-size:0.9em;
}

#services h2 {
	font-size:135%;
}

#services .line {
	margin:20px 0;
}

#services .sml {
	font-size:0.8em;
}

#services .h2_logo{
float:left;
padding-top:28px;
padding-right:8px;
}

#services table{
width:722px;
border-bottom:dotted 1px #999;
}

#services th {
	width:550px;
	padding:10px;
	text-align:left;
	font-weight:bold;
	border-top:dotted 1px #999;
	background-color:#F9F9F9;
}

#services #table2 th{
width:350px;
}


#services .yen {
	padding:10px;
	background-color:#F9F9F9;
	border-top:dotted 1px #999;
	text-align:right;
	vertical-align:middle;
}

#services .small{
font-weight:normal;
}

/*services イレギュラー*/
#services .twocol_left.irregular {
	float: left;
	width: 350px;
	padding: 0 22px 0 0;
	margin: 0 0 0 0;
}

#services .twocol_right.irregular {
	float: left;
	width: 350px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#services .twocol_left p,
#services .twocol_right p {
	width:282px;
	margin-top:10px;
}
/*services イレギュラーここまで*/


/* workflow =================== */
#services .flow_twocol_left {
	float: left;
	width: 182px;
	padding: 0 20px 0 0;
	margin: 0 0 0 0;
}

#services .flow_twocol_right {
	float: left;
	width: 520px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#services .flow_twocol_right h3{
	float: left;
	padding: 0 20px 0 0;
	margin: 0 0 0 0;
}

#services .flow_twocol_right p{
	float:left;
	width:325px;
	padding: 0 0 0 0;
	margin: 15px 0 0 0;
}


#services .attention{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size:0.8em;
	color:#cc3333;
}
#services .cb_flow {
	width: 520px;
	height: 3px;
	font-size: 1px;
	background: transparent url(../../images/workflow-line.jpg) no-repeat;	/*  背景をまとめて指定する（半角スペースで区切って設定）。  */
	clear: both;
}

#services .bottom {
	margin:0px 0px 0px 0px;
	padding:10px 0 5px 0;
	text-align:center;
}
		
#services .bottom  a {
	display: block;
	width: 208px;
	height: 63px;
	margin-left:auto;
	margin-right:auto;
	background: transparent url(../../images/price-inquiry-btn.gif) no-repeat 0 0;
}

#services .bottom a:hover {
	background: transparent url(../../images/price-inquiry-btn.gif) no-repeat 0 -63px;
	margin-left:auto;
	margin-right:auto;
}



/* webiz =================== */
#services .twocol_left.webiz {
	float: left;
	width: 50%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#services .logotext {
	padding: 0 0 0 0;
	margin: 0 0 0 75px;
}

#services .twocol_left.webiz p{
	padding: 15px 0 0 0;
	margin: 0 0px 0 0;
	width:340px;
}
#services #left_block p.webiz_singlecol {
	padding: 1em 0 1em 0;
}

#services .twocol_right.webiz {
	float: left;
	width: 50%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#services .twocol_right.webiz p{
	padding: 15px 0 0 0;
	margin: 0 0px 0 0;
	width:340px;
}

#services .twocol_left.webiz p.btn_more a {
	display: block;
	width: 143px;
	height: 32px;
	background: transparent url(../../images/service-workflow-btn.gif) no-repeat 0 0;
	margin-left: auto;
	margin-right: auto;
}

#services .twocol_left.webiz p.btn_more a:hover {
	display: block;
	width: 143px;
	height: 32px;
	background: transparent url(../../images/service-workflow-btn.gif) no-repeat 0 -32px;
	margin-left: auto;
	margin-right: auto;
}


/* inquiry =================== */
#inquiry form {
	padding: 0 0 0 0;
	margin: 30px 0 0 0;
	line-height:180%;
}

#inquiry .attention{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size:0.8em;
	color:#cc3333;
}

#inquiry .twocol_left {
	float: left;
	width: 50%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#inquiry .twocol_right {
	float: left;
	width: 50%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

/* privacy =================== */

#privacy #left_block h3 {
	padding: 30px 0 0 0;
	margin: 0px 0 10px 0;
}

#privacy #left_block p{
	padding: 0 0 0 0;
	margin: 0 0px 10px 0;
}

#privacy #left_block address{
	font-style:normal;
}

/* entry =================== */

#entry h3 {
	padding:0 0 0 0;
	margin:0px 0 0px 0;
	font-size:0.9em;
}

#entry table {
	width:960px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}

#entry th {
	padding:5px;
	text-align:left;
	font-weight:bold;
	vertical-align:top;
	border-top:dotted 1px #999;
	background-color:#CCC;
}

#entry .t1 {
	padding:5px;
	background-color:#F9f9f9;
	border-top:dotted 1px #999;
}

#entry .t2 {
	padding:5px;
	background-color:#FFF;
	border-top:dotted 1px #999;
}

#entry .red {
	color:#C00;
	padding-left:3px;
}

/* saiyo =================== */

#saiyo h3 {
	padding:0 0 0 0;
	margin:0px 0 10px 0;
	font-size:0.9em;
}
#saiyo th {
	padding:10px;
	text-align:left;
	font-weight:bold;
	vertical-align:top;
	border-top:dotted 1px #999;
	background-color:#DEDEDE;
}
#saiyo .t1 {
	padding:10px;
	background-color:#fff;
	border-top:dotted 1px #999;
}
#saiyo .t2 {
	padding:10px;
	background-color:#fff;
	border-top:dotted 1px #999;
}
#saiyo table.general{
	width:550px;
	padding:10px;
	text-align:left;
	vertical-align:top;
	border-top:dotted 1px #999;
	background-color:#CCC;
	margin:20px auto;
}
#saiyo table.general td {
	padding: 1em 1em 1em 1em;
	border-bottom: 1px solid #b1b1b1;
	border-right: 1px solid #b1b1b1;
}

#saiyo table.general td.left{
	font-weight:bold;
	background-color: #DEDEDE;
}
#saiyo table.general td.right{
	background-color: #fff;
}
#saiyo ul{
	list-style:disc;
	color:#900;
	list-style-position:inside;
}

#saiyo span.btn_entry a {
	display: block;
	width: 143px;
	height: 32px;
	margin: 20px auto;
	background: transparent url(../../images/saiyo-btn.gif) no-repeat 0 0;
}
#saiyo span.btn_entry a:hover {
	background: transparent url(../../images/saiyo-btn.gif) no-repeat 0 -32px;
}
#saiyo #btn_pro a {
	display: block;
	float:left;
	width: 180px;
	height: 45px;
	margin: 20px 0 0 50px;
	background: transparent url(../../images/saiyo-pro-btn.gif) no-repeat 0 0;
}
#saiyo #btn_pro a:hover {
	background: transparent url(../../images/saiyo-pro-btn.gif) no-repeat 0 -41px;
}
#saiyo #btn_dir a {
	display: block;
	float:left;
	width: 180px;
	height: 45px;
	margin: 20px 0 0 40px;
	background: transparent url(../../images/saiyo-dierctor-btn.gif) no-repeat 0 0;
}
#saiyo #btn_dir a:hover {
	background: transparent url(../../images/saiyo-dierctor-btn.gif) no-repeat 0 -41px;
}
#saiyo #btn_des a {
	display: block;
	float:left;
	width: 180px;
	height: 45px;
	margin: 20px 0 0 40px;
	background: transparent url(../../images/saiyo-designer-btn.gif) no-repeat 0 0;
}
#saiyo #btn_des a:hover {
	background: transparent url(../../images/saiyo-designer-btn.gif) no-repeat 0 -41px;
}

#saiyo #btn_programer a {
	display: block;
	float:left;
	width: 180px;
	height: 45px;
	margin: 20px 0 0 50px;
	background: transparent url(../../images/saiyo-programer-btn.gif) no-repeat 0 0;
}
#saiyo #btn_programer a:hover {
	background: transparent url(../../images/saiyo-programer-btn.gif) no-repeat 0 -41px;
}

/* webdb =================== */

#webdb #left_block li {
	margin:20px 20px auto;	
	}

.pac_naiyou {
	font-size:11px;
	margin-top:30px;
}
.ab_description_01{
	float:left;
	background:url(../../images/pac_koumuten_page_top_01.jpg) no-repeat;
	width:221px;
	height:158px;
}
.ab_description_01 p{
	padding:70px 10px 0 10px;
}

.ab_description_02{
	float:left;
	background:url(../../images/pac_koumuten_page_top_02.jpg) no-repeat;
	width:221px;
	height:158px;
	margin-left:10px;
}
.ab_description_02 p{
	padding:70px 10px 0 10px;
}
.ab_description_03{
	float:left;
	background:url(../../images/pac_koumuten_page_top_03.jpg) no-repeat;
	width:221px;
	height:158px;
	margin-left:10px;
}
.ab_description_03 p{
	padding:70px 10px 0 10px;
}
.ab_description_04{
	float:left;
	background:url(../../images/pac_koumuten_page_top_04.jpg) no-repeat;
	width:221px;
	height:175px;
}
.ab_description_04 p{
	padding:70px 10px 0 10px;
}
.ab_description_05{
	float:left;
	background:url(../../images/pac_koumuten_page_top_05.jpg) no-repeat;
	width:221px;
	height:172px;
	margin-top:3px;
	margin-left:10px;
}
.ab_description_05 p{
	padding:70px 10px 0 10px;
}
.ab_description_06{
	float:left;
	background:url(../../images/pac_koumuten_page_top_06.jpg) no-repeat;
	width:216px;
	height:171px;
	margin-left:10px;
	margin-top:4px;
}
.ab_description_06 p{
	padding:70px 10px 0 10px;
}
.ab_description_07{
	float:left;
	background:url(../../images/pac_koumuten_page_top_07.jpg) no-repeat;
	width:221px;
	height:166px;
}
.ab_description_07 p{
	padding:70px 10px 0 10px;
}


#insyoku .naiyou {
	padding-bottom:30px;
}

.insyoku_description_01 {
	float:left;
	background:url(../../images/pac_insyoku_page_top_01.jpg) no-repeat;
	width:218px;
	height:199px;
}
.insyoku_description_01 p{
	padding:70px 10px 0 10px;
}
.insyoku_description_02 {
	float:left;
	background:url(../../images/pac_insyoku_page_top_02.jpg) no-repeat;
	width:221px;
	height:199px;
	margin-left:10px;
}
.insyoku_description_02 p{
	padding:70px 10px 0 10px;
}
.insyoku_description_03 {
	float:left;
	background:url(../../images/pac_insyoku_page_top_03.jpg) no-repeat;
	width:217px;
	height:199px;
	margin-left:10px;
}
.insyoku_description_03 p{
	padding:70px 10px 0 10px;
}
.insyoku_description_04 {
	float:left;
	background:url(../../images/pac_insyoku_page_top_04.jpg) no-repeat;
	width:221px;
	height:195px;
}
.insyoku_description_04 p{
	padding:70px 10px 0 10px;
}
.insyoku_description_05 {
	float:left;
	background:url(../../images/pac_insyoku_page_top_05.jpg) no-repeat;
	width:226px;
	height:195px;
}
.insyoku_description_05 p{
	padding:70px 10px 0 20px;
}
.insyoku_description_06 {
	float:left;
	background:url(../../images/pac_insyoku_page_top_06.jpg) no-repeat;
	width:221px;
	height:195px;
	margin-left:10px;
}
.insyoku_description_06 p{
	padding:70px 10px 0 10px;
}
.insyoku_description_07 {
	float:left;
	background:url(../../images/pac_insyoku_page_top_07.jpg) no-repeat;
	width:221px;
	height:195px;
}
.insyoku_description_07 p{
	padding:70px 10px 0 10px;
}
.insyoku_description_08 {
	float:left;
	background:url(../../images/pac_insyoku_page_top_08.jpg) no-repeat;
	width:215px;
	height:195px;
	margin-left:10px;
}
.insyoku_description_08 ul{
	list-style-position:inside;
	padding:60px 10px 0 10px;
}
.insyoku_description_08 p{
	padding:10px 10px 0 10px;
}

#insyoku .white {
	background-color:#FFF;
	border-top:dotted #ccc 1px;
}

#insyoku .gray {
	background-color:#eee;
	border-top:dotted #ccc 1px;
}
#insyoku #pac_option .item{
	width:140px;
	padding:10px;
	border-top:dotted 1px #999;
	vertical-align:middle;
}

#insyoku #pac_option .price {
	width:120px;
	padding:10px;
	border-top:dotted 1px #999;
	text-align:right;
	vertical-align:middle;
}

#insyoku .content{
	padding:10px;
	border-top:dotted 1px #999;
	vertical-align:middle;
	text-align:left;
}
#insyoku .running .item{
	width:140px;
	padding:10px;
	border-top:dotted 1px #999;
	vertical-align:middle;
	text-align:center;
}

#insyoku .running .price {
	width:120px;
	padding:10px;
	border-top:dotted 1px #999;
	text-align:right;
	vertical-align:middle;
}

#insyoku .running .content{
	padding:10px;
	border-top:dotted 1px #999;
	vertical-align:middle;
}
#insyoku .inquiry p.btn_inquiry a {
	display: block;
	width: 208px;
	height: 63px;
	margin: 20px 0 0px 300px !important;
	margin: 20px 0 0px 0px;
	background: transparent url(../../images/price-inquiry-btn.gif) no-repeat 0 0;
}
#insyoku .inquiry p.btn_inquiry a:hover {
	background: transparent url(../../images/price-inquiry-btn.gif) no-repeat 0 -63px;
}