/* CSS Document */

@import url(parts.css);
/*-------------------------------------------------------------*/
.f10 { font-size: 77%;}
.f11 { font-size: 85%;}
.f12 { font-size: 93% !important;}
.f14 { font-size: 108%;}
.f18 { font-size: 138.5%;}

.blue{ color:#0000FF;}
* {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin: 0;
    padding: 0;
}

ul,li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}


ul.num, ul.circle{
	margin-bottom: 10px;
}

ul.num li, ul.circle li{
	margin-left:1.5em;
	text-indent: -1.5em;
	font-size:93%;
	padding-bottom:5px;
	padding-right:20px;
    list-style: none inside;
}

ul.circle li{
	margin-left:1.0em;
	text-indent: -1.0em;
}

ul.disc{
	margin-left: 20px;
}
ul.disc li{
	margin-left:1em;
	text-indent: -1em;
    list-style: disc inside;
    padding:5px 20px 0 0;
	font-size:93%;
}

/* ---------------20120202add --------------- */
ul.disc1{
	margin-left: 0px;
}
ul.disc1 li{
	margin-left:1em;
	text-indent: -1em;
    list-style: disc inside;
    padding:5px 20px 0 0;
	font-size:93%;
}
/* --------------- 20120202add --------------- */

ul.num li ul.disc{
	margin-left: 0;
}
ul.num li ul.disc li{
    list-style: disc inside;
    padding:5px 0 0 3px;
	font-size:100%;
}


 a:link,  a:visited {
	text-decoration: underline ;
}

 a:hover, a:active {
	text-decoration: none ;
}

a:link, a:visited, a:hover, a:active{
	color:#004a96;
}

.left{
	display: inline;
	float: left;
}

.right{
	display: inline;
	float: right;
}

.center{
	text-align: center;
}

.textright{
	text-align: right;
}

.linkright{
	text-align: right;
	margin-bottom: 15px;
}

.linkmap{
	text-align: left;
	margin-bottom: 15px;
}

.linkright a, .linkmap a{
    background-image: url("/material/img/common/link_arrow.gif");
    background-repeat:no-repeat;
    background-position: left 3px;
    padding-left:10px;
    line-height:15px;
    font-size:93%;
}

.clear{
	clear: both;
}

.noMargin{
	margin: 0 !important;
}

.noImg{
	background-image:none !important;
}

.btMargin{
	margin-bottom: 20px;
}

.cap{
    font-size:93%;
}

.cap img{
	margin-bottom: 5px;
}

.pagetop{
	clear:both;
	text-align: right;
	margin:0 10px 0 0;
	height:50px;
    font-size:93%;
}

body {
    text-align: center;
    background-image: url("/material/img/common/header_bg.gif");
    background-repeat:repeat-x;
    margin: 0;
    padding: 0;
    font-size:13px;
*font-size:small;
*font:x-small;
    line-height:1.5;
    color:#000000;
    font-family: Meiryo, Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}




/* --------------- contents --------------- */
#contents {
	width: 910px;
	margin: 0 auto;
}


/* --------------- header --------------- */
#header{
    background-image: url("/material/img/common/header_base.gif");
    background-repeat:no-repeat;
	width: 910px;
	height:69px;
	margin: 0 auto;
	text-align: left;
	position:relative;
}

#logo{
	padding:13px 0 0 19px;
}

#logo h1{
	margin:0;
}

#headsearch{
	width:240px;
	position:absolute;
	top:13px;
	left:294px;
	text-align:right;
}

#headsearch form{
	position:relative;
}

#headsearch form .searchText {
	display:block;
	width:154px;
	height:22px;
	margin:0;
	padding:0;
	position:absolute;
	right:45px;
	top:0;
	border:1px #A4A4A4 solid;
}


#srchBox{
	width:240px;
	position:absolute;
	top:13px;
	left:294px;
	text-align:right;
}

#srchBox form{
	position:relative;
}

