/*===============================================
●PC用ワイド設定 
===============================================*/
@media print, screen and  (min-width: 1101px){
	.noview-pc{
	display:none;
}
html,body {
	margin:0;
	padding:0;
	height:100%;
}
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.9em;
	color: #FFF;
	overflow-y: scroll;
	overflow-x: hidden;
	position:relative;
	line-height:180%;
    left: 0;
    overflow-x: hidden;
	background-color:#000;

}
a{
	color: #FFF;
	text-decoration: none;
}
img { 
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
a img  {
	border:none;
}

ul {
	list-style:none;
}
.ie7 body{
	overflow:hidden;
}
.img_right{
	float:right;
	margin-left:10px;
}
.clear{
	clear: both;
}
.clearfix:after { /*floatの解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

	
.img_right{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.img_left{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.txt_18red{
	font-size:18px;
	color:#C00;
}
.document {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
}
.header {
	width:100%;
	background-image:url(images/common/bg_li2.png);
	position:absolute;
	top:0;
	
}
.header h1{
	margin:0;
	text-indent:-9999px;
}

/*PCナビゲーションレイアウト*/


.header .nav{
	width:900px;
	padding-top:3px;
	padding-bottom:3px;
	height:38px;
	margin-left:auto;
	margin-right:auto;
}
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 100%;
  margin: 0px;
  padding: 0;
  border-right:#FFF 1px solid;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}

.dropmenu li {
  position: relative;
  display:block;
	width:19.5%;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	border-left:#FFF 1px solid;
}

.dropmenu li a {
  display: block;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #FFF;
  font-size: 13px;
  line-height: 1;
  text-decoration: none;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*子メニュー*/
.dropmenu li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 130%;
  margin: 0;
  padding: 0;

}

.dropmenu li ul li {
  overflow: hidden;
  background-color:#000;
  width: 100%;
  height: 0;
  color: #333;
  line-height: 160%;
  transition: .2s;
}
.dropmenu li ul li a {
  padding: 10px 10px;
  padding-left:5px;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  color:#FFF;
}
.dropmenu > li:hover > a {  border-bottom:#F60 2px solid; }
.dropmenu > li:hover li:hover > a {  background-color:#333; color:#FFF;}
.dropmenu > li:hover > ul > li {
  overflow: visible;
  height: 38px;
}
.dropmenu li ul li ul {
  top: 0;
  left: 100%;
}
.dropmenu li:last-child ul li ul {
  left: -100%;
  width: 100%;
}
.dropmenu li ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: -20px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #FFF;
}
.dropmenu li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 200%;
  margin-left: -20px;
  border: 5px solid transparent;
  border-right-color: #FFF;
}
.dropmenu li ul li:hover > ul > li {
  overflow: visible;
  height: 38px;
}
.dropmenu li ul li ul li a {   background-image:url(images/common/bg_li3.png); font-size:13px; width:200px;}
.dropmenu li:hover ul li ul li a:hover {  background: #333 }



.main{
	width:100%;
	background-image:url(images/index/bg_top.png);
	background-position:top center;
	background-repeat:no-repeat;
	height:900px;
	
}
.box1{
	width:100%;
	height:800px;
	background-color:#D18A8B;
	background-image:url(images/index/bg_index1.png);
	background-position:top center;
	background-attachment:fixed;
}
.box1 .box_lead1{
	padding-top:100px;
	padding-bottom:10px;
	width:680px;
	float:right;
}

.box1 .box_lead2{
	width:600px;
	float:right;
	font:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:16px;
	color:#FFF;
	font-weight:bold;
	line-height:220%;
	text-shadow: 333 1px 1px 10px, #333 -1px 1px 10px,
             #333 1px -1px 10px, #333 -1px -1px 10px;
}

.box1 .box_pt{
	padding-top:30px;
}
.box1 .box_pt img{
	width:11.5%;
	float:left;
	margin-left:1%;
	margin-right:1%;
	padding:2px;
	background-color:#FFF;
}

.box1 .scrEvent ul{
	margin:0;
	padding:0;
	width:100%;
}

.box_index2{
	padding-top:30px;
	padding-bottom:30px;
}
.box_index2 h2{
	margin:0;
	margin-bottom:50px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-top:#BB9309 2px solid;
	border-bottom:#BB9309 2px solid;
	color:#BB9309;
	font-size:24px;
	text-align:center;
	padding:10px;
	font-weight:normal;
}

.box_index2 img{
	float:left;
	display:block;
	width:45.5%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:20px;
	border:#BB9309 1px solid;

}

.box_index3{
	width:50%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:20px;
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
	border-top:#FFF 1px dotted;
	border-bottom:#FFF 1px dotted;
	font-size:14px;
}
.compe img{
	display:block;
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
.footer {
	padding-top:20px;
	padding-bottom:10px;
	font-size:12px;
	margin-top:30px;
	background-color:#333;
	color:#FFF;
}
.footer img{
	width:250px;
	float:right;
}
.footer a:link{
	color:#FFF;
}
.footer a:hover{
	color:#FFF;
}
.footer a:visited{
	color:#FFF;
}

.footer .copyright{
	padding-top:10px;
	width:50%;
	float:right;
}

.footer ul {
	float: left;
	width: 180px;
	text-align:left;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCC;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:140px;
}
.footer ul li {
	margin-bottom: 10px;
	padding: 0px;
	margin-left: 0px;
	list-style-type: none;
	height:18px;
	border-bottom:#CCC 1px dotted;
}




}
/*===============================================
●タブレット用ワイド設定 
===============================================*/
@media only screen and (min-width: 651px) and (max-width: 1100px){
	.noview-tb{
	display:none;
}
html,body {
	margin:0;
	padding:0;
	height:100%;
}
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.9em;
	color: #FFF;
	overflow-y: scroll;
	overflow-x: hidden;
	position:relative;
	line-height:180%;
    left: 0;
    overflow-x: hidden;
	background-color:#000;

}
.document {
	width:98%;
	margin-left:auto;
	margin-right:auto;
}
a{
	color: #FFF;
	text-decoration: none;
}
img { 
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	width:100%;
}
a img  {
	border:none;
}

ul {
	list-style:none;
}
.ie7 body{
	overflow:hidden;
}
.clear{
	clear: both;
}

.clearfix:after { /*floatの解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

	
.img_right{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.img_left{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.header {
	width:100%;
	background-image:url(images/common/bg_li2.png);
	
}
.header h1{
	margin:0;
	margin-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	float:right;
	width:60%;
	padding-top:5px;
}
.header h1 img{
	width:100%;
}


/*トップページ--------------------------------------------------------------------------*/
.main{
	width:100%;	
}
.box1{
	width:100%;
	
}

.box_index2{
	padding-top:30px;
	padding-bottom:30px;
}
.box_index2 h2{
	margin:0;
	margin-bottom:50px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-top:#BB9309 2px solid;
	border-bottom:#BB9309 2px solid;
	color:#BB9309;
	font-size:24px;
	text-align:center;
	padding:10px;
	font-weight:normal;
}

.box_index2 img{
	float:left;
	display:block;
	width:45.5%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:20px;
	border:#BB9309 1px solid;

}
.box_index3{
	width:50%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:20px;
	padding-top:30px;
	padding-bottom:30px;
	text-align:center;
	border-top:#FFF 1px dotted;
	border-bottom:#FFF 1px dotted;
	font-size:14px;
}
.compe img{
	display:block;
	width:800px;
	margin-left:auto;
	margin-right:auto;
}
.footer {
	padding-top:20px;
	padding-bottom:10px;
	font-size:12px;
	margin-top:30px;
	background-color:#333;
	color:#FFF;
}
.footer img{
	width:250px;
	float:right;
}
.footer a:link{
	color:#FFF;
}
.footer a:hover{
	color:#FFF;
}
.footer a:visited{
	color:#FFF;
}

.footer .copyright{
	padding-top:10px;
	width:30%;
	float:right;
}


.footer a:link {
	color: #FFF;
	text-decoration: none;
}
.footer a:visited {
	text-decoration: none;
	color: #FFF;
}


dl #acMenu_footer{
	width:100%;
}
#acMenu_footer dt{
	display:block;
	width:100%;
	cursor:pointer;
	margin-bottom:10px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;


	}
#acMenu_footer dd{
	background-color:#333;
	color:#FFF;
	width:100%;
	display:none;
	margin:0;
	padding:0;
	}
#acMenu_footer dd ul {
	width: 100%;
	text-align:center;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;

}
#acMenu_footer dd ul a:visited {
	text-decoration: none;
	color: #FFF;
}

