@charset "utf-8";




#contents{
	width:950px;
	background:url(../imgcommon/bg.gif) repeat-y;
	margin:0 auto;
}

#sub,
#main{
	text-align:left;
}
#sub{
	float:left;
	width:300px;
}
#main{
	float:left;
	width:640px;
	padding:30px 0 0 10px;
}
/*--- sub --- */
#sub ul{
	text-indent:-9999px;
	margin:20px 0 10px 0;
}
#sub li{
	width:265px;
	height:43px;
	margin-bottom:1px;
}
#sub li a{
	width:265px;
	height:43px;
	display:block;
	text-decoration:none;
}
#sub li.about{ background:url(../imgcommon/nav_about.jpg) no-repeat 0 -43px}
#sub li.about a{ background:url(../imgcommon/nav_about.jpg) no-repeat 0 0}
#sub li.about a.on{ background:url(../imgcommon/nav_about.jpg) no-repeat 0 -43px}

#sub li.personality{ background:url(../imgcommon/nav_personality.jpg) no-repeat 0 -43px}
#sub li.personality a{ background:url(../imgcommon/nav_personality.jpg) no-repeat 0 0}
#sub li.personality a.on{ background:url(../imgcommon/nav_personality.jpg) no-repeat 0 -43px}

#sub li.info{ background:url(../imgcommon/nav_info.jpg) no-repeat 0 -43px}
#sub li.info a{ background:url(../imgcommon/nav_info.jpg) no-repeat 0 0}
#sub li.info a.on{ background:url(../imgcommon/nav_info.jpg) no-repeat 0 -43px}

#sub li.process{ background:url(../imgcommon/nav_process.jpg) no-repeat 0 -43px}
#sub li.process a{ background:url(../imgcommon/nav_process.jpg) no-repeat 0 0}
#sub li.process a.on{ background:url(../imgcommon/nav_process.jpg) no-repeat 0 -43px}

#sub li.message{ background:url(../imgcommon/navi_message_up.jpg) no-repeat 0 -43px}
#sub li.message a{ background:url(../imgcommon/navi_message_up.jpg) no-repeat 0 0}
#sub li.message a.on{ background:url(../imgcommon/navi_message_up.jpg) no-repeat 0 -43px}

#sub li.faq{ background:url(../imgcommon/nav_faq.jpg) no-repeat 0 -43px}
#sub li.faq a{ background:url(../imgcommon/nav_faq.jpg) no-repeat 0 0}
#sub li.faq a.on{ background:url(../imgcommon/nav_faq.jpg) no-repeat 0 -43px}

#sub li a:hover{
	background:none;
}

#sub .btn_entry{
	width:233px;
	height:108px;
	background:url(../imgcommon/btn_entry.jpg) no-repeat 0 -108px;
	font-size:5px;
	line-height:0;
	text-indent:-9999px;
	margin-bottom:5px;
}
#sub .btn_entry a{
	width:233px;
	height:108px;
	background:url(../imgcommon/btn_entry.jpg) no-repeat 0 0;
	display:block;
}
#sub .btn_entry a:hover{
	background:none;
}
#sub .btn_entry2{
	width:233px;
	height:108px;
	background:url(../imgcommon/btn_entry2.jpg) no-repeat 0 -108px;
	font-size:5px;
	line-height:0;
	text-indent:-9999px;
	margin-bottom:5px;
}
#sub .btn_entry2 a{
	width:233px;
	height:108px;
	background:url(../imgcommon/btn_entry2.jpg) no-repeat 0 0;
	display:block;
}
#sub .btn_entry2 a:hover{
	background:none;
}
#sub .btn_inquiry{
	width:233px;
	height:54px;
	background:url(../imgcommon/btn_inquiry.jpg) no-repeat 0 -55px;
	font-size:5px;
	line-height:0;
	text-indent:-9999px;
	margin-bottom:10px;
}
#sub .btn_inquiry a{
	width:233px;
	height:54px;
	background:url(../imgcommon/btn_inquiry.jpg) no-repeat 0 0;
	display:block;
}
#sub .btn_inquiry a:hover{
	background:none;
}
#sub .end{
	width:233px;
}

/*--- main --- */
#contents #main:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#contents .page_top{
	font-size:10px;
	text-align:right;
	margin-bottom:10px;
}
/*--- footer --- */
#footer{
	text-align:center;
	background:url(../imgcommon/footer_bg.jpg) repeat-x;
	padding-bottom:20px;
}
#footer .inner{
	padding:20px 0 0 0;
	width:950px;
	margin:0 auto;
	text-align:left;
}
#footer .inner:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#footer p.link{
	font-size:10px;
	line-height:130%;
	color:#666;
	text-align:left;
	float:left;
}
#footer p.copy{
	font-size:8px;
	line-height:130%;
	color:#666;
	text-align:right;
	float:right;
}


