@charset "utf-8";

/*
 * Copyright (C) blogtube All rights reserved.
 * 削除不可部分の削除はしないようにお願いいたします。
 * このコメント部分も削除不可です。
 * カスタマイズや利用法に制限はありません。
 * サイトはこちらです。
 * http://templatetube.blog78.fc2.com/
*/


/*　　　　基本的な設定　　　　*/

* {
margin: 0;
padding: 0;
font-style : normal;
font-weight: normal;
word-break: break-all;
font-family: Verdana, Arial, sans-serif;
}

body{
text-align: center;
}

a,
a:link,
a:visited{
color: #333333;  1785e5
text-decoration: none;
}
a:hover{
color: #1785e5;
text-decoration: underline;
}
a:active {}

a img{
border: 0;
}

input{
padding: 1px;
font-size: 12px;
}

blockquote {
width: auto;
margin: 16px 10px;
padding: 10px;
font-size: 12px;
line-height: 150%;
background: #ebebeb;
border: solid 1px #000;
}

.section{
}

/*　　　　基本的な設定　　　　*/


/*　　　　　ヘッダ・バナー部分　　　　　*/

#banner{
width: 100%;
background: 
border-bottom: solid 1px #000;
}

#banner a,
#banner a:link,
#banner a:visited{
color: #000;
font-size: 36px;
text-decoration: none;
}
#banner a:hover{
color: #000;
font-size: 24px;
text-decoration: underline;
}
#banner a:active{}

#bannerbox{
text-align: center;
color: #000;
padding: 24px 20px;
}

#banner h1,
#banner h1 a{
margin-bottom: 6px;
font-size: 24px;
font-weight: bold;
}

#banner h2{
color: #000;
font-size: 18px;
}

/*　　　　　ヘッダ・バナー部分　　　　　*/


/*　　　　提携サイト更新情報　　　　*/

#kousin{
width: 1050px;
margin: 10px auto 20px;
border: solid 1px #000;
background: #fff;
}

#k-title{
padding: 3px;
text-align: center;
font-size: 12px;
color: #000;
background: #ebebeb;
border-bottom: solid 1px #000;
}

.kousincontent{
padding: 3px;
text-align: left;
font-size: 12px;
color: #000;
line-height: 150%;
}

/*　　　　提携サイト更新情報　　　　*/


/*　　　　トップのフルバナー　　　　*/

.topadfull{
width: 1050px;
margin: 10px auto 20px;
background: #fff;
}

.topadfullmain{
width: 100%;
margin: 0 auto;
text-align: center;
font-size: 12px;
color: #000;
line-height: 150%;
}

/*　　　　トップのフルバナー　　　　*/


/*　　　　トップを2分割　　　　*/

.topbox{
width: 1050px;
background: #fff;
margin: 10px auto 20px;
}

.topmargin{
margin: 0 10px;
}

.topleft{
float: left;
width: 520px;
}

.topright{
float: right;
width: 520px;
}

.topborder{
border: solid 1px #000;
}

.toptitle{
padding: 3px;
text-align: center;
font-size: 12px;
color: #000;
background: #ebebeb;
border-bottom: solid 1px #000;
}

.topcontent{
padding: 3px;
text-align: left;
font-size: 12px;
color: #000;
line-height: 150%;
}

/*　　　　トップを2分割　　　　*/










/*　　　　　メイン全体　　　　　*/

#bodyid{
margin-top: 10px;
margin-bottom: 20px;
text-align: center;
background: #fff;
}

#box{
width: 1080px;
margin-right: auto;
margin-left: auto;
border: solid 1px #000;
}

/*　　　　　メイン全体　　　　　*/


/*　　　　　ボックス全体　　　　　*/

#box-margin{
margin: 0 15px;
}

#box-left{
float: left;
width: 710px;
}

#box-right{
float: right;
width: 330px;
}

/* 右カラム */

/* 右カラム通常リスト設定 */
#box-right ul{
margin-left: 12px;
list-style-type: circle;
}

/* 右カラム */

#box-main{
float: right;
width: 500px;
}

