/* ============================================
     SΜ
   ============================================ */

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
th,
td,
div,
form,
input,
textarea,
address,
pre,
blockquote,
fieldset {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

body {
	text-align:center;
	color:#333333;
	background-color:#F2F3F4;
	font:normal normal normal 12px "lr oSVbN", Arial, Helvetica, Verdana, "qMmpSPro W3", "Hiragino Kaku Gothic Pro";
}

body div {
	margin:0 auto;
	text-align:left;
}

img {
	border: 0;
	vertical-align: bottom;
	background-color:#ffffff;
}

a{
	text-decoration: none;
}

a:link {
	color: #333333;
}

a:visited {
	color: #333333;
}

a:hover {
	color: #999999;
}

a:active {
	color: #333333;
}

/* ============================================
     wb_
   ============================================ */

#header {
	width:780px;
	background: #ffffff url(../images/bg.gif) no-repeat;
	border-left: 1px solid #D8D8DD;
	border-right: 1px solid #D8D8DD;
}

#top img{
	vertical-align: top;
	clear: both-;
}

h1 {
	padding: 3px 5px 0 3px;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	color: #717071;
}

#rogo {
	margin: 20px 0px 0px 10px;
	float: left;
}

#rogo a{
	display: block;
	width: 165px;
	height: 22px;
}

#rogo a:link,
#rogo a:visited {
	background: #ffffff url(../images/rogo.gif) no-repeat;
}

#rogo a:hover,
#rogo a:active{
	background-position: 0 -22px ;
}

#head_link {
	text-align: right;
	margin: 0px 10px 5px 0px;
	clear: both;
	color: #FFB452;
}

.head_right {
	float: right;
}

.jump1 {
	margin: 10px 0px 7px 82px;
}

.jump1 a{
	display: block;
	width: 101px;
	height: 21px;
}

.jump1 a:link,
.jump1 a:visited {
	background: #ffffff url(../images/jump_co.gif) no-repeat;
}

.jump1 a:hover,
.jump1 a:active{
	background-position: 0 -21px ;
}

.head_links1 {
	line-height: 14px;
	font-size: 11px;
}

.head_links1  a {
	padding-left: 10px;
	display: inline;
	height: 12px;
}

.head_links1 a:link,
.head_links1 a:visited {
	color: #FFB452;
	background: #ffffff url(../images/top_links.gif) top left no-repeat;
}

.head_links1 a:hover,
.head_links1 a:active{
	color: #FCD197;
	background-position: 0 -12px ;
}

#main_menu {
	height: 28px;
	clear: both;
	width: 780px;
}

#main_menu li{
	list-style: none;
	float:left;
}

.main_menu01 {
	background: #ffffff url(../images/menu01_a.gif) no-repeat;
	height: 28px;
	width: 126px;
	margin-left: 4px;
	_margin-left: 2px;
}

.main_menu01 a{
	display: block;
	height: 28px;
}

.main_menu01 a:link,
.main_menu01 a:visited {
	background: #ffffff url(../images/menu01_no.gif) no-repeat;
}

.main_menu01 a:hover,
.main_menu01 a:active{
	background-position: 0 -28px ;
}

.main_menu02 {
	background: #ffffff url(../images/menu02_a.gif) no-repeat;
	height: 28px;
	width: 126px;
	margin-left: 3px;
}

.main_menu02 a{
	display: block;
	height: 28px;
}

.main_menu02 a:link,
.main_menu02 a:visited {
	background: #ffffff url(../images/menu02_no.gif) no-repeat;
}

.main_menu02 a:hover,
.main_menu02 a:active{
	background-position: 0 -28px ;
}

.main_menu03 {
	background: #ffffff url(../images/menu03_a.gif) no-repeat;
	height: 28px;
	width: 126px;
	margin-left: 3px;
}

.main_menu03 a{
	display: block;
	height: 28px;
}

.main_menu03 a:link,
.main_menu03 a:visited {
	background: #ffffff url(../images/menu03_no.gif) no-repeat;
}

.main_menu03 a:hover,
.main_menu03 a:active{
	background-position: 0 -28px ;
}

.main_menu04 {
	background: #ffffff url(../images/menu04_a.gif) no-repeat;
	height: 28px;
	width: 126px;
	margin-left: 3px;
}

.main_menu04 a{
	display: block;
	height: 28px;
}

