/*
Theme Name: mamembers
Description: WordPress Design Book
*/

/* 基本 */

body	{
	font-family:Helvetica,"ヒラギノ丸ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	background-color: #fff;
}
/* background-color: #030a0e; 黒 */

a	{text-decoration: none;
	color: #0c8bcd}

/* hover時に画像を発光させる */
a img {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
a:hover img {
	filter:alpha(opacity=80);
	opacity:.80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/* コンテナ */
div#container	{
    width: 1143px;
    height: 100%;    
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
}

#home-cont{
	background-color: #014d93;
}
#news-events{
    width: 1143px;
    height: 100%;    
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
	background-color: #014d93;

                }

/* ヘッダー */

#header .wrapper{

	padding: 13px 10px 20px 10px;
	overflow: hidden;
	margin-bottom: 20px}


div#header h1	{font-size: 2.5em;
	margin: 0}

div#header h1 a	{color: #000000}

div#header p#desc	{font-size: 1em;
	font-weight: bold;
	color: #999999;
	margin: 0 0 5px}

div#subinfo	{text-align: right;
	margin: -32px 0 5px}

div#h-social{
 position: relative;
top:-68px;
	float: right;
}

/* ナビゲーションバー */

div#nav	{font-size: 0.7em;
font-family:"Meiryo";
	height: 40px;
	background-color: #014d93;
    width: 1143px;
	margin-bottom: 2px}

div#nav ul	{margin: 0;
	padding: 0}

div#nav li	{
        list-style-type: none;
	float: left}

div#nav li a	{display: block;
	width: 120px;
	line-height: 40px;
	color: #ffffff;
	text-align: center}

div#nav li a:hover	{background-color: #1773b2}




/* コンテンツ */
div#slider	{
width: 1000px;
margin-left: 70px;
}

/* BOX インフォメーション */
div#box-info	{
 position: relative;
    width: 42%;
	padding: 30px;
	margin: 10px;
	float: left;
}

.box-info li a	{display: block;
font-size: 0.75em;
	width: 100%;
	line-height: 20px;
	color: #292929;
	text-align: left;
border-bottom:  solid #0e4468;
padding: 10px;
}

.box-info li a:hover	{background-color: #1773b2}

div#box-info-day {
display:
	color: #2b76cc;
	text-align: right;
	}


/* BOX レポート */
#box-back-1	{
    position:relative;
    width: 100%;
	height: 400px;
	background:transparent url(http://www.mame-vin.jp/wp-content/themes/mamembers/img/box-back-1.jpg) repeat top left;
	float: left;
}
#box-back-2	{
    position:relative;
    width: 100%;
	height: 400px;
	background:transparent url(http://www.mame-vin.jp/wp-content/themes/mamembers/img/box-back-2.jpg) repeat top left;
	float: left;
}

#box-back-31	{
    position:relative;
    margin-top: -10px;
    width: 100%;
	height: 400px;
	background:transparent url(http://www.mame-vin.jp/wp-content/themes/mamembers/img/box-back-31.jpg) repeat top left;
	float: left;
}
#box-back-32	{
    position:relative;
    margin-top: -10px;
    width: 100%;
	height: 400px;
	background:transparent url(http://www.mame-vin.jp/wp-content/themes/mamembers/img/box-back-32.jpg) repeat top left;
	float: left;
}


#box-back-4	{
    position:relative;
    margin-top: -20px;
    width: 100%;
	height: 400px;
	background:transparent url(http://www.mame-vin.jp/wp-content/themes/mamembers/img/box-back-5.jpg) repeat top left;
	float: left;
}

#box-back-10	{
    position:relative;
    width: 100%;
	height: 400px;
	background:transparent url(http://www.mame-vin.jp/wp-content/themes/mamembers/img/box-back-10.jpg) repeat top left;
	float: left;
}
#box-back-20	{
    position:relative;
    width: 100%;
	height: 400px;
	background:transparent url(http://www.mame-vin.jp/wp-content/themes/mamembers/img/box-back-20.jpg) repeat top left;
	float: left;
}

#box-back-30	{
    position:relative;
    width: 100%;
	height: 400px;
	background:transparent url(http://www.mame-vin.jp/wp-content/themes/mamembers/img/box-back-30.jpg) repeat top left;
	float: left;
}
#box-back-40	{
    position:relative;
    width: 100%;
	height: 400px;
	background:transparent url(http://www.mame-vin.jp/wp-content/themes/mamembers/img/box-back-40.jpg) repeat top left;
	float: left;
}