/* 
右カラムのリストに画像を使用する例
#box-right ul{
}
#box-right ul li{
padding-left: 12px;
background: url(リスト画像のURL) no-repeat 0px 0.4em;
list-style-type: none;
}
使用する場合は右カラム通常リスト設定を削除して、
この部分のコメントを外して下さい。スペースは微調整して下さい。 
*/

/* メイン部分 */

#box-main h3{
font-size: 12px;
color: #000;
font-weight: bold;
margin-top: 5px;
}

#box-main p{
margin-top: 10px;
margin-bottom: 16px;
}

#box-main img{
margin-right: 16px;
margin-bottom: 16px;
}

#box-main ul{
margin: 10px 0 10px 16px;
line-height: 175%;
}

/* メイン部分 */

#box-sub{
float: left;
width: 200px;
}

/* 左カラム */

/* 左カラム通常リスト設定 */
#box-sub ul{
margin-left: 12px;
list-style-type: circle;
}

/* 
左カラムのリストに画像を使用する例
#box-sub ul{
}
#box-sub ul li{
padding-left: 12px;
background: url(リスト画像のURL) no-repeat 0px 0.4em;
list-style-type: none;
}
使用する場合は左カラム通常リスト設定を削除して、
この部分のコメントを外して下さい。スペースは微調整して下さい。 
*/

/* 左カラム */

/*　　　　　ボックス全体　　　　　*/


/*　　　　　RSS　　　　　*/

#rss{
margin: 0 auto 10px;
border: solid 1px #000;
background: #fff;
}

#rsstitle{
padding: 3px;
text-align: center;
font-size: 12px;
color: #000;
background: #ebebeb;
border-bottom: solid 1px #000;
}

#rssmain{
padding: 3px;
text-align: left;
font-size: 12px;
color: #000;
line-height: 175%;
}

/*　　　　　RSS　　　　　*/


/*　　　　　メインボックス全体　　　　　*/

.mainbox{
width: 100%;
margin: 0 auto 10px;
border: solid 1px #000;
}

.maindate{
padding: 3px;
text-align: left;
background: #ebebeb;
border-bottom: solid 1px #000;
}

.maindate2{
font-size: 12px;
font-weight: bold;
color: #000;
}

.maintime{
font-size: 10px;
font-weight: normal;
color: #000;
}

.mainentry{
font-size: 12px;
margin-top: 6px;
padding: 3px;
text-align: left;
}

.maintitle{
margin-bottom: 16px;
color: #000;
font-size: 12px;
font-weight: bold;
}

.maincontent{
padding: 0 10px;
margin-bottom: 10px;
color: #000;
font-size: 12px;
line-height: 150%;
}

.maintextarea{
font-size: 12px;
line-height: 150%;
margin: 10px; 0 16px;
}


.mainmore{
text-align: center;
margin-bottom: 10px;
color: #000;
font-size: 20px;
}


.mainnavi{
margin-top: 10px;
text-align: center;
font-size: 12px;
}

.maintag{
margin-top: 14px;
text-align: right;
color: #000;
font-size: 10px;
}

.mainfooter{
margin-top: 4px;
text-align: right;
color: #000;
font-size: 10px;
}

/*　　　　　メインボックス全体　　　　　*/


/*　　　　　コメント・トラックバック　　　　　*/

.comment{
}

#comment-top,
#comment-post,
#comment-edit{
padding: 3px;
margin-bottom: 6px;
text-align: left;
color: #000;
font-size: 12px;
background: #ebebeb;
border: solid 1px #000;
}

.comment-box{
padding: 3px;
margin-bottom: 10px;
text-align: left;
color: #000;
font-size: 12px;
line-height: 150%;
background: #f6f6f6;
border: solid 1px #ebebeb;
}

.comment-title{
margin-bottom: 10px;
line-height: 125%;
font-size: 12px;
}

.comment-titleb{
margin-bottom: 10px;
line-height: 125%;
font-size: 12px;
font-weight: bold;
}

.comment-footer{
margin-top: 10px;
text-align: right;
font-size: 10px;
}

.comment-entry{
font-size: 12px;
color: #000;
}

.comment-form{
text-align: right;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 150%;
}

.comment-form dl{}
.comment-form dt{
float: left;
margin-bottom: 6px;
}
.comment-form dd{
margin-bottom: 6px;
}

.comment-button{
margin: 4px 0 10px;
}

