@charset "UTF-8";
@import url("/css/gnavi_drop.css");

/* general tags
 ***********************************************************/
img{
	border-style: none;
}

h1{
	font-size: 9pt;
	width:975px;
	text-align:right;
	margin : 0 0 0 0;
}

h2#home {
	background-color: #ffffff;
	margin: 0 0 0 0;
	text-align: left;
}

h2#pages{
	float: right;
	width: 767px;
	height: 54px;
	margin: 10px 15px 0px 0px;
	padding: 0 0 0 0;
	background-image: url(/img/common/h2a.gif);
	background-repeat: no-repeat;
	background-position: 14px 0px;

}

h2#tabs{
	float: right;
	width: 767px;
	height: 54px;
	margin: 10px 15px 0px 0px;
	padding: 0 0 0 0;
	background-image: url(/img/common/h2a.gif);
	background-repeat: no-repeat;
	background-position: 14px 0px;
}

h2#tab3{
	margin: 5px 0 -35px 2px;
	background-image: url(/img/common/h2_tab3.gif);
	background-repeat: no-repeat;
	background-position: 8px 0px;
	height: 75px;
	width: 962px;
	float: left;
}

h2#tab4{
	float: right;
	width: 767px;
	height: 54px;
	margin: 10px 15px 0px 0px;
	padding: 0 0 0 0;
	background-image: url(/img/common/h2a.gif);
	background-repeat: no-repeat;
	background-position: 14px 0px;
}

div#h2ttl1{
	border:solid 0 black;
	float: left;
	margin: 9px 0 0 23px;
	padding: 5px 5px 5px 6px;
	width: 150px;
	font-size: 14pt;
	text-align: center;
	color: black;
	font-weight: bold;
}
p#h2ttl2{
	float: left;
	padding: 8px 0 0 18px;

	margin: 7px 0 0 16px;
	font-size: 18pt;
	color: black;
	text-align: left;
}
h3{
		background-image: url(/img/h4.jpg);
		background-repeat: no-repeat;
		padding: 3px 0 8px 55px;
		text-align: left;
		width: 754px; 
		margin: 10px 0 0 0;
}
h4{
	background-image: url(/img/common/h3_title.gif);
	background-repeat: no-repeat;
	height: 15px;
	font-size: 12pt;
	display: inline;
	color: #666666;
	margin: 0 0 0 2px;
	padding: 0 0 3px 20px;
/*	border-bottom: solid 1px #00a1e9;
*/

}

/*h4{
		background-image: url(/img/h4.jpg);
		background-repeat: no-repeat;
		background-position: 0% 60%;
		padding-left: 20px;
		text-align: left;
		width: 754px; 
		height: 25px;
		margin-bottom: 10px;
}*/


h5{
/*3
	text-align: left;
	font-size: 12pt;
*/
}

body{
	padding: 120px 0 0 0;
	margin: 0 0 0 0;
	background-image: url(/img/common/umi_night.gif);
	background-image: url(/img/common/umi_day.gif);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #0073ff;
}

/* 枠線+背景
 ********************************************************************/

div#border_top{
	background-image: url(/img/home/border_top_home.png);
	width: 975px;
	height: 5px;
	background-repeat: no-repeat;
	float: left;
	margin-top: 5px;
}

div#border_top1{
	background-image: url(/img/common/border_top.png);
	background-position : 51px 4px;
	width: 975px;
	height: 47px;
	background-repeat: no-repeat;
	
}
div#border_center{
	background-image: url(/img/home/border_home.png);
	background-repeat: no-repeat;
	background-repeat: repeat-y;
	height: 570px;
	float: left;
	width: 975px;
}

div#border_center1{
	background-image: url(/img/common/border.png);
	background-repeat: repeat-y;
	background-color: #ffffff;
	margin: 0 0 0 0;
	height: auto;
	padding: 0 0 0 0;
	float: left;
	width: 975px;
	position: relative;
	top: 0
}

div#border_bottom{
	background-image: url(/img/common/border_bottom.png);
	background-position: 0 -48px;
	background-repeat: no-repeat;
	height: 52px;
	padding: 0 0 0 0;
	clear: both;
}

div.horizon_ff{
	background-image: url(/img/common/horizon_day.png);
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: 50% 118px;
}

/* side menu
 ********************************************************************/

div#smenu {
			background-repeat: no-repeat;
/*			clear: both;*/
			width: 180px;
			float: right;
			position:absolute;
			top:4px;
			left: -4px;
			margin: 0;
			padding: 0;
			font-size: 5pt;
}

