@charset "utf-8";





/*-------------------------------------------------

  common css

-------------------------------------------------*/





/* General params

-------------------------------- */

html {

	overflow-y: scroll;

} /* firefox bar */

h1,h2,h3,h4,h5,h6 {

	clear: both;

	font-weight: normal;

	margin: 0px;

	padding: 0px;

}

li,dt,dl { line-height: 1.4; }

ol,ul,li { list-style-type: none; }

img { border: 0; }

a img { border: 0; }

input { vertical-align: middle; }

br { letter-spacing: 0; } /* IE No <br/> hack */

p {

	clear: both;

	margin: 0;

	padding: 0 0 5px 0;

}

table{ border-collapse: collapse; border-spacing:0; }

address,caption,cite,code,dfn,em,strong,th,var{ font-style: normal; font-weight:normal; }

caption,th { text-align: left; }





/* Wrapper 

-------------------------------- */



#wrapHeader {

	clear: both;

	width: 100%;

	height: 120px;

	padding: 0;

	margin: 0 auto;

	background: url(../img/sf_bg_01.jpg) repeat-x;

}



#wrapContainer {

	clear: both;

	width: 100%;

	height: 100%;

	padding: 0;

	margin: 0 auto;

	background: url(../img/sf_bg_02.jpg) repeat;

}



#headerBg {

	clear: both;

	width: 860px;

	height: 120px;

	padding: 0 21px;

	margin: 0 auto;

	background: url(../img/sf_bg_header.jpg) no-repeat;

}



#containerBg {

	overflow: hidden;

	clear: both;

	width: 860px;

	padding: 0 21px;

	margin: 0 auto;

	background: url(../img/sf_bg_container.jpg) repeat-y;

}





/* Header 

-------------------------------- */



#headerL {

	float: left;

	width: 245px;

	height: 70px;

	padding: 0;

	margin: 0;

}



#headerL h1 {

	float: left;

	padding: 10px 0 0 30px;

	margin: 0;

}



*html #headerL h1 {

	float: left;

	padding: 10px 0 0 30px;

	margin: 0;

}



#headerL h1 a {

	height: 50px;

	width: 215px;

	padding: 0;

	margin: 0;

	text-decoration: none;

	display: block;

	text-indent: -9999px;

}



#headerR {

	float: right;

	text-align: right;

	width: 530px;

	height: 65px;

	padding: 5px 20px 0 0;

	margin: 0;

}



#headerR .assistNav {

	margin: 0 7px 0 0;

}



#headerR h2 {

	font-size: 11px;

	font-weight: normal;

	padding: 10px 0 0 0;

}





/* Global Menu 

-------------------------------- */



#globalMenu {

	clear: both;

	width: 860px;

	height: 50px;

	padding: 0;

	margin: 0;

	background: url(../img/sf_bg_gm.jpg) no-repeat;

}



/* about */



.about,.about a ,.about a:hover,.about a:focus {

	float:left;

	width: 177px;

	height: 50px;

	text-indent: -9999px;

	background: url(../img/gm_about.gif) no-repeat;

}



.about,.about a:hover,.about a:focus {

	background: url(../img/gm_about_o.gif) no-repeat;

}



/* act */



.act,.act a ,.act a:hover,.act a:focus {

	float:left;

	width: 175px;

	height: 50px;

	text-indent: -9999px;

	background: url(../img/gm_act.gif) no-repeat;

}



.act,.act a:hover,.act a:focus {

	background: url(../img/gm_act_o.gif) no-repeat;

}



/* experience */



.experience,.experience a ,.experience a:hover,.experience a:focus {

	float:left;

	width: 175px;

	height: 50px;

	text-indent: -9999px;

	background: url(../img/gm_experience.gif) no-repeat;

}



.experience,.experience a:hover,.experience a:focus {

	background: url(../img/gm_experience_o.gif) no-repeat;

}



/* communication */



.communication,.communication a ,.communication a:hover,.communication a:focus {

	float:left;

	width: 111px;

	height: 50px;

	text-indent: -9999px;

	background: url(../img/gm_communication.gif) no-repeat;

}



.communication,.communication a:hover,.communication a:focus {

	background: url(../img/gm_communication_o.gif) no-repeat;

}



/* entry */



.entry,.entry a ,.entry a:hover,.entry a:focus {

	float:left;

	width: 111px;

	height: 50px;

	text-indent: -9999px;

	background: url(../img/gm_entry.gif) no-repeat;

}



.entry,.entry a:hover,.entry a:focus {

	background: url(../img/gm_entry_o.gif) no-repeat;

}



/* bbs */



