@import url("base.css");
@import url("header-footer.css");
 

/*

for CompanyInfo

*/
/*   title
--------------------------------*/
#contents h1#title-services {
	height: 33px;
	margin-left: 18px;
	margin-bottom: 15px;
	margin-top: 5px;
	display: inline-block;
}

/*   new-services top
--------------------------------*/
#services-top {
	width:900px;
	height:45px;
	margin:0 auto;
	padding:0 auto;
}

/* 
--------------------------------*/
#servive_list_box {

}

#servive_list_box table td {
	padding:5px 20px 20px 20px;
}

/* alpha part
--------------------------------*/
.alpha {
	margin-top:0px;
	margin-bottom:10px;
	padding: 0px;
	float: none;
	padding-top: 0px;
	clear: both;
}
.alpha .main {
	float: left;
	margin-top:20px;
	width: 385px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.alpha .sub{
	margin-top:20px;
	margin-left: 490px;
}

.alpha #message {
	border: 1px dotted #65658B;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: inherit;
}


.alpha #messagearea {
	background-image: url(../common-images/maingraphic_services.gif);
	background-repeat: no-repeat;
	background-position: 480px center;
}

#messagearea .sub img {
	margin-top: 50px;
}
.alpha .main p {
	line-height: 150%;
	font-size: 110%;
}
.alpha .main li {
	font-size: 100%;
	line-height: 180%;
}
.alpha .main ul {
	margin-left: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1em;
}


/*new-services button rollover start
----------------------------*/
.rollover01 {
	width:230px;
	height:70px;
	background:url(../common-images/services_top_caster_s2.png) no-repeat left bottom;
}
.rollover01 a {
	display:block;
	width:230px;
	height:70px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.rollover01 a:hover {
text-indent:-9999px;
} 

.rollover02 {
	width:230px;
	height:70px;
	background:url(../common-images/services_top_data_s2.png) no-repeat left bottom;
}
.rollover02 a {
	display:block;
	width:230px;
	height:70px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.rollover02 a:hover {
text-indent:-9999px;
} 

.rollover03 {
	width:230px;
	height:70px;
	background:url(../common-images/services_top_clear_s2.png) no-repeat left bottom;
}
.rollover03 a {
	display:block;
	width:230px;
	height:70px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.rollover03 a:hover {
text-indent:-9999px;
} 

.rollover04 {
	width:230px;
	height:70px;
	background:url(../common-images/services_top_forecaster_s2.png) no-repeat left bottom;
}
.rollover04 a {
	display:block;
	width:230px;
	height:70px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.rollover04 a:hover {
text-indent:-9999px;
} 

.rollover05 {
	width:230px;
	height:70px;
	background:url(../common-images/services_top_original_s2.png) no-repeat left bottom;
}
.rollover05 a {
	display:block;
	width:230px;
	height:70px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.rollover05 a:hover {
text-indent:-9999px;
} 

.rollover06 {
	width:230px;
	height:70px;
	background:url(../common-images/services_top_semminer_s2.png) no-repeat left bottom;
}
.rollover06 a {
	display:block;
	width:230px;
	height:70px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.rollover06 a:hover {
text-indent:-9999px;
} 

.rollover07 {
	width:230px;
	height:70px;
	background:url(../common-images/services_top_local_s2.png) no-repeat left bottom;
}
.rollover07 a {
	display:block;
	width:230px;
	height:70px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.rollover07 a:hover {
text-indent:-9999px;
} 

.rollover08 {
	width:230px;
	height:70px;
	background:url(../common-images/services_top_pinpoint_s2.png) no-repeat left bottom;
}
.rollover08 a {
	display:block;
	width:230px;
	height:70px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.rollover08 a:hover {
text-indent:-9999px;
} 

.rollover09 {
	width:230px;
	height:70px;
	background:url(../common-images/services_top_event_s2.png) no-repeat left bottom;
}
.rollover09 a {
	display:block;
	width:230px;
	height:70px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.rollover09 a:hover {
text-indent:-9999px;
} 

.rollover10 {
	width:230px;
	height:70px;
	background:url(../common-images/services_top_writing_s2.png) no-repeat left bottom;
}
.rollover10 a {
	display:block;
	width:230px;
	height:70px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.rollover10 a:hover {
text-indent:-9999px;
} 

.rollover11 {
	width:230px;
	height:70px;
	background:url(../common-images/services_top_lewis_s2.png) no-repeat left bottom;
}
.rollover11 a {
	display:block;
	width:230px;
	height:70px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.rollover11 a:hover {
text-indent:-9999px;
} 
/*/*new-services button rollover end
----------------------------*/


/*  yohoushi & joho of toppage
----------------------------*/


#message h2 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 15px;
}


.alpha h2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
}
.beta h2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
}
img#icon_saruyo {
	margin-left: 250px;
}
/*  yohoushi
-----------------------------------*/
.beta {
	margin-top:0px;
	margin-bottom:0px;
	padding: 10px;
	padding-top: 0px;
	clear: both;
}
.beta .main {
	float: left;
	margin-top:0px;
	width: 385px;
	padding-left: 0px;
}
.beta .sub{
	margin-top:0px;
	float: right;
	padding-right: 11px;
	margin-bottom: 20px;
}

.beta div#message {
	border: 1px dotted #65658B;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.beta .main p,
.beta #text p {
	line-height: 150%;
	font-size: 110%;
	margin-bottom: 1em;
}
.beta .main li {
	font-size: 100%;
	line-height: 180%;
}
.beta .main ul {
	margin-left: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1em;
}
.beta div#text {
	width: 420px;
	float:left;
}
div#message img#icon_osaru {
	margin-left: 200px;
}
div#casters ul {
	list-style-type: none;
}
div#casters ul li {
	display: inline;
	margin-left: 17px;
}
div#casters ul li img {
	border: 1px solid #CCCCCC;
}
div#casters {
	clear: both;
	padding-top: 20px;
}
div#casters ul li#first {
	margin-left: 0px;
}
.inner {
	padding: 20px;
}
div#yohoushimessage {
	padding-top: 20px;
	padding-bottom: 20px;
}
div.jisseki {
	padding: 8px;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #FFFFCC;
	border: 1px solid #FF9900;
	clear: both;
}

