@charset "utf-8";
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	/*font:12px/1.22 "MS PGothic","Osaka",Arial,sans-serif;*/
	/*font-size:12px;*/
	font:13px/1.231 "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
	color: #2d2929;
}
/* for windows vista */
* + html body { font-family: "CI","Meiryo"; }

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

strong {font-weight:bold; }

html,body{
/*	height:100%;
*/}
body {
	background: url(../images/bg_01.jpg) repeat;
} /* 全体の背景指定 */
#wrapper{
	/*height: 100%;
	min-height: 1200px;    */
}

#wrapper #contents {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	min-height: 1100px;    


}

/* anchor */
#wrapper a,
#wrapper .article{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}
#wrapper a:hover {
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity:0.5;
	opacity:0.5;
}
/* NAVIめーる半透明回避 */
#wrapper #contents #side #banner_navimail a:hover {
	/*filter: alpha(opacity=100);*/
	-moz-opacity:1;
	opacity:1;
}


/* #main */
#main { 
	position: relative;       /* フッターの為の位置決め用 */
	height: auto !important;  /* IE6対策：この2行で */
	height: 100%;             /* IE6対策：擬似的にmin-heightと同じことをさせてる */
	min-height: 1100px;    
	width: 675px;
	padding-bottom: 35px;
	background: url(../images/footer_bg_04.jpg) repeat;
	/* box-shadow: */
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.50);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.50);
}


/* #side */
#side { padding: 10px 0px 0px; }

#side .box{
	/* border-radius */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#wrapper #contents #side .box .title {
	background: rgb(218,225,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(218,225,229,1)), color-stop(100%,rgba(238,241,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dce2e6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* W3C */
}

#wrapper #contents #side #oa .info a,
#wrapper #contents #side #blog .info a{
	background-color: rgba(153,153,153,0.5);
	/* box-shadow */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}

#side div#banner_navimail { width: 100%; height: 105px;}

/* #top_bnr */
#main #article #top_bnr{
	width: 675px;
	background: url(../images/top_bg_01.png) repeat-x left bottom;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	position: relative;
	z-index: 10;
}
/* #header */
#main #article #header {
	width: 675px;
	height: 950px;
	background: url(../images/mainvisual_01.jpg) no-repeat 0px 0px;
	margin-top: -70px;
}
/*
#main #article #header h1 {
	height: 45px;
	width: 235px;
	position: absolute;
	left: 50px;
	top: 2px;
}
*/
#topad { padding-bottom:5px; }
#header{
	position: relative;
}
#header  h1{
	position: absolute;
	top:85px;
	left: 80px;
	margin: auto;
	display: block;
	z-index:50;
	background: url(../images/logo_01.png) no-repeat;
	height: 186px;
	width:556px;
	text-indent: -9999px;
}
#header .onair{
	z-index:40;
	position: absolute;
	top:270px;
	left: 80px;
	margin: auto;
	display: block;
	background: url(../images/onair_01.png) no-repeat;
	height: 37px;
	width: 499px;
	text-indent: -9999px;
}#header  .catch p.txt1{
	top:310px;
	left: 70px;
	position: absolute;
	margin: auto;
	display: block;
	z-index:50;
	background: url(../images/catch_01.png) no-repeat;
	height: 0px;
	width: 30px;
	text-indent: -9999px;
}
#header .catch p.txt2{
	left: 35px;
	top:330px;
	position: absolute;
	margin: auto;
	display: block;
	z-index:50;
	background: url(../images/catch_02.png) no-repeat;
	height: 0px;
	width: 30px;
	text-indent: -9999px;
}
#header #cover{
	position: relative;
	z-index:60;
	margin-top:70px;
	height: 890px;
	width: 675px;
}
#header #cover a{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}
#header #cover a:hover{
	height: 890px;
	width: 675px;
	background: #fff;
	text-decoration: none;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;	
	display:block;
}



/* #top */
#header {
	/* タイトル画像指定 */
	/* background: url(../images/img-top-title.jpg) no-repeat 0px 0px; */
	/* height: 300px; */
}
/* #top #header h1 { display: none; } */

#header h1 img {
	max-width: 100%;
	height: auto;
	width /***/:auto; /*IE8のみ適用*/
}

#nav {
	padding: 10px;
}

#nav ul {
	letter-spacing:-0.4em; /* hack */
}

#nav ul li {
	display: inline-block;
	letter-spacing: 0em; /* hack */
	margin-right: 5px;
	margin-bottom: 5px;
}

#nav ul li a,
#nav ul li span {
	font-size: 14px;
	line-height: 44px;
	text-align: center;
	display: block;
	height: 44px;
	width: 10em;
	text-decoration: none;
	color: #333;
	border: 1px solid #ccc;
}

#btn-sbm {
	text-align: center;
	padding: 20px;
	background: url(../images/sbm_bg_01.png) repeat-x left top;
	margin-top: -20px;
	position: relative;
	z-index:70;

}

#btn-sbm li {
	display: inline-block;
	margin-left: 0px;
	margin-right: 5px;
	padding: 0px;
	line-height: normal;
	list-style: none;
	vertical-align: top;
}
*html #btn-sbm li { display: inline; } /* for IE6 */ 
*+html #btn-sbm li { display: inline; } /* for IE7 */

#btn-sbm li a { margin: 0px; }

#btn-sbm .btnFaceBook { width: 110px; }

#btn-sbm .btnHatenaBookmark { margin-right: 10px; }
#btn-sbm .btnGoogleCalendar { margin-right: 10px; }


/* テキスト指定 */
#article {
	font-size: 120%;
	line-height: 1.5;

}

#article .text { padding: 20px; }

#article h2 {
	font-weight: bold;
	font-size: 120%;
	margin: 0px 0px 10px;
}
#article h3 {
	font-weight: bold;
	font-size: 100%;
}
#article p {
	margin-bottom: 10px;
}

#bottom_line {
	margin-top: -20px;
	background: url(../images/footer_bg_03.png) repeat-x left top;
	display: block;
	position: relative;
	z-index: 30;
	padding: 20px;
	text-align: right;
}
.section {
	margin-bottom: 20px;
	padding: 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}
/* #bottom_bnr */
#main #article #bottom_bnr{
	width: 675px;
	background: url(../images/footer_bg_02.jpg) repeat-x left top;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 20px;
	position: relative;
	z-index: 20;
	margin-top: -20px;
}
/*----------.sticker----------*/
div.sticker{
}
div.sticker p{
	position: absolute;
	z-index: 80;
}
div.sticker p#sticker1{
	top: 70px;
	left: 40px;
	z-index: 50;

}
div.sticker p#sticker2{
	top: 250px;
	left: 580px;
	z-index: 50;
}
div.sticker p#sticker3{
	top: 900px;
	left: 14px;
}
div.sticker p#sticker4{
	top: 920px;
	left: 120px;
}
/*----------page-top----------*/
.innerlink-head {
	position: fixed;
	bottom: -750px;
	right: 20px;
	background: url(../images/pagetop.png) no-repeat;
	height: 500px;
	width: 85px;
}
.innerlink-head a {
	text-decoration: none;
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -9999px;
	text-align: left;
}
.innerlink-head a:hover {
	text-decoration: none;
}
@media screen and (max-width: 1300px) {
	.innerlink-head{
		display:none;

	}
}