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



/* ----------------------------------------------------
 
    whole
 
---------------------------------------------------- */

a {

	color: #626262 !important;
	text-decoration: none;
}

#newwrapper {
	margin: 0px auto;
	width: 1200px;
	background-color: #FFF;

}

#top{
background: url(http://officesekkei.heteml.jp/k-concours.org/images/topbg.jpg);
background-repeat:no-repeat;

}

#ad{
width:950px;
text-align:center;
margin:0 auto;

}



#newheader{
width:auto;
height:60px;
border-bottom: #C30D23 2px solid;
}

.migi{
float:right;
margin:10px 5px 5px 5px;
text-align:right;
}
.migi2{
float:right;
margin:5px;
text-align:right;
}

#newheader h1{
float:left;
}

#headnavi, #bottomnavi {
margin: 10px auto;
text-align:center;
	padding: 10px;
	width: 100%;
	font-size: 12px;
}


#headnavi li, #bottomnavi li{
	display: inline;
	margin: 8px 20px;
font-color:#fff;
}


#2container {
	width: 1200px;
	height: auto;
	background-color: #FFF !important;
	margin: 10px auto;
	padding: 10px;
	position: relative;
}

#contop{
	width: 880px;
	height: auto;
	background-color: #fff !important;
position: relative;
	margin: 0 auto;
	padding: 10px;
text-align:center;

}




#newwrapper h3 {
border-bottom: #C30D23 2px solid;
	position: relative;
font-size:14px;
margin:20px 0;
text-align:center;
color:#333;
padding-bottom:5px;
}


#con_genre {
	width: 920px;
	height: auto;
	margin: 10px auto;
	padding: 10px;
	position: relative;
text-align:center;

}

#genre_box1{
width:284px;
height:810px;
border:#666 solid 1px;
float:left;
margin:10px;
}

#genre_box2{
width:284px;
height:520px;
border:#666 solid 1px;
float:left;
margin:10px;
}


#genre_box1 ul, #genre_box2 ul{
margin-top:15px;
}


#genre_box1 li, #genre_box2 li{
text-align:left;
line-height:1.3;
font-size:12px;
padding:5px;
}

.genre_box1{
width:284px;
height:660px;
border:#666 solid 1px;
float:left;
margin:10px;
}



#top_box1{
width:400px;
height:220px;
border:#666 solid 1px;
font-size:12px;
float:left;
position:relative;
margin:20px 10px;
text-align:center;

}


#top_box1 p{
padding:20px 10px ;
text-align:left;

}


.tf{
height:230px;
background: url(http://officesekkei.heteml.jp/k-concours.org/images/topframe.png);
background-repeat:no-repeat;
color:red;
}

#conheader{
background: url(http://officesekkei.heteml.jp/k-concours.org/images/topheader.png);
height:40px;
margin:0 0 20px 0;
text-align:center;
}

/* ----------------------------------------------------
 
    side
 
---------------------------------------------------- */
#w_menu {
	height: auto;
	width: 1200px;
background-color:#fff;
margin:20px 0 ;

}

#w_menu li {
	display: inline-block;
	width: 236px;
height:40px;
margin:0;
}




#m_menu {
	height: auto;
	width: 1100px;
background-color:#fff;
margin:13px 0 ;
}

#m_menu li {
	display: inline-block;
	width: 215px;
height:40px;
margin:0;
}

#m_menu {
	height: auto;
	width: 1100px;
background-color:#fff;
margin:13px 0 ;
}

/* ----------------------------------------------------
 
    oubo
 
---------------------------------------------------- */

#oubo {
	margin: 50px auto;
width:1200px;
text-align:center;

}
#oubo li {
	display: inline;
	margin: 20px; 
}

/* ----------------------------------------------------
 
    topicnews
 
---------------------------------------------------- */

#topicnews {
	margin: 20px 0;
	padding: 10px;
	height: 185px;
	width: 1180px;
	font-size: 12px;
	border: 1px solid #D1D1D1;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.1) inset;
overflow-y:scroll;
	
}
#topicnews li {
	border-bottom: dashed #959595 1px;
	margin: 10px 5px;
	padding-left: 22px;
	background: url(../images/icon1.gif);
	background-repeat: no-repeat;
}

/* ----------------------------------------------------
 
    topicnewsroppongi
 
---------------------------------------------------- */

#topicnewsroppongi {
	margin: 20px 0;
	padding: 10px;
	height: 185px;
	width: 1140px;
	font-size: 12px;
	border: 1px solid #D1D1D1;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.1) inset;
