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

/*
* A Three column for mobile, fixed width template for Joomla 1.5
* @version 1.0.0
* @copyright (C) Copyright 2009-2010 by TSK. All rights reserved.
* @license http://www.etsk.jp/ Copyrighted Commercial Software
*/

/*
 ★ コンテンツポジション

	  Wrap1
		|
	  Wrap2
		|
		+--Hed(010)-----+--abs010(1010)
		|				+--abs020(1020)
		|				+--abs030(1030)
		|
		+--Main---------+--Top----------+---Top_menu
		|				|				|---top_btm	
		|				|				
		|				+--main_conts---+---Side--------+---Contents----+---Contents_Top
		|				|				|				|				+---Contents_Mid
		|				|				|				|				+---Contents_Btm
		|				|				|				+---Left
		|				|				+---Rigth
		|				+--bottom
		+--Footer_menu
		+--Footer(010)--+--abs010(1010)
		|				+--abs020(1020)
		|				+--abs030(1030)
		|
		+--Syndicate
		+--CopyRight
		+--tsk_CopyRight
		+--Debug
*/


/*-------------------------------------------------------------------*/
/*　初期値	*/
/*-------------------------------------------------------------------*/
*, p, a, img {
	margin: 0;
	padding: 0;
	border: none;
	
}
body {
	font-family: "ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro",
	"メイリオ", Meiryo, Osaka,
	"ＭＳ Ｐゴシック", "MS PGothic",
	sans-serif;
	color:#333;
	font-size:080%;
}

h1 { font-size: 100%; margin: 0px; padding: 0px; }
h2 { font-size: 100%; margin: 0px; padding: 0px; }
h3 { font-size: 100%; margin: 0px; padding: 0px; }
h4 { font-size: 100%; margin: 0px; padding: 0px; }
h5 { font-size: 100%; margin: 0px; padding: 0px; }
h6 { font-size: 100%; margin: 0px; padding: 0px; }

a { text-decoration: none; }
a:hover { border-style: none; }
a img { border-style: none; }