.trackback{
}

#trackback-top,
#trackback-header{
padding: 3px;
margin-bottom: 6px;
text-align: left;
color: #000;
font-size: 12px;
background: #ebebeb;
border: solid 1px #000;
}

.trackback-more{
text-align: right;
}

.comment-form2{
margin: 0 auto;
font-size: 12px;
line-height: 150%;
word-break: break-all;
}

/*　　　　　コメント・トラックバック　　　　　*/


/*　　　　　カレンダー　　　　　*/

.calendarbox{
width: 146px;
text-align: center;
color: #000;
font-size: 11px;
background: #f6f6f6;
border: solid 1px #ebebeb;
}

.calendar{
width: 100%;
border-collapse: collapse;
font-size: 11px;
}

.calendarmy{
border: solid 1px #ebebeb;
}

.calendar caption{
margin-bottom: 5px;
background: #ebebeb;
}

.calendar th{
padding: 0.1em;
text-align: center;
border-bottom: solid 1px #ebebeb;
}

.calendar td{
padding: 0.1em;
text-align: center;
border-bottom: solid 1px #ebebeb;
}

.calendar td a{
display: block;
color: #1785e5;
background: #fff;
border: solid 1px #ebebeb;
}

.sun{
color: #e51717;
}

.sat{
color: #1785e5;
}

/*　　　　　カレンダー　　　　　*/


/*　　　　　左ボックス　　　　　*/

.lefttitle{
padding: 3px;
margin-bottom: 6px;
text-align: center;
color: #000;
font-size: 12px;
line-height: 125%;
background: #ebebeb;
border: solid 1px #000;
}

.leftmain{
padding: 3px;
margin-bottom: 10px;
text-align: left;
color: #000;
font-size: 12px;
line-height: 150%;
background: #f6f6f6;
border: solid 1px #ebebeb;
}

.leftframe{
margin-bottom: 10px;
text-align: left;
color: #000;
font-size: 12px;
line-height: 150%;
background: #f6f6f6;
}

.leftp{
margin-bottom: 10px;
}

.leftcalendar{
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}

/*　　　　　左ボックス　　　　　*/


/*　　　　　右ボックス　　　　　*/

.righttitle{
padding: 3px;
margin-bottom: 6px;
text-align: center;
color: #000;
font-size: 12px;
line-height: 125%;
background: #ebebeb;
border: solid 1px #000;
}

.rightmain{
padding: 3px;
margin-bottom: 10px;
text-align: center;
color: #000;
font-size: 12px;
line-height: 150%;
background: #f6f6f6;
border: solid 1px #ebebeb;
}

.rightiframe{
margin-bottom: 10px;
text-align: center;
color: #000;
font-size: 12px;
line-height: 150%;
background: #f6f6f6;
}

.rightmargin{
margin-bottom: 10px;
}

/*　　　　　右ボックス　　　　　*/


/*　　　　下部エリア広告　　　　*/

#bottombox{
width: 1050px;
margin: 10px auto 20px;
border: solid 1px #000;
background: #fff;
}

#bottomtitle{
padding: 3px;
text-align: center;
font-size: 12px;
color: #000;
background: #ebebeb;
border-bottom: solid 1px #000;
}

.bottomcontent{
padding: 3px;
margin: 0 auto;
text-align: center;
font-size: 12px;
color: #000;
line-height: 150%;
}

/*
テーブルをセンタリングする場合に
.bottomcontent table{
margin: 0 auto;
}
*/

/*　　　　下部エリア広告　　　　*/


/*　　　　　フッター　　　　　*/

#footer{
width: 100%;
margin-top: 18px;
background: #ebebeb;
}

#footer-box{
text-align:center;
font-size: 12px;
line-height: 125%;
color: #000;
border-top: solid 1px #ebebeb;
}

/*　　　　　フッター　　　　　*/


/*　　　　　文字装飾　　　　　*/

.tubered{
color: #e51717;
}

.tubeblue{
color: #1785e5;
}

.tubespan1{
color: #000;
background: #ffb2d4;
}

.tubemargin1{
margin-top: 10px;
}

.mainindent{
text-indent: 12px;
}

/*　　　　　文字装飾　　　　　*/

/*--  ナビ　--*/

