/*　■■■■■■■■■■■■■■■■■■■■■■■■■　*/
/*　■■■■■■■■■ ページの構造 ■■■■■■■■■　*/
/*　■■■■■■■■■■■■■■■■■■■■■■■■■　*/
/* ------------ モバイル対応について -----------*/
/*
(1) htmlファイルのhead部分に[viewport]（以下）を追加する。
<!-- モバイル対応 -->
<meta name="viewport" content="width=device-width; initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
<link media="only screen and (max-device-width:480px)" href="style_mobile.css" type="text/css" rel="stylesheet"/>
(2) [width]を100％に変更する。（適宜調整）
(3) [float]をnoneに設定する。
(4) [margin][padding]の主に左側を調整（削除）する。
(5) 全体の右側に空白ができていた場合は、枠の指定に[overflow:hidden;]を入れる。
(6) タイトル・見出しなどの文字サイズを調整する。
*/
/*　■■■ ページ枠組み ■■■　*/
/* ボディ */
body {
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 83%;
	line-height:165%;
}
.mobile {
	clear:both;
}
/* 全体 */
#wp01 {
	background-image:url(../img/back/back01.png);
	background-repeat:repeat-x;
}
#wp02 {
	width:100%;
	min-height:500px;
	margin:0 auto;
	text-align:left;
	background-image:url(../img/back/back_rogo.png);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	overflow:hidden;
}
/*　■■■ ヘッダー ■■■　*/
#top {
}
#top .title {
	margin:0 auto;
	width:100%;
	height:auto;
	float:none;
}
#top .title_side {
	margin:0 0 10px 60px;
	width:100%;
	height:auto;
	float:none;
}
#top .sample {
	margin:0 auto;
	height:150px;
}
#top h1 {
	padding:30px 0 0 80px;
	font-size:180%;
	font-weight:bold;
	color:#FFFFFF;
	text-shadow:1px 1px 1px #333333;
}
#top h2 {
	padding:8px 0 0 83px;
	font-size:110%;
	color:#FFCC66;
}
#top .kaiin {
	margin:10px 0 10px;
	padding:0 ;
	width:240px;
	border: solid 1px #999999;
	border-radius:5px;
	background:#004400;
}
#top .kaiin p {
	margin:3px 0 0 15px;
	color:#FFFFFF;
}
#top a {
	text-decoration:none;
}
#top a:hover .kaiin {
	opacity:0.7;
}
#top a:hover .kaiin p {
	color:#FF0000;
}
#top .kensaku {
}
/* ナビ */
#navi {
	margin: 0 5px 5px;
	padding: 0;
	width: 100%;
}
#navi.temp {
	margin:0;
}
#navi li {
	margin: 0 0 2px;
	padding: 5px 10px;
	width:auto;
	text-align:center;
	float:left;
	border:solid 1px #999;
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#999999);
	/* IE8 IE9 */
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#999999);
	zoom: 1;
	background: -moz-linear-gradient(top, #ffffff, #999999);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #ffffff, #999999);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #ffffff, #999999);/* IE10+, W3C */
	font-size:90%;
}
#navi li.s {
	font-size:85%;
}
#navi li.home {
	width: auto;
	border-left:solid 1px #999999;
}
#navi.temp li {
/*	width:14.16%;*/
}
#navi li span {
	margin:0 3px 0 0;
	font-size:80%;
	color:#003366;
}
#navi a:link li, #navi a:visited li {
	color:#000000;
}
#navi a:hover li {
	color:#FFCC66;
	background:#003366;
/*	opacity:0.7;*/
}
/* トップイメージここから */
#fadearea {
	margin:0;
	width: 100%;
	height: 200px;
/*	display:none;*/
}
#icolist {
	float: none;
	position: relative;
	width: 100%;
	height: 214px;
	background: #f5f7ec;
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
}
#icolist a:link, a:visited {
	color:#000000;
}
#icolist a:hover {
	color:#000000;
}

