@charset "utf-8";
/*
	ソリューション基本設定用 css

	01. よくある質問タイトル用
	02. よくある質問アコーディオン用
	03. お悩み用
	04. 製品一覧用
	05. 画面構成用
	06. おといわせ流れ用
	07. 事例用
	
*/

/* 01. よくある質問タイトル用
************************************/

.faq_menu h2.unselected a,
.faq_menu h2.selected a,
.faq_menu h2.unselected a:hover,
.faq_menu h2.selected a:hover {
	display: block;
	margin: 0px;
	padding: 5px 0px 0px 10px;
	width: 610px;
	height: auto;
	border: 1px solid #dcdcdc;
	font-size: 0.76em;
	color: #515a5f;
	text-decoration: none;
}

.faq_menu h2.unselected a {
	/*background: #fbfbfb url(../img/h2_q_title_bar.gif) no-repeat 0px 0px;*/
	background: #fbfbfb;
}

.faq_menu h2.selected a {
	/*background: #fbfbfb url(../img/h2_q_title_bar.gif) no-repeat 0px -56px;*/
	background: #e1eef6;
}

.faq_menu h2.unselected a:hover,
.faq_menu h2.selected a:hover {
	/*background: #fbfbfb url(../img/h2_q_title_bar.gif) no-repeat 0px -28px;*/
	background: #e1eef6;
}

*html .faq_menu h2.unselected a,
*html .faq_menu h2.selected a,
*html .faq_menu h2.unselected a:hover,
*html .faq_menu h2.selected a:hover {
	font-size: 0.63em;
}
*:first-child+html .faq_menu h2.unselected a,
*:first-child+html .faq_menu h2.selected a,
*:first-child+html .faq_menu h2.unselected a:hover,
*:first-child+html .faq_menu h2.selected a:hover {
	font-size: 0.63em;
}

/* 02. よくある質問アコーディオン用
************************************/

.faq_menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.faq_menu ul li {
	padding: 5px 5px 15px 5px;
}

.faq_menu ul li a,
.faq_menu ul li a:link,
.faq_menu ul li a:visited,
.faq_menu ul li a:hover,
.faq_menu ul li a:active {
	text-decoration: none;
}

/* 03. お悩み用
************************************/

/* DAM */
.dam_t_left {
	float: left;
	margin: 25px 0px 0px 50px;
}

/* CATV EZ */
.ez_t_left {
	float: left;
	padding: 25px 0px 0px 20px;
	width: 280px;
}

.ez_img_box {
	clear: both;
	padding: 20px 0px 0px 0px;
	text-align: center;
}

/* 04. 製品一覧用
************************************/

h3.title {
	margin: 10px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 1.2em;
	color: #505050;
	line-height: 1.6;
	border: 1px solid #dddddd;
	background: #fcfcfc;
}

.pro_list {
	margin: 10px auto;
	padding: 15px 0px;
	width: 630px;
	height: auto;
	border-bottom: 1px dotted #dddddd;
}
*html .pro_list {
	width: 620px;
}

.pro_list_inn {
	width: 420px;
	float: left;
	margin-left: 20px;
}

*html .pro_list_inn {
	margin-left: 10px;
}

.pro_list_inn02 {
	margin: 0px 20px;
	width: 150px;
	text-align: center;
	float: left;
}
*html .pro_list_inn02 {
	margin: 0px 10px;
}

.pro_list h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 1.2em;
	color: #3c9ce0;
	line-height: 1.6;
}

.pro_list h3 a {
	color: #3c9ce0;
}

/* 05. 画面構成用
************************************/

.screen_box {
	margin: 0px 0px 30px 20px;
	padding: 0px 0px 0px 0px;
	width: 590px;
	border-bottom: 1px dotted #cccccc;
}
*html .screen_box {
	padding: 0px 0px 10px 0px;
}
*:first-child+html  .screen_box {
	padding: 0px 0px 10px 0px;
}

.screen_lbox {
	float: left;
	margin: 0px 20px 10px 10px;
	padding: 0px;
	width: 200px;
	height: auto;
}

.screen_rbox {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 360px;
	height: auto;
}
/* IE6 */
*html .screen_rbox {
	width: 350px;
}

.sc_img {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

/* 06. おといわせ流れ用
************************************/

.arrow_text_box {
	margin: 0px;
	padding: 0px 10px 20px 100px;
	width: 370px;
	height: auto;
	line-height: 20px;
	text-align: justify;
	float: left;
	background: url(../si/images/arrow.jpg) no-repeat;
}

.arrow_img_box {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	width: 150px;
	height: auto;
	float: left;
	text-align: center;
}

/* 07. 事例用
************************************/

.img_box_s {
	width: 210px;
	height: auto;
	text-align: center;
	float: left;
}
.img_box_s h3 {
	margin-bottom: 15px;
}