.main_menu04 a:link,
.main_menu04 a:visited {
	background: #ffffff url(../images/menu04_no.gif) no-repeat;
}

.main_menu04 a:hover,
.main_menu04 a:active{
	background-position: 0 -28px ;
}

.main_menu05 {
	background: #ffffff url(../images/menu05_a.gif) no-repeat;
	height: 28px;
	width: 126px;
	margin-left: 3px;
}

.main_menu05 a{
	display: block;
	height: 28px;
}

.main_menu05 a:link,
.main_menu05 a:visited {
	background: #ffffff url(../images/menu05_no.gif) no-repeat;
}

.main_menu05 a:hover,
.main_menu05 a:active{
	background-position: 0 -28px ;
}

.main_menu06 {
	background: #ffffff url(../images/menu06_a.gif) no-repeat;
	height: 28px;
	width: 126px;
	margin-left: 3px;
}

.main_menu06 a{
	display: block;
	height: 28px;
}

.main_menu06 a:link,
.main_menu06 a:visited {
	background: #ffffff url(../images/menu06_no.gif) no-repeat;
}

.main_menu06 a:hover,
.main_menu06 a:active{
	background-position: 0 -28px ;
}

.header_bottom img {
	vertical-align: top;
}

#main {
	width: 780px;
	_width: 780px;
	border-left: 1px solid #D8D8DD;
	border-right: 1px solid #D8D8DD;
	background-color: #ffffff;
}

#contents {
	width: 579px;
	_width: 570px;
	float: left;
	margin-bottom: 10px;
	_padding-left: 5px;
}

/* ============================================
     irQ[V
   ============================================ */

#navi {
	width: 181px;
	_width: 175px;
	float: left;
	padding: 0px 10px 20px 10px;
	_padding: 0px 0px 20px 10px;
}

.navi_title1 {
	width: 181px;
	height: 26px;
	clear: both;
}

.navi_title1 a{
	display: block;
	height: 26px;	
}

.navi_title1 a:link,
.navi_title1 a:visited {
	background: #ffffff url(../images/navi1.gif) no-repeat;
}

.navi_title1 a:hover,
.navi_title1 a:active{
	background-position: 0 -26px ;
}

.navi_title2 {
	width: 181px;
	height: 26px;
	clear: both;
}

.navi_title2 a{
	display: block;
	height: 26px;	
}

.navi_title2 a:link,
.navi_title2 a:visited {
	background: #ffffff url(../images/navi2.gif) no-repeat;
}

.navi_title2 a:hover,
.navi_title2 a:active{
	background-position: 0 -26px ;
}

.navi_title3 {
	width: 181px;
	height: 26px;
	clear: both;
}

.navi_title3 a{
	display: block;
	height: 26px;	
}

.navi_title3 a:link,
.navi_title3 a:visited {
	background: #ffffff url(../images/navi3.gif) no-repeat;
}

.navi_title3 a:hover,
.navi_title3 a:active{
	background-position: 0 -26px ;
}

.navi_title4 {
	width: 181px;
	height: 26px;
	clear: both;
}

.navi_title4 a{
	display: block;
	height: 26px;	
}

.navi_title4 a:link,
.navi_title4 a:visited {
	background: #ffffff url(../images/navi4.gif) no-repeat;
}

.navi_title4 a:hover,
.navi_title4 a:active{
	background-position: 0 -26px ;
}

.navi1 {
}

.navi01 {
	background-color: #EFFFFF;
	padding: 6px 10px;
	font-weight: bold;
	clear: both;
	color: #3399CC;
}

.navi01 a {
}

.navi01 a:link,
.navi01 a:visited {
	color: #3399CC;
}

.navi01 a:hover,
.navi01 a:active {
	color: #77BDD8;
}

.navi02 {
	padding: 5px 10px;
	text-indent: 17px;
	clear: both;
	height: 15px;
	background: #ffffff url(../images/navi_icon_a.gif) 10px 5px no-repeat;
}

.navi02 a{
	display: block;
	height: 14px;
	width: 150px;
	float: left;
}

.navi02 a:link,
.navi02 a:visited {
	background: #ffffff url(../images/navi_icon.gif) top left no-repeat;
}

.navi02 a:hover,
.navi02 a:active{
	background-position: 0 -14px ;
}