#icolist li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 214px;
	display: none;
	list-style: none;
}
#icolist li#i1 {
	display: block;
}
#icolist li.img1 {
	background:url(../img/anime/image01.png);
}
#icolist li.img1 h3 {
	padding:20px 0 0 180px;
	font-size:150%;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style:italic;
	color:#CC0000;
	text-shadow:1px 1px 1px #333333;
}
#icolist li.img1 p {
	padding:20px 0 0 30px;
	font-size:110%;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing:1px;
	line-height:190%;
	color:#333333;
}
#icolist li.img1 p span {
	font-size:120%;
}
#icolist li.img2 {
	background:url(../img/anime/maihama2015.jpg);
}
#icolist li.img2 h3 {
	padding:50px 0 0 30px;
	font-size:150%;
	font-weight:bold;
	color:#0066cc;
	text-shadow:1px 1px 1px #FFFFFF;
}
#icolist li.img2 h3 span {
	margin:0 5px 0;
	font-size:80%;
	letter-spacing:-1px;
}
#icolist li.img2 dl {
	padding:5px 0 0 30px;
	line-height:150%;
	color:#333333;
}
#icolist li.img2 dt {
	float:left;
	font-weight:bold;
}
#icolist li.img2 dd {
	margin:0 0 5px 4em;
	font-size:105%;
	font-weight:bold;
}
#icolist li.img2 dd {
	font-size:120%;
}
#icolist li.img3 {
	background:url(../img/anime/image03.png);
}
#icolist li.img3 h3 {
	padding:100px 0 10px 80px;
	font-size:180%;
	font-weight:bold;
	color:#003399;
	text-shadow:1px 1px 1px #FFFFFF;
}
#icolist li.img3 dl {
	padding:5px 0 0 100px;
	line-height:130%;
	text-shadow:1px 1px 1px #FFFFFF;
	font-size:130%;
}
#icolist li.img3 dt {
}
#icolist li.img3 dd {
}
#icolist li.img4 {
	background:url(../img/anime/bom2014.jpg);
}
#icolist li.img4 h3 {
	padding:30px 0 0 30px;
	font-size:130%;
	font-weight:bold;
	color:#003333;
	text-shadow:1px 1px 1px #FFFFFF;
}
#icolist li.img4 h3 span {
	font-size:80%;
}
#icolist li.img4 p {
	padding:5px 0 0 30px;
	font-size:110%;
	font-weight:bold;
	color:#333;
}
#icolist li.img4 p > span {
	color:#f00;
}
#icolist li.img5 {
	background:url(../img/anime/image05.png);
}
#icolist li.img5 h3 {
	padding:120px 0 0 400px;
	font-size:130%;
	font-weight:bold;
	color:#003333;
	text-shadow:1px 1px 1px #FFFFFF;
}
#icolist li.img5 dl {
	padding:5px 0 0 400px;
	line-height:130%;
	text-shadow:1px 1px 1px #FFFFFF;
}
#icolist li.img5 dt {
	float:left;
	font-weight:bold;
}
#icolist li.img5 dd {
	margin:0 0 0 6em;
}
#nav ul {
	margin: 0;
	padding: 0;
	float:none;
	border-top:solid 1px #CCCCCC;
	border-left:solid 1px #CCCCCC;
	background:#FFFFFF;
}
#nav li {
	width: auto;
	height: 42px;
	float:left;
	display: block;
	cursor: pointer;
	border-bottom:solid 1px #CCCCCC;
}
#nav li p {
	padding:10px 0 0 10px;
}
#nav li.selected {
	background:url(../img/back/select.png);
	color:#FFFFFF;
}
/* トップイメージここまで */

