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

@import url('reset.css');

/*PC用*/
@media screen and (min-width:481px){


/* Base css */

#top,body{
margin:0px;
padding:0px;
font-family:Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
font-size: 14px;
line-height:180%;
}

#second,body{
margin:0px;
padding:0px;
font-family:Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック";
background-image:url(../images/bg02.jpg);
background-repeat:repeat-x;
font-size: 14px;
line-height:180%;
}



#wrapper{
width:960px;
margin:0 auto;
padding:0px;
}

img{
margin:0px;
padding:0px;
border:0px;
display:inline;
vertical-align:bottom;
}

.red{
	color:#cc0500;
}



a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

a:link { color: #000; text-decoration:underline;}
a:visited { color: #000; text-decoration:underline;}
a:hover { color: #d60400; text-decoration:underline;}
a:active { color: #d60400; text-decoration:underline;}



/* ヘッダー設定 */

#header{
	margin: 0;
	padding: 0;
	height: 95px;
	width: 960px;
	position: relative;
}


#header h1{
	display: block;
	width: 210px;
	height: 70px;
	margin: 20px 0px 5px 0px;
	padding: 0px;
	float: left;
}

#btnGlobal{
	display:block;
	width:105px;
	height:25px;
	position:absolute;
	top:0px;left:850px;
}



/* *****************メインメニュー設定***************** */

/**/
#navi {
	display: block;
	position: relative;
	width: 100%;
	background-repeat: repeat-x;
		background-image:url(../images/navi.gif);
	zoom: 1;
	clear: both;
	float: none;
	overflow: hidden;
	margin-top:2px;
}#navi ul {
	display:block;
	width: 960px;
	height: 42px;
	margin:0 auto;
}#navi li {
	line-height:0;
}
#navi li a {
	display:block;
	float:left;
	height:42px;
	width:auto;
	background-image:url(../images/navi.gif);
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	background-position:left bottom;
	text-indent:-9999px;
	zoom:1;
}


#navi1 a:link{
	width:150px;
	background-position:0 0px;
}#navi1 a:hover,#home li#navi1 a{
	background-position:0 -42px;
}


#navi2 a:link{
	width:150px;
	background-position:-150px 0px;
}#navi2 a:hover,#at li#navi2 a{
	background-position:-150px -42px;
}


#navi3 a:link,li#navi3 a {
	width:150px;
	background-position:-300px 0px;
}#navi3 a:hover,#Magazine li#navi3 a {
	background-position:-300px -42px;
}
#navi4 a:link,li#navi4 a {
	width:150px;
	background-position:-450px 0px;
}#navi4 a:hover,#about li#navi4 a  {
	background-position:-450px -42px;
}
#navi5 a:link,li#navi4 a {
	width:150px;
	background-position:-600px 0px;
}#navi5 a:hover,#contact li#navi5 a  {
	background-position:-600px -42px;
}





/**/


/* トップページ設定 */




.infolist {
	text-align:left;
	margin:10px 0px 40px 0px;
	padding:0px;
	line-height:1.4em;
	list-style:none;
}
.infolist li {
	border-bottom:dotted 1px #666;
	margin:0px 0px 0px 0px;
	padding:10px 0px;
}





/* 共通設定 */

.ctsbox{
	width: 960px;
	margin: 25px 0px 0px 0px;
}


#rightBox{
	width: 960px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}




#rightBox h2{
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #000;
	font-size:16px;
	font-weight:bold;
	color:#000;
}

#rightBox h2::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #de0500;
}










#leftBox{
	width: 230px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: left;
}



#compInfo{
	size:12px;
	line-height:22px;
	border:#B5B5B5 dotted 1px;
	margin-bottom:20px;
	padding:15px;
}

.bnr{
	margin:15px 0px 0px 0px;
}


.imgleft{
float:left;
margin:0px 10px 0px 0px;
}

.imgright{
float:right;
margin:0px 0px 0px 10px;
}

.gotop a{
float:right;
margin:15px 20px;
color:#f35600;
font-weight:bold;
font-size:14px;
width:120px;
}


.midashi{
font-weight:bold;
color:#f35000;
}




/*footer*/
#footer {
	display: block;
	width: 100%;
	height: 200px;
	background-color: #000;
	color: #fff;
	padding-top: 12px;
	margin-top: 30px;
	border-top: 5px #db0401 solid;
}
#footer .block {
	display:block;
	width:950px;
	margin:0 auto;;
}
#footer .left {
	line-height:130%;
	float:left;
}#footer .left strong {
	font-weight:bold;
	display:block;
	margin-bottom:8px;
}
#footer .right {
	font-size:10px;
	text-align:left;
	line-height:1.2em;
	margin:15px 0 0 0;
	float:right;
}

