@charset "utf-8";

/*
	Site Name: 
	Description: base template style
	Version: 1.0
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: SUPPORT

==========================================================
*/

/*
===== 1: SUPPORT ==========================================
*/

#contentsAreaSupport {
	margin: 0;
	padding: 0 10px;
	width: 548px;
	clear: both;
	float: left;
/*background-color: #FFCCFF;*/
}

p.totop {
	padding: 10px 0;
	text-align: right;
	clear: both;
	font-size: x-small;
	background: url(images/up-blue.gif) 635px 13px no-repeat;
	width: 720px;
}

h2.support {
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
	width: 450px;
	height: 30px;
	background: url(images/contents/support/title_support01.gif);
	font-size: 1px;
	color: #ffffff;*/
	te\xt-indent: -10000px;*/
	text-indent: -10000px;*/
}
h3.support2 {
	margin: 30px 0 10px 0;
	padding: 0;
	display: block;
	width: 450px;
	height: 30px;
	background: url(images/contents/support/title_support02.gif);
	font-size: 1px;
	color: #ffffff;*/
	te\xt-indent: -10000px;*/
	text-indent: -10000px;*/
}
h4.support3 {
	margin: 30px 0 10px 0;
	padding: 0;
	display: block;
	width: 450px;
	height: 30px;
	background: url(images/contents/support/title_support03.gif);
	font-size: 1px;
	color: #ffffff;*/
	te\xt-indent: -10000px;*/
	text-indent: -10000px;*/
}
h2.support4 {
	margin: 0 0 10px 0;
	padding: 0;
	display: block;
	width: 450px;
	height: 30px;
	background: url(images/contents/support/title_support04.gif);
	font-size: 1px;
	color: #ffffff;*/
	te\xt-indent: -10000px;*/
	text-indent: -10000px;*/
}
h4.support5 {
	margin: 30px 0 10px 0;
	padding: 0;
	display: block;
	width: 450px;
	height: 30px;
	background: url(images/contents/support/title_support06.gif);
	font-size: 1px;
	color: #ffffff;*/
	te\xt-indent: -10000px;*/
	text-indent: -10000px;*/
}
h4.support6 {
	margin: 30px 0 10px 0;
	padding: 0;
	display: block;
	width: 450px;
	height: 30px;
	background: url(images/contents/support/title_support07.gif);
	font-size: 1px;
	color: #ffffff;*/
	te\xt-indent: -10000px;*/
	text-indent: -10000px;*/
}



p.read {
	margin: 10px 0;
	padding: 0 10px;
	color: #666666;
}

p.lineBox {
	margin: 5px 0 25px 0;
	padding: 5px 10px;
	color: #666666;
	font-size: x-small;
	border: 1px #CCCCCC solid;
}
p.lineBox2 {
	margin: 5px 0 25px 0;
	padding: 5px 10px;
	color: #666666;
	border: 1px #CCCCCC solid;
}

img.pd0010 {
	padding: 0 10px;
}

p.title {
	margin: 5px 10px -5px 10px;
	padding: 0 0;
	border-bottom: 1px #999999 solid;
	font-weight: bold;
}


/*
===== Navigation1 ==========================================
*/

#navigationAreaSupport {
	position: relative;
	margin: 0;
	padding: 0;
	width: 180px;
	float: right;
	text-align: center;
/*	background-color: #CCCCFF;*/
}

#navigationAreaSupport ul {
	margin: 0;
	padding: 0 10px;
}

#navigationAreaSupport ul li {
	margin: 0;
	padding: 0;
	text-indent: 20px;
}
#navigationAreaSupport ul li .head {
	margin: 0;
	padding: 0;
	text-indent: 5px;
	color: #FFFFFF;
	display: block;
	width: 160px;
	height: 20px;
	background: url(images/contents/product/bg_menu_avitecs_head.gif);
}

#navigationAreaSupport ul li a {
	margin: 0;
	padding: 0;
	display: block;
	width: 160px;
	height: 20px;
	text-decoration: none;
	background: url(images/contents/product/bg_menu_avitecs.gif);
}
#navigationAreaSupport ul li a:hover {
	background-color: #FFFF99;
	text-decoration: none;
}







/*
===== Banner ==========================================
*/

a.mail {
	display: block;
	width: 160px;
	height: 140px;
	margin: 0 10px 5px 10px;
	background: url(images/contents/support/button_mail.gif);
}
a.tel {
	display: block;
	width: 160px;
	height: 215px;
	margin: 0 10px 5px 10px;
	background: url(images/contents/support/button_tel.gif);
}
a.faq {
	display: block;
	width: 160px;
	height: 44px;
	margin: 0 10px 5px 10px;
	background: url(images/contents/support/button_faq_support.gif);
}
a.mail,
a.tel,
a.faq {
	font-size: 1px;
	color: #ffffff;*/
	te\xt-indent: -10000px;*/
	text-indent: -10000px;*/
}



/*
===== Block ==========================================
*/

#leftBlock {
	margin: 0 0 10px 0;
	padding: 0;
	width: 264px;
	height: 150px;
	clear: both;
	float: left;
}

#rightBlock {
	margin: 0 0 10px 0;
	padding: 0;
	width: 264px;
	height: 150px;
	float: right;
}



/*
===== Form ==========================================
*/

form {
	margin: 0;
	padding: 0;
}

fieldset {
	padding: 3px;
	border: 1px #D7E0EA solid;
}

.find {
	margin: 0 15px 1px 0;
	padding: 5px 10px;
	display: block;
	width: 150px;
	height: 25px;
	background-color: #C4DDCE;
	clear: both;
	float: left;
}
.findL {
	margin: 0 15px 1px 0;
	padding: 5px 10px;
	display: block;
	width: 150px;
	height: 85px;
	background-color: #C4DDCE;
	clear: both;
	float: left;
}
.bottun {
	margin: 15px 0 5px 250px;
	padding: 0;
	width: 70px;
	height: 25px;
	color: #fff;
	text-align: center;
	border: outset;
	background-color: #1A203E;
	clear: both;
}


fieldset.form2 {
	padding: 3px;
	border: 1px #cccccc solid;
}

fieldset.form2 p {
	padding: 0;
	line-height: 2.5em;
}

.find2 {
	margin: 0 15px 1px 0;
	padding: 5px 10px;
	display: block;
	width: 150px;
	height: 25px;
	background-color: #CCCCCC;
	clear: both;
	float: left;
}
.findL2 {
	margin: 0 15px 1px 0;
	padding: 5px 10px;
	display: block;
	width: 150px;
	height: 85px;
	background-color: #CCCCCC;
	clear: both;
	float: left;
}
.bottun2 {
	margin: 15px 0 5px 250px;
	padding: 0;
	width: 70px;
	height: 25px;
	color: #fff;
	text-align: center;
	border: outset;
	background-color: #1A203E;
	clear: both;
}