@charset "Shift-JIS";
/* CSS Document */

/*-------------------------------------------------
	RESET
-------------------------------------------------*/
* {
	margin:0pt;
	padding:0pt;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, ol, ul, li, dl, dt, dd, p {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	line-height:160%;
}
ul li {
	list-style-type:none;
}

body {
	background:url(../images/body_bg.jpg) repeat;
	font-family:Verdana;
	font-size:0.8em;
	line-height:170%;
	height:auto;
}
table {
	text-align:left;
}

.clear {clear: both;}


* html #gNav             { zoom: 1; } /* IE6 */
*:first-child+html #gNav { zoom: 1; } /* IE7 */
/*------------------------フォント指定------------------------*/
a {
	color:#0e7c89;
	text-decoration:none;
}
a:hover {
	opacity:0.7;
	text-decoration:none;
}
/*------------------------wrap------------------------*/
#wrapper {
height:auto !important; /*IE6対策*/
margin:0 auto;
}
#wrap {
width:980px;
	margin:0 auto;
}

/*------------------------タブ内背景------------------------*/
#wrap2 {
background-color:#f0f0f0;
width:auto;
height:100%;
font-size:120%;
}

/*------------------------ぱんくず------------------------*/
#bradclumb ul {
	padding:5px 0;
	z-index:2;
	font-size:10px;
}
#bradclumb ul li {
	float:left;
}
#bradclumb:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
/*------------------------ヘッダ------------------------*/

#head_tit{
width:980px;
height:55px;
line-height:55px;
margin:10px auto;
}

h1 {
background:url(../images/header_logo.jpg) no-repeat;
	float:left;
	width:173px;
	height:40px;
}

h1 a{
display:block;
	width:173px;
	height:40px;
}




#head {
	width:980px;
	margin:0 auto;
}
#head:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
#search_btn {
	width:21px;
	height:22px;
	background:url(../images/search_btn.jpg) no-repeat;

}

#search_area {

	float:right;
	height:50px;
}
#textbox {
	width:250px;
	height:20px;
	border:1px solid #dfdfdf;
}
/*------------------------ナビゲーション------------------------*/
#gNav_bg {
background-color:#f7f7f7;
border-bottom:3px #e0e0e0 solid;
width:100%;
height:50px;
}


#gNav {
  list-style-type: none;
  width: 980px;
  height: 50px;
  margin:auto;
  padding: 0;
  font-size:10px;
  
}

#gNav li {
  position: relative;
  width: 184px;
  height:46px;
  float: left;
  padding: 0;
  text-align: center;
   border-left:1px #ffffff solid;
  border-right:1px #e0e0e0 solid;
  z-index: 1;
}

#gNav li a {
  display: block;
  margin: 0;
  height:46px;
  color:#333333;
  font-size: 12px;
  font-weight: bold;
  line-height: 50px;
  text-decoration: none;

}



#gNav li ul {
  position: absolute;
  top: 100%;
  left: 0;
  list-style: none;
  margin: 0;
  border-radius: 0 0 3px 3px;
}
#gNav li:last-child ul {
  left: 0;
  width: 100%
}

#gNav li ul li{
  overflow: hidden;
  width: 182px;
  height: 0;
  color: #000000;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#gNav li ul li a{
margin-top:3px;
margin-left:-2px;
  background: #f6f6f6;
  text-align: left;
  font-size: 12px;
  padding-left:20px;
  font-weight: normal;
}
#gNav li:hover > a{
  background: #f1f1f1;
  color:#0e7c89;
	border-bottom:4px #0e7c89 solid;
	opacity:1;
}
#gNav > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#gNav li:hover ul li{
  overflow: visible;
  height:30px;
  margin-bottom:18px;
}
#gNav li:hover ul li:first-child{
  border-top: 0;
}
#gNav li:hover ul li:last-child{
  border-bottom: 0;
}
#gNav li:hover ul li:last-child a{
  border-radius: 0 0 0px 3px;
}

/*------ページ目印用-----*/
.list_on{
background-color:#eeeeee;
border-bottom:4px #0e7c89 solid;}


.taball{
display: block;
  margin: 0;
  height:46px;
  color:#333333;
  font-size: 12px;
  font-weight: bold;
  line-height: 50px;
  text-decoration: none;
  width:50%;
}

/*------サブメニュー非表示-----*/
.extralink{
visibility:hidden;}


/*------------------------コンテンツ------------------------*/
#container {
position:relative;
	margin:5px 0;
	margin-bottom:20px;}
	
#container_left{
width:980px;
}

#page_detail {
padding:5px;
	border:1px solid #dfdfdf;
	width:960px;
	border-left:5px #0e7c89 solid;
	background-color:#f0f0f0;
	margin-bottom:5px;
}
#page_detail p{
font-size:11px;
margin-left:10px;
	padding:5px;
	background-color:#f0f0f0;
}





/*------------------------動画表示エリア------------------------*/
#videoarea {
	width:auto;
	height:auto;
	margin-right:10px;
	margin-bottom:20px;
	float:left;
	background:url(../images/movie_bg.jpg) repeat;
	border:1px #ffffff solid;

}
#video iframe {
	padding:auto;
	margin:0 auto;
}
#video_detail {
	background:#333333;
	height:20px;
	color:#dfdfdf;
	padding:5px;
	font-size:13px;
}

/*------------------------動画情報 ------------------------*/
#other_link{width:380px; border:1px solid #dfdfdf; height:auto; float:right; background-color:#f0f0f0;}