overflow-y:scroll;
	
}
#topicnewsroppongi li {
	border-bottom: dashed #959595 1px;
	margin: 10px 5px;
	padding-left: 22px;
	background: url(../images/icon1.gif);
	background-repeat: no-repeat;
}



/* ----------------------------------------------------
 
    video
 
---------------------------------------------------- */
#video{
width:1200px;
text-align:center;
margin:0 auto;
display:relative;
background-color:#666;
}


/* ----------------------------------------------------
 
    bottomnavi
 
---------------------------------------------------- */

#bottomnavi  {
	margin: 30px auto;
	padding: 10px;
text-align:center;
font-size: 12px;
border-bottom: #ccc 1px solid;
}

#bottomnavi li {
	display: inline;
	margin: 8px 15px;
}

/* ----------------------------------------------------
 
    contact
 
---------------------------------------------------- */

#toi  {
	margin: 0 auto;
	padding: 20px;
font-size: 12px;
}


#toi li {
	display: inline;
	margin: 10px;
font-size: 12px;
}


/* ----------------------------------------------------
 
    art
 
---------------------------------------------------- */

.bn {
	border: none;
	text-align: left;
	vertical-align: top;
}

.fontb {
	font-size: 1.1em;
	font-weight: bolder;
}

.title {
	font-size: 0.8em;
}

/* ----------------------------------------------------
 
    responsive
 
---------------------------------------------------- */

@media screen and (max-width: 1200px) {
#newwrapper {
	width: 100%;
	overflow: auto;
}
#mainimg {
	position: relative;
	width: 100%;
	height: auto;
text-align:center;
margin:auto;
}
#2maincontents, #2maincontents_index {
	position: relative;
	width: 350px;
	height: auto;
	margin: auto;
}
 #2container {
 position: relative;
 width: 95%;
}

 #contop {
 position: relative;
 width: 70%;
}

#img2 {
	position: relative;
	width: 100%;
	height: auto;
}

#img3 {
	position: relative;
	width: 100%;
	height: auto;
}


#headnavi, #bottomnavi {
	padding: 5px;
	width:50%;
	font-size: 12px;
display: block;
border-bottom:none;
line-height:1.4;

}

#headnavi li, #bottomnavi li{
	display: block;
	margin: 10px 0 ;

}


#w_menu {
	margin: 15px auto;
	width: 100%;
	position: block;
text-align:center;
}

#w_menu li {
	width: 240px;
height:40px;
margin:10px auto;
}


#sidemenu img {
width:98%;
}

#slideshow {
	width: 100%;
	height: 50%;
	float: none;
	margin: 0 auto;
	clear: both;
}
#viewer {
	margin: 0 auto;
	width: 100%;
	height: 280px;
	float: none;
	text-align: left;
	overflow: hidden;
	position: relative;
	clear: both;
}
#viewer img {
	position: relative;
	width: 100%;
}

#topicnews {
	margin: 10px auto;
	padding: 10px;
	width: 80%;
	height: 160px;

}
#oubo {
	margin: 10px auto;
width:100%;
text-align:center;
}

#oubo li {
	margin: 10px 0;
}

#menutop {
	visibility: hidden;
	display: none;
}
#menubottom {
	visibility: visible;
	display: block;
}

#video{
width:auto;
text-align:center;
margin:0 auto;
display:relative;
background-color:#FFF;
}


#con_genre {
	width: 300px;
	margin: 10px auto;
text-align:center;
}


}

@media screen and (min-width: 650px) and (max-width: 1200px) {

#headnavi, #bottomnavi{
width:625px;
margin:25px auto;
padding: 2px;
text-align:center;
line-height:2.5;
}

#headnavi li, #bottomnavi li{
	display: inline;
margin:20px 18px;
}

#con_genre {
	width: 920px;
	height: auto;
	margin: 10px auto;
	padding: 10px;
	position: relative;
text-align:center;

}



#top_box1{
width:240px;

}
#top_box1 img{
width:240px;

}

}


/* ----------------------------------------------------
 
    smapho
 
---------------------------------------------------- */

@media screen and (max-width: 759px) {

#top_box1{
width:150px;
height:250px;
border:#666 solid 1px;
font-size:12px;
float:left;
position:relative;
margin:10px 5px;
text-align:center;

}

#top_box1 img{
width:150px;

}


#contop{
	width: 90%;
	height: auto;
	padding: 5px;
text-align:center;

}

#ad{

width:100%;
text-align:center;
margin:0 0 0 10px;
}

#ad img{
width:90%;

}
#top{
background:#fff;
background-image:none;

}


}