#srchBox form #srchInput {
	display:block;
	width:154px;
	height:22px;
	margin:0;
	padding:0;
	position:absolute;
	right:45px;
	top:0;
	border:1px #A4A4A4 solid;
	background: #fff url("/material/img/yjlogo_type4.gif") center center no-repeat;
}

#srchBox.watermark #srchInput.nomark
{
background: #fff;
}
#srchBox.watermark #srchLogo
{
display: none;
}


#headtel{
	position:absolute;
	top:13px;
	right:188px;
}

#flag{
	width:165px;
	position:absolute;
	top:0;
	right:18px;
}
#flag ul {
	list-style-type: none;
	margin: 0 0 4px 0;
	padding:0;
}
#flag li{
	display: inline;
}

#flag li img{
	margin:0;
}

#headnavi{
	width: 910px;
	margin: 0 auto;
	padding: 0;
	height:57px;
	overflow:hidden;
}

#headnavi ul {
	clear: both;
	margin: 0;
	padding:0;
}

#headnavi li{
	display: inline;
	float: left;
	background-position: left top;
	background-repeat: no-repeat;
}

#headnavi .btn01 {
	background-image: url(/material/img/common/main_navi01o.gif);
}
#headnavi .btn02 {
	background-image: url(/material/img/common/main_navi02o.gif);
}
#headnavi .btn03 {
	background-image: url(/material/img/common/main_navi03o.gif);
}
#headnavi .btn04 {
	background-image: url(/material/img/common/main_navi04o.gif);
}
#headnavi .btn05 {
	background-image: url(/material/img/common/main_navi05o.gif);
}
#headnavi .btn06 {
	background-image: url(/material/img/common/main_navi06o.gif);
}

.hover {
	display: block;
}

.hover:hover {
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
}

.hover:hover img {
	visibility: hidden;
}


/* --------------- main --------------- */
#main {
	width: 900px;
	margin: 0 auto;
	padding:0;
	text-align: left;
}

#main-inner {
	margin: 0;
	padding: 0;
}

#mainnavi{
	padding:15px 0;
	font-size:93%;
	text-align: left;
}


#mainContents{
	width:900px;
}

#leftContents{
	width:695px;
	float: left;
}

#rightContents{
    background-image: url("/material/img/common/right_menu_head.gif");
    background-repeat:repeat-x;
    background-color:#BDD8E6;
	width:185px;
	float: right;
	zoom:1;
}


#leftContents h1{
    background-image: url("/material/img/common/ttl_bg.gif");
    background-repeat:repeat-x;
    margin-bottom:25px;
}

#leftContents h2{
    background-image: url("/material/img/common/sub_ttl_bg.gif");
    background-repeat:no-repeat;
    height:34px;
    margin-bottom:10px;
    padding: 0 0 0 14px;
    border-right:1px solid #D0D0D0;
    font-size:108%;
    font-weight:bold;
    line-height:34px;
}

#leftContents h2.smtxt{
    font-size:100% !important;
}

#leftContents h3{
    background-image: url("/material/img/common/midashi_icon.gif");
    background-repeat:no-repeat;
    background-position: 2px 10px;
    margin:0 0 10px 0;
    padding: 0 0 0 14px;
    border-bottom:1px solid #CCCCCC;
    font-size:93%;
    font-weight:bold;
    line-height:28px;
}

#leftContents .mttl{
    border:1px solid #5179A2;
    padding:1px;
    margin:0 0 10px 0;
}

#leftContents .mttl h4{
	background-image: url("/material/img/common/mttl_bg.gif");
	background-repeat:repeat-x;
	background-position: left top;
	margin:0;
	padding: 0 10px;
	font-size:93%;
	color:#FFFFFF;
	font-weight:bold;
	line-height:24px;
}

#leftContents .bmtl h4{
    background-image: url("/material/img/common/mttl_bg.gif");
    background-repeat:repeat-x;
    background-position: left top;
    margin:0;
    padding: 0 10px;
    font-size:93%;
    color:#FF0;
    font-weight:bold;
    line-height:24px;
}

