@charset "UTF-8";
/* Cascade Component International Inc. Website CSS Document */

/* default */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight: normal;
}
q:before,q:after{content:'';}
img {
	vertical-align: bottom;
	border:0;
}
{
	padding: 0px;
}


/* basic setting */
html {margin:0;padding:0;overflow-x:hidden;}

body {
	margin:0;
	padding:0;
	color:#666666;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:1.6;
	font-size: 12px;
	background-color: #ECF2EC;
}

#container {
	min-width:760px;
	background-image: url(image/bg_header_pg.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	height: 100%;
}

#container_top {
	min-width:760px;
	background-image: url(image/bg_header.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	height: 100%;
}

.margin {
	margin-top:10px;
}

.nomargin {padding-bottom:0;}

.center {
	text-align:center;
}

a:link {
	color:#369;
	text-decoration:none;
}
a:visited {
	color:#369;
	text-decoration:none;
}
a:active {
	color:#036;
	text-decoration:none;
}
a:hover {
	color:#036;
	text-decoration:none;
}

.highlight {
	color: #631954;
	font-size: 110%;
	font-weight: bold;
}
.note {
	font-size: 90%;
}
.english {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.right {
	text-align:right;
	width: 700px;
}



/* header */
.header_navi {
	width: 760px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#navi {
	width:760px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	width:760px;
	background-image: url(image/header.gif);
	background-repeat: repeat-y;
	height: 91px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}

/* main */
#main {
	width:720px;
	padding-left:20px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 20px;
	padding-top: 10px;
}
#main_product {
	width:730px;
	padding-left:20px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-top: 10px;
}


#main_left{
	width:212px;
	float:left;
	height: 100%;
	padding-top: 10px;
}

#main_middle{
	width:300px;
	float:left;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
}

#main_right{
	width:228px;
	float:left;
	padding-top: 10px;
}

#main_side
 {
	float: right;
	padding-bottom: 10px;
	width: 530px;
	padding-left: 0px;
}

#main h1 {
	font-size:16px;
	line-height:1.4;
	padding-bottom: 15px;
}

#main h2 {
	font-size:18px;
	line-height:1.2;
}

#main h3 {
	font-size:16px;
	color:#006600;
	padding:15px 0 6px;
	clear:left;
}

/* mainBanner */
#mainBanner1 {
	width: 760px;
	height: 209px;
	background-image: url(image/banner1.jpg);
	background-repeat: no-repeat;  
}

#mainBanner2 {
	width: 760px;
	height: 209px;
	background-image: url(image/banner2.jpg);
	background-repeat: no-repeat;  
}

#mainBanner3 {
	width: 760px;
	height: 209px;
	background-image: url(image/banner3.jpg);
	background-repeat: no-repeat;  
}


/* side navi */
#side-navi{
	float:left;
	width:175px;
	border-right:1px #eee solid;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0px;
}

#side-navi ul{
	padding-bottom: 7px;
}

/* image */
#topimage {
	width:760px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 7px;
}
#pageimage {
	width:760px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 7px;
}
.imgright {
	float:right;
	padding-bottom: 5px;
	padding-left: 10px;
}
.imgspace {
	float:none;
	padding-bottom: 10px;
}
.imgreduce70 {
	float:none;
	font-size: 70%;
}
#imgwithdiscription {
	float:right;
	margin-left: auto;
	padding-left: 20px;
	font-size: 10px;
	line-height: 1.3;
	width: 150px;
	margin-top: 0px;
}




/* content */
#content {
	width:760px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
}

.gotothetop{
	width:515px;
	text-align:right;
	clear: both;
	margin-top: 10px;
}
.dotline {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #330066;
	padding-bottom: 10px;
}
.hr_green {
	width:600px;
	color:#336633;
	padding-left:none;
}
.company {
	width: 600px;
	border-top: 1px solid #CCCCCC;
	margin-right: 50px;
	margin-left: 50px;
}
.company th{
	padding: 5px;
	line-height: 150%;
	font-weight: bold;
	width: 80px;
	vertical-align: top;
	border-bottom: 1px solid #CCCCCC;
	background-color: #EFEFEF;
}
.company td{
	line-height: 150%;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}