#navi{
	background: #1b1f22;
	width:100%;
	height:40px;
	clear:both;
	border-top:1px solid #2e2e2e;
	border-bottom:1px solid #1e1e1e;
	background:#111111;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #111111 /*{a-bar-background-start}*/), to( #2e2e2e /*{a-bar-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#111111 /*{a-bar-background-start}*/, #2e2e2e /*{a-bar-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#111111 /*{a-bar-background-start}*/, #2e2e2e /*{a-bar-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#111111 /*{a-bar-background-start}*/, #2e2e2e /*{a-bar-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#111111 /*{a-bar-background-start}*/, #2e2e2e /*{a-bar-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#111111 /*{a-bar-background-start}*/, #2e2e2e /*{a-bar-background-end}*/);
	}
#navi ul{
	width:94%;
	margin:0 auto;
	}
#navi li {
	display:block;
	width:150px;
	height:40px;
	line-height:40px;
	font-weight:600;
	font-family:helvetica,Verdana, Geneva, sans-serif;
	text-shadow:#000 1px 1px 1px;
	border-left:1px dotted #1e1e1e;
	text-align:center;
	float:left;
	}
#navi li a:link,#navi li a:visited{
	display:block;
	width:150px;
	height:40px;
	color:#f7f7f7;
	}
#navi li a:hover{
	background:#3e3e3e;
	color:#e9967a;　#12ceda
	}
	
#tools {
	position:absolute;
	top:40px;
	left:85%;
	float:right;
	}
#tools ul{
	width:120px;
	}
#tools li.tool{
	display:block;
	width:60px;
	height:60px;
	float:left;
	}
#tools a:hover{
	opacity:.8;
	}
/*--  ナビ　--*/










#button { 
  width:80px; 
  color:#ffffff; 
  background:#337fcc; 
  font-size:12px; 
  font-weight:bold;  
  text-align:center; 
  display:block; 
  text-decoration:none; 
  border:1px solid #225588; 
  padding:2px 0 2px 0;  
  border-radius:5px; 
} 

#ジャンル { 
  width:80px; 
  color:#ffffff; 
  background:#ff3300; 
  font-size:12px; 
  font-weight:bold;  
  text-align:center; 
  display:block; 
  text-decoration:none; 
  border:1px solid #225588; 
  padding:2px 0 2px 0;  
  border-radius:5px; 
} 


#情報 { 
  width:200px; 
  color:#ffffff; 
  background:#000000; 
  font-size:12px; 
  font-weight:bold;  
  text-align:center; 
  display:block; 
  text-decoration:none; 
  border:1px solid #225588; 
  padding:2px 0 2px 0;  
  border-radius:5px; 
} 


#情報2 { 
  width:470px; 
  color:#ffffff; 
  background:#000000; 
  font-size:12px; 
  font-weight:bold;  
  text-align:center; 
  display:block; 
  text-decoration:none; 
  border:1px solid #225588; 
  padding:2px 0 2px 0;  
  border-radius:5px; 
} 



#情報3 { 
  width:300px; 
  color:#ffffff; 
  background:#008080; 
  font-size:16px; 
  font-weight:bold;  
  text-align:center; 
  display:block; 
  text-decoration:none; 
  border:1px solid #225588; 
  padding:2px 0 2px 0;  
  border-radius:5px; 
} 


#情報4 { 
  width:300px; 
  color:#ffffff; 
  background:#000000; 
  font-size:20px; 
  font-weight:bold;  
  text-align:center; 
  display:block; 
  text-decoration:none; 
  border:1px solid #225588; 
  padding:2px 0 2px 0;  
  border-radius:5px; 
} 




#DMM { 
  width:400px; 
  color:#ffffff; 
  background:#008080; 
  font-size:12px; 
  font-weight:bold;  
  text-align:center; 
  display:block; 
  text-decoration:none; 
  border:1px solid #225588; 
  padding:2px 0 2px 0;  
  border-radius:5px; 
} 


#マジックミラー号 { 
  width:480px; 
  color:#ffffff; 
  background:#337fcc; 
  font-size:20px; 
  font-weight:bold;  
  text-align:center; 
  display:block; 
  text-decoration:none; 
  border:1px solid #225588; 
  padding:2px 0 2px 0;  
  border-radius:5px; 
} 