#leftContents .box{
	width:695px;
	margin: 0 auto 30px auto;
	overflow: hidden;
}

#leftContents .box p{
	padding:0 0 10px 0;
}

#leftContents .inbox{
	clear:both;
	overflow: hidden;
	border:4px solid #C3D3E4;
	background-color:#F3F3F3;
	padding:8px 10px;
	zoom:1;
}

#leftContents .inbox .left{
    width:310px;
}

#leftContents .inbox p{
    background-image: url("/material/img/common/midashi_icon.gif");
    background-repeat:no-repeat;
    background-position: 2px 5px;
    margin:0 0 0 0;
    padding: 0 0 0 14px;
    font-size:85%;
    font-weight:bold;
    line-height:18px;
}

#leftContents .inbox li{
    list-style: disc inside;
    font-size:93%;
    padding:5px 0 0 3px;
}


#leftContents .inbox .noStl li{
    list-style: none inside;
}


#leftContents .box-inner{
	overflow: hidden;
	border:1px solid #8C8C8C;
	background-color:#FFFFFF;
	zoom:1;
}

#leftContents .box-inner p{
	padding:0 25px 20px 30px;
}


.text{
	margin-top:20px;
}

.photoL{
	float: left;
	margin:0 20px 15px 0;
}

.photoR{
	float: right;
	margin:0 0 20px 20px;
}

.linkbox{
	margin:0 30px 30px 30px;
	padding:20px;
	background-color:#D7E3EA;
}

.linkbox a{
	background-image: url("/material/img/common/linkbox_icon.gif");
	background-repeat:no-repeat;
	background-position:left 2px;
	padding-left:15px;
	padding-right:5em;
}


.linkbox a:link, .linkbox a:visited, .linkbox a:hover, .linkbox a:active{
	color: #003366;
}




/* --------------- table --------------- */

#leftContents .cart{
	padding:30px;
}

.cTable , .cTable2{
	width:100%;
}

.cTable td, .cTable2 td{
	padding:10px 15px;
	vertical-align:top;
	border-left:1px solid #BDBDBD;
	border-top:1px solid #BDBDBD;
}

.tLine1{
	border-right:1px solid #BDBDBD;
}

.tLine2{
	border-bottom:1px solid #BDBDBD;
}

.tColor1{
	background-color:#EBEBEB;
}

.tColor2{
	background-color:#F7F7F7;
}

.officer{
	margin:0;
	padding:0;
}

.officer dt{
	float:left;
	width:8em;
	height:18px;
}
.officer dd{
	height:18px;
}

/* --------------- inpageLink --------------- */

.inpageLink{
	width:auto;
}

.inpageLink td{
	padding:0 30px 10px 14px;
	vertical-align:top;
	text-indent:-14px;
}

.inpageLink a{
    background-image: url("/material/img/common/midashi_icon.gif");
    background-repeat:no-repeat;
    background-position: 2px 5px;
    margin:0 0 0 0;
    padding: 0 0 0 14px;
    font-size:93%;
    line-height:18px;
}


/* --------------- inpageLinkqa 20111221add --------------- */

.inpageLinkqa{
	width:auto;
	text-align:right;
	clear:both;
	margin:0 10px 0 0;
	height:50px;
    font-size:93%;
}

.inpageLinkqa td{
	padding:0 10px 10px 14px;
	vertical-align:top;
	text-indent:-14px;
	text-align:right;
}

.inpageLinkqa a{
    background-image: url("/material/img/common/midashi_icon.gif");
    background-repeat:no-repeat;
    background-position: 2px 5px;
    margin:0 0 0 0;
    padding: 0 0 0 14px;
	text-align:right;
    font-size:93%;
    line-height:18px;
}

 


/* --------------- rightContents --------------- */

#rightContents h3{
	padding:10px 0 0 0;
	text-align:center;
}

#rightNavi{
	width:167px;
	margin: 0 auto;
}

#rightNavi-inner{
	margin: 0;
}

