
/* common
-----------------------------*/
div#wrap {
	margin: 0 auto;
	padding: 0;
	width: 100% !important;
}
div#header, div#footer {}
div#header a:link, div#header a:visited,
div#footer a:link, div#footer a:visited {
	text-decoration: none;
}
div#header a:hover, div#footer a:hover { text-decoration: underline; }
div#header img, div#footer img { vertical-align: top; }

/* style */
.tc { text-align: center !important; }

/* all
-----------------------------*/
div.topicpath {
	display: none;
	width: auto;
}
div#contents {
	width: 960px !important;
	padding: 20px 10px 40px 10px !important;
	margin: 0 auto !important;
	zoom: 1;
}
div#main { width: auto; }


/* header
-----------------------------*/
div#header h1 {
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

div#HeaderBox {
	width:100%;
	background-color:#020734;
	z-index:1000;
	font-family:"娼ｰ将､\｡ｭ\?\宵ｪ\召ｴ宵､宵ﾂ", YuGothic, "YuGothic M", "Hiragino Kaku Gothic Pro", "\宵ﾒ\将ｱ\召砡宵ﾂ?宵ﾐ\｡ｭ Pro W3", "\将｡\召?将ｴ\召?", Meiryo, Verdana, "?宵ｿ?宵ﾑ ??\｡ｭ\?\宵ｪ\召ｴ", "MS P Gothic", san-serif;
}


/* title
-----------------------------*/
.title {
	margin: 70px auto 0 auto;
	position: relative;
	width: 960px;
	min-height: 260px;
}

.title p.bg {
	position: relative;
	z-index: -10;
}

.title h2 {
	position: absolute;
	z-index: 10;
	width: 960px;
	height: 100%;
}

.title h2 span {
	display: block;
	width: 285px;
	height: 100%;
	margin: 0 auto;
	text-indent: -9999px;
	background: url("/newpackage/0602335/img/h2.png") no-repeat center center;
}

div.topic_path {
	font-size: 12px;
	font-family:"娼ｰ将､\｡ｭ\?\宵ｪ\召ｴ宵､宵ﾂ", YuGothic, "YuGothic M", "Hiragino Kaku Gothic Pro", "\宵ﾒ\将ｱ\召砡宵ﾂ?宵ﾐ\｡ｭ Pro W3", "\将｡\召?将ｴ\召?", Meiryo, Verdana, "?宵ｿ?宵ﾑ ??\｡ｭ\?\宵ｪ\召ｴ", "MS P Gothic", san-serif;
	color: #ffffff;
	width: 980px;
	margin:15px auto 65px;
	clear: both;
	overflow: hidden;
}

div.topic_path ul li {
	float: left;
	color: #000;
	line-height: 26px;
	margin-left: 6px;
	background: url("/newpackage/0602335/img/ar01.png") no-repeat left center;
	padding-left: 11px;
}

div.topic_path ul li a {
	color:  black;
	text-decoration:underline;
}

div.topic_path ul li.home {
	margin-left: 0;
	background:none;
	padding-left: 0;
}


/* Navigation
-----------------------------*/
div#Navigation {
	background-color:#020734;
	font-family:"娼ｰ将､\｡ｭ\?\宵ｪ\召ｴ宵､宵ﾂ", YuGothic, "YuGothic M", "Hiragino Kaku Gothic Pro", "\宵ﾒ\将ｱ\召砡宵ﾂ?宵ﾐ\｡ｭ Pro W3", "\将｡\召?将ｴ\召?", Meiryo, Verdana, "?宵ｿ?宵ﾑ ??\｡ｭ\?\宵ｪ\召ｴ", "MS P Gothic", san-serif;
	position:absolute;
	top:0;
	right:133px;
}

div#Navigation ul li {
	float:left;
	position:relative;
}

div#Navigation ul li a {
	display:block;
	height:70px;
	text-indent:-9999px;
}

div#Navigation ul li.n1 a {
	width:50px;
	background:url("/newpackage/0602335/img/nav.jpg") no-repeat 0 0;
}

div#Navigation ul li.n2 a {
	width:68px;
	background:url("/newpackage/0602335/img/nav.jpg") no-repeat -67px 0;
}

div#Navigation ul li.n3 a {
	width:80px;
	background:url("/newpackage/0602335/img/nav.jpg") no-repeat -149px 0;
}

div#Navigation ul li.n4 a {
	width:110px;
	background:url("/newpackage/0602335/img/nav.jpg") no-repeat -246px 0;
}

div#Navigation ul li.n5 a {
	width:78px;
	background:url("/newpackage/0602335/img/nav.jpg") no-repeat -372px 0;
}

div#Navigation ul li.n6 a {
	width:90px;
	background:url("/newpackage/0602335/img/nav.jpg") no-repeat -469px 0;
}

div#Navigation ul li.n7 a {
	width:65px;
	background:url("/newpackage/0602335/img/nav.jpg") no-repeat -577px 0;
}

div#Navigation ul li.n8 a {
	width:86px;
	background:url("/newpackage/0602335/img/nav2.jpg") no-repeat 0 0;
}

div#Navigation ul li.n10 a {
	width:125px;
	background:url("/newpackage/0602335/img/nav3.jpg") no-repeat 0 0;
}