.bbs,.bbs a ,.bbs a:hover,.bbs a:focus {

	float:left;

	width: 111px;

	height: 50px;

	text-indent: -9999px;

	background: url(../img/gm_contact.gif) no-repeat;

}



.bbs,.bbs a:hover,.bbs a:focus {

	background: url(../img/gm_contact_o.gif) no-repeat;

}





/* Container

-------------------------------- */



#container {

	clear: both;

	width: 860px;

	padding: 0;

	margin: 0;

}





/* ContainerTop

-------------------------------- */



#containerTop {

	clear: both;

	width: 860px;

	padding: 0;

	margin: 0;

}





/* subNav */



#subNav {

	clear: both;

	background: #FFFFFF;	

}



#subNav .commu {

	clear: both;

	width: 838px;

	height: 25px;

	font-size: 11px;

	padding: 10px 0 0 20px;

	margin: 0 1px;

	background: url(../img/sf_bg_commu.jpg) repeat-x;	

}



#subNav .commuTop {

	clear: both;

	width: 858px;

	height: 1px;

	padding: 0;

	margin: 0 1px;

	background: url(../img/sf_bg_commuTop.jpg) no-repeat;	

}





/* pankuzu */



#pankuzu {

	float: left;

	clear: both;

	width: 840px;

	height: 25px;

	font-size: 11px;

	padding: 10px 0 0 20px;

	background: url(../img/sf_bg_pankuzu.jpg) repeat-x;	

}





/* Side

-------------------------------- */



#side {

	float: right;

	width: 216px;

	padding: 1px;

	margin: 0;

}



#side p {

	clear: both;

	margin: 0;

	padding: 0;

}



#side ul {

	font-size: 11px;

	padding: 0;

	margin: 0;

}



#side li {

	background: url(../img/sm_icn_link.gif) no-repeat 16px 8px #EFEFEF;

}



#side li a {

	background: url(../img/sm_icn_link.gif) no-repeat 16px 8px #EFEFEF;

	display: block;

	width: 177px;

	padding: 5px 4px 5px 35px;

}



#side li.wht {

	background: url(../img/sm_icn_link.gif) no-repeat 16px 8px #FFF;

}



#side li.wht a {

	background: url(../img/sm_icn_link.gif) no-repeat 16px 8px #FFF;

	display: block;

	width: 177px;

	padding: 5px 4px 5px 35px;

}



#side ul a:hover,#side ul a:active {

	background: url(../img/sm_icn_link.gif) no-repeat 16px 8px #C6E6F0;

	display: block;

	width: 177px;

	padding: 5px 4px 5px 35px;

}





/* Back to Top

-------------------------------- */



.totopBox {

	float: left;

	width: 600px;

	text-align: right;

	padding: 6px 0 10px 0;

	margin: 10px 0 0 0;

	background: url(../img/sf_dotted_yoko.gif) repeat-x top;

}



.totopBox02 {

	float: left;

	width: 600px;

	text-align: right;

	padding: 10px 0 10px 0;

	margin: 0;

}





/* Footer

-------------------------------- */



#footer {

	clear: both;

	width: 820px;

	height: 25px;

	_padding: 10px 20px 6px 20px;

	padding: 10px 20px 3px 20px;

	margin: 0;

	background: url(../img/sf_dotted_yoko.gif) repeat-x top #FFFFFF;

}



#footerL {

	float: left;

	padding: 0;

	margin: 0;

}



#footerL .assistNav {

	margin: 0 7px 0 0;

}



#footerR {

	float: right;

	text-align: right;

	padding: 0;

	margin: 0;

}





/* Main

-------------------------------- */



#main {

	float: left;

	width: 602px;

	padding: 15px 20px;

	margin: 0;

	background: url(../img/sf_dotted_tate.gif) repeat-y top right;

}



#main .block {

	float: left;

	width: 600px;

	padding: 0 0 15px 0;

	margin: 0;

}



#main .blockL {

	float: left;

	width: 295px;

	padding: 0;

	margin: 0;

}



#main .blockR {

	float: right;

	width: 295px;

	padding: 0;

	margin: 0;

}





/* Main Design

-------------------------------- */



#main .kimg {

	padding: 0 0 15px 0;

	margin: 0;

}



#main h2 {

	padding: 0 0 10px 0;

	margin: 0;

}



#main h3 {

	padding: 0 0 10px 0;

	margin: 0;

}



#main h3.ttl {

	color: #330C01;

	font-size: 14px;

	font-weight: bold;

	height: 40px;

	padding: 20px 0 0 76px;

	margin: 0 0 10px 0;

	background: url(../img/h3_bg.gif) no-repeat;

}