#画像クリックで動画へ { 
  width:300px; 
  color:#ffffff; 
  background:#696969; 
  font-size:24px; 
  font-weight:bold;  
  text-align:center; 
  display:block; 
  text-decoration:none; 
  border:1px solid #225588; 
  padding:2px 0 2px 0;  
  border-radius:5px; 
} 


.relative {
    position: relative;
}
.absolute {
    position: absolute;
    bottom: 80px;
    color: #fff;
    background: rgba(0,0,0,.6);
    width: 100%;
    max-width: 600px;
    padding: 1em 0;
}
.absolute p {
    margin: 0;
    padding: 0 0.8em;
    font-size: 150%;
    text-align: center;
}







table{
 margin-right :  auto;
 margin-left :  auto;
}






.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* 新着記事サムネイル画像表示 */
.img_recent br {
clear:left;
}
.img_recent img {
float:left;
border: 0;
margin-right:10px; /* 画像の右余白 */
margin-bottom:10px; /* 画像の下余白 */
width: 190px; /* 画像表示サイズ */
height: 130px; /* 画像表示サイズ縦　*/
}






/* 動画を見るボタンCSS記述 */
@font-face {
  font-family: "LigatureSymbols";
  src: url("../font/LigatureSymbols-2.11.eot");
  src: url("../font/LigatureSymbols-2.11.eot?#iefix") format("embedded-opentype"),
           url("../font/LigatureSymbols-2.11.woff") format("woff"),
           url("../font/LigatureSymbols-2.11.ttf") format("truetype"),
           url("../font/LigatureSymbols-2.11.svg#LigatureSymbols") format("svg");
  font-weight: normal;
  font-style: normal;
}

.icon-font {
  font-family: "LigatureSymbols";
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga"1, "dlig"1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga"1, "dlig"1;
  -o-font-feature-settings: "liga"1, "dlig"1;
  font-feature-settings: "liga"1, "dlig"1;
}

/*------------------------------------------
// User style start
// change
----------------------------------------- */

.general-button  {
  border-radius: 19px;
  background-color: #000000;
}

.general-button:before  {
  border-radius: 19px;
  border-bottom: 0px solid rgba(11,12,13, 0);
  background-color: rgba(11,12,13, 0);
}

.button-content  {
  border-radius: 0px 0px 19px 19px;
  padding: 11px 7.5px;
  box-shadow: 0px 0px 0px 0px rgba(11,12,13, 0);
  color: #f8f8f8;
}

.button-text  {
  padding: 0px 7.5px;
  line-height: 1em;
  font-size: 36px;
}

.icon-font  {
  padding: 0px 7.5px;
  font-size: 10px;
}

/*----------------- at hover -----------------*/

.general-button:hover  {
  top: -2px;
  transition: all 33ms;
  -moz-transition: all 33ms;
  -webkit-transition: all 33ms;
  -o-transition: all 33ms;
  background-color: #4d535a;
}

.general-button:hover:before  {
  border-bottom: 2px solid rgba(11,12,13, 0);
  transition: all 33ms;
  -moz-transition: all 33ms;
  -webkit-transition: all 33ms;
  -o-transition: all 33ms;
}

.general-button:hover .button-content  {
  box-shadow: 0px 2px 0px 0px rgba(11,12,13, 1);
  transition: all 33ms;
  -moz-transition: all 33ms;
  -webkit-transition: all 33ms;
  -o-transition: all 33ms;
}

/*----------------- at active -----------------*/

.general-button:active  {
  background-color: #3a3f44;
  box-shadow: 0px 1.4px 0px 0px rgba(0,0,0, 1) inset;
}

.general-button:active:before  {
  top: -2px;
  padding-bottom: 2px;
  border-bottom: 0px solid rgba(11,12,13, 0);
}

.general-button:active .button-content  {
  box-shadow: 0px 0px 0px 0px rgba(11,12,13, 0);
}

/*------------------------------------------
// User style end
----------------------------------------- */

/*------------------------------------------
// Core style start
// not change
----------------------------------------- */

.general-button  {
  display: -moz-inline-box;
  display: inline-block;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;position: relative;
  top: 0px;
  cursor: pointer;
  text-decoration: none;
  line-height: 1;
}