.navi2 {
	margin-top: 13px;
}

.navi03 {
	margin-top: 5px;
	text-indent: 30px;
	clear: both;
}

.navi03 a{
	display: block;
	height: 20px;	
}

.navi03 a:link,
.navi03 a:visited {
	background: #ffffff url(../images/navi4_cont.gif) top left no-repeat;
}

.navi03 a:hover,
.navi03 a:active{
	background-position: 0 -20px ;
}

.navi_banner {
	height: 170px;
	width: 180px;
	margin: 30px 0px 15px 0px;
}

.navi_banner a{
	display: block;
	height: 170px;	
}

.navi_banner a:link,
.navi_banner a:visited {
	background: #ffffff url(../images/navi_banner.gif) top left no-repeat;
}

.navi_banner a:hover,
.navi_banner a:active{
	background-position: 0 -170px ;
}


/* ============================================
     tb^
   ============================================ */

#footer {
	width: 780px;
	clear: both;
}

.footer_line {
	border-bottom: 1px solid #D5D5D5;
	width: 760px;
	margin: 0px 10px 0px 10px;
	clear: both;
}

.foot_links {
	font-size: 10px;
	margin: 15px 0px 10px 0px;
	line-height: 16px;
	text-align: center;
	color: #3399CC;
}

.foot_links a:link,
.foot_links a:visited {
	color: #3399CC;
}

.foot_links a:hover,
.foot_links a:active{
	color: #71BBD8;
}

#copy {
	background: #ffffff url(../images/copy_bar.gif) no-repeat;
	color: #ffffff;
	height: 20px;
	text-align: center;
	line-height: 22px;
	font-size: 11px;
}

.pageup {
	float: right;
	width: 101px;
	margin: 0px 7px 20px 7px;
}

.pageup a {
	display: block;
	height: 21px;	
}

.pageup a:link,
.pageup a:visited {
	background: #ffffff url(../images/pageup.gif) no-repeat;
}

.pageup a:hover,
.pageup a:active{
	background-position: 0 -21px ;
}

/* ============================================
     index.html
   ============================================ */

.top_topics {
	margin-top: 12px;
}

.topics_box {
	background: #ffffff url(../images/topics.gif) no-repeat;
	width: 385px;
	_width: 387px;
	height: 93px;
	float: left;
	padding: 37px 0px 12px 15px;
	line-height: 20px;
}

.topics01 {
	font-size:11px;
	letter-spacing: 0.5px;
}

.topics01 a:link,
.topics01 a:visited {
	color: #456DB0;
}

.topics01 a:hover,
.topics01 a:active{
	color: #80A3D8;
}

.date {
	color: #3399CC;
	margin-right: 15px;
}

.date2 {
	color: #3399CC;
	margin-right: 16px;
}

.topics {
}

.free {
	float: left;
	margin-left: 5px;
	_margin-left: 0px;
}

.rank {
	float: left;
	background: #ffffff url(../images/top_rank.gif) no-repeat;
	width: 546px;
	_width: 550px;
	height: 139px;
	padding: 72px 0px 17px 23px;
	_margin: 10px 0px;
}

.spetial_items {
	float: left;
	background: #ffffff url(../images/spetial_items.gif) no-repeat;
	width: 546px;
	_width: 550px;
	height: 211px;
	padding: 6px 0px 17px 23px;
	_margin: 10px 0px;
}
.spetial_description{
	color:#F95302;
	margin-left: 15px;
	margin-bottom: 38px;
	font-size: 18px;
	font-weight: bold;

}

.rank_box {
	float: left;
	margin-right: 39px;
	_margin-right: 37px;
}

.rank_photo {
	margin-bottom: 3px;
	margin-right: 5px;
}

.rank_text {
	line-height: 16px;
}

.rank_text span {
	border-bottom: 1px dotted #F95302;
}

.rank_photo2 {
	margin: 11px 0px;
}

.pick_c {
}

.pick_cbox1 {
	width: 171px;
	float: left;
	margin: 10px 28px 0px 0px;
}

.pick_cbox2 {
	width: 171px;
	float: left;
	margin: 10px 0px 0px 0px;
}

.pick_ctitle {
	width: 171px;
	height: 26px;
	line-height: 28px;
	text-indent: 30px;
}

.pick_ctitle a{
	display: block;
	height: 26px;	
}

