@charset "utf-8";

@import url("common.css");

/* コンテンツ共通 Contents Common  //////////////////// */

/* ヘッダ Header */
#title_img {
  float:left;
  width:910px;
  height:117px;
  background:url(../images/common_pagehead.jpg) no-repeat 0 0;
  position:relative;
  }

#menu {
  position:absolute;
  top:82px;
  left:543px;
  }
  #menu ul li { float:left; }
  #menu1 a,#menu2 a,#menu3 a,#menu4 a,#menu5 a {
    display:block;
	text-indent:-9999px;
	height:28px;
	background-image:url(../images/contents_menu.jpg);
	}
  #menu1 a:link  , #menu1 a:visited { width:56px; background-position:-10px 0; }
  #menu1 a:hover , #menu1 a:active  { width:56px; background-position:-10px 28px; }
  #menu2 a:link  , #menu2 a:visited { width:88px; background-position:-65px 0; }
  #menu2 a:hover , #menu2 a:active  { width:88px; background-position:-65px 28px; }
  #menu3 a:link  , #menu3 a:visited { width:59px; background-position:-155px 0; }
  #menu3 a:hover , #menu3 a:active  { width:59px; background-position:-155px 28px; }
  #menu4 a:link  , #menu4 a:visited { width:56px; background-position:-215px 0; }
  #menu4 a:hover , #menu4 a:active  { width:56px; background-position:-215px 28px; }
  #menu5 a:link  , #menu5 a:visited { width:70px; background-position:-273px 0; }
  #menu5 a:hover , #menu5 a:active  { width:70px; background-position:-273px 28px; }

.sub_title {
  background:url(../images/icon_1.gif) no-repeat 0 3px;
  padding-left:18px;
  font-weight:bold;
  font-size:16px;
  color:#FFFFFF;
  }


/* 内容全体 All Matter */
#matter,#matter_ex {
  float:right;
  width:910px;
  height:495px;
  background:url(../images/sample_back.jpg) no-repeat 0 0;
  position:relative;
  }
  #matter_ex {
    background:url(../images/ex_back.jpg) no-repeat 0 0;
	}

#main {
  position:absolute;
  top:47px;
  left:44px;
  width:820px;
  height:398px;
  }

#page_title {
  position:absolute;
  top:8px;
  left:50px;
  font:bold 14px  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
  }


/* 著作権 float Copy */
#copy {
  clear:both;
  }




/* 各コンテンツページ Each Contents page  //////////////////// */

/* 特長 Features */

dl dt {
  background:url(../images/icon_1.gif) no-repeat 0 3px;
  padding-left:18px;
  font-weight:bold;
  font-size:16px;
  color:#FFFFFF;
  }
dl dd {
  margin-left:18px;
  font-size:12px;
  line-height:1.3em;
  color:#FFFFFF;
  margin-bottom:10px;
  }
  #dt_right1,#dt_right2,#dt_right3,#dd_right1,#dd_right2,#dd_right3 { position:absolute; }
  #dt_right1 { top:0;     left:440px; } #dd_right1 { top:20px; left:440px; }
  #dt_right2 { top:125px; left:440px; } #dd_right2 { top:145px; left:440px; }
  #dt_right3 { top:355px; left:440px; } #dd_right3 { top:375px; left:440px; }

dl#features dd ul {
  list-style-type:circle;
  margin-left:30px;
  }


/* 導入事例 Ex */

#matter_ex ul {
  position:absolute;
  top:0;
  left:44px;
  }

#ex {
  position:absolute;
  top:70px;
  left:29px;
  width:851px;
  height:391px;
  background-color:#000000;
  }
#ex_1 ,#ex_2,#ex_3 {
  position:absolute;
  top:10px;
  width:267px;
  background-color:#FFFFFF;
  padding:4px;
  }
  #ex_1 { left:10px;  }
  #ex_2 { left:288px; }
  #ex_3 { left:566px; }

#matter_ex ul {
  position:absolute;
  top:39px;
  left:27px;
  }
#matter_ex ul li {
  float:left;
  margin-left:2px;
  }
  #ex_smenu1 , #ex_smenu2 , #ex_smenu3 , #ex_smenu1 a , #ex_smenu2 a , #ex_smenu3 a {
    display:block;
    text-indent:-9999px;
    width:115px;
    height:31px;
    background-image:url(../images/ex_smenu.jpg);
    }
	#ex_smenu1 a:link  , #ex_smenu1 a:visited { background-position:0 31px; }
	#ex_smenu1 a:hover , #ex_smenu1 a:active  { background-position:0 62px; }
	#ex_smenu2 a:link  , #ex_smenu2 a:visited { background-position:115px 31px; }
	#ex_smenu2 a:hover , #ex_smenu2 a:active  { background-position:115px 62px; }
	#ex_smenu3 a:link  , #ex_smenu3 a:visited { background-position:230px 31px; }
	#ex_smenu3 a:hover , #ex_smenu3 a:active  { background-position:230px 62px; }
	#ex_smenu1 { background-position:0 0; }
	#ex_smenu2 { background-position:115px 0; }
	#ex_smenu3 { background-position:230px 0; }

  #ex_smenu4 {
    position:absolute;
	top:-5px;
	left:645px;
	}
	#ex_smenu4 a {
	  display:block;
	  text-indent:-9999px;
	  width:205px;
	  height:30px;
	  background-image:url(../images/ex_btn2.jpg);
	  }
	  #ex_smenu4 a:link  , #ex_smenu4 a:visited { background-position:0 -30px; }
	  #ex_smenu4 a:hover , #ex_smenu4 a:active  { background-position:0 0; }