div.jisseki h3 {
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 8px;
}


/* Thumbnail link for .portait
-------------------------------*/
div#casters ul li a:link img{ border-color: #CCCCCC; border-width:1px; border-top-width:1px; border-left-width:1px;}
div#casters ul li a:visited img{ border-color: #666699; border-width:1px; border-top-width:1px; border-left-width:1px; }
div#casters ul li a:hover img{ border-color: #6666FF; border-width:1px; border-top-width:1px; border-left-width:1px; }
div#casters ul li a:active img{ border-color: #CC66FF;border-width:1px; border-top-width:1px; border-left-width:1px; }

/* gamma
----------------------------------------*/

div.gamma {
	width: 400px;
	margin-top:0px;
	margin-bottom:20px;
	padding: 25px;
	padding-top: 0px;
}
div#koen {
	float: left;
}
div#writing {
	float: right;
	margin-right: 20px;
	padding-left: 0px;
	width: 420px;
}
.main img.sample {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
.gamma .main {
	padding-left: 23px;
	padding-top: 10px;
}
div#koen div.jisseki ul {
	margin-left: 1.5em;
	margin-bottom: 1em;
}
.gamma .main p {
	margin-bottom: 1em;
}
.jisseki p,
.jisseki li {
	font-size: 90%;
	line-height: 110%;
}

#johomessage .sub img{
	margin-top: 21px;
	margin-bottom: 0px;
}

#message {
  margin-bottom: 51px;
}
/*
img#mcd_all {
  margin-top: 51px;
  margin-bottom: 0px;
}
img#mcd_image {
  margin-top: 0px;
  margin-bottom: 0px;
}
*/

.faq-odd {
	width: 415px;
	margin-left: 0px;
	float: left;
	padding-left: 10px;
}
.faq-even {
	width: 415px;
	float: right;
	padding-left: 10px;
}
.faq {
	margin-top: 20px;
}
.faq h3 {
	font-weight: normal;
	font-size: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6666FF;
	border-right-color: #6666FF;
	border-bottom-color: #6666FF;
	border-left-color: #6666FF;
	background-image: url(../common-images/joho_faq_q.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
}
.faq p {
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*   saiyo info
------------------------------*/
div#saiyo div {
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	padding-left: 30px;
}
div#saiyo div h2 {
	margin-bottom: 2em;
	font-size: 110%;
	padding-bottom: 5px;
	width: 90%;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FF9900;
}
div#saiyo div p {
	line-height: 200%;
}
div#saiyo div {
	background-image: url(../common-images/saiyou_osaru.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#message ul {
	margin-left: 1.5em;
}
#saiyo table {
	width: 90%;
	font-size: 80%;
    color: #666666;
    margin-bottom: 30px;
    border: 1px solid #CCCCCC;
    border-collapse: separate;
    border-spacing: 1px;
}
#saiyo table tr td{
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #D9ECFF;
	color: #000000;
}
#saiyo table th {
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #ABD5FF;
	color: #333366;
	width: 7em;
	text-align: center;
}
#saiyo table ol {
	list-style-type: decimal;
	margin-left:2em;
}