#main h4 {

	color: #206FB0;

	font-size: 14px;

	font-weight: bold;

	padding: 0 0 5px 0;

}



#main h4.ttl {

	color: #330C01;

	font-size: 14px;

	font-weight: bold;

	height: 28px;

	padding: 2px 0 0 15px;

	margin: 0 0 10px 0;

	background: url(../img/h4_bg.gif) no-repeat;

}



#main .readcopy {

	font-size: 14px;

	padding: 0 20px 15px 20px;

}



#main .indentBox {

	padding-left: 20px;

	padding-right: 20px;

}



#main .indent01 {

	padding-left: 20px;

	padding-right: 20px;

}



#main .indent02 {

	padding-left: 40px;

	padding-right: 40px;

}



#main .indent03 {

	padding-left: 60px;

	padding-right: 60px;

}



#main .tipsBox {

	width: 520px;

	border: 1px solid #CFD5D9;

	background: #F6F6F6;

	padding: 20px;

	margin: 0 auto;

}



#main .btnL {

	float: left;

	width: 600px;

	text-align: center;

	padding: 10px 0 20px 0;

	margin: 0;

}





/* Note Design

-------------------------------- */



/* Full Size */



#main .notewrap {

	float: left;

	width: 600px;

	padding: 0;

	margin: 0;

	background: url(../img/sf_bg_note.jpg) repeat-y;

}



#main .notewrapImg {

	padding: 0;

	margin: 0;

}



#main .note {

	padding: 20px 20px 0 20px;

}



#main .noteBlock {

	padding: 0 0 10px 0;

	margin: 0 0 20px 0;

	background: url(../img/sf_dotted_yoko.gif) repeat-x bottom;

}



#main .noteLink {

	font-size: 14px;

	font-weight: bold;

	padding: 0 0 5px 20px;

	background: url(../img/blt_link_l.gif) no-repeat 0 3px;

}



#main .noteTtl {

	color: #330C01;

	font-size: 14px;

	font-weight: bold;

	padding: 0 0 5px 20px;

	background: url(../img/blt_ttl.gif) no-repeat 0 3px;

}



#main .noteLinkS {

	padding: 0 0 5px 16px;

	background: url(../img/blt_link_s.gif) no-repeat;

}





/* Half Size */



#main .noteHL {

	float: left;

	width: 290px;

	padding: 0;

	margin: 0;

	background: url(../img/sf_bg_note-h.jpg) repeat-y;

}



#main .noteHR {

	float: right;

	width: 290px;

	padding: 0;

	margin: 0;

	background: url(../img/sf_bg_note-h.jpg) repeat-y;

}



#main .noteH {

	padding: 20px;

	margin: 0;

}



#main .noteH ul {

	padding: 10px 0 0 0;

	margin: 0;

}



#main .noteH li {

	background: url(../img/blt_list01.gif) no-repeat;

	padding: 0 0 5px 15px;

	margin: 0;

}





















/*-------------------------------------------------

  Top css

-------------------------------------------------*/



.topKimg {

	clear: both;

	padding: 1px 0 2px 0;

	margin: 0;

	background: url(../img/sf_dotted_yoko.gif) repeat-x bottom #FFFFFF;

}



/* IE7用 +float */

*+html .topKimg {

	clear: both;

	float: left;

	padding: 1px 0 2px 0;

	margin: 0;

	background: url(../img/sf_dotted_yoko.gif) repeat-x bottom #FFFFFF;

}



.topHd {

	padding: 0 0 15px 0;

	margin: 0;

}



.topActL {

	float: left;

	width: 200px;

	padding: 0;

	margin: 0;

}



.topActR {

	float: right;

	width: 385px;

	padding: 0;

	margin: 0;

}

.topActT {

	float: right;

	width: 600px;

	padding: 0;

	margin: 0;

}
p.actHd{

	font-size: 14px;

	font-weight: bold;

	background: url(../img/blt_link_l.gif) no-repeat 0 13px;

	padding: 10px 0 5px 20px;

	margin: 0;

}



.topNewsTtl {

	padding: 0;

	margin: 0;

}



.topNews {

	background: url(../img/sf_dotted_yoko.gif) repeat-x bottom left #EFEFEF;

	_padding: 8px 0 9px 0;

	padding: 8px 0 8px 0;

}



.topNews ul li {

	display: inline;

}



.topNewsWht {

	background: url(../img/sf_dotted_yoko.gif) repeat-x bottom left #FFF;

	_padding: 8px 0 9px 0;

	padding: 8px 0 8px 0;

}