#acMenu_footer dd ul li {
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 0px;
	margin-left: 0px;
	list-style-type: none;
}

	
}




/*===============================================
●スマホ設定 画面の横幅が650px以下
===============================================*/
@media print, screen and  (max-width: 650px){
.noview-sp{
	display:none;
}
html,body {
	margin:0;
	padding:0;
	height:100%;
}
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:0.9em;
	color: #FFF;
	overflow-y: scroll;
	overflow-x: hidden;
	position:relative;
	line-height:180%;
    left: 0;
    overflow-x: hidden;
	background-color:#000;

}
.document {
	width:98%;
	margin-left:auto;
	margin-right:auto;
}
a{
	color: #FFF;
	text-decoration: none;
}
img { 
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	width:100%;
}
a img  {
	border:none;
}

ul {
	list-style:none;
}
.ie7 body{
	overflow:hidden;
}
.clear{
	clear: both;
}

.clearfix:after { /*floatの解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

	
.img_right{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}
.img_left{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.header {
	width:100%;
	background-image:url(images/common/bg_li2.png);
	
}
.header h1{
	margin:0;
	margin-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	float:right;
	width:60%;
	padding-top:5px;
}
.header h1 img{
	width:100%;
}


/*トップページ--------------------------------------------------------------------------*/
.main{
	width:100%;	
}
.box1{
	width:100%;
	
}

.box_index2{
	padding-top:30px;
	padding-bottom:30px;
}
.box_index2 h2{
	margin:0;
	margin-bottom:50px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-top:#BB9309 2px solid;
	border-bottom:#BB9309 2px solid;
	color:#BB9309;
	font-size:24px;
	text-align:center;
	padding:10px;
	font-weight:normal;
}
.box_index2 img{
	display:block;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

.box_index3{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:20px;
	padding-top:50px;
	padding-bottom:30px;
	text-align:center;
	border-top:#FFF 1px dotted;
	border-bottom:#FFF 1px dotted;
	font-size:14px;
}
.compe img{
	display:block;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.footer {
	padding-top:20px;
	padding-bottom:10px;
	font-size:12px;
	margin-top:30px;
	background-color:#333;
	color:#FFF;
}
.footer img{
	width:250px;
	float:right;
}
.footer a:link{
	color:#FFF;
}
.footer a:hover{
	color:#FFF;
}
.footer a:visited{
	color:#FFF;
}

.footer .copyright{
	padding-top:10px;
	width:30%;
	float:right;
}


.footer a:link {
	color: #FFF;
	text-decoration: none;
}
.footer a:visited {
	text-decoration: none;
	color: #FFF;
}


dl #acMenu_footer{
	width:100%;
}
#acMenu_footer dt{
	display:block;
	width:100%;
	cursor:pointer;
	margin-bottom:10px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;


	}
#acMenu_footer dd{
	background-color:#333;
	color:#FFF;
	width:100%;
	display:none;
	margin:0;
	padding:0;
	}
#acMenu_footer dd ul {
	width: 100%;
	text-align:center;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;

}
#acMenu_footer dd ul a:visited {
	text-decoration: none;
	color: #FFF;
}

#acMenu_footer dd ul li {
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 0px;
	margin-left: 0px;
	list-style-type: none;
}

	
}