/*---------- HTML Style */

* {
 margin: 0px; padding: 0px;
}

img {
 border: 0px;

}

p {
 margin-bottom: 15px;

}

.indent {
 margin-left: 20px;
}



body {
	text-align: center;
	color:#333333;
	font-family: "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	margin: 5px;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}

.header_top {
	background-image: url('img/header_back.gif');	
}

.header_back {
	background-image: url('img/head_main_back.gif');
	background-repeat: repeat-x
}


.navi_back {
	background-image: url('img/navi_s_back.jpg');	
}

.main_back {
	background-image: url('img/main_s_back.jpg');
	background-repeat: repeat-x
}

.main_left{
	background-image: url('../common/contents_s_right2.jpg');
	background-repeat: repeat-y
}

.main_right{
	background-image: url('../common/contents_s_left2.jpg');
	background-repeat: repeat-y
}

.footer{
	background-image: url('../common/footer_m_back.jpg');
}


.footer_main{ 
	background-image: url('../common/footer_back.jpg');
}

.yanagino_title{ 
	background-image: url('../yanagino/common/title_back.jpg');
}

.nosk_title{ 
	background-image: url('../noskmard/common/title_back.jpg');
}

.takao_title{ 
	background-image: url('../yanagino_takao/common/title_back.jpg');
}

.concept_title{ 
	background-image: url('../top_img/concept_title.jpg');
}

/*---------- Navi */

div#navi ul {
	list-style-type: none;
}


div#navi li {
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C7C7C7;
	border-left-color: #D7D7D7;
	display:block;
	padding-top: 16px;
	padding-right: 20px;
	padding-bottom: 16px;
	padding-left: 20px;
}


.on {
	background-color: #6D00A2;
	color: #FFFFFF;
}

div#topics {
	border: 1px solid #CCCCCC;
	padding: 10px;
	text-align: left;
	width: 558px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 538px;
	}

div#topics p{
	margin: 10px 0px 10px 0px;
	padding:  0px 0px 10px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;	
	}

div#topics2 {
	border: 1px solid #CCCCCC;
	padding: 10px;
	text-align: left;
	width: 558px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 538px;
	}

div#topics2 p{
	margin: 7px 0px 7px 0px;
	padding:  0px 0px 7px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;	
	}


div#contact {
	border: 1px solid #CCCCCC;
	padding: 10px;
	text-align: center;
	width: 278px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 258px;
	}

div#contact img{
	margin:5px 0px;
	}

div#navi a:link {
	color:#666666;
	text-decoration: none;	
}

div#navi a:visited {
	color:#666666;
	text-decoration: none;	
}

div#navi a:hover {
	color:#666666;
	text-decoration: underline;
}

/*---------- title */

h2 {
	font-size: 23px;
	font-weight: bolder;
	width: 800px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}


h21 {
	font-size: 23px;
	font-weight: bolder;
	padding: 7px 0px;
	width: 600px;
}

.text_title {
	margin-bottom: 30px;
}
.main_en {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	padding: 20px;
}



h3 {
	font-size: 16px;
	background-image: url('img/subtitle_back.jpg');
	padding: 20px;
	margin-bottom: 15px;
	background-repeat: no-repeat
}

h4 {
	font-size: 14px;
	margin-bottom: 15px;
	font-weight: bolder;
}

h5 {
	font-size: 12px;
	margin: 20px 0px;
	padding: 10px 0px 10px 20px;
	background-color: #ECECEC;
	width: 640px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 610px;
}

/*---------- top_navi */

.top_text {
	margin-top: 3px;
	padding: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CECECE;
	border-right-color: #CECECE;
	border-bottom-color: #CECECE;
	border-left-color: #CECECE;
	text-align: left;
	width: 208px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 188px;
}


/*---------- side_navi */

.side_navi {
	background-image: url('../common/contents.gif');
	background-repeat: no-repeat
}

div#side_contents ul{
	list-style-type: none;
}

div#side_contents ul li{
	width: 198px;
	voice-family: "\"}\"";
/*	border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; voice-family: inherit; */
	border-left:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; voice-family: inherit;
	width: 158px;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url('../common/list.gif');
	background-repeat: no-repeat;
	background-position: 8px 13px; padding-left:20px; padding-right:20px; padding-top:7px; padding-bottom:7px
/*-	background-position: 8px 13px; padding-left:20px; padding-right:20px; padding-top:7px; padding-bottom:7px */
}

div#side_contents li ul li{
	width: 198px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 132px;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url('../common/arrow-list.gif');
	background-repeat: no-repeat;
	background-position: 6px 10px; padding-left:20px; padding-right:0px;padding-bottom:0px;padding-top:7px;
