@charset "UTF-8";




/* ========BASIC======== */

html
 {

   	overflow-y:scroll;

 }



body
 {
   
	margin:0;
   
	padding:0;
   
	line-height:1.6;
   
	letter-spacing:1px;
   
	font-family:-apple-system, BlinkMacSystemFont, Hiragino Sans, ヒラギノ角ゴシック, Helvetica, Verdana, sans-serif;

   	font-size:13px;

   	color:#333;
   
	background:#fff;

	
	background-image:url(otherimages/yyj_bg.jpg);
	background-repeat:repeat;
	background-attachment: fixed;
	background-position: center 45%;

 }



br
 {

	letter-spacing:normal;

 }



a
 {

   	color:#31001D;

   	text-decoration:none;

 }



a:hover
 {

   	color:#31001D;

   	text-decoration:none;

 }



img
 {

    	border:0;

 }



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

   	margin:0;

 }





/* ========TEMPLATE LAYOUT======== */


#top
 {

   	width:900px;

  	margin:0 auto;

  	background:#fff;

 }



#header
 {

	width:900px;

	background:#fff;
 }



#menu
 {

   	width:900px;

  	margin-bottom:0px/*10px*/;

 }



#contents
 {

   	clear:both;

  	width:900px;

  	/*background:url(otherimages/bg_contents.gif) 610px 0 repeat-y;*/

  	border-bottom:1px solid #535D57;

 }




#headImage
 {

   	width:900px;

 }



#main
 {

   	/*float:left;*/

  	 width:880px;

  	 margin-top:10px;

  	 margin-left:10px;
 }



#sub
 {

   	float:right;

  	width:185px;

  	margin-top:10px;

}



#footer
 {
   
	position:relative;

   	clear:both;

   	width:900px;

 }




/* 回り込み解除 */

#contents:after
 {

  	content:"";

   	display:block;

   	height:0;

   	clear:both;

   	visibility:hidden;

 }





/* ========HEADER CUSTOMIZE======== */


#header h1
 {

   margin:0;

   padding:0;

   font-size:14px;

   color:#000;

   line-height:40px;
 }



#header h1 a
 {

   color:#000;

 }



#header h1 a:hover
 {

   color:#535D57;

 }





/* ========MENU CUSTOMIZE======== */


#menu ul
 {

   width:894px;

   margin:0;

   padding:1px 0 1px 1px;

   background:#fff;

 }



#menu li
 {

   float:left;

   color:#333;

   text-align:center;

   list-style-type:none;

 }



#menu li a
 {

   display:block;

   width:147px;

   margin-right:2px;

   padding:5px 0;

   color:#fff;

   background:url(otherimages/bg_menu_off.gif);

 }



#menu li a:hover
 {

   color:#fff;

   background:url(otherimages/bg_menu_on.gif);

 }



/* 回り込み解除 */

#menu ul:after
 {

   content:"";

   display:block;

   height:0;

   clear:both;

   visibility:hidden;

 }





/* ========MAIN CONTENTS CUSTOMIZE======== */

#main a
 {

   color:#31001D;

 }



#main a:hover
 {

   color:#31001D;

   border:0;

   /*border-bottom:1px solid #31001D;*//*これを入れるとリンクの画像がカーソル当てるとでかくなる*/

 }



#main h2
  {

   margin-bottom:3px;

   padding:0 4px;

   font-size:16px;

   color:#fff;

   background:#60009c;

 }



#main h3
 {

   margin-bottom:2px;

   font-size:14px;

   color:#31001D;

   border-bottom:2px solid #4EC21F;/*#31001D;*/

   border-left:3px solid #4EC21F;/*#999;*/
   
   padding-left:3px;
 }



#main h4
{

   margin-top:5px;

   margin-bottom:2px;

   padding-left:5px;

   font-size:14px;

   border-left:8px solid #999;

 }



/*#main h5*/
 {

   margin-top:5px;

   margin-bottom:2px;

   padding-left:5px;

   font-size:13px;

   border-left:8px solid #0000ff;

 }


/*#main h6*/
 {
   
   margin-bottom:2px;

   font-size:13px;

 }



#main p
 {

   margin:0 10px 1em 0;

 }



#main ul,ol,dl
 {

   margin-right:10px;

 }



#main dt
 {

   margin-bottom:3px;

 }



#main dd
 {

   padding:0;

   margin:0 0 1em 1em;

   padding:3px;

   background:#87CEFA/*f1f1f1*/;

 }




/* ========SUB CONTENTS CUSTOMIZE======== */

#sub h2
 {

   padding:3px;

   font-size:14px;

   font-weight:bold;

   color:#fff;

   background:#31001D url(otherimages/bg_sub_h2.gif) 0 0 repeat-x;

 }



#sub ul
 {

   margin:0;

   padding:5px 0 1em 0;

 }



#sub li
 {

   margin:0;

   padding-left:18px;

   line-height:1.8;

   background:#fff url(otherimages/bg_list.gif) 0 5px no-repeat;

   list-style:none;

 }



#sub li a:hover
 {

   border-bottom:1px solid #31001D;

 }




/* ========PAGE CUSTOMIZE========= */

#pageTop
 {

   margin:10px 0;

   text-align:right;

 }



#pageTop a
 {

   padding:0 0 0 12px;

   background:url(otherimages/bg_pagetop.gif) 0 50% no-repeat;

 }



#pageTop a:hover
 {

   border-bottom:1px solid #31001D;

 }




/* ========FOOTER CUSTOMIZE======== */
.copyright
 {
   padding:10px 0;
   font-style:normal;
   font-size:11px;
   color:#333;
}