.topNewsWht ul li {

	display: inline;

}



li.date {

	float: left;

	width: 100px;

	padding: 0 0 0 20px;

}



li.icon {

	float: left;

	width: 43px;

	padding: 0;

}



li.text {

	padding: 0 10px 0 15px;

}





/*-------------------------------------------------

  act css

-------------------------------------------------*/



img.actShd {

	margin: 15px 0 10px 0;

}



img.actPht {

	float: right;

	margin: 0 0 10px 20px;

}





/*-------------------------------------------------

  communication css

-------------------------------------------------*/



img.commuShd {

	float: left;

	margin: 0 40px 30px 0;

}



.eventBox {

	clear: both;

	padding: 0 20px 10px 20px;

}



.iconWorks {

	padding: 0 0 5px 60px;

	background: url(../communication/img/eve2007_icn01.gif) no-repeat 0 1px;

}





/*-------------------------------------------------

  entry css

-------------------------------------------------*/



.step01 {

	font-size: 14px;

	padding: 10px 20px 10px 120px;

	height: 70px;

	background: url(../entry/img/ind_bg01.gif) no-repeat bottom;

}



.step02 {

	font-size: 14px;

	padding: 15px 20px 10px 120px;

	height: 65px;

	background: url(../entry/img/ind_bg02.gif) no-repeat bottom;

}



.step03 {

	font-size: 14px;

	padding: 15px 20px 10px 120px;

	height: 65px;

	background: url(../entry/img/ind_bg03.gif) no-repeat bottom;

}





/*-------------------------------------------------

  elementary css

-------------------------------------------------*/



.tabBox {

	padding: 0 0 20px 0;

	margin: 0;

}



#main h4.yearMonth {

	border-top: #666666 2px solid;

	border-bottom: #666666 1px solid;

	padding: 9px 0 6px 0; 

	_padding: 7px 0 7px 0; 

	color: #333333;

	margin-bottom: 20px;

}



#main .elementaryBlock {

	float: left;

	width: 560px;

	padding: 0 0 10px 0;

	margin: 0 0 20px 0;

	background: url(../img/sf_dotted_yoko.gif) repeat-x bottom;

}



#main .elementaryL {

	float: left;

	width: 160px;

}



#main .elementaryR {

	float: left;

	width: 400px;

}



#main #yearBox {

	padding: 0 0 10px 0;

	text-align: right;

}



#main #yearBox ul li {

	display: inline;

	padding: 3px 10px 0 15px;

}





/*-------------------------------------------------

  question css

-------------------------------------------------*/



#main .questionMark {

	background: url(../elementary/img/ele_icn_qus.gif) no-repeat 0 2px;

	padding-left: 18px;

	margin:0 0 10px 0;

}



#main .questionBlock {

	width: 560px;

	padding: 0 0 5px 0;

	margin: 0 0 10px 0;

	background: url(../img/sf_dotted_yoko.gif) repeat-x bottom;

}



#main .questionTtl {

	background: url(../elementary/img/ele_icn_qus.gif) no-repeat 0 3px;

	font-size: 14px;

	font-weight: bold;

	padding-left: 20px;

}



#main .questionTxt {

	padding: 0 0 20px 0;

}



#main .answerBlock {

	width: 560px;

	padding: 0 0 5px 0;

	margin: 0 0 10px 0;

	background: url(../img/sf_dotted_yoko.gif) repeat-x bottom;

}



#main .answerFooter {

	text-align: right;

	marginm: 0 0 10px 0;

}





/*-------------------------------------------------

  saienou css

-------------------------------------------------*/



#main .noteSaien {

	float: left;

	width: 600px;

	padding: 0;

	margin: 0;

	background: url(../img/sf_bg_note-2.jpg) repeat-y;

}



#main .saienBlock {

	float: left;

	width: 560px;

	padding: 0 0 10px 0;

	margin: 0 0 20px 0;

	background: url(../img/sf_dotted_yoko.gif) repeat-x bottom;

}



*+html #main .saienBlock {

	float: left;

	width: 560px;

	padding: 0 0 10px 0;

	margin: 0;

	background: url(../img/sf_dotted_yoko.gif) repeat-x bottom;

}



* html #main .saienBlock {

	float: left;

	width: 560px;

	padding: 0 0 10px 0;

	margin: 0;

	background: url(../img/sf_dotted_yoko.gif) repeat-x bottom;

}



#main .saienL {

	float: left;

	width: 300px;

}



#main .saienR {

	float: left;

	text-align: right;

	width: 200px;

}





/*-------------------------------------------------

  middle css

-------------------------------------------------*/