#otheriframe .more{ background-color:#ccc; color:#666; padding:5px 0; text-align:center; }

#otheriframe{padding:10px;
background:url(../images/comment_tit.jpg) no-repeat top left;
background-color:#f0f0f0; font-size:13px; line-height:12px;}

#otheriframe dl{padding:47px 5px 5px 5px;}
#otheriframe dt{padding:10px 0; border-bottom:1px solid #dfdfdf;}

#otheriframe p{height:auto; padding:5px; line-height:15px;}

/*------------------------動画情報5ch ------------------------*/

#otheriframe2{padding:10px;
background:url(../images/comment_tit.jpg) no-repeat top left;
background-color:#f0f0f0; font-size:13px; line-height:12px;}

#otheriframe2 dl{padding:47px 5px 5px 5px;}
#otheriframe2 dt{padding:10px 0; border-bottom:1px solid #dfdfdf;}

#otheriframe2 p{height:auto; padding:5px; line-height:15px;}





/*------------------------タブ表示エリア------------------------*/

#tab_area {
	width:980px;
	height:auto;
	background-color:#f0f0f0;
	margin-top:5px;
	border: 1px solid #CCC;
	clear:both;
}
.tabNav {
width:980px;
background-color:#f0f0f0;
border: 1px solid #cccccc;
border-bottom: 1px solid #ffffff;
}
.tabNav li {
	background-color:#f0f0f0;
	float: left;
	font-weight: bold;
	text-align: center;
	border-right:1px #e0e0e0 solid;
}
.tabNav a {
	display: block;
	width:auto;
	padding: 10px 30px;
	color: #666666;
	font-size:12px;
}

.tabNav a.active {
border-bottom: 3px solid #0e7c89;
color: #0e7c89;
}

.tabNav a:hover {
	border-bottom: 3px solid #0e7c89;
		color: #0e7c89;
}

.tabContents {
position:relative;
	clear: both;
	padding: 10px 10px 0 10px;
	background-color:#f0f0f0;
	border-top: 1px solid #cccccc;

}
.navi dl {
	padding:10px 0;
}
.navi dt {
	background:#dfdfdf;
	padding:5px 0;
	font-weight: bold;
	font-size:70%;
	color:#fff;
	width:40px;
	position:absolute;
	height:20px;
	text-align:center
}
.navi dd {
	background: url(../images/a.gif) no-repeat 5px 8px;
	padding: 5px 5px 10px 50px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}
.navi p{padding-bottom:5px; margin-bottom:10px;height:auto; border-bottom:1px dotted #dfdfdf;}


/*------------------------タブもっと見る------------------------*/
#tab_more{
clear:both;
width:980px;
height:40px;
background-color:#f0f0f0;
border-top:1px solid #cccccc;
margin-left:-10px;
}

#tab_more a{
float:right;
display:block;
width:980px;
height:40px;
background:url(../images/tabmore_btn.jpg) no-repeat;


}




/*------------------------フッター ------------------------*/
#foot{width:100%;
 background-color:#393a3a;
 margin-top:20px;
 height:60px;
 bottom:0px;}


.address{color:#f0f0f0; text-align:center; height:60px; line-height:60px; margin:0 auto;}




/*------------------------テーブル ------------------------*/


.bordered {
    border: 1px solid #CCC;
    width: 100%;  
   border-collapse: collapse;
 -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px #CCC; 
    -moz-box-shadow: 0 1px 1px #CCC; 
    box-shadow: 0 1px 1px #CCC;         
}


.bordered tr:hover {
    background: #E6E6E6;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #CCC;
    border-top: 1px solid #CCC;
    padding: 5px;
     
}

.bordered th {
    background-color: #E6E6E6;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#E6E6E6));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #E6E6E6);
    background-image:    -moz-linear-gradient(top, #FFFFFF, #E6E6E6);
    background-image:     -ms-linear-gradient(top, #FFFFFF, #E6E6E6);
    background-image:      -o-linear-gradient(top, #FFFFFF, #E6E6E6);
    background-image:         linear-gradient(top, #FFFFFF, #E6E6E6);

}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}


.bordered2 {
    border: 1px solid #CCC;
    width: 95%;  
   border-collapse: collapse;
 -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 1px #CCC; 
    -moz-box-shadow: 0 1px 1px #CCC; 
    box-shadow: 0 1px 1px #CCC;         
}

/*------------------------タブ内のテーブル ------------------------*/
#tab_table table{
text-align:left;
width:100%;
}


#tab_table td{
width:50px;
padding:10px 10px;
font-size:12px;
border-top:1px solid #cccccc;
border-bottom:1px solid #ffffff;}


.tab_info{padding:10px 10px;
min-width:440px;
text-align:left;
font-size:11px;
border-top:1px solid #cccccc;
border-bottom:1px solid #ffffff;}


/*--------5ch用テーブル--------*/

.tab5 {
font-size:12px;}
.tab5 table{
width:980px;
}

.tab5 p{
font-size:120%;
width:auto;
margin:5px 0;
}


.tab5 a{
width:auto;
font-weight:bold;
margin:0 10px;}



/*------------------------clearfix------------------------*/
.clearfix:after{
content: ".";
display: block;
height: 0;
font-size:0;   
clear: both;
visibility:hidden;}
.clearfix{
* html .clearfix{
height: 1%;}
.clearfix{
display:block;}
/* End Hack */


/*------------------------cgi用------------------------*/
.bordered{

background:#f0f0f0;}
.bordered td{
padding:5px;}