/*-	background-position: 8px 13px; padding-left:20px; padding-right:20px; padding-top:7px; padding-bottom:7px */
}

.pagetop {
	margin: 20px 0px 20px 0px;
}



/*---------- content_main */

.contents_lbk{
	width: 300px;
	background-image: url('../common/content_linkbk.jpg');
	background-repeat: no-repeat
}


div#side_contents a:link {
	color:#666666;
	text-decoration: none;	
}

div#side_contents a:visited {
	color:#666666;
	text-decoration: none;	
}

div#side_contents a:hover {
	color:#666666;
	text-decoration: underline;
}


/*---------- history */

div#history td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;	
	padding: 10px 15px;
}

div#history th{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 10px 5px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}


/*---------- works */

div#works td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;	
	padding: 10px 15px;
}

div#works th{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 10px 5px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCCCCC;
}




/*---------- pankuzu */

div#pankuzu {
	margin:1px 0px;
	padding: 5px 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	width: 900px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 860px;
}

/*---------- Q&A */

div#q_a table th {
	padding: 5px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

div#q_a table td {
	padding: 15px 10px;
}

div#q_a h4 {
	padding: 0px;
	margin: 5px;
}

div#q_a table table {
	padding: 15px 10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

div#q_a table table td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}


/*---------- TOPICS */

div#topics_n table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

div#topics_n table td {
	padding: 15px 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}


/*---------- Q&A */

div#q_a h4 {
	padding: 0px;
	margin: 5px;
}

div#q_a table table {
	padding: 15px 10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

div#q_a table table td{
	padding: 15px 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

/*---------- STUDY */

div#study table td{
	padding: 10px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

div#study h3{
	border-bottom:1px solid #CCCCCC; padding:10px; background-image: url('none');
}

/*---------- OTHER */

div#other h3{
	border-bottom:1px dotted #CCCCCC; background-image: url('none');padding-left:0px; padding-right:10px; padding-top:15px; padding-bottom:10px
}

div#other p{
	padding: 0px 0px 0px 30px;
}


div#links h3 {
	font-size: 14px;
	margin-bottom: 15px;
	color: #FFFFFF;
	background-color: #660099;
	background-image: url('none');padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px
}

div#links h4 {
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 10px;
}

div#links p {
 margin-bottom: 10px;

}

div#works h4{
	margin: 20px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;	

}


.booktable{
	border-top-width: 2px;
	border-top-style: dotted;
	border-bottom-color: #CC6699;	

}

/*---------- SITEMAP */

div#sitemap ul {
	margin-left: 15px;
}

div#sitemap ul li ul {
	margin-left: 30px;
}


/*---------- Footer */

div#Footer img {
	margin-left:15px;
}


a:link {
	color:#0099CC;
}

a:visited {
	color:#0099CC;
}

a:hover {
	color:#0099CC;
}

/*---------- Menu Link用 */

.suckerdiv ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 195px; /*160px Width of Menu Items */
/*border-bottom: 1px solid #ccc;*/
}

.suckerdiv ul li{
	position: relative;
}

/*Sub level menu items */
.suckerdiv ul li ul{
	position: absolute;
	width: 195px; /*170px; sub menu width*/
	top: 0;
	visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: black;
	text-decoration: none;
	background: #fff;
	padding: 0;/*1px 5px;*/
	/*border: 1px solid #ccc;*/
	border-bottom: 0;
}

.suckerdiv ul li a:visited{
	color: black;
}

.suckerdiv ul li a:hover{
	background-color: #EBEBEB;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}

.suckerdiv .subfolderstyle{
	background: url(../common/arrow-list.gif) no-repeat center right; /* ★ */
}


/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }

/*マウスオーバー*/
div#tooltip{
	background:#E7F0F6;
	border:1px solid #EBEBEB;/*#7CADB6;*/
	padding:5px;
}

/*業務内容ページで使用*/
.yanagino_works_policy{ 
	background-image: url('../yanagino/works/img/policy01.jpg');
}

.yanagino_works_title{ 
	background-image: url('../yanagino/works/img/policy02.jpg');
}

.works_title {font-size: 24px;color: #4A006D;}
.works_copy {font-size: 16px;color: #4A006D;}

/*ツールチップ用*/
a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:160px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

.en_list_01 {
	padding: 20px;
	height: auto;
	width: auto;
	border: thin solid #0033CC;
}

.en_list_02 {
	height: auto;
	width: auto;
	border: 1px solid #0033CC;
	margin-bottom: 5px;
}
.en_link {
	background-position: center bottom;
	vertical-align: text-botom;
	color: #FFFFFF;
}