#main .aboutus{
	margin-bottom:20px;
}
#main .aboutus h2{
	width:195px;
	height:16px;
	background:url(../image/aboutus/aboutus_title.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .aboutus h3{
	width:411px;
	height:67px;
	background:url(../image/aboutus/aboutus_cap.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .aboutus p.lead{
	font-size:14px;
	line-height:140%;
	color:#666;
	margin-bottom:20px;
}
#main .aboutus .public{
	margin-bottom:30px;
}
#main .aboutus h4{
	width:640px;
	height:35px;
	background:url(../image/aboutus/title_intro.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .aboutus h5{
	margin:0 10px 10px 10px;
	padding-bottom:4px;
	border-bottom:solid 1px #CCC;
	font-size:14px;
	color:#4EC4F3;
}
#main .aboutus .box{
	width:630px;
	margin-left:10px;
	margin-bottom:20px;
}
#main .aboutus .box:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main .aboutus .box .ph{
	width:310px;
	padding-right:10px;
	float:left;
}
#main .aboutus .box p{
	width:310px;
	float:left;
}






#main .personality{
	margin-bottom:20px;
}
#main .personality h2{
	width:107px;
	height:16px;
	background:url(../image/personality/personality_title.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .personality h3{
	width:461px;
	height:67px;
	background:url(../image/personality/personality_cap.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .personality .box{

}
#main .personality .box:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#main .personality .box p{
	width:448px;
	line-height:140%;
	font-size:14px;
	color:#666;
	float:left;
}
#main .personality .box span{
	color:#CC0000;
}
#main .personality .box .image{
	width:180px;
	float:right;
}
#main .personality h4{
	padding-top:40px;
	width:640px;
	height:35px;
	background:url(../image/personality/title_key.jpg) no-repeat left bottom;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .personality ul{
	width:630px;
	height:220px;
	background:url(../image/personality/list.jpg) no-repeat top right;
	margin-bottom:20px;
}
#main .personality li{
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
}


#main .info h2{
	width:107px;
	height:16px;
	background:url(../image/info/info_title.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .info h3{
	width:461px;
	height:67px;
	background:url(../image/info/info_cap.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}

#main .info table{
	width:639px;
	border-top:solid 1px #CCC;
	border-left:solid 1px #CCC;
	margin-bottom:10px;
}
#main .info th{
	width:138px;
	border-bottom:solid 1px #CCC;
	border-right:solid 1px #CCC;
	background:#F7F7F7;
}
#main .info th{
	width:118px;
	padding:10px;
	border-bottom:solid 1px #CCC;
	border-right:solid 1px #CCC;
	background:#F7F7F7;
	font-size:12px;
	line-height:140%;
}
#main .info td{
	padding:10px;
	border-bottom:solid 1px #CCC;
	border-right:solid 1px #CCC;
	font-size:12px;
	line-height:140%;
}

#main .process{
	margin-bottom:20px;
}
#main .process h2{
	width:107px;
	height:16px;
	background:url(../image/process/process_title.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .process h3{
	width:640px;
	height:67px;
	background:url(../image/process/process_cap.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .process h4.step{
	width:640px;
	height:35px;
	background:url(../image/process/process_title_step.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .process .box{

}
#main .process .box:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main .process .box .image{
	width:190px;
	float:left;
	padding-right:10px;
}
#main .process .box .step01{
	float:left;
	font-size:12px;
	line-height:140%;
	color:#666666;
	width:440px;
}

#main .process .box .step02{
	float:left;
	font-size:12px;
	line-height:140%;
	color:#666666;
	width:440px;
	padding-top:213px;
}
#main .process h4.scdule{
	width:640px;
	height:35px;
	background:url(../image/process/process_title_scdule.jpg) no-repeat left bottom;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
	padding-top:40px;
}
#main .process .at{
	font-size:10px;
	width:630px;
	text-align:right;
	color:#666;
}