ul#smenu{
			list-style: none;
			padding: 0;
			width: 180px;
}
div#smenu span{
			font-size: 9pt;
			float: left;
}

div#scrlr{
			width:180px;
}

ul.categoryitems{
			clear: both;
}
div#expand{
			flota: left;
}


div#smenu div#dropsmenu{
	text-align: left;
	margin: -7px 0 0 0;
	padding: 0 0 0 18px;
	width: 180px;
}

div#smenu div#dropsmenu_off{
	text-align: left;
	margin: 33px 0 0 0;
	padding: 0 0 0 18px;
	width: 180px;
}

li#smenu{
	background-image: url(/img/smenu/inside.gif);
	background-repeat: repeat-y;
	width: 170px;
	height: 18px;
	text-align: left;
	color: #666666;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	/*margin-left: 38px;*/
	padding : 5px 0 0 15px;
	float: left;
}

li#smenu1{
	background-image: url(/img/smenu/inside.gif);
	background-repeat: repeat-y;
	width: 170px;
	height: 18px;
	text-align: left;
	color: #666666;
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	/*margin-left: 38px;*/
	padding : 5px 0 0 15px;
	float: left;	
}

div#atama0{
	background-image: url(/img/smenu/t_a.gif);
	background-repeat: no-repeat;
	height: 50px;
	top: 5px;
	float: left;
	width: 100%;
}

div#atama{
	background-image: url(/img/smenu/off1.gif);
	background-repeat: no-repeat;
	height: 37px;
	float: left;
	width: 100%;
}

div#atama_on{
	background-image: url(/img/smenu/on1.gif);
	background-repeat: no-repeat;
	height: 37px;
	float: left;
	width: 100%;
}

div#atama2{
	background-image: url(/img/smenu/off2.gif);
	background-repeat: no-repeat;
	height: 37px;
	float: left;
	width: 100%;
}
div#atama2_on{
	background-image: url(/img/smenu/on2.gif);
	background-repeat: no-repeat;
	height: 37px;
	float: left;
	width: 100%;
}

img#smenu_bottom{
	float: left;
}

ul#smenu_inside{
	clear: both;
	width: 180px;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 10pt;
	line-height: 18pt;
}

ul#smenu_inside1{
	clear: both;
	width: 180px;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	line-height: 18pt;
}


div#smenu div#dropsmenu ul#smenu li img{
	float: left;
}

img#c{
	margin: 24px 0 0 30px;
	border: none;
}

img#sttl{
	margin: 17px 0 0 16px;
	border: none;
}
img#sttl2{
	margin: 17px 0 0 16px;
	border: none;
}


li#smenu a:visited{
color: #666666;
	width: 170px;
}

li#smenu a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
	width: 170px;
}

li#smenu1 a:visited{
color: #666666;
	width: 170px;
}

li#smenu1 a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
	width: 170px;
}

/* 
contents
 *******************************************/
div#body{
	width: 975px;
}

div#maincontents {
/*	margin-top: 10px;*/
	margin: 14px 15px 2px 0;
	width: 754px;
	border: solid 0 blue;
	float: right;
	text-align: left;
	line-height: 1.5;
	height: auto;
}

p#contents {
		width: 720px;
		height: auto;
		padding: 5px;
		text-align: left;
		line-height: 150%;
		font-size: 11pt; 
		color: #222222;
		margin: 5px 0 10px 0;
}
p.contents {
		width: 720px;
		height: auto;
		padding: 5px;
		text-align: left;
		line-height: 150%;
		font-size: 11pt; 
		color: #222222;
		margin: 5px 0 10px 0;
}

dl{
		font-size: 11pt; 
		margin: 10px 0 0 0;
}


p#contents_e{
	background-image: url(/img/mark1.jpg);
	background-repeat: no-repeat;
	width: 700px;
	height: auto;
	text-align: left;
	line-height: 150%;
	font-size: 11pt; 
	color: #222222;
	padding: 5px 0 10px 40px;
	margin: 15px 5px 10px 5px;	
}

dt.hj{
	font-weight: bold;
	background-image: url(/img/mark3.jpg);
	background-repeat: no-repeat;
	padding: 4px 0 5px 35px;
	margin: 0 0 0 0;
}


dt{
	font-weight: bold;
	background-image: url(/img/mark0.jpg);
	background-repeat: no-repeat;
	padding: 4px 0 5px 35px;
	margin: 0 0 0 0;
}