.pick_ctitle a:link,
.pick_ctitle a:visited {
	background: #ffffff url(../images/top_pick_c1.gif) no-repeat;
}

.pick_ctitle a:hover,
.pick_ctitle a:active{
	background-position: 0 -26px ;
}

.pick_cbox {
	border-left:1px solid #ADDEFA;
	border-right:1px solid #ADDEFA;
	border-bottom:1px solid #ADDEFA;
	padding: 10px 5px 3px 5px;
	height: 193px;
	_height: 200px;
}

.pick_c_photo {
	margin: 0px 0px 10px 40px;
}

.pick_ctext {
	letter-spacing: 0.5px;
}

.top_pick_i {
	background: #ffffff url(../images/top_pickup_i.gif) no-repeat;
	width: 569px;
	_width: 580px;
	height: 428px;
	padding: 30px 0px 10px 3px;
	float: left;
	margin-top: 12px;
}

.pick_ibox {
	float: left;
	width: 117px;
	padding: 15px 5px;
	_padding: 6px 5px;
	height: 183px;
	margin: 0px 16px 12px 0px;
	_margin: 0px 7px 0px 0px;
}

.pick_ibox img {
	margin-bottom: 5px;
}

.pick_ibox2 {
	float: left;
	width: 117px;
	padding: 15px 5px;
	_padding: 6px;
	height: 183px;
	margin-bottom: 12px;
}

.pick_ibox2 img {
	margin-bottom: 5px;
}

.pick_itext {
	letter-spacing: 0.5px;
	margin-left: 3px;
}

/* ============================================
     policy.html
   ============================================ */

.cont_title {
	background: #ffffff url(../images/cont_title.gif) no-repeat;
	width: 554px;
	height: 24px;
	line-height: 24px;
	text-indent: 15px;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	clear: both;
}

.cont_box {
	margin-top: 10px;
	background-color: #F0F0FF;
	padding: 15px 30px 50px 30px;
	width: 494px;
	float: left;
}

.pp_title {
	line-height: 18px;
	margin: 0px 15px 30px 25px;
}

.pp_title2 {
	background: #ffffff url(../images/pp_title.gif) no-repeat;
	width: 499px;
	_width: 467px;
	height: 22px;
	line-height: 27px;
	color: #ffffff;
	text-indent: 15px;
	float: left;
}

.pp_box {
	background-color: #ffffff;
	width: 467px;
	_width: 435px;
	border-left: 1px solid #78789C;
	border-right: 1px solid #78789C;
	padding: 10px 15px;
	float: left;
}

.pp_box2 {
	background-color: #ffffff;
	width: 467px;
	_width: 435px;
	border-left: 1px solid #78789C;
	border-right: 1px solid #78789C;
	border-bottom: 1px solid #78789C;
	padding: 10px 15px;
	float: left;
}

.pp_text {
	line-height: 18px;
}

.pp_text a {
	text-decoration: underline;
}

.pp_line1 {
	border-top: 1px dotted #78789C;
	margin: 10px 0px;
}



/* ============================================
     sitemap.html
   ============================================ */

.stbox {
	background-color: #ffffff;
	border: 1px solid #78789C;
	padding: 15px 10px;
}

.st1 {
	width: 220px;
	margin: 0px 0px 15px 0px;
}

.st1_1 {
	width: 120px;
	margin: 10px 0px 0px 33px;
}

.st1_2 {
	width: 120px;
	margin: 10px 0px 0px 120px;
}

.st1 a {
	display: block;
	height: 14px;
	text-indent: 20px;
	text-decoration: underline;
}

.st1 a:link,
.st1 a:visited {
	background: #ffffff url(../images/navi_icon.gif) top left no-repeat;
}

.st1 a:hover,
.st1 a:active{
	background-position: 0 -14px ;
}

.st1_1 a {
	display: block;
	height: 14px;
	text-indent: 20px;
	text-decoration: underline;
}

.st1_1 a:link,
.st1_1 a:visited {
	background: #ffffff url(../images/navi_icon.gif) top left no-repeat;
}

.st1_1 a:hover,
.st1_1 a:active{
	background-position: 0 -14px ;
}

.st1_2 a {
	display: block;
	height: 14px;
	text-indent: 20px;
	text-decoration: underline;
}

