/*----- 下層ページ用 -----*/
.alignleft {
text-align: left;
}
.alignright {
text-align: right;
}
.aligncenter {
text-align: center;
}

.photo_left {
float: left;
margin: 0 10px 5px 20px;
}
.photo_right {
float: right;
margin: 0 0 5px 10px;
}

p {
margin: 10px 0;
}

.flash_guide {
color: #666666;
font-size: 82%;
line-height: 120%;
text-align: right;
}
.flash_guide img {
float: right;
}
.flash_guide p {
margin: 5px 0 10px;
padding: 0;
}

/*----- header -----*/
#header {
background: url(images/Library/header/bg_header.jpg) no-repeat;
width:745px;
position:relative;
top: 0;
}
#header h1 {
display: inline;
margin: 0;
padding: 0;
}
#header p {
display: inline;
margin: 0;
padding: 0;
}

#header .t_yaruki {
position:absolute;
left: 169px;
top: 9px;
}


/* ----- navi ----- */
#navi p {
margin: 0;
padding: 0 0 0 20px;
font-size: 0.78em;
}

/* ----- contents ----- */
#contents {
padding-top: 15px;
padding-left: 5px;
padding-right: 15px;
}
#contents:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#contents {display: inline-block;}

/* Hides from IE-mac \*/
* html #contents {height: 1%;}
#contents {display: block;}
/* End hide from IE-mac */


/* ----- page_navi ----- */
#page_navi {
float: right;
padding: 4px;
width: 544px;
border-bottom: dotted 1px #AAAAAA;
}
#page_navi em {
font-style: normal;
}

/* ----- menu ----- */
#menu {
float: left;
margin-bottom: 20px;
}
#menu h1 {
margin: 0;
padding: 0;
}
#menu ul {
margin: 0;
padding: 0;
width:165px;
_width:167px;
list-style-type: none;
border-left: solid 1px #AAAAAA;
border-right: solid 1px #AAAAAA;
}
#menu ul li {
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
}
#menu ul li a {
text-decoration: none;
color: #3B2527;
}
#menu ul li a:hover, #menu ul li a:active {
text-decoration: underline;
color: #265BBD;
}
#menu ul li ul {
margin: 0 0 0 -4px;
padding: 2px 0 3px;
width:146px;
_width:148px;
list-style-type: none;
border: 0;
}
#menu ul li ul li {
margin: 0;
padding: 0;
}
#menu ul li ul li.correspond {
color: #265BBD;
background: url(images/button/arrow_next_navy.gif) no-repeat 3px 4px;
}
#menu ul li.correspond02 {
color: #265BBD;
}
#menu ul li ul li.end {
padding: 0 0 0 15px;
}
#menu ul li ul li.correspond_end {
padding: 0 0 0 15px;
color: #265BBD;
background: url(images/button/arrow_next_navy.gif) no-repeat 3px 4px;
}

#menu .menu_footer {
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
width: 167px;
height: 16px;
background: url(images/Library/side_menu/side_m_ft.jpg) no-repeat;
}

/* ----- lower_main ----- */
#lower_main {
float: right;
margin-top: 10px;
width: 544px;
line-height: 145%;
}
#lower_main h2 {
margin: 0 0 10px;
padding: 0;
border-bottom: solid 1px #BBBBBB;
}
#lower_main h3 {
margin: 0 0 10px;
padding: 0;
border-bottom: solid 1px #BBBBBB;
}
#lower_main h4 {
margin: 15px 0 5px;
padding-bottom: 5px;
border-bottom: dotted 1px #CCCCCC;
}

#lower_main strong {
color: #FF0000;
}
#lower_main em {
color: #009900;
font-style: normal;
font-weight: bold;
}
#lower_main .example {
color: #4A7A8E;
font-style: normal;
font-weight: bold;
}
#lower_main p.text {
padding: 0 30px;
}
#lower_main p.img {
padding: 0 15px;
}
#lower_main p.mh_navi {
float: right;
margin: 0;
padding: 0;
width: 250px;
font: 12px "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
text-align: right;
}
#lower_main p.mh_navi em {
margin: 0;
padding: 0;
font-style: normal;
font-weight: normal;
color: #6B8493;
}
#lower_main ul.navicontent {
margin: 0 0 10px;
padding: 10px 0;
list-style: none;
text-align: right;
font-size:14px;
_font=size:70%;
border-bottom: dotted 1px #AAAAAA;
}
#lower_main ul.navicontent li{
margin: 0;
padding: 0;
list-style: none;
text-align:left;
margin-bottom:6px;
vertical-align:middle;
}
#lower_main ul.navicontent .next_navy{
display:block;
height:21px; 
background: url(images/button/arrow_str_next_navy.gif) no-repeat  0% 50%;
padding-left:55px;


}

#lower_main ul.navicontent .back_navy{
display:block;
height:21px; 
background: url(images/button/arrow_str_back_navy.gif) no-repeat  0% 50%;
padding-left:55px;


}

#lower_main ul.navicontent .theme_navy{
display:block;
height:21px; 
padding-left:55px;


}

#lower_main ul.top_m{
margin-top:40px;
border-top: dotted 1px #AAAAAA;
}



#lower_main h3, #lower_main h4{
font-size: 100%;
}

#lower_main em {
font-style: normal;
font-weight: bold;
}
#lower_main p.pagetop {
clear: both;
margin: 20px 0 10px;
text-align: right;
}

#lower_main p.message_navi {
text-align: right;
}
#lower_main p.message_navi em{
font-style: normal;
font-weight: normal;
}

#lower_main ul.connection_page {
float: right;
margin-bottom: 20px;
list-style: none;
}
#lower_main ul.connection_page li {
margin: 0;
padding: 0 0 0 16px;
background: url(images/button/arrow_next_navy.gif) no-repeat 0 5px;
}
#lower_main .guidance {
color: #999966;
padding: 0px 5px 5px;
text-align: left;
}

#lower_main p.mf_navi {
clear: both;
margin: 20px 0 10px;
padding: 2px 0 1px;
color: #AAAAAA;
font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
text-align: right;
border-top: 1px solid;
border-bottom: 1px solid;
border-color: #B3B3B3;
}


/* ----- page_footer ----- */
#page_footer {
clear: both;
float: right;
width: 543px;
}
#page_footer ul.banners {
margin: 0;
padding: 0;
list-style: none;
text-align: right;
}
#page_footer ul.banners li.left {
float: left;
margin: 15px 0;
padding: 0;
}
#page_footer ul.banners li.right {
float: right;
margin: 15px 0;
padding: 0;
}

/* ----- サイドバナー ----- */
#side_bunner {
clear: left;
float: left;
}
#side_bunner ul {
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}
#side_bunner li {
margin: 0;
padding: 0;
}

/* ----- dot_line ----- */

.line_dot {
margin:0;
padding:0px;
background:url(images/dot_line.gif) repeat-x;
height:1px;
}

/* ----- clear ----- */

.both_clear {
clear: both;
height:0px;
font-size:0px;
line-height:0px;
display: block;
}