#rightNavi-inner ul{
	list-style-type: none;
	margin: 0;
	padding-bottom:10px;
	background-image: url("/material/img/common/right_list_end.gif");
	background-repeat:no-repeat;
	background-position:left bottom;
}

#rightNavi-inner li{
	background-image: url("/material/img/common/right_navi.gif");
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	background-position:10px 10px;
	margin: 0;
	padding:10px 0 10px 20px;
	color:#000000;
	border-top:1px solid #A3A3A3;
	border-left:1px solid #B3CACE;
	border-right:1px solid #B3CACE;
	line-height:15px;
	font-size:93%;
}

#rightNavi-inner li.Active{
	background-color: #FFE04E !important;
}

#rightNavi-inner li p{
 	height:28px;
}


#rightNavi-inner li.two{
	padding-top:5px;
}

#rightNavi-inner li p.two, #rightNavi-inner li.two a{
 	height:33px;
 	line-height:1.2;
}



#rightNavi-inner li.indent1, #rightNavi-inner li.indent2{
	background-position:15px 10px;
	background-color:#EAEAEA;
	padding-left:25px;
}

#rightNavi-inner li.indent2{
	background-position:20px 10px;
	padding-left:30px;
}

#rightNavi-inner li.indent3{
	background-image: url("/material/img/common/right_navi2.gif");
	background-position:23px 10px;
	padding-left:35px;
	background-color:#FFEE9F;
}

#rightNavi-inner li.Active2{
	background-color:#C3C3C3;
}


#rightNavi-inner li.indent1 a, #rightNavi-inner li.indent2 a{
	display: inline;
}

#rightNavi-inner li a:link,  #rightNavi-inner li a:visited {
	color:#000000;
	text-decoration: none ;
}

#rightNavi-inner li a:hover, #rightNavi-inner li a:active {
	color:#000000;
	text-decoration: underline ;
}

#rightNavi-inner li.navilineT{
	border-top:1px solid #848484;
}

#rightNavi-inner li.navilineB{
	border-bottom:1px solid #A3A3A3;
}

#rightContents .bicon{
    background-image: url("/material/img/common/right_menu_foot.gif");
    background-repeat:no-repeat;
    background-position:left bottom;
    padding:10px 0 20px 0;
}

#rightContents .bicon p{
	padding:5px 0 0 0;
	text-align:center;
}


/* --------------- footer --------------- */

#footer {
    margin: 0 auto;
    background-color:#2E6196;
    background-repeat:repeat-x;
    padding-top:15px;
}
#footer-inner{
	width: 900px;
	margin: 0 auto 0;
	padding:0;
	color:#FFFFFF;
	text-align: left;
	position:relative;
    height: 32px;
}

#footer-center{
	text-align: center;
}

#footer-left{
	width: 200px;
	position:absolute;
	top:0;
	left:10px;
}
#footer-right{
	width: 200px;
	position:absolute;
	top:0;
	right:15px;
	text-align: right;
/*
	visibility: hidden;
*/
}

#footer-inner a:link, #footer-inner a:visited, #footer-inner a:hover, #footer-inner a:active{
	color:#FFFFFF;
}


/* --------------- topics --------------- */

.topics dl{
	padding: 10px 0 30px 0;

}

.topics dt{
	float:left;
	margin:0;
	line-height:15px;
	width:7.5em;
	font-size:85%;
	font-weight:bold;
	height:20px;
}
.topics dd.pClass{
	float:left;
	margin:0;
	line-height:15px;
	width:60px;
	height:20px;
}

.topics dd.pSummary{
	margin:0;
	line-height:15px;
	font-size:85%;
}

.topics dd.pline{
	clear:both;
	margin:0;
	line-height:0;
	height:1px;
}


/* --------------- contact --------------- */

.contact{
	border-top:1px dashed #94A3B3;
	padding:50px 0;
	margin:0 auto;
	width:665px;
	background-color:#FFFFFF;
	zoom:1;
}

.contactbox{
	border:1px solid #1687FB;
	padding:0;
	margin:0;
	background-color:#CDE4F6;
	zoom:1;
}