.st1_2 a:link,
.st1_2 a:visited {
	background: #ffffff url(../images/navi_icon.gif) top left no-repeat;
}

.st1_2 a:hover,
.st1_2 a:active{
	background-position: 0 -14px ;
}

.st2 {
	background: #ffffff url(../images/pp_icon.gif) top left no-repeat;
	text-indent: 20px;
}

.st2_1 {
	background: #ffffff url(../images/pp_icon.gif) top left no-repeat;
	text-indent: 20px;
	margin: 10px 0px 0px 75px;
}

/* ============================================
     guide/index.html
   ============================================ */

.gu_title1 {
	background: #ffffff url(../images/gu_title1.gif) no-repeat;
	width: 554px;
	height: 24px;
	line-height: 24px;
	text-indent: 15px;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
}

.gubox1 {
	margin: 10px 0px 25px 0px;
}

.gu_text1 {
	width: 554px;
	height: 34px;
	line-height: 34px;
	text-indent: 35px;
}

.gu_text1 a {
	display: block;
	height: 34px;	
}

.gu_text1 a:link,
.gu_text1 a:visited {
	background: #ffffff url(../images/gu_cont1.gif) no-repeat;
}

.gu_text1 a:hover,
.gu_text1 a:active{
	background-position: 0 -34px ;
}

.gu_title2 {
	background: #ffffff url(../images/gu_title2.gif) no-repeat;
	width: 554px;
	height: 24px;
	clear: both;
	line-height: 25px;
	text-indent: 30px;
	color: #ffffff;
}

.gu_box2 {
	width: 542px;

	border-left: 1px solid #78789C;
	border-right: 1px solid #78789C;
	border-bottom: 1px solid #78789C;
	padding: 10px 0px 10px 7px;
	float: left;
	margin-bottom: 15px;
}

.gu_box2_title {
	background: #ffffff url(../images/pp_icon.gif) top left no-repeat;
	text-indent: 30px;
	margin: 7px 0px 0px 10px;
	line-height: 18px;
}

.gu_box2_text {
	margin-left: 20px;
	line-height: 18px;
}

/* ============================================
     voice/index.html
   ============================================ */

.vo_box table {
	border: 1px solid #999999;
	background-color: #FFEEFF;
	width: 554px;
	margin-top: 10px;
}

.vo_box th {
	border-right: 1px solid #999999;
	font-weight: normal;
	vertical-align: top;
}

.vo_box th,
.vo_box td {
	padding: 10px;
}

.t1 {
	border-bottom: 1px dotted #999999;
}

.works_1 {
	background: #4592E3;
	padding: 7px 0px;
	text-indent: 10px;
	width: 487px;
	color: #ffffff;
	clear: both;
	margin-left: 27px;
}

.works_box {
	border: 1px solid #494949;
	width: 459px;
	_width: 487px;
	margin: 5px 0px 20px 27px;
	padding: 15px 13px 7px 13px;
	color: #000000;
}

/* ============================================
     works/index.html
   ============================================ */

.works_plan1 a {
	display: block;
	height: 13px;
	width: 140px;
	line-height: 13px;
	text-indent: 20px;
	position: relative;
	top: -19px;
	left: 370px;
}

.works_plan1 a:link,
.works_plan1 a:visited {
	background: #ffffff url(../images/5_no.gif) no-repeat;
}

.works_plan1 a:hover,
.works_plan1 a:active{
	background-position: 0 -13px ;
}

.works_box2 {
	border: 1px solid #494949;
	margin: 5px 27px 470px 19px;
	padding: 15px 13px 7px 13px;
}

.works_box3 {
	border: 1px solid #494949;
	margin: 5px 27px 50px 19px;
	padding: 15px 13px 7px 13px;
}

.works_box p,
.works_box2 p,
.works_box3 p {
	line-height: 18px;
	margin-bottom: 8px;
}

/* ============================================
     qa/index.html
   ============================================ */

.q_box {
	margin-top: 10px;
}

.q_title {
	width: 553px;
	height: 34px;
	line-height: 34px;
	text-indent: 40px;
	clear: left;
}

.q_title a {
	display: block;
	height: 34px;
	text-decoration: underline;
}

.q_title a:link,
.q_title a:visited {
	background: #ffffff url(../images/q_text.gif) no-repeat;
}

.q_title a:hover,
.q_title1 a:active{
	background-position: 0 -34px ;
}