/* ボックスタイトル */
.box-title-1 {
	margin:0 0 20px;
	padding:2px 10px;
color: #fff;
}
.box-title-1 a{color: #fff;}
.box-title-1  a:hover{color:#81abe3;}

/* ボックス文 */
div#box-repo-1	{
    position:relative;
    width: 65%;
margin-left: auto;
margin-right: auto;
	float: left;
}
div#box-repo-2	{
    position: relative;
    width: 65%;
margin-left: auto;
margin-right: auto;
	float: left;
}

div#box-repo-3	{
    position: relative;
    width: 65%;
margin-left: auto;
margin-right: auto;
	float: left;
}

ul.box-repo {
	position: relative;
	overflow: hidden;
	margin: 0 0 1em;
	list-style: none;
}

ul.box-repo li {
	width: 20%;
	margin: 10;
	padding: 10px 10px;
	display: block;
	border: none;
	text-align: center;
	height: 530px;
	font-size:8px;
	float: left;
}

.box-repo li a	{display: block;
	font-size:14px;
	margin: 10;
	line-height: 20px;
	font-weight: bold;
	color:#fff;
	text-decoration:none;
	text-align: center;}

.box-repo li a:hover	{color: #1773b2}
.box-repo{
margin-top: 20px;
margin-left: 500px;

}
.box-repo td {
	width: 120px;
	margin: 10;
	padding: 10px 10px;
	display: block;
	border: none;
	text-align: center;
	height: 130px;
	font-size:8px;
	float: left;
}

.box-repo td a	{display: block;
	font-size:14px;
	margin: 10;
	line-height: 20px;
	color: #ffffff;
	text-align: center;}

.box-repo td a:hover	{color: #1773b2}


/* リスト */
div#box-list	{
    position:relative;
    width: 100%;
margin-left: auto;
margin-right: auto;
	background-color: #0d446a;
	float: left;
}

/* ニューフェイス */
.box-face	{
    position: relative;
    width: 600px;
	padding: 17px;
	background-color: #0a7ad1;
	float: left;
}
.box-face h2	{
	color: #b9defb;
}

/* enjoy mt.*/
#enjoymt	{
    position: relative;
    width: 100%;
	background-color: #f65949;
	float: left;

}

#enjoymt-logo	{
    position: relative;
    height: 450px;
    width: 450px;
margin-right: 50px;
	float: left;

}


/* 入部申し込み */
div#box-enter	{
    position: relative;
    width: 200px;
	margin-top: 30px;
	margin-left: 40px;
	padding: 20px;
	float: left;
}

ul.enter {
	margin-top: -60px;
	float: left;
	width: auto;
	padding: 0;
	list-style: none;
}

ul.enter li {
	margin: 0 0.5em 0.5em 0;
	padding: 0;
	display: block;
	border: none;
	text-align: center;
}

/* ループスライダー */
#loopslider {
	margin-left: 50px;
	margin-top: 10px;
	width: 600px;
	height: 300px;
	text-align: left;
	position: relative;
	overflow: hidden;
	float: left;
}

#loopslider ul {
	height: 400px;
	float: left;
	display: inline;
	overflow: hidden;
}
#loopslider ul li {
	width: 790px;
	height: 300px;
	float: left;
	display: inline;
	overflow: hidden;
}



/* =======================================
	ClearFixElements
======================================= */
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#loopslider ul {
	display: inline-block;
	overflow: hidden;
}



/* 記事タイトル */
p.title	{font-weight: bold;
	color: #0b75af;
	width: 400px;
	font-size: 36px;
	margin: 0 0 10px;
	padding: 0 30px 0 10px;
	}

p.pagenation	{font-size: 0.75em;
	overflow: hidden}

span.oldpage	{float: left}

span.newpage	{float: right}


/* 記事 */

div.post	{
	background-color: #ffffff;
padding: 10px 10px;
margin-bottom: 30px;
	overflow: hidden}

div.post h2	{	background-color: #014d93;
	font-size: 24px;
	padding: 10px 18px;
	margin: 0}

