@charset "utf-8";
/* :::::::::::::::::::::::::::::::::::::::::::::
	style reset
::::::::::::::::::::::::::::::::::::::::::::: */
html, body, h1, p, pre, blockquote, form, ul, ol, li, dl, dt, dd, address {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}

/* :::::::::::::::::::::::::::::::::::::::::::::
	default style
::::::::::::::::::::::::::::::::::::::::::::: */
body {
	margin: 0;
	text-align: center;
}
/* :::::::::::::::::::::::::::::::::::::::::::::
	ccam/index.html
::::::::::::::::::::::::::::::::::::::::::::: */

#main{
	float: left;
	width: 100%;
	margin: 20px auto;
	text-align: left;
}
#tt_img {
	float: left;
	height: 500px;
	width: 700px;
	display: inline;
	margin-left: 20px;
}

#imge {
	margin-top: 20px;
	padding-left:25px;
	clear: both;
}

#left ,#right { margin-top: 20px; padding-left:10px;}

/* LEFT メニューCSS　*/
#left {
	float: left;
	width: 170px;
	display: inline;
}
#left ul {
	width:170px;
	height: 250px;
	cursor:pointer;
	cursor:hand;
}
#left p {
	height: 105px;
	width: 170px;
	padding-top: 20px;
}

#left li ,#left li a{
	text-indent: -999em;
	height:50px;
	display:block;
	overflow: hidden;
}

#l_bt01{background:#FFFFFF url(images/ccam_left_01.jpg) no-repeat;}
#l_bt02{background:#FFFFFF url(images/ccam_left_02.jpg) no-repeat;}
#l_bt03{background:#FFFFFF url(images/ccam_left_03.jpg) no-repeat;}
#l_bt04{background:#FFFFFF url(images/ccam_left_04.jpg) no-repeat;}
#l_bt05{background:#FFFFFF url(images/mixer_left_01.gif) no-repeat;}
#l_bt06{background:#FFFFFF url(images/mixer_left_02.gif) no-repeat;}
#l_bt07{background:#FFFFFF url(images/mixer_left_03.gif) no-repeat;}
#l_bt08{background:#FFFFFF url(images/mixer_left_04.gif) no-repeat;}
#l_bt09{background:#FFFFFF url(images/mixer_left_05.gif) no-repeat;}

/* RIGHT メニューCSS　*/
#right {
	float: right;
	width: 549px;
}

.p_top02 {
	font-size: 80%;
	text-align: right;
	clear: both;
	margin-top: 40px;
	margin-right: 40px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.p_top02 a {
	color: #0000CC
}
.p_top02 a:hover {
	color: #0066FF
}

#right a:hover{ color: #FF00FF;}

#right h3 { 
	text-indent:-9999em;
	width: 529px; height:54px;
	margin-bottom:20px;
}
#right dt,#right dd,#right table,#right p{ font-size: 80%; margin:0 20px 0 10px; line-height: 1.3em;}

/* index.htmlのrightのh3のイメージ*/
#m01{ background: url(images/ccam_right_01.jpg); }
#m02{ background: url(images/ccam_right_02.jpg); }
#m03{ background: url(images/ccam_right_03.jpg); }
#m04{ background: url(images/ccam_right_04.jpg); }
/* ag-hmx100.htmlのrightのh3のイメージ*/
#m05{ background: url(images/mixer_right_01.gif); }
#m06{ background: url(images/mixer_right_02.gif); }
#m07{ background: url(images/mixer_right_03.gif); }


#right dt{ line-height:1.4em; font-size:95%; font-weight:bold;}
#right dd{ padding-left:5px; margin-bottom:3px;}
#right table ,#right dl{ margin-bottom:20px;}
#right th { 
	line-height:1.8em; text-align:left;
	border-collapse: collapse; border: solid #CCCCCC 1px;
	background:#CCCCCC; text-indent: 5px;}

#right #foom { width: 480px; background:#FFFFFF; border:0;}	

#foom th ,#foom td {
	background:#FFFFFF;
	border-bottom:1px dotted #999999;
	padding:5px 0;
	text-indent: 5px;
	border-top: 0;
	border-right: 0;
	border-left: 0;
}
#foom td { font-size:80%;}

em { font-style: normal; font-size: 80%; color:#006600; margin-right:5px;}
.submit { margin: 20px;}


/* spec　*/
#right #spec { width: 480px; background:#FFFFFF; border:0;}	

#spec th ,#spec td {
	background:#FFFFFF;
	border-bottom:1px dotted #999999;
	padding:5px 0;
	text-indent: 5px;
	border-top: 0;
	border-right: 0;
	border-left: 0;
}
#spec td { font-size:120%;}
.right {
	text-align: right;
	font-size: 10px;
	margin-right: 10px;
}



em { font-style: normal; font-size: 80%; color:#006600; margin-right:5px;}
.submit { margin: 20px;}
.hutoji { line-height: 1.6em; font-size: 1.2em;}
#aka { color: #FF0000;}
#migi { text-align: right;}

#hikaku table {
	text-align: left;
}

#hikaku h3 {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #069;
	margin: 10px;
	text-align: left;
}
#hikaku table {
	margin-left: 5px;
}
#hikaku table caption {
	font-size: 10px;
	text-align: right;
	margin-right: 10px;
}
#hikaku p {
	font-size: 12px;
	margin: 10px;
	text-align: left;
}

#hikaku table tr th {
	font-size: 12px;
	color: #EEEEEE;
	background-color: #069;
	padding: 3px;
	text-align: center;
}
#hikaku table tr th a {
	color: #EEE;
	text-decoration: underline;
}

#hikaku table tr td {
	font-size: 12px;
	padding: 3px;
	text-align: center;
}
#hikaku table tr:nth-child(even) {
	background-color: #E8F8FF;
}