/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(./style_top.css);

/* last update 2016.1.22 */


html,body {
margin: 0;
height: 100%;
}

#body {
height:auto !important;
min-height: 100%;
}

#all_cont {
max-width:1024px;
margin:0 auto;
height: 100%;
min-height:100%;
}

body > #sub_menu {　/* !!!! */
height:auto !important;
}

.contt{
height:auto !important;
position:relative;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, arial, verdana, sans-serif;
width:1024px;
width:100%;
background-color: #fff;
margin: 0 auto;
padding: 0 auto;
min-height: 100%;
}

.econtt{
height:auto !important;
position:relative;
font-family: Meiryo, arial, verdana, sans-serif;
width:1024px;
width:100%;
background-color: #fff;
margin: 0 auto;
padding: 0 auto;
min-height: 100%;
}

#s_wrap {
position:relative;
top: 0;
width: 832px;
margin-left: 200px;
display: -webkit-box;　/* Safari用 */
float: left;
}

#s_wrap h2 {
display: block;
font-size: 2.0em;
font-weight: bold;
color: #003366;
padding-top: 6px;
padding-bottom: 4px;
margin-left: 16px;
border-bottom: solid 4px #003366;
}

#s_wrap h2.long {
display: block;
font-size: 1.3em;
font-weight: bold;
color: #003366;
padding-top: 6px;
padding-bottom: 4px;
margin-left: 16px;
border-bottom: solid 4px #003366;
}

#s_wrap h2.semilong {
display: block;
font-size: 1.6em;
font-weight: bold;
color: #003366;
padding-top: 6px;
padding-bottom: 4px;
margin-left: 16px;
border-bottom: solid 4px #003366;
}

#s_wrap h3 {
display: block;
font-size: 1.5em;
font-weight: bold;
color: #003366;
padding-top: 6px;
padding-bottom: 8px;
}

a { color:#0066cc; text-decoration: none; }
a:visited { color:#990099; text-decoration: none; }
a:hover { color:#ff6633; text-decoration: underline; }
a img { border:0;}


p { font-size: 100%; font-weight: normal; font-style: normal; width: 96%;
		font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, arial, verdana, sans-serif;
 }

em { font-weight: bold; font-style: normal } 


/*-- sub_menu --------------*/
 #sub_menu { 
position: absolute;
top : 0;
left: auto;
display: block;
width: 200px;
height: 100%;
min-height: 100%;
_height: 100%;
background-color: #009999;
float: left;
}

    #sub_menu .menu-heading {
        background: transparent;
		  height: 130px;
    }
    #sub_menu .menu-heading img {
		  position: absolute;
		  top: 0;
		  left: -8px;
		  border: none;
    }

 #sub_menu ul { 
list-style-type: none;
margin-left: -40px;
}

 #sub_menu img { border: 0; height: auto; }



/*-- sub_header --------------*/
#sub_header {
 background-image: url(../images/sub_alos_header.png); 
 background-position: top left;
 background-repeat: no-repeat;
 background-attachment: scroll;
 margin: 0; 
 text-align: left;
 background-color: tranceparent;
width:824px;
padding-bottom: 20px;
}

#esub_header {
 background-image: url(../images/esub_alos_header.png); 
 background-position: top left;
 background-repeat: no-repeat;
 background-attachment: scroll;
 margin: 0; 
 text-align: left;
 background-color: tranceparent;
width:824px;
padding-bottom: 20px;
}

#sub2_header {
 background-image: url(../images/sub_alos_header1024.png); 
 background-position: top left;
 background-repeat: no-repeat;
 background-attachment: scroll;
 margin: 0; 
 text-align: left;
 background-color: tranceparent;
width:1024px;
padding-top: 24px;
}

#esub2_header {
 background-image: url(../images/esub_alos_header1024.png); 
 background-position: top left;
 background-repeat: no-repeat;
 background-attachment: scroll;
 margin: 0; 
 text-align: left;
 background-color: tranceparent;
width:1024px;
padding-top: 24px;
}

#sub2_header h2 {
display: block;
font-size: 2.0em;
font-weight: bold;
color: #003366;
padding-top: 6px;
padding-bottom: 10px;
margin-left: 16px;
border-bottom: solid 4px #003366;
}

#esub2_header h2 {
display: block;
font-size: 2.0em;
font-weight: bold;
color: #003366;
padding-top: 6px;
padding-bottom: 10px;
margin-left: 16px;
border-bottom: solid 4px #003366;
}

/*header_navi*/
#navibar { width: auto; height: auto;
                        margin: 0 0 0 64%; padding: 0.1% 0 0 0; border-style: none }/*headerstyle2*/

#navibar p { width: 264px; height: 20px; background-color: #fff; background-image: none;
                       border-style: none; text-align: center; vertical-align: middle; 
                     font-size: 0.8em; font-style: normal;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, arial, verdana, sans-serif;
 }