.ex_title {
  background-image:url(../images/ex_title_back.gif);
  width:249px;
  height:22px;
  padding:11px 0 0 18px;
  margin-bottom:5px;
  font:12px  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
  color:#000000;
  }

.ex_btn {
  margin-top:8px;
  text-indent:-9999px;
  }
  .ex_btn a {
  display:block;
  width:267px;
  height:31px;
  }
  .ex_btn a:link  , .ex_btn a:visited { background:url(../images/ex_btn1.jpg) 0 -31px; }
  .ex_btn a:hover , .ex_btn a:active  { background:url(../images/ex_btn1.jpg) 0 0; }


/* FAQ */

#main ol {
  list-style-type:decimal;
  padding-left:30px;
  width:280px;
  }
  #main ol li {
    font:12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	color:#FFFFFF;
	margin-top:5px;
	}
	#main ol li a:link  , #main ol li a:visited { color:#FFFFFF; text-decoration:none; }
	#main ol li a:hover , #main ol li a:active  { color:#FFFFFF; text-decoration:underline; }

#faq {
  position:absolute;
  top:-10px;
  left:310px;
  background:url(../images/faq_back.gif) repeat 0 0;
  margin:10px;
  }
  #fqa_margin {
    margin:10px;
	overflow:auto;
	width:480px;
	height:380px;
	}

#faq dl dt {
  background:url(../images/fqa_q.gif) no-repeat 0 0 #000000;
  width:433px;
  padding:4px 4px 4px 23px;
  font:bold 12px  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
  }

#faq dl dd {
  background:url(../images/fqa_a.gif) no-repeat 0 0 #FFFFFF;
  width:427px;
  margin:0 0 10px 0;
  padding:4px 10px 10px 23px;
  font:12px/1.5em  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
  color:#000000;
  }

#faq dl dd table {
  border-collapse:collapse;
  border:1px solid #666666;
  border-spacing:0;
  empty-cells:show;
  margin:5px 0;
  }
  #faq dl dd table th {
    padding:5px;
	border:1px solid #666666;
	}
  #faq dl dd table td {
    padding:5px;
	border:1px solid #666666;
	font-size:12px;@
	}

#faq dl dd ol {
  list-style-type:decimal;
  padding-left:30px;
  width:auto;
  }
  #faq dl dd ol li {
    font:12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	color:#000000;
	margin-top:5px;
	}

/* 料金 Cost */

#cost_left {
  margin-right:10px;
  float:left;
  }

#cost_right {
  float:right;
  width:380px;
  }

table#cost_list1 , table#cost_list2 ,table#cost_list3 {
  border-collapse:collapse;
  border-spacing:0;
  empty-cells:show;
  margin:0;
  background-color:#FFFFFF;
  }
  table#cost_list1 td , table#cost_list2 td , table#cost_list3 td {
    padding:3px;
	font-size:12px;
	color:#000000;
	}
  table#cost_list1 , table#cost_list1 th , table#cost_list1 td { border:1px solid #126436; }
  table#cost_list2 , table#cost_list2 th , table#cost_list2 td { border:1px solid #146292; }
  table#cost_list3 , table#cost_list3 th , table#cost_list3 td { border:1px solid #630E13; }

table#cost_list1 caption , table#cost_list2 caption , table#cost_list3 caption {
  font:bold 12px  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
  color:#FFFFFF;
  width:422px;
  margin:10px 0 0 0;
  padding:5px;
  }
  table#cost_list1 caption { background:url(../images/cost_table_back1.gif) 0 0; border:1px solid #126436; }
  table#cost_list2 caption { background:url(../images/cost_table_back2.gif) 0 0; border:1px solid #146292; }
  table#cost_list3 caption { background:url(../images/cost_table_back3.gif) 0 0; border:1px solid #630E13; }

#cost_right dl dd {
  margin-bottom:10px;
  }

#cost_option {
  color:#0066CC;
  font-weight:bold;
  font-size:16px;
  margin:25px 0 10px 0;
  padding:4px 0 2px 5px;
  border-top:1px solid #DDDDDD;
  border-right:1px solid #DDDDDD;
  border-bottom:1px solid #DDDDDD;
  border-left:10px solid #DDDDDD;
  background-color:#FFFFFF;
  }

#cost_contact {
  font:12px/1.5em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
  color:#FFFFFF;
  }
  #cost_contact span {
    font:bold 14px/1.5em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	}

#cost_contact_btn a {
  width:215px;
  height:42px;
  text-indent:-99999px;
  display:block;
  background-image:url(../images/cost_contact_btn.jpg);
  margin-top:10px;
  }
  #cost_contact_btn a:link  , #cost_contact_btn a:visited { background-position:0 0; }
  #cost_contact_btn a:hover , #cost_contact_btn a:active  { background-position:0 -42px; }