div.post h2 a	{color: #fff}
div.post h2 a:hover	{color: #1773b2}
div.post p	{font-size: 0.875em;
	line-height: 1.6}

div.post p.postcat	{text-align: right;
	margin: -10px 10px 10px 0}

div.post p.postcat a	{font-size: smaller;
	background-color: #a7d043;
	border-radius: 2px;
	color: #ffffff;
	padding: 1px 5px}

div.post p.postcat_custom	{text-align: right;
	margin: 10px 10px 10px 0}

div.post p.postcat_custom a	{font-size: smaller;
	background-color: #a7d043;
	border-radius: 2px;
	color: #ffffff;
	padding: 1px 5px}
	
p.postauthor	{text-align: left;
    margin-top: -10px;
	font-size: smaller;
	background-color: #014d93;
	color: #4aeed1;
	padding-left: 20px}


div.post p.postinfo	{color: #0c8bcd;
	text-align: right;
	margin: 0}


/* ブログスタイル */
.content-blog-color{
	background-color: #9fe9d8;
        margin-top: 5px;

}

.content-index{float: left;
        width: 68.5%;
        margin-left: 5px;
        margin-right: 5px;
}


/* 記事一覧全部 */
.entry-content	{
        margin-left: auto;
        margin-right: auto;
	background-color: #014d93;
}

.entry-content li a	{display: block;
font-size: 0.75em;
	margin: 10;
       padding-left: 20px;
	line-height: 20px;
	color: #ffffff;
	text-align:left;}

.entry-content li a:hover	{color: #1773b2}


/* 記事内の画像 */
.aligncenter	{display: block;
	margin-left: auto;
	margin-right: auto;
 padding-top: 20px;
 padding-bottom: 20px;
}

.alignleft	{float: left;
	margin-right: 10px;
	margin-bottom: 10px}

.alignright	{float: right;
	margin-left: 10px;
	margin-bottom: 10px}

.wp-caption	{border: solid 1px #aaaaaa;
	text-align: center;
	padding-top: 5px}


/* サイドバー */
div#sidebar1	{
padding-bottom: 20000px;
margin-bottom: -20000px;
	background-color: #4fa9fc;
padding-top: 70px;
        margin-left: 5px;
        width: 14.5%;
	float: left;}

div#sidebar2	{
padding-bottom: 20000px;
margin-bottom: -20000px;
	background-color: #4fa9fc;
        margin-right: 5px;
        width: 14.5%;
	float: right;}


.blog-sidebar-title{margin: 3px;
	padding: 0;
	font-size: 0.75em;
	color: #ffffff;
	background-color: #014d93;
	border-radius: 3px;
	padding:5px 10px;
}
.blog-sidebar-title a{color: #ffffff;}
.blog-sidebar-title a:hover	{background-color: #ffb200}

.sidebar ul	{margin: 3px;
	padding: 0;
	list-style-type: none}

.sidebar .widget	{margin-bottom: 20px}

.sidebar h2	{font-size: 0.75em;
	color: #ffffff;
	background-color: #014d93;
	border-radius: 3px;
	padding:5px 10px;
}

.sidebar li li	{font-size: 0.75em;
	border-bottom: dotted 1px #aaaaaa;
	margin: 0}

.sidebar li li a	{color: #fff;
	display: block;
	padding: 5px 10px}

.sidebar li li a:hover	{background-color: #ffb200}
.tagcloud a:hover	{background-color: #ffb200}
/* サイドバーウィシェッド */
.widget widget_categories p  {font-size: 1.75em;}




/* フッター */

div#footer	{
        border-top: solid 1px #aaaaaa;
	padding: 6px 0;
	clear: both;
        background: #2c2c2c;}

div#footer p	{font-size: 0.75em;
	font-style: normal;
	font-family: Verdana, sans-serif;
	margin: 0;}

div#footermenu	{
        border-top: solid 1px #aaaaaa;
	padding: 6px 0;
	clear: both;
        background: #2c2c2c;}


div#footermenu ul {display: block;
        list-style-type: none;
        font-size: 0.75em;
	float:left;
	width: 300px;
	padding: 10px;
background: #2c2c2c;
}

div#footermenu ul a	{
	line-height: 20px;
	color: #000000;}

div#footermenu ul a:hover 	{
	color: #cd0000;}



/* Photo Dropper */
div.flickrphoto	{text-align: center;
	margin: 30px 0}

div.flickrphoto a img	{border: solid 1px #aaaaaa;
	padding: 10px}

div.flickrphoto small a img	{border: none;
	padding: 0}


/* ギャラリー */
.gallery-item {width: 33%;
	float: left;
	margin-top: 0;
	text-align: center}

.gallery img {border: solid 1px #aaaaaa;
	padding: 5px}

.gallery a:hover img	{background-color: #c4f254}

.gallery dd	{margin: 0;
	font-size: 0.75em}

.gallery br+br	{display: none}




/* 関連記事 */
div.related	{border: solid 1px #aaaaaa;
	margin-top: 20px}

div.related p	{color: #ffffff;
	background-color: #a7d043;
	margin: 0;
	padding-left: 10px}

div.related ol	{font-size: 0.75em}


/* 記事の個別ページ */
.single div.post h2	{background-color:#333333;
	color: white}

.single div.post h2 a	{color: white}



/* 分割した記事へのリンク */
#postpage	{text-align: center;
	padding-top: 20px;
	clear: both}

#postpage a	{border: solid 1px #aaaaaa;
	padding: 5px 10px;
	margin: 0 10px}

#postpage a:hover	{background: #f7e29e}

#postpage span	{padding: 5px 10px;
	color: #888888;
	background: #dddddd}

#postpage a span	{padding: 0;
	color: black;
	background: none}


/* 画像の個別ページ */
.attachment div#content	{width: 100%;
	float: none}