#HeaderBox .btn {
	width:125px;
	height:70px;
	position:absolute;
	top:0;
	right:0;
}

#HeaderBox .btn a {
	display:block;
	width:125px;
	height:70px;
	background:url("/newpackage/0602335/img/contact_hover.gif") no-repeat 0 0;
	background-size:cover;
}
#HeaderBox .btn a img {
	vertical-align:middle;
	transition: all 0.3s ease-out;
}
#HeaderBox .btn a:hover img {
	opacity:0;
}

div#Navigation ul li span.border{
	background:url("/newpackage/0602335/img/line.jpg") no-repeat center 15px;
	width:100%;
	height:20px;
	display:block;
	transition: 0.3s ease-in-out; 
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	position:absolute;
	top:0;
	left:0;
}

div#Navigation ul li a:hover span.border,
div#Navigation ul li a.here span.border{
	background:url("/newpackage/0602335/img/line.jpg") no-repeat center top;
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";

}


div#Navigation ul li span.border2{
	background:url("/newpackage/0602335/img/line.jpg") repeat-x center 15px;
}

div#Navigation ul li a:hover span.border2,
div#Navigation ul li a.here span.border2{
	background:url("/newpackage/0602335/img/line.jpg") repeat-x center top;
}


/* footer
-----------------------------*/
div#footer {
	border: none !important;
}

div#FooterBox {
	background-color:#1e1e1e;
	padding:38px 0 0 0;
	position:relative;
	font-family:"娼ｰ将､\｡ｭ\?\宵ｪ\召ｴ宵､宵ﾂ", YuGothic, "YuGothic M", "Hiragino Kaku Gothic Pro", "\宵ﾒ\将ｱ\召砡宵ﾂ?宵ﾐ\｡ｭ Pro W3", "\将｡\召?将ｴ\召?", Meiryo, Verdana, "?宵ｿ?宵ﾑ ??\｡ｭ\?\宵ｪ\召ｴ", "MS P Gothic", san-serif;
	margin-top: 80px;
	font-size: 12px;
	line-height: 22px;
}

div#FooterBox .footer_inner {
	width:1000px;
	margin:0 auto;
}

div#FooterBox .footer_inner .footer_bn {
	margin:0 0 40px 0;
}

div#FooterBox .footer_inner .footer_bn ul li {
	margin:0 20px 0 0;
	background-color:#ffffff;
	float:left;
}

div#FooterBox .footer_inner .footer_bn ul li.end {
	margin:0;
}

div#FooterBox .footer_inner .footer_bn ul li a {
	transition: all 0.3s ease-out;
}

div#FooterBox .footer_inner .footer_bn ul li a:hover {
	opacity:0.7;
}

div#FooterBox .footer_inner .footer_bn ul:first-of-type {
	height: 70px;
	margin-bottom: 20px;
}

div#FooterBox .address_box {
	width:300px;
	float:left;
}

div#FooterBox .address_box dl dt {
	color:#ffffff;
	font-size:16px;
	padding:10px 0 3px 0;
}

div#FooterBox .address_box dl dd {
	color:#ffffff;
	font-size:14px;
}

div#FooterBox .flink {
	width:615px;
	float:right;
}

div#FooterBox .flink ul {
	float:left;
}

div#FooterBox .flink ul.l01 {
	width:137px;
}

div#FooterBox .flink ul.l02 {
	width:204px;
}

div#FooterBox .flink ul.l03 {
	width:274px;
}

div#FooterBox .flink ul li {
	padding:0 0 3px 10px;
	background:url("/newpackage/0602335/img/ar01.jpg") no-repeat 0 8px;
}

div#FooterBox .flink ul li a {
	color:#ffffff;
	font-size:14px;
	text-decoration: none;
}

div#FooterBox .flink ul li a:hover {
	text-decoration: underline;
}

div#FooterBox .flink ul li a.blank {
	padding:0 10px 0 0;
	background:url("/newpackage/0602335/img/ar02.jpg") no-repeat right 5px;
}

div#FooterBox p.copy {
	clear:both;
	color:#757575;
	padding:30px 0 30px 0;
}

div#FooterBox p.pagetop {
	position:fixed;
	bottom:10px;
	right:15px;
}

div#FooterBox p.pagetop a {
	display:block;
	width:49px;
	height:49px;
	/**background:url("/newpackage/0602335/img/pagetop_hover.jpg") no-repeat 0 0;**/
	background-size:cover;
}

div#FooterBox p.pagetop a img {
	vertical-align:middle;
	transition: all 0.3s ease-out;
}

div#FooterBox p.pagetop a:hover img {
	opacity: 0.7;
}

div#FooterBox p.btnSP {
    text-align: center;
    font-weight: bold;
    font-size: 50px;
    line-height: 1;
    background: #000000;
}
div#FooterBox p.btnSP a {
    display: block;
    text-decoration: none;
    padding: 40px 0;
}


/* title
-----------------------------*/
div#contents div#main h2,
div#contents div#main div#campaign h2,
div#contents div#main div#maintitle h2,
div#side dl.sideBox dt.title {

}
div#contents div#main div#maintitle h2 { zoom:1; }


#header_v2 div.topic_path ul li {
    margin-left: 6px !important;
}