.qa_box_1 {
	background: #ffffff url(../images/q_title.gif) no-repeat;
	height: 27px;
	line-height: 28px;
	text-indent: 35px;
	margin: 15px 0px 0px 0px;
	float: left;
	color: #ffffff;
	width: 553px;
}

.q_text1 {
	float: left;
	width: 80px;
	line-height: 18px;
}


.a_box {
	border-left: 1px solid #78789C;
	border-right: 1px solid #78789C;
	border-bottom: 1px solid #78789C;
	padding: 7px 0px 10px 5px;
	width: 544px;
	float: left;
	background: #ffffff url(../images/amark.gif) 4px 7px no-repeat;
}

.amark {
	
}

.q_text {
	margin-left: 29px;
	line-height: 19px;
	width: 500px;
}

/* ============================================
     company/index.html
   ============================================ */

#table1 {
	width: 475px;
	border-top: 1px solid #78789c;
	border-left: 1px solid #78789c;
	border-right: 1px solid #78789c;
	margin: 5px 0px 0px 0px;
	float: left;
}

#table1 tr {
	height: 25px;
	border:;
}

#table1 th {
	text-indent: 10px;
	border-bottom: 1px solid #78789c;
	color: #ffffff;
	font-weight: normal;
	width: 133px;
	text-align: left;
}

#table1 td {
	background-color: #ffffff;
	text-indent: 10px;
	line-height: 20px;
	border-bottom: 1px solid #78789c;
	border-left: 1px solid #78789c;
	padding: 4px 0px 0px 0px;
}

#table1 td a {
	text-decoration: underline;
}

.cont_box_co {
	margin-top: 10px;
	background-color: #F0F0FF;
	padding: 15px 20px 30px 20px;
	width: 514px;
	float: left;
}

.cont_box_co2 {
	margin-top: 10px;
	background-color: #F0F0FF;
	padding: 15px 30px 50px 30px;
	_padding: 15px 20px 30px 20px;
	width: 494px;
	_width: 514px;
	float: left;
}

.cont_title2 {
	background: #ffffff url(../images/cont_title.gif) no-repeat;
	width: 554px;
	height: 24px;
	line-height: 24px;
	text-indent: 15px;
	color: #ffffff;
	font-weight: bold;
	font-size: 13px;
	margin-top: 15px;
	float: left;
}

#table2 {
	width: 515px;
	border-top: 1px solid #78789c;
	border-left: 1px solid #78789c;
	border-right: 1px solid #78789c;
	margin: 5px 0px 0px 0px;
	float: left;
}

#table2 tr {
	height: 25px;
}

#table2 th {
	text-indent: 10px;
	border-bottom: 1px solid #78789c;
	color: #ffffff;
	font-weight: normal;
	width: 133px;
	text-align: left;
}

#table2 td {
	background-color: #ffffff;
	text-indent: 10px;
	line-height: 19px;
	border-bottom: 1px solid #78789c;
	border-left: 1px solid #78789c;
	padding: 4px 0px 0px 0px;
}

#table1 td a {
	text-decoration: underline;
}

.td_photo {
	width: 189px;
	background: #ffffff url(../images/company.gif) center center no-repeat;
}

.co_box1 {
	width: 85px;
	float: left;
}

.co_box2 {
	float: left;
}

.co_th1 {
	background: #ffffff url(../images/co_th1.gif) no-repeat;
}

.co_th2 {
	background: #ffffff url(../images/co_th2.gif) no-repeat;
}

/* ============================================
     link/index.html
   ============================================ */

#link_body ul {
	margin: 20px 30px 25px 10px;
	_margin: 20px 0px 25px 8px;
	_width: 522px;
	border-right: solid 1px #78789c;
	border-bottom: solid 1px #78789c;
	float: left;
	list-style: none;
}

#link_body ul li.links {
	background-color: #ffffff;
	color: #000000;
	width: 40px;
	float: left;
}

#link_body ul li {
	background-color: #6074C4;
	color: #ffffff;
	width: 17px;
	height: 17px;
	line-height: 17px;
	border-left: solid 1px #78789c;
	border-top: solid 1px #78789c;
	text-align: center;
	float: left;
}
#link_body ul li a {
	display: block;
}

#link_body ul li a:link,
#link_body ul li a:visited {
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}