.contactbox h4{
	background-color:#0070FA;
	margin:0 0 15px 0;
	padding:0;
}

.contactbox ul{
	padding:0 0 17px 13px;

}

.contactbox li{
	display:inline;

}

/* --------------- pdfbox --------------- */
.pdfbox{
	clear: both;
	position:relative;
	margin:0 0 30px 0;
	padding:15px 10px 15px 20px;
	background-color:#DDE5E8;
}

.pdfbox p{
	position:absolute;
	top:15px;
	right:20px;
	width:310px;
	font-size:93%;
}

/* --------------- linkList --------------- */

ul.linkList{
    margin:0 0 10px 20px;
}

.linkList li{
    background-image: url("/material/img/common/link_icon.gif");
    background-repeat:no-repeat;
    background-position: 3px center;
    margin:0 0 5px 0;
    padding: 0 0 0 20px;
    font-size:93%;
    line-height:24px;
}

/* --------------- ditailSearch --------------- */
#ditailSearch{
	background-color:#DDE5E8;
	border:1px solid #7AA5D1;
	padding:8px 8px 50px 8px;
	margin:0 0 30px 0;
}

#ditailSearch h4{
	margin:0 0 10px 0;
}

#ditailSearch .searchText{
	width:140px;
	height:25px;
	margin:0 0 5px 0;
}

#ditailSearch .searchBtn{
	margin:0 0 25px 0;
}

#ditailSearch li{
	background-image: url("/material/img/common/ditail_search_icon.gif");
	background-repeat:no-repeat;
	background-position:left 4px;
	margin: 0;
	padding:0 0 5px 10px;
	line-height:17px;
	font-size:93%;
}

#ditailSearch li a:link,
#ditailSearch li a:visited,
#ditailSearch li a:hover,
#ditailSearch li a:active {
	color:#000000;
}



/* --------------- sitemap --------------- */


#Map li a{
	padding:0 5px;
}

#Map .f12 a, #Map .f14 a{
	padding:0;
}

#Map .f14{
	font-weight:bold;
}


#leftContents #Map .cart{
	padding:30px 50px;
}

#Map .left, #Map .right{
	width:260px;
}

#Map .index{
	margin:0;
	padding:0 0 20px 0;
}

#Map div.index{
	font-size:108%;
	font-weight:bold;
}


#Map ul{
	margin:0;
	padding:0 0 50px 0;
}


#Map li{
	margin:0;
	padding:0 0 3px 0;
	font-size:93%;
}


/* header2 */
/* -------------------------------------------------------- */

#header2 {
	width: 910px;
	height: 129px;
	background: url(../images/h_bg.gif) no-repeat left top;
	position: relative;
}


/* h-summary */

#h-summary {
	width: 500px;
	font-size: 10px;
	font-weight: normal;
	color: #676767;
	position: absolute;
	top: 5px;
	left: 5px;
}


/* h-logo */

#h-logo {
	width: 220px;
	position: absolute;
	top: 33px;
	left: 4px;
}


/* h-navi */

#h-navi {
	position: absolute;
	top: 2px;
	left: 584px;
}
#h-navi li {
	float: left;
}


/* h-btn1 */

#h-btn1 {
	width: 90px;
	font-size: 10px;
	position: absolute;
	top: 51px;
	left: 643px;
}
#h-btn1 a {
	padding: 0 0 0 15px;
	background: url(../images/h_icon.gif) no-repeat left center;
}
#h-btn1 a:link,
#h-btn1 a:visited,
#h-btn1 a:active {
	color: #7b7b7b;
	text-decoration: none;
}
#h-btn1 a:hover {
	color: #7b7b7b;
	text-decoration: underline;
}


/* h-btn2 */

#h-btn2 {
	width: 177px;
	position: absolute;
	top: 43px;
	left: 739px;
}


/* global-navi */

#global-navi {
	position: absolute;
	top: 84px;
	/*left: 5px;*/
}
#global-navi li {
	float: left