/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/


/*
	blue #8dc7d5
	green#7fc31c
*/

/**/
ul {list-style:none;}
em	{font-size:80%;font-style:normal;}
a img {border-style:none;}


* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #363636;
 background: #7fc31c url(http://file.gamastyle.blog.shinobi.jp/bg.gif);
}
#wrapper { 
 margin: 0 auto;
 width: 922px;
 background: url(http://file.gamastyle.blog.shinobi.jp/wrap_bak.png);
}
#faux {
 background: url(http://file.gamastyle.blog.shinobi.jp/faux-2-3-col3.gif);
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
}
#header {
 color: #333;
 width: 902px;
 padding: 0px 10px;/* default 10px */
 height: 150px;
 margin: 0px 0px 0px 0px;
 background: url(http://file.gamastyle.blog.shinobi.jp/header_bg2.gif) no-repeat center;
}
#navigation {
 width: 862px;
 color: #333;
 padding: 10px 20px;/*default 10px */
 margin: 0px 10px;/*default 0px 0px 0px 0px;*/
 border-bottom: 1px dashed #8dc7d5;
 border-top: 1px dashed #8dc7d5;
 background: #fefefe;
}
#sub { 
 display: inline;
 margin: 20px 10px;
 padding: 0px;
 width: 195px;
 float: left;
}
#content { 
 float: left;
 color: #333;
 margin: 20px 13px;
 padding: 0px;
 width: 466px;
 display: inline;
 position: relative;
}
#rightcolumn { 
 display: inline;
 position: relative;
 color: #333;
 margin: 20px 10px 20px 0px;/* 実際に計算するとすべて10px */
 padding: 0px;
 width: 195px;
 float: right;
}
#footer { 
 width: 862px;
 color: #333;
 padding: 10px 20px;/*default 10px */
 margin: 0px 10px;/*default 0px 0px 0px 0px;*/
 border-top: 1px dashed #8dc7d5;
 background: #fefefe;
 text-align:center;
}
.clear { clear: both; background: none; }



/* ■ヘッダ■ */
h1 img {position: relative;top:28px;left:24px;}

/* ■ナビ■ */
#navigation a	{text-decoration:none;}

/*	■左カラム■	*/
#sub dl	{margin-top:15px;}
#sub dt	{
	color:#8dc7d5;
	font-size:130%;
	font-weight:bold;
	padding-left:10px;
	display:block;
	width:190px;
	border-bottom:1px dashed #8dc7d5;
	}
#sub dd	{
	margin:5px 13px 10px 13px;
	display:block;
	width:174px;
	}


a:link { color: #363636;}
a:visited { color: #999999; }
a:active,a:hover { color: #7fc31c; }
/*a:active { color: #7fc31c; }*/



/* ■content■ */

.PageLinkBlock	{
	text-align: right;
	margin : 10px;
	}

.PageLinkBlock a {text-decoration:none;}


/* 記事タイトル */
#content h2	{
	padding-bottom:13px;
	background:url(http://file.gamastyle.blog.shinobi.jp/line_green.gif) bottom no-repeat;
	}

	#content h2	a{text-decoration:none;}

#content h3	{
	padding-left:5px;
	border-left:3px solid #7fc31c;
	margin-top:20px;
	}

p.date	{ /* 投稿日・カテゴリ */
	text-align:right;font-size:80%;width:99%;
	}

.article	{
	padding: 20px 5px 25px 5px;
	line-height:180%;
	background:url(http://file.gamastyle.blog.shinobi.jp/line_green.gif) bottom left no-repeat;
	}

.article img	{
	max-width:400px;
	}

/* ■コメント表示 */
.commentarea,.tbarea	{
	padding:5px;
	}

.commentarea h4,.tbarea h4	{
	padding:2px;width:99%;color:#8dc7d5;border-bottom:1px dashed #8dc7d5;
	}

.cm-title,.tb-title	{
	margin-top: 8px;
	font-weight:bold;
	background-color:#fff;}

.tb-title	{
	font-weight:normal;}


.cm-title span,.tb-title span 	{
	background-color:#8DC7D5;color:#fff;margin-top:3px;padding:0px 2px;font-weight:bold;
	}


.comment	{
	font-size:80%;
	background-color: #efefe3;
	}
.tb	{font-size:80%;}
.allowtb	{margin:5px 0px;}

p.comment-post,p.tb-post	{ /* コメント投稿者名 */
	text-align:right;width:99%;
	}


/* ■コメントフォーム */
form.comment_form	{padding:5px;}

fieldset	{
	border:1px solid #efefe3;
	width: 80%;
	padding:20px;
	}

form#comment_form dl	{font-size:80%;}


form#comment_form dt	{
	float: left;
	width:5em;
	font-weight: bold;
	}

form#comment_form dd	{
	margin-left:12px;
	margin-bottom: 5px;
	display: block;
	margin-bottom: 5px;
	}

/* ■エントリー一覧用テーブル */
table.entry {
	border-style:none;
	margin-bottom:40px;
}
table.entry th {
	color: #000000;
	background-color: #ff9999;
}
table.entry td {
	color: #000000;
	background-color: #FFFFFF;
}
table.entry thead th {
	background-color: #3B4D41;
	color: #FFFFFF;
}
table.entry tr:nth-of-type(even) td {
	color: #000000;
	background-color: #eeeeee;
}

table.entry span.new	{
	color:#ff0000;
	font-weight:bold;
	}

/*　追加　*/
table.entry tr.team td {
	background-color: #3B4D41;
	color: #FFFFFF;
	font-weight:bold;
}

/*　■3色使用テーブル　*/
table.tbl03 {
	border-style:none;
	border-collapse:collapse;
	border:0px;
}
table.tbl03 th {
	color: #000000;
	background-color: #ff9999;
}
table.tbl03 td {
	color: #000000;
	background-color: #F2F1E4;
}

table.tbl03 td.lv1	{
	color: #fff;
	font-weight:bold;
	background-color: #BA00FF;
}

table.tbl03 td.lv2	{
	background-color: #D1E751;
	font-weight:bold;
}

/*　■QA用定義リスト　*/
.faq p {color:red;}
.faq dt
{
    background-color: #D1E751;
    color:#020202;
    margin-top: 1em;
    padding-left: 0.5em;
    font-weight: bold;
}
.faq dd
{
   margin-top: 0.5em;
    background-color: #F2F1E4;    
}



/* Bubble with an isoceles triangle
------------------------------------------ */

.triangle-isosceles {
	position:relative;
	padding:15px;
	margin:1em 10px 3em 0;/* デフォは 1em 0 3em */
	color:#000;
	background:#daf4fb; /* default background for browsers without gradient support */
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#8dc7d5), to(#daf4fb));
	background:-moz-linear-gradient(top, #8dc7d5, #daf4fb);
	background:-o-linear-gradient(top, #8dc7d5, #daf4fb);
	background:linear-gradient(top, #8dc7d5, #daf4fb);
}

/* creates triangle */
.triangle-isosceles:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	z-index:-1;
	bottom:-30px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	width:0;
	height:0;
	border-width:15px 15px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#daf4fb transparent transparent;
}