#navibar a:link { text-decoration: underline; color: #005ccf;
                    background-image: none }
#navibar a:visited { text-decoration: none; color: #993366;
                      background-image: none }
#navibar a:hover { text-decoration: underline; color: #cc0033;
                       background-image: none }
#navibar a:active { text-decoration: none; color: #99ffff;
                       background-image: none }


/*breadcrumbs*/
ul.breadcrumbs2{
margin-top:132px;
padding-left:10px;
line-height:0%;
font-size:0;
}

	ul.breadcrumbs2 li{
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline-block;
	*display:inline; /* IE ONLY*/
	position:relative;
	zoom:1;
	line-height:100%;
	font-size:14px; /* 0.8em default to override font-size:0; on parent*/
	}

	ul.breadcrumbs2 li a{
	display:inline-block;
	*display:inline; /* IE ONLY*/
	position:relative;
	padding:5px 10px 5px 5px;
	font-size:0.9em;
	zoom:1;
	margin:0;
	}

	ul.breadcrumbs2 li.last a{
	color:#333;
	cursor: default;
	text-decoration:none;
	background:none;
	}

	ul.breadcrumbs2 li.last a:hover{
	text-decoration:none;
	}



/*
The content `<div>` is where all your content goes.
*/
.content {
    padding: 0 2em;
    width: 98%;
    margin-bottom: 50px;
    line-height: 1.6em;
}

.content-subhead {
    margin: 50px 0 20px 0;
    font-weight: 300;
    color: #666;
	 width: 80%;
}

p.intro {
    margin: 16px 0 20px 0;
    font-weight: 500;
    font-size: 1.2em;
    color: #333;
	 width: 96%;
}

.bar_subti { 
	margin-top: 16px; 
	margin-bottom: 16px; 
	padding: 6px; 
	width: 96%;
	background-color: #003399; 
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff 
}

.honbun {
	 padding: 8px auto;
	 width: 96%;
	 font-size: 1.0em;
	 text-align: left;
}

.honbuncen {
    margin: 8px auto 16px;
	 width: 96%;
	 font-size: 1.0em;
	 text-align: center;
}

.honbunind {
    margin-left: 24px;
	 padding: 8px auto;
	 width: 85%;
	 font-size: 1.0em;
	 text-align: left;
}

.honbun_r { 
	text-align: right; 
	padding-right: 10px; 
	margin: 10px 0px;
	width: 96%;
	font-size: 1.0em;
 }

.ehonbun {
	 padding: 8px auto;
	 width: 96%;
	 font-size: 1.0em;
	 text-align: left;
    font-family: Meiryo, arial, verdana, sans-serif;
}

.ehonbuncen {
    margin: 8px auto 16px;
	 width: 96%;
	 font-size: 1.0em;
	 text-align: center;
    font-family: Meiryo, arial, verdana, sans-serif;
}

.ehonbunind {
    margin-left: 24px;
	 padding: 8px auto;
	 width: 85%;
	 font-size: 1.0em;
	 text-align: left;
    font-family: Meiryo, arial, verdana, sans-serif;
}

.ehonbun_r { 
	text-align: right; 
	padding-right: 10px; 
	margin: 10px 0px;
	width: 96%;
	font-size: 1.0em;
   font-family: Meiryo, arial, verdana, sans-serif;
 }

ul.indexx {
list-style-type: square;
margin-left: 24px;
margin-bottom: 24px;
width: 90%;
}

ul.indexx2 {
list-style-type: disc;
margin-bottom: 16px;
width: 80%;
}

ul.indexx_n {
list-style-type: none;
margin-left: 8px;
margin-bottom: 16px;
width: 96%;
}

ul.indexx li a {color:#000000; text-decoration: none; }
ul.indexx li a:visited {color:#000000; text-decoration: none; }
ul.indexx li a:hover {color:#ff6633; text-decoration: underline;}

/*-- gotop --------------------*/
.go-top { 
width: 96%; 
height: auto; 
text-align: right;
padding-top: 1.0em;
font-size: 1.0em; 
font-style: normal
font-weight: bold;
 }

/*-- sub_footer --------------*/

#sub_footer{
position: relative;
bottom:0;
left:0;
z-index: 100;
margin-left: 1em;
width: 98%;
display: block; 
text-align:center;
padding:20px;
border-top:1px solid #333;
color:#666;
font-size:0.8em;
background:#fff;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, arial, verdana, sans-serif;
}

#sub_footer img {
position: absolute;
top:16px;
left:80%;
border: none;
}

#sub_footer a{
color:#666; 
text-decoration: none;
 }
#sub_footer a:visited{color:#666; text-decoration: none }
#sub_footer a:hover{color:#ff6633;}
#sub_ooter a img{border:0;}