dt#mark{
	background-image: url(/img/common/h3_title.gif);
	background-repeat: no-repeat;
	height: 15px;
	font-size: 12pt;
	display: inline;
	color: #666666;
	margin: 0 0 0 2px;
	padding: 0 0 3px 20px;
}
dt#mark_2{
	font-weight: bold;
	background-image: url(/img/mark01.jpg);
	background-repeat: no-repeat;
	padding: 4px 0 5px 35px;
	margin: 0 0 0 0;
}
dt#yiken{
	font-weight: bold;
	background-image: url(/img/mark2.jpg);
	background-repeat: no-repeat;
	padding: 5px 0 5px 40px;
	margin: 0 0 0 4px;
}
dd{
		margin: 0 0 10px 10px;
		padding : 5px 0 10px 0;
		color: #333333;
}

dd.haikei{
		width: 733px;
		border-style: double;
		border-color: #FDD149;
		background-color: #FFFFE4;
		margin: 0 0 10px 0px;
		padding : 10px 5px 10px 10px;
		color: #333333;
}
/*
div#maincontents span{
	background-image: url(/img/common/h3_title.gif);
	background-repeat: no-repeat;
	height: 15px;
	font-size: 12pt;
	display: inline;
	color: #666666;
	margin: 0 0 0 2px;
	padding: 0 0 3px 20px;
}
*/
div#maincontents p#contents span{
	background-image: url(/img/common/h3_title.gif);
	background-repeat: no-repeat;
	height: 15px;
	font-size: 12pt;
	display: inline;
	color: #666666;
	margin: 0 0 0 2px;
	padding: 0 0 3px 20px;
/*
	background: url(/img/mark.jpg) no-repeat;
	padding: 0 0 0 15px;

	text-decoration: underline;
	float: left;
*/
/*
	padding-left: 0px;
	text-decoration: underline;
	font-size: 100%; 
*/
}

div#maincontents table#apply span{
	background-image: url(/img/common/h3_title.gif);
	background-repeat: no-repeat;
	height: 15px;
	font-size: 12pt;
	display: inline;
	color: #666666;
	margin: 0 0 0 2px;
	padding: 0 0 3px 20px;
}

div#maincontents div#pagetop{
	font-size: 10pt;
	float:right;
}

p#nakawaku2 {
	font-size: 11pt;
	padding: 10px 10px 0 10px;
	margin: 0 0 10 0; 
	text-align: left; 
	line-height: 1.5em;
}


div#nakawaku2 {
	font-size: 11pt;
			padding: 10px 10px 0 10px;
			text-align: left; 
			line-height: 1.5em;
}
div#nakawaku2 ul{
			margin: 0 0 10 0; 
			padding-left: 0px;
			line-height: 1.9em;
}

div#nakawaku3 {
			background-image: url(/img/nakawaku/bottom.jpg); 
			background-repeat: no-repeat; 
			height: 20px; 
			margin-bottom: 30px;
}


/* 
header
 *******************************************/

div#menu{
	height: 121px;
	position:fixed;
	z-index:10;
	top:-1px;
	left:0px;
	width:100%;
	background-image: url(/img/common/bg_sky.gif);
background-position:center bottom;
}
div#menu div#header{
	width: 975px;
	margin: 5px 0 0 0;
}

div#menu div#header p img{
	border: none;
}

div#menu div#header p{
	padding: 0;
	margin: 2px 0 0 0;
	text-align: right;
	float: right;
	font-size: 9pt;
	line-height: 16pt;
	height: 60px;

}

div#menu div#header div#mydroplinemenu{
	text-align: left;
	margin: 0px 0 0 0;
	background-image: url(/img/common/bg_gnavi.png);
	height: 34px;
	padding: 0 0 0 18px;
}

div#menu div#header div#mydroplinemenu ul li{
	float: left;
}

div#menu div#header div#mydroplinemenu ul#on{
	margin: 0 0 0 -8px;
}


div#menu div#header img#logo{
	float: left;
	margin-top: -7px;
	float: left;
	margin-left: 10px;
	
}

div#menu div#header div#mydroplinemenu ul li img{
	margin: 3px 0 0 2px;
	padding: 0 0 0 -5px;
	width: 117px;
	height: 29px;
}

div#border_hb{
	width: 100%;
	height: 3px;
	margin: -2px 0 4px 0;
}



img#border_top{
	margin: 5px 0 1px 0px;
}
/*
div#menu div#header div img{
	margin: 0 5px 0 0;
	border : solid 0px #ffffff;
	width: 101px;
	height: 26px;
}
*/
/* footer
 *******************************************/

div#footer{
	margin: -45px 0 0 0;
	float: left;
	width: 975px;
	height: 25px;
	background-image: url(/img/common/bg_footer.png);
	background-repeat: no-repeat
}
div#footer span#fmenu{
			color: #ffffff;
			font-size: 9px;
			text-align: left;
			float: left;
			padding: 7px 0 5px 15px;
}
div#footer span#copy{
			color: #ffffff;
			font-size: 11px;
