@charset "UTF-8";
/* CSS Document */

html{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:150%;
	
	background-color:#fff;
	}

body, p{
	margin:0;
	padding:0;
	}

a{ text-decoration:none;}

img{
	border:none;
	margin:0;
	padding:0;
	vertical-align:bottom;
	}

.bnr a img:hover{
	opacity:0.5;
	filter: alpha(opacity=50) ;	/* Ie用 */
	-webkit-transition: 0.6s;
	transition: 0.6s;}

.clear{clear:both;}

header{
	background-image:url(../img/hdbg.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:960px;
	margin:auto;
	padding-top:75px;
	padding-bottom:35px;
	}

.logo{margin-bottom:35px;}

header a{
	color:#444;
	font-size:13px;
	}

header a:hover, .box p:hover{
	color:#F00;
	-webkit-transition: 0.6s;
	transition: 0.6s;
	}

/*-------------------------------------ナビここから*/
nav{
	width:960px;
	margin:0 auto 15px auto;
	}

nav ul li{ list-style:none;}

.menu, .menu__second-level{ margin:0; padding:0;}

.menu {
    position: relative;
	box-sizing:border-box;
	width:960px;
	padding:0;
    height:94px;
    margin:0;
}

.menu > li {
	box-sizing:border-box;
	text-align:center;
    float: left;
	padding-top:5px;
    width:160px;
    line-height:45px;
}

.menu > li a {
    display: block;
    color: #555;
}

.menu > li a:hover {
	color:#fff;
	background-color:#062563;
	-webkit-transition: all .5s;
    transition: all .5s;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
	text-align:left;
	box-sizing:border-box;
}

ul.menu__third-level {
    visibility: hidden;
    opacity:0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity:0;
}

.menu > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
	background-color:#062563;
}

/*.menu__second-level li {
    border-top: 1px solid #111;
}

.menu__third-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a:hover {
    background: #111;
}

.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}


/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

.menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 80px;
    width:100%;
    background:#fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top:89px;
    visibility: visible;
    opacity: 1;
	}
	
.tpv{ margin-bottom:50px;}

.title_topics{ margin-left:10px;}

.topics{ margin-bottom:40px;}

.box{
	width:240px;
	box-sizing:border-box;
	padding:10px;
	margin-top:15px;
	float:left;
	}

.box img{ margin:0 0 5px 0;}

.date{
	font-style:italic;
	font-size:12px;
	color:#a0a2a8;
	margin-right:2em;
	}
	
.tag{
	background:#335e80;
	font-size:10px;
	padding:5px 20px;
	color:#fff;
	border-radius:3px;
	}
	
.txt{
	font-size:14px;
	color:#000;
	font-weight:bold;
	}

.container{
	width:960px;
	margin:auto;
	}
	
.main{
	width:620px;
	margin:0 10px;
	float:left;
	}
	
.info_box{
	border-top:solid 1px #E6E6E5;
	margin-top:20px;
	margin-bottom:30px;
	}

.info_box .date{margin-right:4em;}

.info_box ul{
	list-style-type:none;
	padding:0;
	margin:0 0 10px 0;
	}
	
.info_box ul li{
	border-bottom:solid 1px #E6E6E5;
	padding:15px;
	}
	
.info_box ul li div{
	text-indent:-7.3em;
	margin-left:8em;
	}

a.ichiran{
	float:right;
	border-radius:25px;
	border:1px solid #CCCCCC;
	font-size:12px;
	font-weight:bold;
	color:#000;
	padding:3px 20px;
	}
	
a.ichiran:hover{
	color:#fff;
	border:1px solid #03F;
	background-color:#09F;
	-webkit-transition: 0.6s;
	transition: 0.6s;
	}	
	
.magazin{
	margin-top:20px;
	margin-bottom:10px;
	box-sizing:border-box;
	background-color:#F3F3F3;
	background-image:url(../img/mgz_bg.gif);
	background-repeat:no-repeat;
	padding:30px 30px 30px 147px;
	}

.bnr{ margin-top:30px; margin-bottom:50px;}

.bnr a{float:left;}

.bnr a.middle{ margin:0 20px;}

.side{
	width:300px;
	margin:0 10px;
	float:left;
	}
	
footer{
	width:100%;
	border-top:1px solid #eaeaea;
	padding-top:35px;
	}

.ft_link{ margin-top:35px;}

footer ul{
	width:230px;
	list-style:none;
	margin:0 50px 0 0;
	padding:0;
	float:left;
	}

.ul1{width:155px;}
.ul2{width:230px;}

.ft_midashi{
	font-weight:bold;
	font-size:14px;
	color:#5e5d5d;
	margin-bottom:20px;
	}

footer ul li a{
	font-size:12px;
	margin-bottom:10px;
	color:#5e5d5d;
	}

.ft_logo{
	text-align:right;
	margin-top:50px;
	}

.ft_logo hr{
	margin-bottom:0;
	border-top:1px solid #eaeaea;
	}

.copy{
	font-size:10px;
	color:#5e5d5d;
	margin-bottom:20px;
	}
	

header a:link, header a:visited {  }
header a:active, header a:hover { text-decoration:underline; }
footer a:link, footer a:visited {  }
footer a:active, footer a:hover { text-decoration:underline; }