/*　■■■ コンテンツ ■■■　*/
/* パンくずナビ */
.kuzu {
	margin:0;
	height:30px;
	background:#99CC99;
	opacity:0.6;
}
.kuzu ul {
	margin:0 0 0 10px;
}
.kuzu li {
	margin:0 0 0 10px;
	padding:5px 0;
	float:left;
}
.kuzu li a:hover {
	color:#FF0000;
}
/*　■ index.html ■　*/
/* 右コンテンツ */
#sec_right {
	padding:0;
	width: 100%;
	float: none;
}
/* 左コンテンツ */
#sec_left {
	padding: 0;
	width: 100%;
	min-height:650px;
	float: none;
}
/*　■ temp ■　*/
/* 右コンテンツ */
#sec_right_temp {
	width: 700px;
	min-height:800px;
	padding:0;
	float: right;
	background:#FFFFFF;
}
/* 左コンテンツ */
#sec_left_temp {
	width: 200px;
	min-height:800px;
	padding: 0;
	float: left;
	background:#FFFFFF;
}
/*　■ 共通 ■　*/
/* コンテンツの中 */
.atcl00 {
	margin: 10px 0 0 10px;
	width: 100%;
}
.atcl01 {
	margin: 0 0 0 5px;
	width: 90%;
}
.atcl02 {
	margin: 0 0 0 5px;
	width: 100%;
}
.atcl_side {
	width: 175px;
	margin: 0 10px 24px 5px;
}
#sec_left h2 {
	margin:15px 0 0;
	padding:5px 10px;
	border-radius:5px;
	background:#999999;
	color:#FFFFFF;
}
/*　■■■ フッター ■■■　*/
footer {
	margin:30px auto;
	width:100%;
	clear:both;
}
footer.idx_foot {
	margin:0;
	width:100%;
	clear:both;
}
footer dl.addr {
	margin:0 0 0 5px;
	padding:10px 30px 15px;
	width:80%;
	border:solid 1px #000000;
}
footer.idx_foot dl.addr {
	margin:0 0 0 5px;
	padding:10px 30px 15px;
	width:80%;
	border:solid 1px #000000;
}
footer dl.addr dt {
	margin:0 0 5px;
	font-size:105%;
}
footer dl.addr dd {
	margin:0 0 0 1em;
	line-height:120%;
}
footer .copy {
	margin:20px 0 0;
	text-align: right;
}
footer a:link, #footer a:visited {
	color:#000000;
}
footer a:hover {
	color:#FF0000;
}
/*　■■■ その他 ■■■　*/
/* ページトップへ */
#toTop {
	clear:both;
	text-align:right;
	margin:15px 3em 54px 0;
	font-size:85%;
}
#toTop a:link, #toTop a:visited {
	color:#000000;
}
#toTop a:hover {
	color:#FF0000;
}
/* 準備中 */
.const {
	margin:40px 0 0 30px;
	font-size:120%;
	color:#999;
	line-height:240%;
}
.const span {
	margin-left:40px;
	font-size:240%;
}
/* ボタン */
ul.btn01 {
}
ul.btn01 li {
	margin:0 20px 5px 0;
	padding:5px;
	width:240px;
	height:40px;
	border:solid 1px #333333;
	border-radius:3px;
	background:#ffcc66;
	float:left;
}
ul.btn01 a:link li, ul.btn01 a:visited li {
	color:#000000;
}
ul.btn01 a:hover li {
	opacity:0.7;
	color:#FF0000;
}
/*　■■■ トップページ（index.html） ■■■　*/
/* 情報ボックス */
.info_box {
	margin:0 0 10px 5px;
	padding:10px;
	width:80%;
	height:270px;
	border:solid 1px #DDDDDD;
	background:bottom right url(../img/logo4.png) no-repeat #FFFFFF;
	float:left;
}
.sub {
	background:bottom right url(../img/logo.png) no-repeat #DDDDDD;
}
.bigbox {
	width:90%;
	height:430px;
	background:bottom right url(../img/logo.png) no-repeat #EEEEEE;
}
.info_box h3 {
	margin:0 0 10px;
	padding:5px 10px;
	font-size:110%;
	font-weight:bold;
	border-bottom:dotted 1px #333333;
	color:#333333;
}
.info_box h3.s {
	padding:5px;
	font-size:90%;
}
.info_box ul {
	margin:0 0 0 0;
}
.info_box ul li {
	padding:0 0 5px 1.5em;
	background:url(../img/btn/info.png) no-repeat;
}
.info_box a:link, .info_box a:visited {
}
.info_box a:hover {
}
.info_box h3 a {
	text-decoration:none;
}
.info_box h3 a:link, .info_box h3 a:visited {
	color:#333333;
}
.info_box h3 a:hover {
	color:#FF0000;
}
.info_box dt {
	margin:15px 0 5px;
	font-weight:bold;
}
.info_box dd {
	margin:0 0 0 1em;
}
/* インフォーメーション */
dl.info_box_side {
	margin:10px 0 10px 10px;
	padding:5px 5px 15px 10px;
	width:80%;
	border:solid 1px #CCCCCC;
	background:#FFFFFF;
}
dl.info_box_side dt {
	margin:0;
	padding:0;
}
dl.info_box_side dd {
	margin:0 0 0 0;
	padding:10px 0 0;
	border-top:dotted 1px #333333;
	font-size:90%;
}
dl.info_box_side a:link, dl.info_box_side a:visited {
}
dl.info_box_side a:hover {
}
.info_box_side2 {
	margin:10px 0 10px;
	padding:5px 5px 15px 10px;
	border:solid 1px #CCCCCC;
	background:#FFFFFF;
	font-size:90%;
}
/* サイドのバナー */
ul.side_bnr {
	margin:20px 0 0;
}
ul.side_bnr li {
	margin:0 0 5px;
	padding:10px 0 10px 5px;
	width:180px;
	border:solid 1px #666666;
	border-radius:5px;
}
ul.side_bnr a:link li, ul.side_bnr a:visited li {
	color:#000000;
}
ul.side_bnr a:hover li {
	color:#FF0000;
	background:#CCCCCC;
}
/*　■■■ 各ページ共通（temp） ■■■　*/
h2.bar {
	margin: 20px 0 0;
	padding: 10px 0 10px 30px;
	width: 92%;
	border-top:solid 4px #333333;
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
	border-left:solid 1px #999999;
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#DDDDDD, endcolorstr=#ffffff);
	/* IE8 IE9 */
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#DDDDDD, endcolorstr=#ffffff);
	zoom: 1;
	background: -moz-linear-gradient(top, #DDDDDD, #ffffff);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #DDDDDD, #ffffff);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #DDDDDD, #ffffff);/* IE10+, W3C */
	font-size:120%;
	font-weight:bold;
	color:#333333;
}
h3.bar {
	margin:30px 0 10px 10px;
	padding:0 0 5px 5px;
	width:92%;
	border-bottom:dotted 2px #666666;
	font-size:110%;
	font-weight:bold;
}
h3.bar span {
	color:#003399;
}
.submenu_box {
	margin:20px 0 0 5px;
	padding:10px 5px;
	width:89%;
	border:solid 1px #999999;
	border-radius:5px;
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#DDDDDD, endcolorstr=#ffffff);
	/* IE8 IE9 */
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#DDDDDD, endcolorstr=#ffffff);
	zoom: 1;
	background: -moz-linear-gradient(top, #DDDDDD, #ffffff);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #DDDDDD, #ffffff);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #DDDDDD, #ffffff);/* IE10+, W3C */
}
.submenu_box h3 {
	margin:0 0 10px;
	font-size:105%;
	font-weight:bold;
}
.submenu_box h3.s {
	font-size:85%;
}
.submenu_box li {
	margin:0 0 0 5px;
	padding:0 0 5px 1.5em;
	background:url(../img/btn/info.png) no-repeat;
}
.submenu_box h3 a {
	text-decoration:none;
}
.submenu_box li a:hover {
	color:#FF0000;
}