/*			width: 300px;*/
			text-align: right;
			float: right;
			padding: 8px 15px 5px 0;
}
div#footer a:link		{color:#ffffff;font-size:9pt;font-weight:normal;text-decoration:none;}
div#footer a:active		{color:#ffffff;font-size:9pt;font-weight:normal;text-decoration:none;}
div#footer a:visited	{color:#dddddd;font-size:9pt;font-weight:normal;text-decoration:none;}
div#footer a:hover		{color:#ffffff;font-size:9pt;font-weight:normal;text-decoration:underline;}




/*h3紫文字*/
font.h3 {
			line-height: 1.84em;
			color: #bc80db;
			font-weight: bold
}


/* 各メニューのトップページ
 ****************************************************************/

img#t_bar{
	float: right;
}


div#top_pages {
			margin: 10px 15px 0 0;
			width: 754px;
			border: solid 0px black;
			float: right;
	height: auto;
}
div#top_pages img{
	float: right;
	border: solid 0 #dddddd;
}


div#top_pages div#key1{
	width:754px;
	height: 20px;
	border: solid red 0;
	background-image: url(/img/kagi1.jpg);
}
div#top_pages div#key2{
	width:754px;
	background: url(/img/kagi2.jpg) repeat-y;
	text-align: left;
	padding: 0 20px 0 20px;
	line-height: 1.5em;
}
div#top_pages div#key3{
	width: 754px;
	height: 21px;
	background-image: url(/img/kagi3.jpg);
}
div#top_pages div#key2 span{
	font-size: 85%;
}

div#top_pages table {
	border: solid #E3E3E3 1px;
	background-color: #F1EDED;
	width: 754px;
}

div#top_pages table td{
	background-position: 50% 68%;
	width: 377px;
	height: 133px;
	background-repeat: no-repeat;
/*	padding: 50px 20px 0 20px;*/
/*	padding-top: 20px;*/
	border : solid 0px #ff0000;
	margin-bottom: 0 0 20px 0;
	vertical-align: top;
	line-height: 1.5em;
	color: darkblue;
	text-align: left;
}

div#top_pages a:link		{text-decoration:none;}
div#top_pages a:active		{text-decoration:none;}
div#top_pages a:visited		{text-decoration:none;}
div#top_pages a:hover		{text-decoration:underline;}


span.intro{
	position: relative;
	top: 34%;
	left: 3%;
	padding: 0;
	margin: 0;
	font-size: 11pt;
}

span.mark{
background: url(/img/mark.jpg) no-repeat; padding-left: 15px; text-decoration: underline;
}


div#lnk{
/*	float: left;*/
	font-size: 14px;
	background: url(/img/common/lnk.gif) no-repeat;
	background-position: 0 49%;
	padding: 0 0 0 22px;
	margin: 5px 0 0 0;
	display: block;
/*	border : solid 1px #ff0000;*/
}



div#lnk a:link		{color:#3b87f8;font-size:10pt;font-weight:normal;text-decoration:none;}
div#lnk a:active		{color:#3b87f8;font-size:10pt;font-weight:normal;text-decoration:none;}
div#lnk a:visited		{color:#3b87f8;font-size:10pt;font-weight:normal;text-decoration:none;}
div#lnk a:hover		{color:#3b60af;font-size:10pt;font-weight:normal;text-decoration:underline;}


div#lnk2{
/*	float: left;*/
	font-size: 14px;
	background: url(/img/common/lnk2.gif) no-repeat;
	background-position: 0 49%;
	padding: 0 0 0 22px;
	margin: 5px 0 0 0;
	display: block;
/*	border : solid 1px #ff0000;*/
}



div#lnk2 a:link		{color:#E98304;font-size:10pt;font-weight:normal;text-decoration:none;}
div#lnk2 a:active		{color:#E98304;font-size:10pt;font-weight:normal;text-decoration:none;}
div#lnk2 a:visited		{color:#E98304;font-size:10pt;font-weight:normal;text-decoration:none;}
div#lnk2 a:hover		{color:#E98304;font-size:10pt;font-weight:normal;text-decoration:underline;}

table#lnk td{
	background:url(/img/pinter.jpg) no-repeat; 
	padding: 0 50px 0 30px;
/*	padding: 5px 50px 5px 30px;
/*	padding-top: 30px;
	padding-bottom: 30px;*/
	font-size: 100%;
	line-height: 2em;
	height: 27px;
	border-style: none;
	float: left;
}