#link_body ul li a:hover,
#link_body ul li a:active {
	background-color: #6074C4;
	color: #ffffff;
	text-decoration: none;
}

.dl1 {
	width: 482px;
	margin: 15px 25px 0px 30px;
	clear: left;
}

.dl1 a:link,
.dl1 a:visited {
	color: #ffffff;
	text-decoration: none;
}

.dl1 a:hover,
.dl1 a:active {
	color: #ffffff;
	text-decoration: underline;
}

.dt1 {
	background-color: #6074C4;
	color: #ffffff;
	padding: 7px 10px 7px 10px;
}

.dl2 {
	width: 450px;
	margin: 0px 25px 15px 10px;
	border: solid 1px #78789c;
	clear: left;
}

.dt2 {
	color: #000000;
	padding: 7px 10px 7px 10px;
}

/* ============================================
     contact
   ============================================ */

.cont_box2 {
	margin-top: 10px;
	background-color: #F0F0FF;
	padding: 10px 30px 10px 30px;
	_padding: 10px 0px 10px 30px;
	width: 494px;
	_width: 524px;
	margin-bottom: 25px;
	float: left;
}

.toi_1 {
	margin: 5px 0px 0px 10px;
	line-height: 18px;
}

.toi_1 a {
	text-decoration: underline;
} 

.toi_2 {
	margin: 10px 0px 0px 415px;
	font-size: 11px;
	clear: both;
}

.red {
	color: #ff0000;
	font-size: 12px;
	font-weight: bold;
}

.dl3 {
	width: 500px;
	margin: 5px 25px 8px 20px;
	clear: left;
}

.dt3 {
	background: #ffffff url(../images/contact_bar.gif) no-repeat;
	color: #ffffff;
	width: 499px;
	height: 27px;
	line-height: 27px;
	text-align: center;
}

.form_box {
	width: 470px;
	padding: 3px 15px 0px 15px;
	margin-top: 10px;
	float: left;
}

.form_box input {
	width: 300px;
}

.form_box textarea {
	width: 300px;
}

.toi_3 {
	background: #ffffff url(../images/cont_mark.gif) no-repeat;
	text-indent: 25px;
	line-height: 15px;
	float: left;
}

.toi_4 {
	float: right;
	width: 320px;
	text-align: left;
}

.toi_6 {
	float: right;
	width: 320px;
	text-align: left;
}

.toi_6 p {
	margin-bottom: 10px;
}

.top_1_line3 {
	margin-top: 18px;
}

.top_1_line4 {
	margin-top: 5px;
}

.contact_box {
	width: 497px;
	margin: 0px 25px 15px 20px;
	_margin: 0px 10px 15px 10px;
	border: solid 1px #78789c;
	padding: 3px 0px 18px 0px;
	float: left;
}

.toi_5 {
	width: 500px;
	text-align: center;
	font-size: 11px;
	margin: 10px;
}

.toi_7 {
	margin: 15px 0px 10px 40px;
	line-height: 18px;
}

.toi_7 a {
	text-decoration: underline;
} 

.toi_8 {
	margin: 15px 0px 20px 45px;
	line-height: 18px;
}

.toi_8 a {
	text-decoration: underline;
} 

.toi_9 {
	margin: 15px 0px 20px 25px;
	line-height: 18px;
}

.toi_9 a {
	text-decoration: underline;
} 

.toi_10 {
	width: 500px;
	text-align: center;
	font-size: 11px;
	margin: 15px 0px 15px 24px;
}

.submit {
	width: 500px;
	text-align: center;
}

.wrong {
	text-indent: 20px;
	list-style: none;
	color: red;
	border: solid 1px #999999;
	margin: 5px 20px 0px 20px;
	padding: 5px auto;
	line-height: 20px;
}

#contact4 a{
	display: block;
	height: 22px;
	width: 136px;
	margin-left: 190px;
}

#contact4 a:link,
#contact4 a:visited {
	color: #ffffff;
	background: #ffffff url(../images/contact4_no.gif) no-repeat;
}

#contact4 a:hover,
#contact4 a:active{
	color: #ffffff;
	background-position: 0 -22px ;
}

#comp a{
	display: block;
	width: 132px;
	height: 18px;
	margin-left: 210px;
}