#main .qa{
	margin-bottom:20px;
}
#main .qa h2{
	width:107px;
	height:16px;
	background:url(../image/qa/qa_title.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .qa h3{
	width:640px;
	height:67px;
	background:url(../image/qa/qa_cap.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .qa h4.step{
	width:640px;
	height:35px;
	background:url(../image/qa/qa_title_step.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .qa .box{
	border-bottom:1px solid #DDDDDD;
	width:620px;
	margin-left:10px;
	margin-bottom:20px;
	padding-bottom:20px;
}
#main .qa .box:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main .qa .box .question{
	background:url(../image/qa/qa_icon.jpg) no-repeat;
	padding-left:35px;
	font-size:16px;
	margin-bottom:10px;
	font-weight:bold;
}
#main .qa .box .anser{
	color:#333333;
	font-size:14px;
}

#main .message{
	margin-bottom:20px;
}
#main .message h2{
	width:170px;
	height:16px;
	background:url(../image/message/message_title.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .message h3{
	width:640px;
	height:67px;
	background:url(../image/message/message_cap.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .message h4{
	width:640px;
	height:35px;
	background:url(../image/message/message_lineup.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:10px;
}
#main .message .link-area{
	width:620px;
	margin-left:10px;
	padding-bottom:25px;
	border-bottom:1px solid #ddd;
	margin-bottom:25px;
}
#main .message .link-area:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main .message .link-area .left{
	width:188px;
	float:left;
	margin-right:28px;
}
#main .message .link-area .right{
	width:188px;
	float:right;
}
#main .message .link-area p{
	font-size:14px;
	line-height:120%;
	color:#666;
}
#main .message .link-area span{
	font-size:12px;
}
#main .message .name01{
	width:620px;
	height:24px;
	margin-left:10px;
	background:url(../image/message/name01.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .message .name02{
	width:620px;
	height:24px;
	margin-left:10px;
	background:url(../image/message/name02.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .message .name03{
	width:620px;
	height:24px;
	margin-left:10px;
	background:url(../image/message/name03.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .message .box{
	width:620px;
	margin-left:10px;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #ddd;
}
#main .message .box:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main .message .box .ph{
	width:265px;
	float:left;
}
#main .message .box .plf{
	width:340px;
	float:right;
	font-size:12px;
	color:#333;
}
#main .message .box .plf .sp{
	height:10px;
}

#main .message .box .question{
	background:url(../image/qa/qa_icon.jpg) no-repeat;
	padding-left:35px;
	font-size:16px;
	margin-bottom:10px;
	font-weight:bold;
}
#main .message .box .anser{
	color:#333333;
	font-size:12px;
}

#main .message .at{
	width:640px;
	color:#666;
	font-size:10px;
	text-align:right;
}



#main .entry{
	margin-bottom:20px;
}
#main .entry h2{
	width:307px;
	height:16px;
	background:url(../image/entry/entry_title.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .entry h3{
	width:640px;
	height:67px;
	background:url(../image/entry/entry_cap.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .entry span.attention{
	color:#ff0000;
	font-weight:bold;
}
#main .entry h4.step{
	width:640px;
	height:35px;
	background:url(../image/entry/entry_title_step.jpg) no-repeat;
	text-indent:-9999px;
	font-size:5px;
	line-height:0;
	margin-bottom:20px;
}
#main .entry .box{
	border-bottom:1px solid #DDDDDD;
	width:620px;
	margin-left:10px;
	margin-bottom:10px;
	padding-bottom:10px;
}
#main .entry .box .question{
	font-size:16px;
	margin-bottom:5px;
	font-weight:bold;
}
#main .entry .box .anser{
	color:#333333;
	font-size:14px;
}
#main .entry .box-print01,
#main .entry .box-print02{
	text-indent:-9999px;
	border-bottom:1px solid #DDDDDD;
	width:620px;
	margin-bottom:20px;
	padding-bottom:20px;
}
#main .entry .box-print01 div,
#main .entry .box-print02 div{
	width:540px;
	margin-left:50px;
}
#main .entry .box-print01 div:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main .entry .box-print02 div:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#main .entry .box-print01 div .excel{
	float:left;
	width:233px;
	height:43px;
	background:url(../image/entry/excel.jpg) no-repeat;
}
#main .entry .box-print02 div .word{
	float:left;
	width:233px;
	height:43px;
	background:url(../image/entry/word.jpg) no-repeat;
}
#main .entry .box-print01 div .pdf,
#main .entry .box-print02 div .pdf{
	float:right;
	width:233px;
	height:43px;
	background:url(../image/entry/pdf.jpg) no-repeat;
}
#main .entry .box-print01 div .pdf a:hover,
#main .entry .box-print02 div .pdf a:hover{
	background:url(../image/entry/pdf-over.jpg) no-repeat;
}
#main .entry .box-print01 div .excel a:hover,
#main .entry .box-print02 div .excel a:hover{
	background:url(../image/entry/excel-over.jpg) no-repeat;
}
#main .entry .box-print01 div .word a:hover,
#main .entry .box-print02 div .word a:hover{
	background:url(../image/entry/word-over.jpg) no-repeat;
}
#main .entry .box-print01 div a,
#main .entry .box-print02 div a{
	display:block;
	text-decoration:none;
	width:233px;
	height:43px;
}
#main .entry .box-print01 .ttl{
	width:540px;
	margin-left:50px;
	height:19px;
	background:url(../image/entry/print01.gif) no-repeat top center;
	margin-bottom:15px;
}
#main .entry .box-print02 .ttl{
	width:540px;
	margin-left:50px;
	height:19px;
	background:url(../image/entry/print02.gif) no-repeat top center;
	margin-bottom:15px;
}