.attachment p.photo	{text-align: center}


/* タイトルの一覧 */
ul.post	{list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: dotted 1px #aaaaaa}

ul.post li	{border-bottom: dotted 1px #aaaaaa;
	background-image: url(chip.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 15px 0 15px 20px}

ul.post li a	{color: #000000;}

ul.post li span	{font-size: smaller;
	color: #888888}


/* 続きを読む */
.more-link {
	background: url(http://www.mame-vin.jp//wp-content/themes/mamembers/img/read_more.png) no-repeat;
	width: 130px;
	height: 50px;
	text-indent: -9999px;
	float: left;
	text-decoration: none;
	margin-left: 45px;
	margin-top: 10px;
}

/* コメント */
div#comments-style {
	margin-top: 30px;
	padding: 20px 45px;
	background-color: #ffffff;
}

/* 固定ページスタイル */
div#content-page {
width: 98%;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 30px;
	background-color: #ffffff;
	overflow: scroll;


}



/* 隣の記事 */
.pagenation a {color: #4a4949;}
.pagenation a:hover{color:#81abe3;}

/* サムネイル画像 */
div.post p.thumb	{float: left;
	margin: 0 10px 10px 10px}
	
	
/* ページ番号リンク */
p.pagenum	{text-align: center}

p.pagenum a, p.pagenum span
	{padding: 3px 6px;
	color: #ffffff}

p.pagenum a	{background-color: #78982b}

p.pagenum span	{background-color: #a7d043}



/*#update-info only*/
#update-info {
}
#update-info .update-info-title-news{
	font-size:24px;
	line-height:1.2;
	font-weight:normal;
	text-transform:capitalize;
	padding:4px 10px;
background-color: #54712e;}

.update-info-title-event{
	font-size:24px;
	line-height:1.2;
	font-weight:normal;
	text-transform:capitalize;
	padding:4px 10px;
background-color: #d12110;}

.update-info-title-news a{color: #fff;}
.update-info-title-news a:hover{color:#81abe3;}
.update-info-title-event a{color: #fff;}
.update-info-title-event a:hover{color:#81abe3;}

#update-info ul {margin:0;background-color: #dcdcdc;padding:4px 10px;}
#update-info ul li {
	font-size:14px;
	list-style: none none inside ;
	padding:0 0 13px;
	margin:0 0 10px;
	background:url(http://www.mame-vin.jp//wp-content/themes/mamembers/img/border.png) no-repeat left bottom;
}
#update-info ul li a img {
	border:1px solid rgb(230,230,230);
	padding:4px;
	margin:5px 20px 0 0;
	float:left;
	-webkit-box-shadow:	0 0 4px rgba(0,0,0,0.2) ;
	box-shadow:			0 0 4px rgba(0,0,0,0.2) ;
}
#update-info ul li .update-title {
	font-size:16px;
	clear:none;
}
#update-info ul li .update-title a {
	color:rgb(130,45,0);
	text-decoration:none;
}
#update-info ul li .update-title  a:hover {
	color:#1773b2;
	text-decoration:none;
}
#update-info ul li .update-meta {
	margin-bottom:0;
}

/* menu table only */
.menu-name {
	width:280px;
}
.menu-price {
	text-align:right;
}

/* #home-widget-area */
#home-widget-area {
	font-size:12px;
	line-height:1.4;
	margin:0 0 30px -20px;
}
#home-widget-area .widget-container{
	float:left;
	margin-left:20px;
}
#home-widget-area .widget-title {
	font-size:16px;
	color:rgb(130,45,0);
	border:none;
}
#home-widget-area p {
	margin-bottom:4px;
}
/* メニュー均等割 */
.widgets-1 .widget-container { width:700px; }
.widgets-2 .widget-container { width:340px; }
.widgets-3 .widget-container { width:220px; }
.widgets-4 .widget-container { width:160px; }
.widgets-5 .widget-container { width:124px; }



#gmap {
	height:400px;
	max-height: 90%;
	width: 95%;
	border: 1px solid #999999;
	margin: 15px auto;
}
 

/* ニューストップ */
.news-left{
        width: 200%;
float: left;
}

.content-body{
overflow:hidden;
}

.content-index-blog{
background-color: #4fa9fc;
        width: 100%;
overflow:hidden;
float: left;
}
.content-index-news{
background-color: #8dbe4d;
        width: 920px;
overflow:hidden;
float: left;
}
.content-index-events{
background-color: #f86060;
        width: 920px;
overflow:hidden;
float: left;
}
.content-index-details{
background-color: #e2cf2c;
        width: 920px;
overflow:hidden;
float: left;
}

.blog_title{
margin-left:30px;
	color:#fff;
}

.news_title{
margin-left:30px;
	color:#fff;
}

.post{
border:solid 1px #4a4949; 
}


.post-events-alllist{border:solid 1px #4a4949; padding:0 10px;background-color: #fff;}
.post-events-alllist a{color: #d31d1d;}
.post-events-alllist a:hover{color: #81abe3;}
.post-news-alllist{border:solid 1px #4a4949; padding:0 10px;background-color: #fff;}
.post-news-alllist a{color: #194683;}
.post-news-alllist a:hover{color: #81abe3;}
.post-details-alllist{border:solid 1px #4a4949; padding:0 10px;background-color: #fff;}
.post-details-alllist a{color: #f5be00;}
.post-details-alllist a:hover{color: #81abe3;}


.custom-date { font-size:70px;  line-height:0px; margin:0 0 0 5px; }
.custom-month { text-transform:uppercase; padding:53px 0 0px 0;  font-size:33px; }
.custom-year { display:block; font-size:15px; }

.post_custom{
padding-bottom: 20000px;
margin-bottom: -20000px;
        width: 200px;
background-color: #dfdfdf;
margin-left: -10px;
margin-top: -10px;
float: left;
}

.post_title_news{
margin-top:50px;
margin-right:10px;
padding-left:14px;
padding-right:5px;
border-top-right-radius: 10px;	
border-bottom-right-radius: 10px;	
font-size:20px;
background-color: #54712e;
box-shadow: 2px 2px 10px #000; /* CSS3 */
-moz-box-shadow: 2px 2px 10px #000; /* Firefox用*/
-webkit-box-shadow: 2px 2px 10px #000; /* Google Chrome, Safari用*/
}

.post_title_event{
margin-top:50px;
margin-right:10px;
padding-left:14px;
padding-right:5px;
border-top-right-radius: 10px;	
border-bottom-right-radius: 10px;	
font-size:20px;
background-color: #d31d1d;
box-shadow: 2px 2px 10px #000; /* CSS3 */
-moz-box-shadow: 2px 2px 10px #000; /* Firefox用*/
-webkit-box-shadow: 2px 2px 10px #000; /* Google Chrome, Safari用*/
}

.post_title_details{
margin-top:50px;
margin-right:10px;
padding-left:14px;
padding-right:5px;
border-top-right-radius: 10px;	
border-bottom-right-radius: 10px;	
font-size:20px;
background-color: #f5be00;
box-shadow: 2px 2px 10px #000; /* CSS3 */
-moz-box-shadow: 2px 2px 10px #000; /* Firefox用*/
-webkit-box-shadow: 2px 2px 10px #000; /* Google Chrome, Safari用*/
}


.post_title_news a{color:#fff;}
.post_title_news a:hover{color:#81abe3;}
.post_title_event a{color:#fff;}
.post_title_event a:hover{color:#81abe3;}
.post_title_details a{color:#fff;}
.post_title_details a:hover{color:#81abe3;}

.post_custom_days{
margin-top:50px;
margin-left:50px;
	color:#fff;
}

.post_custom_days-start{
margin-top:50px;
margin-left:50px;
	color:#d31d1d;
}

.post_custom_days-start-details{
margin-top:50px;
margin-left:50px;
	color:#f5be00;
}


.post_content{
        margin-top: 10px;
        margin-left: 210px;
        margin-right: 10px;
}


.sidebar-event	{
        width: 200px;
padding-bottom: 20000px;
margin-bottom: -20000px;
padding-right: 1000px;
margin-right: -1000px;
background-color: #f86060;
        padding-top: 70px;
        padding-left: 10px;
	float: left;	}

.sidebar-event a{color: #fff;background-color:#d31d1d;
	border-radius: 3px;
margin:5px;
padding: 2px;
font-size:12px;
}
.sidebar-event a:hover{background-color: #81abe3;}

.event-sidebar-title {margin: 3px;
	color: #ffffff;
	background-color: #d31d1d;
	border-radius: 3px;
	padding:5px 10px;
}



.sidebar-news	{
        width: 200px;
padding-bottom: 20000px;
margin-bottom: -20000px;
padding-right: 1000px;
margin-right: -1000px;
background-color: #8dbe4d;
        padding-top: 70px;
        padding-left: 10px;
	float: left;	}

.news-sidebar-title {margin: 3px;
	color: #ffffff;
	background-color: #54712e;
	border-radius: 3px;
	padding:5px 10px;
}

.sidebar-news a{color: #fff;background-color:#54712e;
	border-radius: 3px;
margin:5px;
padding: 2px;
font-size:12px;
}
.sidebar-news a:hover{background-color: #81abe3;}


.sidebar-details	{
padding-bottom: 20000px;
margin-bottom: -20000px;
padding-right: 1000px;
margin-right: -1000px;
background-color: #e2cf2c;
        padding-top: 70px;
        padding-left: 10px;
	float: left;	}

.sidebar-details a{color: #fff;background-color:#f5be00;
	border-radius: 3px;
margin:5px;
padding: 2px;
font-size:12px;
}
.sidebar-details a:hover{background-color: #81abe3;}

.details-sidebar-title {margin: 3px;
	color: #ffffff;
	background-color: #f5be00;
	border-radius: 3px;
	padding:5px 10px;
}


.taxonomy-title{

}

/*テーブルページ　テンプレートpage0*/
#content-table{
padding:10px;
	background-color:#e1e1ef;
overflow:auto;
}



table.mt-data  {
width: 100%;
height: 400px;
  table-layout: fixed;
}
.mt-data tr{widht:100%;}
.mt-data td{widht:100px;}
.mt-data a{color: #0000AA;}
.mt-data  a:hover{background-color: #fa9927;color: #fff}
.mt-data-bg{background-color: #BAD3FF;padding-left: 10px;}

table.gallery-year  {
width: 500px;
height: 80px;
  table-layout: fixed;
}
.gallery-bg{background-color: #b2b2b1;}




#comment {
	font-size: 12px;
}

.commentlist {
	list-style: none;
	margin: 0 auto;
}

.commentlist li {
	margin: 0 0 0.1em;
	padding: 1em;
	background: #F6F6F6;
}

.comment-author {
	color: #000000;
	font-weight: bold;
}

.comment-author a:link,
.comment-author a:visited {
	text-decoration: none;
	color: #800000;
	font-weight: bold;
}

.comment-author a:hover {
	color: #800000;
	border-bottom: 1px solid #800000;
}

.comment-date {
	color: #888;
	font-size: 8px;
	float: right;
}

.comment-content {
	font-size: 12px;
}

.about-bg{background-color: #e6e6e6;padding: 10px;}




/*ダークサイド*/
#content-darkside {
	color: #EEEEEE;
background-color: #000033;
padding: 10px;}


/*ツール*/
#content-tool {
	color: #333333;
background-color: #BAD3FF;
padding: 10px;}



#home-cont{	background-color:#000033;}


/*記事100*/


.related_post_title {
}
ul.related_post {
}
ul.related_post li {
	color: #EEEEEE;
		font-size: 12px;
}
ul.related_post li a {
color: #0000AA;
}
ul.related_post li a:hover {
color: #fa9927;
}

ul.related_post li img {
}