@charset "utf-8";
/*-----------------------------------------------------------
TOP PAGE
-----------------------------------------------------------*/
#topcontents{
	width:930px;
	background:url(../images/catch_back.jpg) no-repeat left top;
	margin:0 auto;
	padding-top:11px;
}
#topcatch{
	color:#FFFFFF;
	margin-bottom:20px;
}
#topcatch div{
	color:#FFFFFF;
	width:340px;
	float:left;
	margin-right:8px;
}
#topcatch div h2{
	margin-bottom:6px;
}
#topcatch object{
	float:left;
}
.top_info1{
	width:306px;
	float:left;
}
.top_info2{
	width:301px;
	float:left;
}
.top_info1 div{
	background:url(../images/topic_backm.jpg) no-repeat left bottom;
}
.top_info1 div p,.top_info2 div p{
	width:282px;
	margin:0 auto;
}
.top_info2 div{
	background:url(../images/topic_back2m.jpg) no-repeat left bottom;
}
.top_info2 div dl{
	width:280px;
	margin:0 auto;
	padding:0 0 6px 0;
	clear:both;
}
.top_info2 div dt{
	width:70px;
	float:left
}
.top_info2 div dd{
	width:210px;
	float:left
}
#top_info3{
	width:916px;
	background:url(../images/topic_back3.jpg) no-repeat left top;
	margin-top:16px;
	padding:16px 0 12px 14px;
}
* html #top_info3{
	width:916px;
	background:url(../images/topic_back3.jpg) no-repeat left top;
	margin-top:16px;
	padding:10px 0 12px 14px;
}
#top_info3 div{
	width:298px;
	float:left;
}
#top_info3 div p{
	width:240px;
	margin:0 0 16px 50px;
}
* html #top_info3 div p{
	width:240px;
	margin:0 0 10px 50px;
}
#top_info3 div blockquote{
	margin-left:10px;
}
#top_info3 div blockquote span{
	width:170px;
	float:left;
}
#contents{
	width:692px;
	margin:0 auto;
}
/*-----------------------------------------------------------
OUTLINE
-----------------------------------------------------------*/
h2#title{
	margin-bottom:12px;
}
#outline_ceo{
	padding-bottom:50px;
}
#outline_ceo i{
	width:143px;
	font-style: normal;
	display:block;
	float:left;
	margin-right:23px;
}
#outline_ceo i img{
	margin-bottom:12px;
}
#outline_ceo div{
	width:506px;
	float:left;
}
#outline_ceo div h3{
	margin-bottom:12px;
}
#ouline_about{
	clear:both;
	width:648px;
	margin:0 auto 20px auto;
}
#ouline_about td{
	border-bottom:solid 1px #CCCCCC;
}
.outline_other{
	margin:0 auto 20px auto;
}
.outline_other p{
	width:648px;
	margin:16px auto 0 auto;
}
#print{
	text-align:center;
	margin:20px 0 10px 0;
}
/*-----------------------------------------------------------
PRIVACY
-----------------------------------------------------------*/
#privacy{
	margin-bottom:20px;
}
#privacy p{
	width:680px;
	margin:0 auto 4px auto;
}
#privacy h3{
	margin:8px 0 0 0;
}
#privacy ul{
	width:680px;
	margin:6px auto;
}
#privacy ul li{
	margin-bottom:4px;
}
/*-----------------------------------------------------------
INFO
-----------------------------------------------------------*/
.info{
	width:686px;
	margin:0 auto 18px auto;
}
.info_title{
	background:url(../info/images/title_backm.jpg) no-repeat left 9px;
	margin-bottom:8px;
}
.info_title h3{
	color:#990000;
	float:left;
	margin:0 10px 0 8px;
}
.info_title i{
	float:right;
	font-style: normal;
	margin:8px 10px 0 0;
}
.info_title img{
	display:block;
	clear:both;
	vertical-align:baseline;
}
.info_text{
	width:672px;
	margin:0 auto;
}
.info_text .left{
	width:240px;
	margin:0 14px 10px 0;
	text-align:center;
}
.info_text .left img{
	max-width:240px;
}
.ope_image1 img{
	margin:8px 0;
	max-width:680px;
}
/*-----------------------------------------------------------
BLOG
-----------------------------------------------------------*/
.blog{
	width:686px;
	margin:0 auto 18px auto;
}
.blog_title{
	background:url(../blog/images/title_backu.jpg) no-repeat left bottom;
	margin-bottom:12px;
}
.blog_title div{
	width:599px;
	margin:0 12px 0 5px;
	float:left;
}
* html .blog_title div{
	width:598px;
	margin:0 12px 0 3px;
	float:left;
}
.blog_title h3{
	color:#00329B;
	background:url(../blog/images/title_back.gif) repeat-x left bottom;
	padding:0 0 6px 10px;
}
.blog_title i{
	float:left;
	font-style: normal;
	margin:6px 10px 5px 10px;
}
.blog_title span{
	float:right;
	margin:6px 10px 5px 0;
}
.blog_title img{
	margin:0 0 4px 0;
	display:block;
}
.blog_text{
	width:672px;
	margin:0 auto;
}
.blog_text .left{
	width:240px;
	margin:0 14px 0 0;
	text-align:center;
}
.blog_text .left img{
	margin-bottom:8px;
	max-width:240px;
}
#left_archive div{
	background:#D9E0F0;
	margin:18px 0 0 0;
}
#left_archive div h4{
	padding:0;
	margin:0;
}
#left_archive div ul{
	width:198px;
	margin-left:13px;
}
#left_archive div ul li{
	border-bottom:dotted 1px #666666;
	padding:6px 0 6px 10px;
}
#left_archive div img{
	vertical-align:baseline;
	display:block;
}
/*-----------------------------------------------------------
USERVOICE
-----------------------------------------------------------*/
.uservoice{
	width:686px;
	margin:0 auto 18px auto;
}
.uservoice h3{
	color:#00329B;
}
.user_title{
	margin-bottom:12px;
	background: url(../chose/images/title_backm.jpg) no-repeat left 9px;
}
.user_title div{
	width:670px;
	margin:0 auto;
}
.user_title h3{
	float:left;
	margin:0 0 0 10px;
}
.user_title hr{
	clear:both;
	border:none;
	width:670px;
	height:2px;
	background:url(../blog/images/title_back.gif) repeat-x left bottom;
	margin:0;
	padding:0;
	line-height:0;
}
.user_title i{
	font-style: normal;
	margin:5px 10px 0 10px;
	display:block;
}
.user_title span{
	float:right;
	margin:0 10px 0 0;
}
#pagebute{
	text-align:center;
	padding:16px 0;
}
.user_title img{
	display:block;
	clear:both;
	vertical-align:baseline;
}
/*-----------------------------------------------------------
PROCESS
-----------------------------------------------------------*/
#process{
	width:684px;
	margin:0 auto;
}
.process_c{
	margin-top:17px;
	clear:both;
}
.process_c .left{
	width:121px;
	margin:0 43px 0 0;
}
.process_c .left h3{
	margin:0 0 0 43px;
	display:block;
}
.process_c .left h3.t_margin{
	margin-top:14px;
}
.process_c .left h3.t_margin2{
	margin-top:30px;
}
.process_c dl{
	float:left;
	width:500px;
	margin-top:14px;
}
.process_c dt{
	margin-bottom:8px;
}
.process_c dd{
	margin-bottom:12px;
}
/*-----------------------------------------------------------
FAQ
-----------------------------------------------------------*/
.faq{
	width:686px;
	margin:0 auto 16px auto;
}
.faq_title{
	background:url(../faq/images/q_backm.jpg) no-repeat left 9px;
	margin-bottom:12px;
}
.faq_title h3{
	color:#00329B;
	margin:0 0 0 56px;
}
.faq_title img{
	vertical-align:baseline;
	display:block;
}
.faq_a{
	background:url(../faq/images/a_back.gif) no-repeat 12px top;
	padding:0 8px 8px 48px;
}
.faq_a_more{
	width:670px;
	margin:0 auto;
	border-top:solid 1px #CCCCCC;
	padding-top:8px;
}
/*-----------------------------------------------------------
DOWNLOAD
-----------------------------------------------------------*/
#down_toptext{
	width:670px;
	margin:0 auto 12px;
}
.download_c{
	margin:0 auto 4px auto;
	border-bottom:solid 1px #999999;
}
.download_c img{
	margin:6px 12px 6px 0;
	vertical-align:middle;
}
/*-----------------------------------------------------------
WHY CHOSE
-----------------------------------------------------------*/
.chose{
	width:686px;
	margin:0 auto 14px auto;
}
.chose_title{
	width:686px;
	background:url(../chose/images/title_backm.jpg) no-repeat left 10px;
	margin-bottom:10px;
}
.chose_title i{
	font-style: normal;
	display:block;
	width:662px;
	margin:0 auto;
}
.chose_title h3{
	width:662px;
	margin:0 auto 3px auto;
	color:#990000;
	line-height:130%;
	padding:0;
}
.chose_title img{
	vertical-align:top;
	display:block;
}
.chose_text{
	width:672px;
	margin:0 auto;
}
.chose_text div{
	width:410px;
	float:left;
}
.chose_text div .j12{
	display:block;
	padding-top:12px;
}
.chose_text .left{
	width:240px;
	margin:0 14px 10px 0;
	text-align:center;
}
.chose_text .left img{
	max-width:240px;
}
/*-----------------------------------------------------------
SITE MAP
-----------------------------------------------------------*/
.sitemap{
	width:670px;
	margin:0 auto;
	background:url(../sitemap/images/back.gif) repeat-y left top;
	clear:both;
}
.sitemap ul.l{
	margin:12px 0 14px 128px;
	width:240px;
}
* html .sitemap ul.l{
	margin:12px 0 14px 0;
	width:240px;
	padding-left:128px;
}
.sitemap ul.r{
	margin:12px 0 14px 10px;
	width:240px;
}
.sitemap li{
	background:url(../sitemap/images/icon.gif) no-repeat 4px;
	padding:3px 0 3px 26px;
}
.sitemap a{
	color:#333333;
	text-decoration: none;
}
.sitemap a:hover{
	color:#333333;
	text-decoration: underline;
}
/*-----------------------------------------------------------
INQUIRY
-----------------------------------------------------------*/
#inquiry1,#inquiry2{
	border-top:solid 1px #666666;
	margin:6px auto 16px auto;
}
#inquiry1{
	margin:16px auto 20px auto;
}
#inquiry1 td,#inquiry2 td{
	padding:10px 0 10px 10px;
	border-bottom:solid 1px #CCCCCC;
}
.red{
	color:#CC0000;
}
#inquiry1 td input,#inquiry2 input{
	vertical-align:middle;
}
input.w40{
	width:40px;
	padding:3px;
}
input.w265{
	width:265px;
	padding:3px;
}
input.w108{
	width:108px;
	padding:3px;
}
input.w395{
	width:395px;
	padding:3px;
}
textarea.w385{
	width:385px;
	height:140px;
}
#inquiry2{
	border-top:solid 1px #666666;
	margin:6px auto 16px auto;
}
#inquiry2 th{
	color:#00329B;
	padding:10px 0 10px 10px;
	border-bottom:solid 1px #CCCCCC;
}
.j14{
}
#inquiry_btn input{
	padding:3px;
	margin:8px 0 16px 0;
}
#order_guide{
	text-align:center;
}
#order_guide h3{
	margin:0 0 16px 0;
	font-weight:bold;
}
.ERR{
	color:#FF0000;
}
#preview_btn input{
	padding:4px;
	margin:10px 5px 16px 0;
}
/*-----------------------------------------------------------
ARCHIEVE
-----------------------------------------------------------*/
#archieve{
	width:510px;
	border:solid 3px #CCCCCC;
	margin:30px auto;
	padding:40px;
}
#archieve h3{
	margin-right:50px;
}
#archieve hr{
	margin:16px auto;
	background:#FFFFFF;
	border:#FFFFFF solid 1px;
	clear:both;
}
#archieve input{
	padding:3px;
}
#archieve_guide{
	width:680px;
	margin:0 auto 20px auto;
}
#archieve_guide h3{
	color:#CC0000;
}
#archieve_guide hr{
	margin:10px 0 16px 0;
	clear:both;
	height:1px;
	border-top:solid 1px #999999;
	border-bottom:none;
	border-left:none;
	border-right:medium;
}
.archieve_view{
	width:650px;
	margin:6px auto 0 auto;
	padding-bottom:16px;
}
.archieve_view_title{
	background:#EAEAEA;
	clear:both;
	padding:4px 10px;
	margin-bottom:8px;
}
.archieve_view_title h4{
	float:left;
	border-right:solid 1px #666666;
	padding-right:14px;
}
.archieve_view_title p{
	float:left;
	margin:3px 0 0 14px;
}
.archieve_view_title i{
	float:right;
	font-style: normal;
	margin:3px 0 0 0;
}
#page_navi{
	margin:6px;
}
#search_box{
	margin:10px 0 14px 8px;
}
#search_box form{
	display:inline;
}
#search_box form input{
	padding:3px;
}
#no_search{
	width:600px;
	margin:10px auto 16px auto;
	border-top:solid 1px #999999;
	border-bottom:solid 1px #999999;
	padding:10px 0;
}
#no_search h2{
	color:#999999;
}