#comp a:link,
#comp a:visited {
	color: #ffffff;
	background: #ffffff url(../images/top_back2.gif) no-repeat;
}

#comp a:hover,
#comp a:active{
	color: #ffffff;
	background-position: 0 -18px ;
}

.comp_text {
	margin: 30px 0px 30px 70px;
	line-height: 18px;
}

/* ============================================
     item/`/index.html
   ============================================ */

.cat_title {
	font-size: 16px;
	font-weight: bold;
	color: #3399CC;
}

.main_photo1 {
	margin-top: 10px;
}

.catbox {
	float: left;
	margin: 15px 10px 15px 30px;
	_margin: 15px 10px 15px 20px;
	_height: 215px;
}

.cat_text {
	background: #ffffff url(../images/pp_icon.gif) center left no-repeat;
	text-indent: 20px;
	margin-bottom: 5px;
}

.cat_text_1 {
	margin: 20px 0px 30px 0px;
	line-height: 18px;
	letter-spacing: 1px;
}

.ib_box1{
	clear: both;
	height: 315px;
	margin-top: 10px;
}

.cat_text_2 {
	line-height: 18px;
	letter-spacing: 1px;
	float: left;
	width: 300px;
	padding: 10px;
}

.cat_text_3 {
	float: left;
	margin: 0px 0px 10px 30px;
	line-height: 18px;
	letter-spacing: 1px;
	width: 250px;
	height: 200px;
	padding: 10px;
}

.itembox {

}

.item_photo {
	float: left;
	border: 1px solid #D8D8DD;
}

.item_photo_a {
	float: left;
	border: 1px solid #D8D8DD;
	margin: 0px 0px 10px 0px;
}

.item_photo_b {
	float: left;
	border: 1px solid #D8D8DD;
	margin: 0px 0px 10px 30px;
}

.item_photo_c {
	float: left;
	border: 1px solid #D8D8DD;
	margin: 10px 0px 10px 0px;
}

.item_photo_d {
	float: left;
	border: 1px solid #D8D8DD;
	margin: 10px 0px 10px 30px;
}

.item_to {
	float: left;
	border: 1px solid #D8D8DD;
	padding: 3px 0px;
	width: 310px;
	_width: 306px;
	margin-left: 7px;
	_margin-left: 5px;
}

.item_title {
	margin-left: 10px;
	float: left;
	padding: 3px 0px 0px 0px;
	letter-spacing: 1px;
	font-size: 13px;
}

.newicon {
	margin-left: 10px;
	float: left;
	padding: 3px 0px;
}

.item_no {
	padding: 3px 0px 0px 10px;
	background-color: #EFFFFF;
	clear: both;
	letter-spacing: 1px;
	font-size: 13px;
}

.item_price {
	margin-left: 10px;
	font-size: 14px;
	padding: 4px 0px 3px;
	letter-spacing: 1px;
}


.item_pro {
	background-color: #EFFFFF;
	float: left;
	width: 310px;
	_width: 306px;
}

.item_color {
	float: left;
	padding: 5px;
	margin: 0px 3px 0px 10px;
}

.item_size {
	float: left;
	padding: 5px;
	margin: 0px 50px 0px 3px;
}

.item_pi {
	float: left;
	padding: 5px;
	margin: 0px 10px;
}

#item_b {
	float: left;
	padding: 5px;
}

.item_tex {
	margin-left: 10px;
	font-size: 13px;
	clear: both;
	padding: 3px 0px;
}

.item_icon {
	background-color: #EFFFFF;
	padding: 3px;
	float: left;
	width: 304px;
	_width: 300px;
}

.item_icon img {
	margin-right: 3px;
}

.item_table {
}

.item_table_title {
	width: 12px;
	margin: 18px 10px 0px 10px;
	_margin: 18px 10px 0px 5px;
	float: left;
	color: #3399CC;
}

.item_table table {
	border: 1px solid #ADDEFA;
	width: 260px;
	margin: 5px 0px 1px 0px;
	float: left;
}

.item_table tr {
}

.item_table th {
	text-align: center;
	padding: 3px 0px;
}
.item_table td {
	padding: 1px 0px 0px 17px;
}

.it_tr1 {
	background-color: #EFFFFF;
}

.tt {
	border-bottom: 1px solid #ADDEFA;
}

.item_caution{
	font-size: x-small;
	font-weight: bold;
	color: red;
}