/*2015.12 追加*/

.tboxtop01{width:72%;
float:right;}

.tboxtop02{width:80%;
float:right;}



/*************
/* ページトップ
*************/

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #db0401;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
	
}
#page-top a:hover {
    text-decoration: none;
    background: #353535;
}





}

/*********************スマホ用*************************************/
@media screen and (max-width:480px){
	
body{
	width:100%;
	overflow: hidden;
}

#header{
	text-align:center;
	height:auto;
}

#header h1 img{
	width:210px;
	height:auto;
	margin-top:20px;
}

#btnGlobal{
	width:100%;
	border-top:solid #000 3px;
	margin-top:20px;
}


#btnkoudoku{
	margin:15px auto;
}


#wrapper{
width:100%;
margin:0 auto;
padding:0px;
overflow: hidden;
}



/*スマホ用メニュー*/




#navi
{
	display:block;
	width:100%;
	height:auto;
	padding:auto;
	margin:15px 0 10px;
	text-align:center;
	overflow:hidden;
		background-color:#000000;
}


#navi li
{
	float:left;
	width:50%;

}


#navi li a{
	display:block;
	width:100%;
	height:auto;
	text-indent:0;
	color:#FFF;
	text-align:center;
	border-right:solid #FFF 1px;
	border-bottom:solid #FFF 1px;
	padding:6px 0px;
	text-decoration:none;
	font-size:12px;

}



#home li#navi1 a,
#at li#navi2 a,
#Magazine li#navi3 a,
#about li#navi4 a,
#contact li#navi5 a
{
	color:#cd0601;
	font-weight:bold;
}

li#navi1 {
	display:none;
}

/*スマホ用見出し、Box等*/

#rightBox{
	display:block;
	text-align:center;
	margin-top:20px;

}


#rightBox h2{
	width:95%;
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #000;
	font-size:16px;
	font-weight:bold;
	color:#000;
	text-align:left;
	margin:0 auto;
}

#rightBox h2::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 30%;
	height: 4px;
	background-color: #de0500;
}



#leftBox{
	width:100%;
	display:block;
	height:auto;
	text-align:center;


}

#compInfo{
	size:12px;
	width:260px;;
	line-height:22px;
	border:#B5B5B5 dotted 1px;
	margin:15px auto;
	padding:10px;
}

.bnr{
	margin:15px 0px 0px 0px;
}



.midashi{
font-weight:bold;
color:#f35000;
}


/*共通img100%*/

.img100{
	width:100%;
	height:auto;
}

.img50{
	width:100%;
	height:auto;
}


/*footer*/
#footer {
	display:block;
	width:100%;
	height:150px;
	background-color:#000;
	color:#fff;
	padding-top:12px;
	margin-top:30px;
	padding:20px 10px;
	border-top:5px #2a2a2a solid;
}
#footer .block {
	display:block;
	width:100%;
	margin:0 auto;

}
#footer .left {
	line-height:130%;
}#footer .left strong {
	font-weight:bold;
	display:block;
	margin-bottom:8px;
}
#footer .right {
	font-size:10px;
	line-height:1.2em;
	margin:15px 0 0 0;
	float:left;
}


a:link { color: #0099ff; }
a:visited { color: #0099ff; }
a:hover { color: #0099ff; }
a:active { color: #0099ff; }


a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.infolist {
	text-align:left;
	margin:10px 0px 40px 0px;
	padding:0px 10px;;
	line-height:1.4em;
	list-style:none;
}
.infolist li {
	border-bottom:dotted 1px #666;
	margin:0px 0px 0px 0px;
	padding:10px 0px;
}


#leftBox table{
	background-color:#bfbfbf;
	width:100%;
}

#leftBox table td{
	padding:5px 10px;
	font-size:12px;
	background-color:#FFF;
	word-wrap: break-word ;

}

#leftBox table th{
	padding:5px 10px;
	font-size:12px;
	background-color:#333;
	color:#FFF
	
}

.eventBox .aboutimg{
	width:40%;
	height:auto;


}

/*2015.12 追加*/

.tboxtop01{width:100%;
float: none;}


a:link { color: #000; text-decoration:underline;}
a:visited { color: #000; text-decoration:underline;}
a:hover { color: #d60400; text-decoration:underline;}
a:active { color: #d60400; text-decoration:underline;}




/*************
/* ページトップ
*************/

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #db0401;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
	
}
#page-top a:hover {
    text-decoration: none;
    background: #353535;
}




}