@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */

/***************************/
/*  NN4,IE4 向けの指定     */
/***************************/
/* ページ全体の文字色と背景色を設定*/
body {
  color: #000000;
  background: #FFFFFF;      /* bbbbbb ロゴ画像の背景が透明で文字は白と黒のため */
}
/* リンク画像の周りに表示される枠線を消去 */
/* SCMSのタイトルｈ１の文字色が黒でも白でも読めるように背景色をグレーにしている */
a img {
  border: none;
  color: #bbbbbb;
  background: transparent;
}

/***************************/
/*  基本設定               */
/***************************/
body {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: small;
  color: #000000;
  background-image: url("images/top2.gif");
  background-image: url("images/IDOBA-cover.gif");
  background-image: url("images/top2.gif");
}

body table {
  border-collapse: collapse;
}

.sidebar {
  padding: 5px;        /* 5px marginだとIEで指定通りに表示されない*/
  overflow: visible;   /* これがないとMacIE5で段が崩れる*/
}



/* リンク
---------------------------------------------------- */



/*
#main .menu a:link {
  color: #555555;
  background: transparent;
}

#main .menu a:visited {
  color: #555555;
  background: transparent;
}

#main .menu a:hover, a:active {
  color: #555555;
  background: transparent;
}



#main .header {
	background-repeat: no-repeat;
	background-image: url(../sns/images/FriendlyColor-title2.gif);
	height: 80px;
}
*/


#main .menu  {
  padding-top: 7px;
  background: transparent;
  background: #555555;
  font-size: 14px;
  height: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}

#main .menu a:link, a:visited, a:hover, a:active {
  color: #FFFFFF;
}

#main .menu2  {
  background: transparent;
  font-size: 12px;
  height: 1.5em;
}

#main .menu2 a:link, a:visited, a:hover, a:active {
  color: #000000;
}

/* ナビゲーションリンク
---------------------------------------------------- */
/*
#main .navi a{
  text-decoration: none;
}
#main .navi a:link {
  color: #000000;
  background: transparent;
}
#main .navi a:visited {
  color: #000000;
  background: transparent;
}
#main .navi a:hover, a:active {
  color: #6666FF;
  background: transparent;
  text-decoration: underline;
}
*/

#main .navi {
/* 余白の設定 */
  margin:12px 10px;
  padding:0px;
  width:730px;
  background: #FFFFFF;
  text-align: center;
  font-size:14px;
  color:#999999;
  font-weight:600;
}


#main .navi  a {
  text-decoration: none;
}
#main .navi  a:link {
  color: #666666;
  background: transparent;
}
#main .navi  a:visited {
  color: #666666;
  background: transparent;
}
#main .navi   a:hover, a:active {
  color: #6666FF;
  background: transparent;
  text-decoration: underline;
}



a .mainmuel {
  filter:Alpha(opacity=40);
  width:15%;
  font-weight:600;
  color:#333333;
}
/*
a .mainmues {
  filter:Alpha(opacity=40);
  width:10%;
  font-weight:600;
  color:#333333;
}
*/
.Introduction {
	margin-right: 10px;
	text-align: right;

}
.watsSNS-bod {
	background-image: url(../sns/images/watsSNSexp-bod.gif);
	background-repeat: repeat-y;
	border: 0px solid #FF0000;
	height: 20px;
	padding-left: 10px;
	margin-left: 5px;
	font-size: 14px;
	padding-right: 20px;

}
.watsSNS-top {

	background-image: url(../sns/images/watsSNSexp-top.gif);
	background-repeat: repeat-y;
	border: 0px solid #FF0000;
	height: 20px;
	padding-left: 10px;
	margin-left: 5px;
	font-size: 14px;
}







/* メイン画面
---------------------------------------------------- */
#main {
  width: 770px;
}

#main .index_0 {
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 18px;
  font-weight: bold;
/*
  background-image: url("images/friendlyColorCover1.gif");
*/
}

#main .index_0 h1{
  font-size: 18px;
  font-weight: normal;
}

#main .index_1 ul {
  margin-left: 20px;
  font-size: 8pt;
}

#main .index_1 {
  background: #EEEEEE;
}

/*
#main .index_2 {
  background-image: url("images/friendlyColorCover0.gif");
}
*/

#main .index_3 {
  padding: 1em;
  font-size: 14px;
  color: #555555;

}

#main .index_4 table {
  border-collapse: separate;
/*
  border-spacing: 20px;
*/
}

#main .index_4 th {
  font-weight: normal;
  width: 300px;
  background: #DDDDDD;
  border-left: orange 10px solid;
}


#main a:link {
  color: #000000;
  background: transparent;
}
#main a:visited {
  color: #000000;
  background: transparent;
}
#main a:hover, a:active {
  color: #6666FF;
  background: transparent;
}


/*--------------------------------------*/

#main .service_0 ul {
  margin-left: 20px;
  font-size: 8pt;
}

#main .service_0 {
  background: #EEEEEE;
}