#main .middleTxt {

	font-size: 14px;

	padding: 0 0 10px 0;

	margin: 0;

}



#main .pdfLink {

	padding: 0 0 5px 18px;

	background: url(../img/blt_pdf.gif) no-repeat 0 -3px;

}





/*-------------------------------------------------

  news css

-------------------------------------------------*/



#main h4.newsTtl {

	color: #330C01;

	font-size: 14px;

	font-weight: bold;

	height: 28px;

	padding: 2px 0 0 15px;

	margin: 0;

	background: url(../img/h4_bg.gif) repeat-x;

}





/*-------------------------------------------------

  question form css

-------------------------------------------------*/



.formNote {

	color: #CC0000;

	padding: 0 0 10px 0;

}



.formSample {

	padding: 0 0 20px 0;

}



.formSubject {

	border-top:1px solid #D8D0C0;

	border-left:1px solid #D8D0C0;

	border-right:1px solid #D8D0C0;

	width:175px;

	padding:8px;

	background:#FFFAEA;

}



.formSubjectBottom {

	border-top:1px solid #D8D0C0;

	border-bottom:1px solid #D8D0C0;

	border-left:1px solid #D8D0C0;

	border-right:1px solid #D8D0C0;

	width:175px;

	padding:8px;

	background:#FFFAEA;

}



.formNecessary {

	border-top:1px solid #D8D0C0;

	border-left:1px solid #D8D0C0;

	border-right:4px solid #CC0000;

	width:175px;

	padding:8px;

	background:#FFFAEA;

}



.formNecessaryBottom {

	border-top:1px solid #D8D0C0;

	border-bottom:1px solid #D8D0C0;

	border-left:1px solid #D8D0C0;

	border-right:4px solid #CC0000;

	width:175px;

	padding:8px;

	background:#FFFAEA;

}



.formInput {

	border-top:1px solid #D8D0C0;

	border-right:1px solid #D8D0C0;

	padding:8px;

	background:#FFFFFF;

}



.formInputBottom {

	border-top:1px solid #D8D0C0;

	border-bottom:1px solid #D8D0C0;

	border-right:1px solid #D8D0C0;

	padding:8px;

	background:#FFFFFF;

}



.formInputSingle {

	width:280px;

}



.formInputMulti {

	width:280px;

}



.formSubmit {

	text-align:center;

	padding:20px;

}



.formSubmiBtn {

	margin-right:5px;

}





/*-------------------------------------------------

  sitemap css

-------------------------------------------------*/



#sitemap {

	width: 600px;

	margin: 0;

	padding: 0;

}



#sitemap .blockL {

	float: left;

	width: 290px;

	background: url(../img/sf_dotted_yoko.gif) repeat-x top;

	padding: 0 0 20px 0;

	margin: 0;

}



#sitemap .blockR {

	float: right;

	width: 290px;

	background: url(../img/sf_dotted_yoko.gif) repeat-x top;

	padding: 0 0 20px 0;

	margin: 0;

}



#sitemap ul {

	padding: 10px 0 15px 0;

	background: url(../img/sf_dotted_yoko.gif) repeat-x bottom;

}



#sitemap li.dir1 {

	display: block;

	background: url(../img/blt_sitemap_l.gif) no-repeat 0 2px;

	padding-left: 25px;

	margin: 8px 0 4px 10px;

}



#sitemap li.dir2 {

	display: block;

	background: url(../img/blt_sitemap_s.gif) no-repeat 0 -2px;

	padding-left: 15px;

	margin: 8px 0 4px 35px;

}





/*-------------------------------------------------

  link css

-------------------------------------------------*/



#link .linkBlock {

	float: left;

	width: 560px;

	padding: 0 0 10px 0;

	margin: 0 0 20px 0;

	background: url(../img/sf_dotted_yoko.gif) repeat-x bottom;

}



*+html #link .linkBlock {

	float: left;

	width: 560px;

	padding: 0 0 10px 0;

	margin: 0;

	background: url(../img/sf_dotted_yoko.gif) repeat-x bottom;

}



* html #link .linkBlock {

	float: left;

	width: 560px;

	padding: 0 0 10px 0;

	margin: 0;

	background: url(../img/sf_dotted_yoko.gif) repeat-x bottom;

}



#link .linkL {

	float: left;

	width: 275px;

}



#link .linkR {

	float: right;

	font-size: 10px;

	width: 275px;

}



#link .noteLink {

	font-size: 12px;

	font-weight: normal;

	padding: 0 0 5px 20px;

	background: url(../img/blt_link_l.gif) no-repeat 0 3px;

}