@charset "UTF-8";
/*
 * cmn_001.css
 *
 */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}


/*-------------------------------------------------------- 
     全体共通
---------------------------------------------------------- */
html { overflow-y: scroll;}

html, body {
	height:100%;
}

h1 {
}

h2 {
	font-size: 200%;
}

h3 {
    /*text-decoration:underline;
    font-weight:bold;
    padding-left: 28px;
    line-height: 24px;
    display: block;*/
}

h4 {
}

h5 {
}

h6 {
}



/* !wrapper
---------------------------------------------------------- */
#wrapper {
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* !to sp
---------------------------------------------------------- */
#to_sp img{
    width: 100%;
    display: none;
}


/* !header
---------------------------------------------------------- */
#header {
	background-color: #fff;
}
	#headerIn {
		margin: 8px auto 0 auto;
		width: 1000px;
		height:72px;
	}

        #headerLeftBox {
            height: 72px;
            width: 410px;
            float: left;
            }
	
            #headerLogo {
                float:left;
                margin-top:1%;
            }

            #headerLogo img {
                width: 420px;
                height: auto;
            }
	
        #headerRightBox {
        height: 72px;
        width: 580px;
        float: right;
        }

            #headerRightBox #subNav {
                margin-top:8px;
            }


            #headerRightBox ul{
                display: flex;
                height: 16px;
                font-size: 14px;
                line-height: 14px;
                float: right;
                width:auto;
                            }

            #headerRightBox .tweet {
                display:block;
                float:left;
                height:20px;

            }

            #headerRightBox ul a {
                text-indent:-9999px;
                float:left;
                display:block;
                height:20px;
            }

            .tweet a {
                width: 80px;
                text-indent: -9999px;
            }

            .sub01 a {
                width:62px;
                background:url(/m/0/025.png) no-repeat;
            }

            .sub02 a {
                width:100px;
                background:url(/m/0/026.png) no-repeat;
                }

            .sub03 a {
                width:106px;
                background:url(/m/0/024.png) no-repeat;
                }

            .sub04 a {
                width:64px;
                background:url(/m/0/027.png) no-repeat;
                }

                #search {
                    height:32px;
                    margin-top:8px;
                    color:#000;
                    font-size: 96%;
                }

                    #search input {
                        display:inline-block;
                    }

                    #search .btnSearch {
                        display: inline-block;
                        width:40px;
                        height:18px;
                        text-indent:-9999px;
                        background:url(/m/0/007.jpg) no-repeat;
                        margin-top:4px;
                    }

                    #search .btnSearch_en {
                        display: inline-block;
                        width:40px;
                        height:18px;
                        text-indent:-9999px;
                        background:url(/m/0/043.jpg) no-repeat;
                        margin-top:4px;
                    }
			
/*  !contents
---------------------------------------------------------- */
#contents {
    clear: both;
    height: auto;
    width: 1000px;
    background: #ffffff;
    padding-bottom: 354px;
    padding-top: 20px;
    margin: 0 auto;
}




/*-------------------------------------------------------- 
     TOP PAGE
---------------------------------------------------------- */
#main {
	width: 100%;
	height: 400px;
	background: url(/m/0/058.jpg) no-repeat;
	background-position: center top;
	-moz-background-size: cover;
	background-size: cover;
	background-color: #C8EDFF;
	}
	
	#mainIn {
		width:1000px;
		height:auto;
		margin:0 auto;
	}
	
		#mainSideLeft {
			float:left;
			padding:50px 0 0 100px;
		}
		
		#mainSideRight {
			width:294px;
			float:right;
			padding:30px 0 0 0;
		}

            #mainSideRight ul {
                height: auto;
            }

            #mainSideRight ul li {
                background-color: #6f9d53;

            }
		
			#mainSideRight ul li a {
                display: block;
                width: 294px;
                height: inherit;
				margin-bottom:4px;
                color: #fff;
                background: url(/m/0/068.png);
                background-repeat: no-repeat;
                background-position: 8px center;
                padding:4px 0px 4px 20px;
                line-height: 20px;
                vertical-align: middle;
			}

            #mainSideRight span a {
                color: #000;
                font-weight: bold;
                line-height: 120%;
                display: block;
                padding-left:42px;
                margin-top: 12px;
                background:url(/m/0/069.png)no-repeat;
                background-position: left center;
            }




	#primary {
    width: 660px;
    float: left;
	}

        #topic img, #news img {
            height: 30px;
        }


                #topic {
                    height:194px;
                    width:660px;
                    float:left;
                    background-color:#dadada;
                    
                }