#main .service_1 {
  width: 600px;
  padding-left: 10px;
}

#main .service_1 h3 {
  height: 70px;
  padding-top: 20px;
  color: #FFFFFF;
  background: #2405A5;
}

#main .service_2 {
  padding-left: 10px;
}

#main .service_2 h4 {
  color: #000000;
  background: #EEEEEE;
  border-left: orange 10px solid;  
}

#main .service_2 table {
  margin-left: 30px;
  margin-right: 10px;
}

#main .service_2 th {
  color: #000000;
  background: #EEEEEE;
  border: #333333 1px solid;
}

#main .service_2 td {
  color: #555555;
  background: #FFFFFF;
  border-bottom: #333333 1px solid;
}

#main .option_detail_2 {
  padding-left: 10px;
}

#main .option_detail_2 h4 {
  color: #000000;
  background: #EEEEEE;
  border-left: orange 10px solid;  
}

#main .option_detail_2 table {
  margin-left: 30px;
  margin-right: 10px;
}

#main .option_detail_2 th {
  color: #000000;
  background: #EEEEEE;
  border: #333333 1px solid;
}

#main .option_detail_2 td {
  color: #555555;
  background: #FFFFFF;
  border: #333333 1px solid;
}

/*--------------------------------------*/

#main .price_1 {
  width: 600px;
  padding-left: 10px;
}

#main .price_1 h3 {
  height: 70px;
  padding-top: 20px;
  color: #FFFFFF;
  background: #2405A5;
  background: #A50524;
}

#main .price_2 {
  padding-left: 10px;
}

#main .price_2 h4 {
  color: #000000;
  background: #EEEEEE;
  border-left: orange 10px solid;  
}

#main .price_2 table {
  margin-left: 30px;
  margin-right: 10px;
}

#main .price_2 th {
  color: #000000;
  background: #EEEEEE;
  border: #333333 1px solid;
}

#main .banklist {
  font-size: 10px;
}

/*--------------------------------------*/

#main .security_0 ul {
  margin-left: 20px;
  font-size: 8pt;
}

#main .security_0 {
  background: #EEEEEE;
}

#main .security_1 {
  width: 600px;
  padding-left: 10px;
}

#main .security_1 h3 {
  height: 70px;
  padding-top: 20px;
  color: #FFFFFF;
  background: #5A0073;
  background: #074D19;
  
}

#main .security_2 {
  padding-left: 10px;
}

#main .security_2 h4 {
  color: #000000;
  background: #EEEEEE;
  border-left: orange 10px solid;  
}

#main .security_2 table {
  margin-left: 30px;
  margin-right: 10px;
}

#main .security_2 th {
  color: #000000;
  background: #EEEEEE;
  border: #333333 1px solid;
}

#main .security_2 td {
  color: #555555;
  background: #FFFFFF;
/*
  border-bottom: #333333 1px solid;
*/
}

/*--------------------------------------*/
#main .faq_0 ol {
  margin-left: 30px;
}


#main .faq_0 li {
  font-size: 10pt;
}

#main .faq_0 {
  background: #EEEEEE;
}

#main .faq_1 {
  width: 600px;
  padding-left: 10px;
}

#main .faq_1 h3 {
  height: 70px;
  padding-top: 20px;
  color: #FFFFFF;
  background: #C77A0C;
  
}

#main .faq_2 {
  padding-left: 10px;
}

#main .faq_2 h4 {
  color: #000000;
  background: #EEEEEE;
/*
  border-left: orange 10px solid;  
*/
}

#main .faq_2 table {
  margin-left: 30px;
  margin-right: 10px;
}

#main .faq_2 th {
  color: #000000;
  background: #EEEEEE;
  border: #333333 1px solid;
}

#main .faq_2 td {
  color: #555555;
  background: #FFFFFF;
/*
  border-bottom: #333333 1px solid;
*/
}




/*--------------------------------------*/
#main .inquiry_0 ol {
  margin-left: 30px;
}


#main .inquiry_0 li {
  font-size: 10pt;
}

#main .inquiry_0 {
  background: #EEEEEE;
}

#main .inquiry_1 {
  width: 600px;
  padding-left: 10px;
}

#main .inquiry_1 h3 {
  height: 70px;
  padding-top: 20px;
  color: #FFFFFF;
  background: #35C023;
  
}

#main .inquiry_2 {
  padding-left: 10px;
}

#main .inquiry_2 h4 {
  color: #000000;
  background: #EEEEEE;
  border-left: orange 10px solid;  
}

#main .inquiry_2 table {
  margin-left: 30px;
  margin-right: 10px;
}

#main .inquiry_2 th {
  color: #000000;
  background: #EEEEEE;
/*
  border: #333333 1px solid;
*/
}

#main .inquiry_2 td {
  color: #555555;
  background: #FFFFFF;
/*
  border-bottom: #333333 1px solid;
*/
}

/*--------------------------------------*/

#main .list_0 ul {
  margin-left: 20px;
  font-size: 8pt;
}