.general-button:before  {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.button-content  {
  display: table;
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.button-text  {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
}

.icon-font  {
  display: table-cell;
  vertical-align: middle;
}

/*----------------- at hover -----------------*/

.general-button:hover  {
  transition-timing-function: ease-in-out;
}

.general-button:hover:before  {
  transition-timing-function: ease-in-out;
}

.general-button:hover .button-content  {
  transition-timing-function: ease-in-out;
}

/*----------------- at active -----------------*/

.general-button:active  {
  top: 0px;
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.general-button:active:before  {
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

.general-button:active .button-content  {
  transition: all 0ms;
  -moz-transition: all 0ms;
  -webkit-transition: all 0ms;
  -o-transition: all 0ms;
}

/*------------------------------------------
// Core style end
----------------------------------------- */

/*------------------------------------------
// Touch style start
----------------------------------------- */

/*----------------- at hover -----------------*/

.touch .general-button:hover  {
  top: 0px;
  background-color: #464c52;
}

.touch .general-button:hover:before  {
  border-bottom: 0px solid rgba(11,12,13, 0);
}

.touch .general-button:hover .button-content  {
  box-shadow: 0px 0px 0px 0px rgba(11,12,13, 1);

}

/*----------------- at active -----------------*/

.touch .general-button:active  {
  background-color: #3a3f44;
  box-shadow: 0px 1.4px 0px 0px rgba(0,0,0, 1) inset;
}

.touch .general-button:active:before  {
  top: -2px;
  padding-bottom: 2px;
  border-bottom: 0px solid rgba(11,12,13, 0);
}

.touch .general-button:active .button-content  {
  box-shadow: 0px 0px 0px 0px rgba(11,12,13, 0);
}

/*------------------------------------------
// Touch style end
----------------------------------------- */



.img_box2 {
    position:relative;
    display:block;
    /* 画像と同じサイズ */
    width:180px;
    margin:10px;
    padding:0;
    font-size: 12px;

 background-color:#333233;
}
.img_box2 img {
    z-index:0;
    margin:0;
    padding:0;
}
.img_box2 a {
    color:white;
}
.img_box2 img:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.img_comment3 {
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:1;
    margin:0;
    padding:5px;
    background-color:#333233;
}


.img_box3 {
    position:relative;
    display:block;
    /* 画像と同じサイズ */
    width:200px;
    margin:3px;
    padding:0;
    font-size: 12px;
    background-color:#333233;
}
.img_box3 img {
    width:200px;
    margin:0;
    padding:0;
}
.img_box3 a {
    color:white;
}
.img_box3 img:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.img_comment3 {
    position:relative;
    bottom:0px;
    left:0px;
    z-index:1;
    margin:0;
    padding:5px;
    background-color:#333233;
}



.img_box4 {
    position:relative;
    display:block;
    /* 画像と同じサイズ */
    width:300px;
    margin:3px;
    padding:0;
    background-color:#333233;
}
.img_box4 img {
    width:300px;
    margin:0;
    padding:0;
}
.img_box4 a {
    color:white;
}
.img_box4 img:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.img_comment3 {
    position:relative;
    bottom:0px;
    left:0px;
    z-index:1;
    margin:0;
    padding:5px;
    background-color:#333233;
}



.img_box5 {
    position:relative;
    display:block;
    /* 画像と同じサイズ */
    width:400px;
    margin:3px;
    padding:10;
    background-color:#333233;
}
.img_box5 img {
    width:400px;
    margin:0;
    padding:0;
}
.img_box5 a {
    color:white;
}
.img_box5 img:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.img_comment3 {
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:1;
    margin:0;
    padding:5px;
    background-color:#333233;
}


.img_box6 {
    position:relative;
    display:block;
    /* 画像と同じサイズ */
    width:300px;
    margin:3px;
    padding:0;
    background-color:#333233;
}
.img_box6 img {
    width:300px;
    margin:0;
    padding:0;
}
.img_box6 a {
    color:white;
}
.img_box6 img:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.img_comment3 {
    position:relative;
    bottom:0px;
    left:0px;
    z-index:1;
    margin:0;
    padding:5px;
    background-color:#333233;
}