table#lnk{
	border-style: none;
}


/*---------------
   tabs
--------------*/

div#tabs{
	height: 30px;
	float: left;
}

div#tab_udrline{
	border-bottom: solid 3px #0081FF;
	width: 100%;
	float:left;
}

img#tab{
	margin-left: 2px;
}
/*---------------
   scroller
--------------*/

.arrowlistmenu{
}

.arrowlistmenu .menuheader{
float: left;
cursor: hand;
cursor: pointer;
color: #551A8B;
text-decoration: underline;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(img/titlebar.png);
float: left;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;	
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
background-image: url(/img/smenu/m_open.jpg);
repeat: y;
}

.arrowlistmenu ul li{
//padding-bottom: 0px; /*bottom spacing between menu items*/
//padding-top: 5px;
padding : 0 0 0 0;
margin: 0 0 0 0;
/*width: 100%;*/
}

p#biza{
	font-size: 11pt;
	margin: 0 0 0 0;
	padding: 20px 10px 0 10px;
}

ul{
	font-size: 11pt;
	margin: 0 0 0 0;
	padding: 10px 0 0 20px;
}

span.ft12{
	font-size: 12pt;
}




/* h2 links
******************************************/

div#lnk_tab{
	float: right;
	margin: -25px 23px 0 0;
	line-height: 14pt;
	font-size: 10pt;
	font-weight: bold;
	width: 221px;
	display: inline;
}

p#lnk_l{
	width: 100px;
	height:20px;
	text-align: center;
	margin: 0; padding: 0;
	float: left;
}

p#lnk_r{
	width: 100px;
	height:20px;
	text-align: center;
	margin: 0;
	padding: 0;
	float: right;
}

div#lnk_tab a:link		{color:#eeeeee;font-size:10pt;font-weight:bold;text-decoration:none;}
div#lnk_tab a:active		{color:#eeeeee;font-size:10pt;font-weight:bold;text-decoration:none;}
div#lnk_tab a:visited		{color:#eeeeee;font-size:10pt;font-weight:bold;text-decoration:none;}
div#lnk_tab a:hover		{color:#eeeeee;font-size:10pt;font-weight:bold;text-decoration:underline;}


div#lnk_tab3{
	float: right;
	margin: -25px 23px 0 0;
	line-height: 14pt;
	font-size: 10pt;
	font-weight: bold;
	width: 343px;
	display: inline;
}

p#lnk_l{
	width: 100px;
	height:20px;
	text-align: center;
	margin: 0; padding: 0;
	float: left;
}

p#lnk_c{
	width: 100px;
	height:20px;
	text-align: center;
	margin: 0 0 0 23px; padding: 0;
	float: left;
}

p#lnk_r{
	width: 100px;
	height:20px;
	text-align: center;
	margin: 0;
	padding: 0;
	float: right;
}

div#lnk_tab3 a:link		{color:#dfad6c;font-size:10pt;font-weight:bold;text-decoration:none;}
div#lnk_tab3 a:active		{color:#dfad6c;font-size:10pt;font-weight:bold;text-decoration:none;}
div#lnk_tab3 a:visited		{color:#dfad6c;font-size:10pt;font-weight:bold;text-decoration:none;}
div#lnk_tab3 a:hover		{color:#dfad6c;font-size:10pt;font-weight:bold;text-decoration:underline;}

div#lnk_tab4{
	float: right;
	margin: -25px 23px 0 0;
	line-height: 14pt;
	font-size: 10pt;
	font-weight: bold;
	width: 343px;
	display: inline;
}

p#lnk_l{
	width: 100px;
	height:20px;
	text-align: center;
	margin: 0; padding: 0;
	float: left;
}

p#lnk_c{
	width: 100px;
	height:20px;
	text-align: center;
	margin: 0 0 0 23px; padding: 0;
	float: left;
}

p#lnk_r{
	width: 100px;
	height:20px;
	text-align: center;
	margin: 0;
	padding: 0;
	float: right;
}

div#lnk_tab4 a:link		{color:#dfad6c;font-size:10pt;font-weight:bold;text-decoration:none;}
div#lnk_tab4 a:active		{color:#dfad6c;font-size:10pt;font-weight:bold;text-decoration:none;}
div#lnk_tab4 a:visited		{color:#dfad6c;font-size:10pt;font-weight:bold;text-decoration:none;}
div#lnk_tab4 a:hover		{color:#dfad6c;font-size:10pt;font-weight:bold;text-decoration:underline;}

div#top{
	position: relative; top: -116px;
}