*{ margin: 0; padding: 0; }* 
body { 
	font: .8em arial,sans-serif;
	line-height: 1.6em;
	background: #fff; 
	color: #444; 
}
*{zoom:1;}
img{border:0;}

a {	color: #0646b0;	}
a:hover { color: #ff0000;}

h1 { font: normal 100% "Trebuchet MS", Arial, Sans-Serif; padding: 0 0 8px 0px; margin: 0 0 0 0; }
h1 a { color: #737373; background: inherit; }
.orange { color: #E0692A; }
sup { font-size: .5em; }

h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; }
h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; }
p {	margin: 0 0 5px 0; }

ul.none { list-style : none; }
li.ie{_padding:2px 0;}
li.ie2{_padding:0px 0;}

li.more{margin-top:10px;}

/* layout
   ------ */

.content { 
	font-size: 12px;
	margin: 0 auto;
	width: 980px;
	padding: 0 10px 10px 10px; 
	line-height:160%;
}

.header { 
	height: 75px;
	background: #fff repeat-x bottom;
	color: #808080;

	padding: 3px 0 0 0;
}

.logo { 
	margin-top:0px;
}

.top_info {
	float: right;
	width: 718px;
	padding: 5px 1px 4px 54px;
	color: #808080;
	background: url(images/bg.gif) repeat-x;
}

	.top_info_left {
		width: 280px;
		float: left;
	}

	.top_info_notice {
		float: right;
		text-align:left;
		width: 200px;
		padding: 0 5px 0 25px;
		border-left: 1px solid #ffffff;

	}

	.top_info_right a{
		text-decoration:none;
		font-size:12px;
		line-height:110%;
	}

.browse_category  {
	width: 230px;
	color: #FFF;
	background: inherit;
}

.bar { 
	clear: both;
	font-size: 1.2em;
	height: 22px; 
	color: #000080;
	background: #ebf5ff;
	padding-left:10%;
}

	.bar li { 
		background: #cce3f3 repeat-x;
		border-right:1px solid #fefefe;
		padding: 3px 12px 0px 12px;
		color: #666666;
		float: left; 
	}
	
	.bar li.active { 
		background: #3b7bab repeat-x; 
		color: #ffffff;
		font-weight: bold; 
		
	}

	.bar li.active a:link{ 
		background: #3b7bab repeat-x; 
		color: #ffffff;
		font-weight: bold; 
		
	}

	.bar li.active a:hover{ 
		background: #3b7bab repeat-x; 
		color: #ffffff;
		font-weight: bold; 
		
	}
	.bar li.active a:visited{ 
		background: #3b7bab repeat-x; 
		color: #ffffff;
		font-weight: bold; 
		
	}

	.bar li a { 
		font-weight: bold;
		color: #335577; 
		background: inherit;
		text-decoration: none;
	} 

	.bar li a:link { 
		font-weight: bold;
		color: #335577; 
		background: inherit;
		text-decoration: none;
	} 

	.bar li a:hover { 
		font-weight: bold;
		color: #335577; 
		background: inherit;
		text-decoration: none;
	} 

	.bar li a:visited { 
		font-weight: bold;
		color: #335577; 
		background: inherit;
		text-decoration: none;
	} 

.bar_l{
	float : left ; width:585px;
}

.bar_r{
	float : left ; 
}
	
	.bar li.else { 
		background: #ebf5ff repeat-x; 
		color: #335577;
		font-weight: bold; 
		font-size:13px;
	}

	.bar li.else a:link{ 
		background: #ebf5ff repeat-x; 
		color: #335577;
		font-weight: bold; 
		font-size:13px;		
	}

	.bar li.else a:hover{ 
		background: #ebf5ff repeat-x; 
		color: #335577;
		font-weight: bold; 
		font-size:13px;
	}
	.bar li.else a:visited{ 
		background: #ebf5ff repeat-x; 
		color: #335577;
		font-weight: bold; 
		font-size:13px;
	}
	
/* search form */
.search_field { 
	background: #3b7bab; 
	color: #ffffff;
	clear: both;
	font-weight: bold;
	padding: 7px 12px 10px 6%;
	margin: 0 0 5px 0;
}

.search_field a{ 
	color: #ffffff;
}
	input.search { 
		width: 292px; 
		border: 0;
		background: #FFF url(images/input.gif) no-repeat;
		padding: 4px; 
		color: #E0691A;
		font-weight: bold;
		margin: 0 0 0 3px;
	}
	input.submit {
		background: #E0691A url(images/submit.gif) no-repeat;
		border: 0;
		padding: 4px 0;
		width: 65px;
		margin: 0 10px 1px 0;
		color: #FFF;
		font: bold 1em Arial, Sans-Serif;
	}
	.grey { color: #808080; background: inherit; font-weight: normal; }
	.search_form { float: left; }

input.fix{ width:333px; }

/* left side
   --------- */

.left {
	float: left;
	width: 160px;
	margin: 0 0 10px 0;

}

.left h2 {
	clear: both;
	background: #3b7bab no-repeat center left;
	color: #ffffff;
	padding: 0 0 0 3px;
	font: bold 13px arial,helvetica,sans-serif;
	_font: bold 14px arial,helvetica,sans-serif;
	margin: 0 0 1px 0;
	height:16px;
	padding:3px 0 0 2px;
}

.left h2.cx {
	clear: both;
	background: #3b7bab no-repeat center left;
	color: #ffffff;
	padding: 0 0 0 3px;
	font: bold 13px arial,helvetica,sans-serif;
	_font: bold 14px arial,helvetica,sans-serif;
	margin: 0 0 1px 0;
	height:16px;
	padding:3px 0 0 2px;
}

	.left_side {
		float: left;
		width: 300px;
		padding: 0 0 0 10px;
		margin: 10px 0 0 0px;
		color:#000000;
	}
		
	.left_side a, .right_side a { color: #0646b0; background: #FFF; }
	.left_side a:hover, .right_side a:hover { color: #ff0000; background: #FFF; }
		
	.right_side {
		float: right;
		width: 280px;
		background: #FFF url(images/dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 70px;
		margin: 10px 0;
	}
	.left_box { 
		margin: 0 0 1px 0; 
		color: #000; 
		background: #FFF; 
		padding: 0 0 3px 0; 
	}

	.left_box_ads { 
		margin: 0 0 5px 0; 
		color: #000; 
		background: #f3fafd; 
		padding: 3px 0 3px 0; 
		text-align:left;

	}

	.left_box2 { 
		margin: 0 0 3px 0; 
		color: #000; 
		background: #FFF url(images/kakugen.png) no-repeat; 
		padding: 40px 0 9px 10px; 
	}

	.left_box2 a{ 
		margin: 0 0 1px 0; 
		color: #000; 
		background : transparent;

	}


	.left_box_bottom { 
		margin: 0 0 1px 0; 
		color: #000; 
		background: #ffffff; 
		padding: 0 0 10px 0; 
		border:1px solid #b3c3d3;
	}

	.left_box table{ 
		background: #cce3f3 !important; 
	}

	.l_b { 
		margin: 0 0 1px 0; 
		color: #303030; 
		background: #f3f6f8; 
		padding: 3px 0; 
		border-left:1px solid #c1c2c3;
		border-right:1px solid #c1c2c3;
		font-size:12px;
	}

/* center box
   --------- */

.center {
	float: left;
	width: 671px;
	margin: 0 0 10px 7px;
}

.center h2 {
	clear: both;
	background: #feeca8 no-repeat center left;
	border-top:1px solid #fddd5a;
	color: #222222;
	font: bold 14px "Trebuchet MS", Arial, Sans-Serif;
	_font: bold 14px "Trebuchet MS", Arial, Sans-Serif;
	margin: 2px 0 0 0;
	height:18px;
	padding:2px 0 0 3px;
}

.center h2.mh {
	clear: both;
	background: #e8e8e8 no-repeat center left;
	border-top:1px solid #c0c0c0;
	color: #222222;
	font: bold 14px "Trebuchet MS", Arial, Sans-Serif;
	_font: bold 14px "Trebuchet MS", Arial, Sans-Serif;
	margin: 0 0 0 0;
	height:18px;
	padding:2px 0 0 3px;
}

.center h2.mh a {
	font: bold 12px "Trebuchet MS", Arial, Sans-Serif;

}

*:first-child+html .center h2.mh {margin-top:-7px;} * html .center h2.mh {margin-top:-7px;} 

.center h2.mi {
	background: #E8E8E8 no-repeat center left;
	border-top:1px solid #d3d3ff;
	color: #222222;
	font: bold 14px "Trebuchet MS", Arial, Sans-Serif;
	_font: bold 14px "Trebuchet MS", Arial, Sans-Serif;
	margin: 0 0 0 0;
	height:18px;
	padding:2px 0 0 3px;
	width:310px;
	text-align:left;

}


.news {
		width:668px;

}

	.line{
		float:left;
		width:275px;
		background: #E8E8E8 no-repeat center left;
	border-top:1px solid #d3d3ff;
	color: #222222;
	font: bold 14px "Trebuchet MS", Arial, Sans-Serif;
	_font: bold 14px "Trebuchet MS", Arial, Sans-Serif;
	margin: 0 0 0 0;
	height:18px;
	padding:2px 0 0 3px;
	}


	.line a{

	font: normal 12px "Trebuchet MS", Arial, Sans-Serif;
	_font: normal 12px "Trebuchet MS", Arial, Sans-Serif;

	}

	.cp{
		float:left;
		width:388px;
		color:#666666;
		text-align:left;
		background: #E8E8E8 no-repeat center left;
	border-top:1px solid #d3d3ff;
	color: #222222;
	font: bold 14px "Trebuchet MS", Arial, Sans-Serif;
	_font: bold 14px "Trebuchet MS", Arial, Sans-Serif;
	margin: 0 0 0 0;
	height:18px;
	padding:2px 2px 0 0;
	}

*:first-child+html .cp{padding:4px 2px 0 0;height:16px;} * html .cp{padding:4px 2px 0 0;height:16px;} 

	.center_side {
		float: left;
		width: 160px;
		padding: 0 0 0 10px;
		margin: 10px 0 0 38px;

	}
		
	.center_side a, .center_side a { color: #0646b0; background: #FFF; }
	.center_side a:hover, .center_side a:hover { color: #ff0000; background: #FFF; }
		
	.center_side {
		float: left;
		width: 280px;
		background: #FFF url(images/dotted.gif) repeat-y;
		padding: 0 0 0 20px;
		margin: 10px 0;
		color:#000000;
		text-align:left;
	}
	.center_box { 
		margin: 0 0 10px 0; 
		color: #000; 
		background: #FFF; 
		padding: 0 0 1px 0;
	}
	

	.suc_center_box{
		padding:0px 0 0 0;
		width:671px;
	}

	.center_box_2 { 
		margin: 0 0 0 0; 
		color: #000; 
		background: #ffffea; 
		padding: 0 0 1px 0; 
	}
	

	.suc_center_box_2{
		padding:3px 0 3px 0;
		width:668px;
		background: #ffffea; 
		height:58px;
	}

	.suc_center_box_add{
		padding:1px 0 0 5px;
		width:663px;
		background: #DFFEFE;
		font-weight:bold;
	}

	.qa{
		padding:3px 0 0 0;
		margin-bottom:0px;
		width:671px;
		background: #ffffff;
	}

	.areas{
		float:left;
		width:518px;
		color:#666666;
		font-size:12px;
		text-align:left;
	}


	.copys{
		float:left;
		width:150px;
		text-align:left;
		font-size:13px;
		font-weight:normal;
		color:#666666;
	}


	.suc_center_box2{height:70px;}

*:first-child+html .suc_center_box2{height:auto;margin-bottom:-3px;} * html .suc_center_box2{height:auto;margin-bottom:-3px;} 

	.suc_center_box2 img{
		margin-top:3px;
		margin-bottom:5px;
	}

	.info{
		float:left;
		width:149px;
		border-right:1px solid #dcdcdc;
	}

	.orjp{
		float:left;
		width:518px;
		color:#666666;
		font-size:12px;
		text-align:right;
	}

	.orjp a{
		padding-bottom:1px;
	}

	.metal_l{
		float:left;
		width:510px;
		border-right:1px solid #dcdcdc;
		margin-top:2px;
	}

	.metal_l a{
		margin-left:5px;
		padding-bottom:1px;
	}

	.metal_r{
		float:left;
		width:147px;
		margin-top:2px;
	}

	.metal_r a{
		padding-bottom:1px;
	}

*:first-child+html .metal_l{margin-top:0px;} * html .metal_l{margin-top:0px;} 
*:first-child+html .metal_r{margin-top:0px;} * html .metal_r{margin-top:0px;} 
	.qa_l{
		float:left;
		width:310px;
		color:#666666;
		font-size:12px;
		text-align:left;
		background: #ffffff; 
	}

	.qa_r{
		float:left;
		width:356px;
		background: #ffffff; 
	}


.xxx{
	float:left;width:41%;
	margin-bottom:5px;
	border-right:1px solid #eeeeee;
}

.yyy{
	float:left;width:58%;
	text-align:left;
	margin-top:0;
	background:#f6fafd;
	padding:1px 0 1px 3px;
	color:#0066cc;
	border-right:1px solid #f6fafd;
}


.yyy img{
	boder:#0000ff 1px solid;
}

td.cate{
color:#444444;
width:120px;
}

	td.new a, td.new a { color: #0646b0;}
	td.new a:hover, td.new a:hover { color: #ff0000;}
		
/* right side
   ---------- */
		
.right {
	float: right;
	width: 137px;
	margin: 0 0 10px 0;
	height:100%;
	border-left:1px solid #8fb8d3;

}
	.right h3 {
		background: #3b7bab no-repeat center right;
		color: #FFF;
		padding: 2px 0 0px 5px;
		font: bold 13px arial,helvetica,sans-serif;
		_font: bold 14px arial,helvetica,sans-serif;
		margin: 0 0 3px 0;
	}
	.right_adspace {
		background: #e3ecff;
		color: #414141;
		padding: 3px 0 0 9px;	
		margin: 0 0 5px 0;
		height:338px;
	}

	.right_adspace img{
		margin-top:5px;
	}
	.notice {
		background: #f3fbfc;
		color: #333333;
		padding: 5px 0px 10px 4px;	
		margin: 0 0 3px 0;
		font-size:8pt;
		line-height:125%;
	}
	.image {
		float: left;
		margin: 0 9px 3px 0;
	}

	.notice a {
		font-size:9pt;
		line-height:160%;
	}

	.notice2 {
		background: #ececec;
		color: #333333;
		padding: 5px 0px 5px 0px;	
		margin: 0 0 3px 0;
		font-size:8pt;
		line-height:125%;
		text-align:center;
	}

	.g_api {
	text-align:center;
	padding:5px;
	font-size:12px;
	margin-top:2px;
		background: #f3fbfc;
	height:180px;
	}

/* footer
   ------ */

.footer { 
	clear: both;
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	line-height: 2em;
}
	.footer a { color: #0646b0; background: #fff; }
	.footer a:hover { color: #ff0000; background: #fff; }

td.c_1{font-size:13px;padding:2px 0;}
td.c_2{font-size:13px;padding:2px 1px;}
td.c_2 a{text-decoration:none;}
td.c_2 a:hover{text-decoration:underline;}
p.xf{text-align:left;font-weight:normal;line-height:130%;}