#content_top {
	width:760px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	height: 280px;
}
#block-inner {
	padding-left:20px;
}
#service-block-inner {
	padding-left:10px;
	font-size: 110%;
}
.producttitle {
	color:#000;
	background-repeat: repeat-x;
	_height: 1%;
	width: 515px;
	background-image: url(image/product/product_title.png);
	text-indent: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 5px;
	line-height: 110%;
	font-size: 110%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
}
#product-block-inner {
	padding-left:10px;
	width: 505px;
	height: 100%;
	margin-bottom: 30px;
}
.pointerspace {
	float:none;
	padding-right: 5px;
	padding-bottom: 5px;
}

#contents_photo {
	width:700px;
	padding-top:5px;
	padding-bottom:20px;
	border:none;
	text-align: center;
}
#gallery_table {
	width:700px;
	border:none;
	text-align: center;
}
.photo {
	height:85px;
	width:120px;
	display:block;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
span.small{
	font-size:75%;
}
#trac{
	padding:9px 0 10px 0;
	font-size:10px;
}
.star {
	float:none;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 4px;
}
.highlight {
	color: #063;
	font-weight: normal;
}


/* text */
h1 {
	color:#333;
	line-height:1.2;
	background-repeat: no-repeat;
	background-position: left top;
}

h2{
	margin-bottom:30px;
	color:#333;
	line-height:1.2;
	background-repeat: no-repeat;
	background-position: left top;
}
h3{
	background:#F8FBF8;
	color:#333;
	font-size:14px;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}
h4{
	color:#006600;
	margin:20px 0 10px 0;
	font-size:16px;
}

.txtnormaltype{
	font-size: 86%;
	line-height: 150%;
}
.txttitle {
	font-size: 100%;
	line-height: 150%;
	font-weight: bold;
	padding: 10px 10px 0px 5px;
}
.txttitles {
	font-size: 86%;
	line-height: 150%;
	font-weight: bold;
	padding: 10px 10px 0px 5px;
}
.txtsub {
	color: #999999;
}

.title_1 {
	font-family:Georgia, Times, serif;
	font-size:20px;
	font-style:italic;
	color:#336633;
}
.title_2 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	font-style:normal;
	color:#030;
	font-weight: normal;
}
.title_3 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-style:normal;
	color: #996600;
}
.text {
	font-size:13px;
	font-style:normal;
}
.text_1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-style:normal;
	color: #cc6600;
}
.text_2 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:16px;
	font-style:normal;
	color: #000000;
}
.text_3 {
	font-family:Georgia, Times, serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color: #996600;
}
.text_4 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-style:normal;
	color:#336633;
}

/* footer */
#footer {
	background-image: url(image/bg_footer.gif);
	background-repeat: repeat-x;
	background-position: center top;
	height: 150px;
}

.footer_navi		{
	color:#333333;
	font-size: 10px;
	margin-right: auto;
	margin-left: auto;
}
.footer_navi A:link		{
	color:#033;
	text-decoration: none;
	font-weight: normal;
}
.footer_navi A:visited	{
	color:#033;
	text-decoration: none;
}
.footer_navi A:active	{
	color:#060;
	text-decoration: none;
}
.footer_navi A:hover	{
	color:#060;
	text-decoration: none;
}
.copyright {
	text-align:center;
	font-size: 9px;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.contact {
	width: 600px;
	margin-left: 60px;
	line-height: 14px;
	padding-bottom: 10px;
}
#contactimages {
    width: 100%;
}
#topimgleft {
    margin-left: 123px;
    text-align: center;
    float: left;
    clear: both;
}
#topimgright {
    text-align: center;
}
#bottomimgleft {
    margin-left: 123px;
    text-align: center;
    float: left;
}

#bottomimgright {
    text-align: center;
}