/* 疑似クラス */
a:link {color: #333;}					/* link		: 未訪問のリンク	*/
a:visited{color: #333;}					/* visited	: 訪問済みのリンク	*/
a:hover {color: #F60;}					/* hover	: マウスオン		*/
a:active {color: #F60;}					/* active	: アクティブ状態	*/

form, label, fieldset, address, blockquote {
}
form input, form select, form textarea {
	margin: 0;
	padding: 0;
	border: 1px solid #999;
}
ul, ol, dl {
	list-style-type:none;
}

li, dd {
}

li a, dd a {
	color:#333;
}

table {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
	font-size:100%;
}
/*
table td {
	margin:0;
	padding:0;
}
*/
div.float_left{
	float:left;
}
div.float_right{
	float:right;
}

div.debug{height:1%;}

textarea {
	white-space:pre;
}



/*-------------------------------------------------------------------*/
/*　IE PNG Fix 2.0	*/
/*-------------------------------------------------------------------*/
/*
*html .iepng, h2, h3 { behavior: url("apr/js/iepngfix/iepngfix.htc") }
*/
/*-------------------------------------------------------------------*/
/*　テスト時のカラー	*/
/*-------------------------------------------------------------------*/

/*
body 				{background-color:#FFF;}
#wrap1				{background-color:#666;}
#wrap2				{background-color:#FFF;}
#hed				{background-color:#F00;}
#hed_ab010			{background-color:#0F0;}
#main				{background-color:#00F;}
#top				{background-color:#0F0;}
#top_menu			{background-color:#FF0;}
#top_btm			{background-color:#FF0;}
#main_conts			{background-color:#0FF;}
#side				{background-color:#F0F;}
#left				{background-color:#F00;}
#right				{background-color:#0F0;}
#content			{background-color:#00F;}
#content_top		{background-color:#FF0;}
#content_mid		{background-color:#0FF;}
#content_bottom		{background-color:#F0F;}
#bottom				{background-color:#F00;}
#footer_menu		{background-color:#00F;}
#footer				{background-color:#FF0;}
#copyright			{background-color:#0FF;}
#tsk_copyright		{background-color:#F0F;}
#w3c				{background-color:#F00;}
*/
/*-------------------------------------------------------------------*/
/*　本番時のカラー	*/
/*-------------------------------------------------------------------*/

body 				{background-color:#FFF;}
#wrap1				{background-color:#999;}
#wrap2				{background-color:#FFF;}

/*-------------------------------------------------------------------*/
/*　オーバーフロー	*/
/*-------------------------------------------------------------------*/

#wrap2				{overflow: hidden;}
#hed				{overflow: hidden;}
#hed_abs010			{overflow: hidden;}
#hed_abs020			{overflow: hidden;}
#hed_abs030			{overflow: hidden;}
#main				{overflow: hidden;}
#top				{overflow: hidden;}
#top_menu			{overflow: hidden;}
#top_btm			{overflow: hidden;}
#main_conts			{overflow: hidden;}
#side				{overflow: hidden;}
#left				{overflow: hidden;}
#right				{overflow: hidden;}
#content			{overflow: hidden;}
#content_top		{overflow: hidden;}
#content_mid		{overflow: hidden;}
#content_bottom		{overflow: hidden;}
#bottom				{overflow: hidden;}
#footer_menu		{overflow: hidden;}
#footer				{overflow: hidden;}
#footer_abs010		{overflow: hidden;}
#footer_abs020		{overflow: hidden;}
#footer_abs030		{overflow: hidden;}
#copyright			{overflow: hidden;}
#tsk_copyright		{overflow: hidden;}
#w3c				{overflow: hidden;}

/*-------------------------------------------------------------------*/
/*　ポジション	*/
/*-------------------------------------------------------------------*/


#hed				{position:relative; z-index:0;}
#hed_abs010			{position:relative; z-index:0;}
#hed_abs020			{position:relative; z-index:0;}
#hed_abs030			{position:relative; z-index:0;}

#main				{position:relative; z-index:0;}
#top				{position:relative; z-index:0;}
#top_menu			{position:relative; z-index:0;}
#top_btm			{position:static; z-index:0;}

#main_conts			{position:relative; z-index:0;}


/*
#side				{position:relative; z-index:0;}
*/
#left				{position:relative; z-index:0;}
#right				{position:relative; z-index:0;}
#content			{position:relative; z-index:0;}
#content_top		{position:relative; z-index:0;}
#content_mid		{position:relative; z-index:0;}
#content_bottom		{position:relative; z-index:0;}
#bottom				{position:relative; z-index:0;}
#footer_menu		{position:relative; z-index:0;}
#footer				{position:relative; z-index:0;}
#footer_abs010		{position:relative; z-index:0;}
#footer_abs020		{position:relative; z-index:0;}
#footer_abs030		{position:relative; z-index:0;}
#copyright			{position:relative; z-index:0;}
#tsk_copyright		{position:relative; z-index:0;}
#syndicate			{position:relative; z-index:0;}
#w3c				{position:relative; z-index:0;}

/*----------------------*/
/*	個別ボジション		*/
/*----------------------*/

#hed				{overflow: visible;}
#hed_abs010			{overflow: visible;}
#hed_abs020			{overflow: visible;}
#hed_abs030			{overflow: visible;}

#main				{overflow: visible;}

#top				{overflow: visible;}
#top_menu			{overflow: visible;}
/*
#main_conts			{overflow: visible;}
#bottom				{overflow: visible;}
*/

#top				{z-index:	 10010;}
#main_conts			{z-index:	 10008;}
#footer_menu		{z-index:	 10000;}

#footer_menu		{overflow: visible;}
#footer				{overflow: visible;}
#footer_abs010		{overflow: visible;}
#footer_abs010		{overflow: visible;}
#footer_abs010		{overflow: visible;}

#hed				{z-index:	 10000;}
#hed_abs010			{z-index:	 10001;}
#hed_abs020			{z-index:	 10002;}
#hed_abs030			{z-index:	 10003;}

#footer				{z-index:	 10000;}
#footer_abs010		{z-index:	 10001;}
#footer_abs010		{z-index:	 10002;}
#footer_abs010		{z-index:	 10003;}

/*-------------------------------------------------------------------*/
/*　テキスト配置	*/
/*-------------------------------------------------------------------*/
/*
body 				{text-align: center;}
*/
#wrap1				{text-align: center;}
#wrap2				{text-align: center;}
#hed				{text-align: left;}
#hed_abs010			{text-align: left;}
#hed_abs020			{text-align: left;}
#hed_abs030			{text-align: left;}
#main				{text-align: center;}
#top				{text-align: left;}
#top_menu			{text-align: left;}
#top_btm			{text-align: left;}
#main_conts			{text-align: center;}
#side				{text-align: center;}
#left				{text-align: left;}
#right				{text-align: left;}
#content			{text-align: left;}
#content_top		{text-align: left;}
#content_mid		{text-align: left;}
#content_bottom		{text-align: left;}
#bottom				{text-align: left;}
#footer_menu		{text-align: left;}
#footer				{text-align: left;}
#footer_abs010		{text-align: left;}
#footer_abs020		{text-align: left;}
#footer_abs030		{text-align: left;}
#copyright			{text-align: center;}
#tsk_copyright		{text-align: center;}
#w3c				{text-align: center;}


/*-------------------------------------------------------------------*/
/*　JOOMLAコンテンツ専用　レイアウト用	*/
/*-------------------------------------------------------------------*/

/* 記事のテーブル */
#contents .contentpaneopen, #contents .blog {
	width:100%;
	overflow: hidden;
}

/*	記事の開始位置	*/
#contents .contentpaneopen td,
#contents div.blog_more,
div #qcontacts
{
	padding-left:40px;
}
#contents .contentpaneopen td table td
{
	padding-left:0px;
}

/*
                <table class="contentpaneopen">
                  <tr>
                    <td class="contentheading" width="100%">
                    	<h3 class="article_cont"> 高機能エディタ JCE Editor </h3>
                    </td>
                    <td align="right" width="100%" class="buttonheading">
*/

/*
.contents_kij table td
{
	padding-left:10px;
	color:#F00;
	padding-left:0px !important;
}
*/

/*	記事のマージンと余白 */
div.contents_kij
{
	margin-bottom: 20px;
	line-height: 2em;
}

/*	記事作成日付などの終了マージン */
td.show_info_end{
	height: 20px;
	margin-bottom: 50px;
	}

/*	ログインボタン */
input.button
{
	color:#00F;
	padding-top: 06px;
}

/*
.moduletable_menu form, .moduletable form{
	padding: 100px 6px 6px;
}
*/

/*-------------------------------------------------------------------*/
/*	共通命令	*/
/*-------------------------------------------------------------------*/

.clear{
	clear:both;
}
.end{
	height:0px;
	line-height:0px;
	clear:both;
}
.text_left{
	text-align:left;
}
.text_center{
	text-align:center;
}
.text_right{
	text-align:right;
}
/*-------------------------------------------------------------------*/
/*	共通ボックス	*/
/*-------------------------------------------------------------------*/
div.boxl00 {
	margin-top:0;
	margin-left: 0px;
	margin-bottom:20px;
	margin-right:20px;
	clear: both;
}
div.boxl201 {
	margin: 0px 20px 20px 20px;
	margin-left: 20px;
	clear: both;
}
div.boxl401 {
	margin: 0px 20px 20px 20px;
	margin-left: 40px;
	clear: both;
}

div.box_float_left {
	clear: both;
}
div.box_float_left div {
	float:left;
}
/*-------------------------------------------------------------------*/
/*	共通リスト	*/
/*-------------------------------------------------------------------*/

#top ul li,
#contents ul li,
#bottom ul li
{
	margin-top:0.5em;
	margin-left:0px;
	margin-bottom:1em;
	margin-right:0px;
	padding-left:20px;
	line-height: 1.2em;
	background: url(../image/icn_b030.png) no-repeat left top;
}

/*-------------------------------------------------------------------*/
/*	共通テーブル	*/
/*-------------------------------------------------------------------*/

/* 基本テーブル000 */
.contents_kij table th,
.contents_kij table td
{
	padding: 0 !important;
}

.contents_kij table th,
.contents_kij table td
{
	text-align: center;
	padding: 0.25em 1.0em !important;
	border: 1px solid #09F;
	letter-spacing: 0.05em;
	font-size:090%;
} 
.contents_kij table th{
	background-color: #6CF;
} 
.contents_kij table td{
	background-color: #fff;
} 

/* 基本テーブル010 */
table.tsk_tbl010 th, table.tsk_tbl010 td{
	text-align: center;
	padding: 0.25em 1.0em !important;
	border: 1px solid #666;
	letter-spacing: 0.05em;
	font-size:090%;
} 
table.tsk_tbl010 th{
	background-color: #6CF;
} 
table.tsk_tbl010 td{
	text-align: left;
	background-color: #fff;
} 

/* 基本テーブルf85c */
table.tsk_tblf85c th, table.tsk_tblf85c td{
	font-size:085%;
	padding: 0.25em 0.5em !important;
} 
table.tsk_tblf85c th{
} 
table.tsk_tblf85c td{
} 

/* 基本テーブルf85l */
table.tsk_tblf85l th, table.tsk_tblf85l td{
	font-size:085%;
	padding: 0.20em 0.5em !important;
} 
table.tsk_tblf85l th{
} 
table.tsk_tblf85l td{
	text-align: left;
}