#main .list_0 {
  background: #EEEEEE;
}

#main .list_1 {
  width: 600px;
  padding-left: 10px;
}

#main .list_1 h3 {
  height: 70px;
  padding-top: 20px;
  color: #FFFFFF;
  background: #4D89C7;
}

#main .list_2 {
  padding-left: 10px;
}

#main .list_2 h4 {
  color: #000000;
  background: #EEEEEE;
  border-left: orange 10px solid;  
}

#main .list_2 table {
  margin-left: 30px;
  margin-right: 10px;
}

#main .list_2 th {
  color: #000000;
  background: #EEEEEE;
  border: #333333 1px solid;
}

#main .list_2 td {
  color: #555555;
  background: #FFFFFF;
  border-bottom: #333333 1px solid;
}

#main .list_2 a{
  text-decoration: none;
}
#main .list_2 a:link {
  color: #000000;
  background: transparent;
}
#main .list_2 a:visited {
  color: #000000;
  background: transparent;
}
#main .list_2 a:hover, a:active {
  color: #FF6666;
  background: transparent;
  text-decoration: underline;
}


/*   申込シート用 */
/*--------------------------------------*/

#main .order_1 table {
  border-collapse:collapse;
  margin-left: 0px;
  margin-right: 0px;
  width: 580px;
}


#main .order_1 th {
  color: #000000;
  background: #EEEEEE;
  font-size: 12px;
  text-align: left;
}
#main .order_1 td {
  font-size: 12px;
}

#main .order_2 table {
  border-collapse:collapse;
  margin-left: 0px;
  margin-right: 0px;
  width: 580px;
}


#main .order_2 th {
  color: #000000;
  background: #EEEEEE;
  font-size: 12px;
}
#main .order_2 td {
  font-size: 12px;
}


#main .order_3 {
  padding-left: 10px;
}

#main .order_3 h4 {
  margin-right: 7px;
  color: #000000;
  background: #EEEEEE;
  border-left: orange 10px solid;  
}

#main .order_3 table {
  margin-left: 30px;
  margin-right: 10px;
}

#main .order_3 th {
  color: #000000;
  background: #EEEEEE;
/*
  border: #333333 1px solid;
*/
}

#main .order_3 td {
  color: #555555;
  background: #FFFFFF;
/*
  border-bottom: #333333 1px solid;
*/
}

#main .order_4 th {
  color: #000000;
  background: #EEEEEE;
  border: #333333 0px solid;
}
#main .order_4 td {
  color: #555555;
  border-bottom: #333333 0px solid;
}

#main .order_5 th {
  text-align: left;
}

#main .text-center {
	text-align: center;
}

#main .footer1 {
	text-align: center;
	font-size: 12px;
	padding-top: 5px;
	background-color: #66FF66;
	background-color: #44DD44;
	padding-bottom: 5px;

}
#main .footer1 a:link {
color: #CC0099;
  color: #000000;
}
#main .footer1 a:visited {
  color: #000000;

}
#main .footer1 a:hover, a:active {
  color: #6666FF;
  text-decoration: underline;
}




#main  .footer2 {
	text-align: center;
	font-size: 12px;
	background-color: #66CC66;
	padding-bottom: 5px;
	padding-top: 5px;


}
#main .footer2 a:link {
color: #CC0099;
}
#main .footer2 a:visited {
  color: #000000;
  color: #FFFFFF;
}
#main .footer2 a:hover, a:active {
  color: #6666FF;
  text-decoration: underline;
}



p {
	margin: 0px;
}

/*--------------------------------------*/

#main .corporate_1 {
  width: 600px;
  padding-left: 10px;
}

#main .corporate_1 h3 {
  height: 70px;
  padding-top: 20px;
  color: #FFFFFF;
  background: #A50022;
}

/*--------------------------------------*/
#main .feature_1 {
  width: 600px;
  padding-left: 10px;
}

#main .feature_1 h3 {
  height: 70px;
  padding-top: 20px;
  color: #FFFFFF;
  background: #664444;
}

/*--------------------------------------*/
#main .example_0 ol {
  margin-left: 30px;
}


#main .example_0 li {
  font-size: 10pt;
}

#main .example_0 {
  background: #EEEEEE;
}

#main .example_1 {
  width: 600px;
  padding-left: 10px;
}

#main .example_1 h3 {
  height: 70px;
  padding-top: 20px;
  color: #FFFFFF;
  background: #35C023;
  background: #999933;
  
}

#main .example_2 {
  padding-left: 10px;
}

#main .example_2 h4 {
  color: #000000;
  background: #EEEEEE;
  border-left: orange 10px solid;  
}

#main .example_2 table {
  margin-left: 30px;
  margin-right: 10px;
}

#main .example_2 th {
  color: #000000;
  background: #EEEEEE;
/*
  border: #333333 1px solid;
*/
}

#main .example_2 td {
  color: #555555;
  background: #FFFFFF;
/*
  border-bottom: #333333 1px solid;
*/
}