#topicWrapper {
    width:660px;
    margin-bottom: 10px;
}
			
				#topicIn {
					width:640px;
					height:154px;
					background-color:#fff;
                    margin:0 auto;
                    overflow:auto; 
                    -webkit-overflow-scrolling:touch; 
				}

                    #topicIn iframe {
                        width:100%;
                        height:100%;
                        border:none;
                        display:block;
                    }

#topicMore {
    text-align: right;
    font-size: 14px;
    line-height: 24px;
    color: #01126a;
    margin-right: 20px;
}

.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 12px;
    vertical-align: middle;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.topicarrow::before{
    left: 4px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #01126a;
}


#topicMore a {
    text-decoration: underline;
    color: #01126a;
}

        #item {
			width:660px;
            height: auto;
			float:left;
			margin-top:0;
		}
		
			#item div {
				width: 324px;
				height: 80px;
				float: left;
				margin-bottom:6px; 
				line-height:20px;
				padding:0px 12px 0px 56px;
				font-size:14px;
				border:0;
                background-repeat: no-repeat;
                background-position: 12px center;
                background-size: 10%;
			}
			
				#item div a, #item div a:visited {
                    text-decoration:underline;
                    color:#000000;
                    font-weight:bold;
				}

                #item div a:hover {
				text-decoration:none;
				}

                #item div span{
                display: table-cell;
                vertical-align: middle;
                width: inherit;
                height: inherit;
                    
                }
				
				.itemBoxLeft {
					margin-right: 12px;
				}

				.itemBoxBg_green {
					background-color: #b5dfcf;
				}

				.itemBoxBg_offwhite {
					background-color: #f2f2f2;
				}

				.itemBoxBg_lightblue {
					background-color: #b5d0df;
				}

                .itemJyouhou {background-image: url(/m/0/015.png);}
                .itemKokusai {background-image: url(/m/0/019.png);}
                .itemChousa {background-image: url(/m/0/012.png);}
                .itemWorld {background-image: url(/m/0/020.png);}
                .itemJapan {background-image: url(/m/0/014.png);}
                .itemLaw {background-image: url(/m/0/013.png);}
		
		
	

    #secondary {
        width: 316px;
        float: right;
        margin-left: 24px;
	}

        #news {
    height: 194px;
    width: 316px;
    float: left;
    margin-bottom: 34px;
    background-color: #cbe393;
		}
			
			#newsIn {
					width:296px;
					height:154px;
					background-color:#fff;
					margin:0 auto;
                    overflow:auto; 
                    -webkit-overflow-scrolling:touch;  
				}
				
                #newsIn iframe {
                    width:100%;
                    height:100%;
                    border:none;
                    display:block;
                }
	
		

    #facebookWindow {
        width:316px;
        float:left;
        border: 10px solid #eceef2;
    }
	#banner{
    width: 1000px;
    margin: 30px auto 0px auto;
    float: left;
	}

		#banner img {
		}

        #banner a {
            display: block;
            float: left;
            margin: 0 24px 24px 0;
        }

/* !footer
---------------------------------------------------------- */
#footer {
	position: absolute;
	bottom: 0 ;
	width: 100%;
	height:auto;
}

    #btnTop {
    width: 1000px;
    margin: 0px auto 16px auto;
    left: 0px;
	}

		#btnTop a{
            float: right;
            display: block;
            width: 124px;
		}


    #footerBox{
        height: auto;
        background:#d6f6ff;
        padding: 16px 0px;
    }
        #footerIn {
            width:1000px;
            line-height:20px;
            margin: 0 auto;
        }

            #footerIn a {
                text-decoration:underline;
                color:#01126a;
            }

            #footerIn a:hover {
                text-decoration:none;
            }

            #footerIn a:visited {
                color:#01126a;
            }

            #footerIn ul {
                display:block;
                margin-bottom:24px;
            }

            #footerIn ul li a {
                display:block;
                float:left;
                margin-right:20px;
                background:url(/m/0/021.png) no-repeat;
                background-position:left center;
                padding-left:10px;
            }