@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
*/


/*-------------------------------------------------------------------*/
/*　個別設定　（メインID）	*/
/*-------------------------------------------------------------------*/


body {
}

#wrap1 {
	background: url(../image/wrp010.jpg) repeat-y top;
}
#wrap2 {
	border: 1px solid #666;
}

#hed {
	background: url(../image/hed010.jpg) no-repeat top;
}

#hed_abs010 {
	position:absolute;
	top: 060px;
	left: 070px;
	width:620px;
	height:055px;
}
#hed_abs020 {
	position:absolute;
	left: 460px;
	bottom: 000px;
	width:330px;
	height:055px;
}
#hed_abs030 {
	position:absolute;
	width: 430px;
	height: 300px;
	top: 0px;
	right: 0px;
		
}

#main {
}

#top {
	margin-bottom:10px;
	height:1%;
}
#top_btm {
	margin-top: 10px;
	margin-bottom: 0px;
}
#main_conts {
	height:1%;
	background: url(../image/side010_back.jpg) no-repeat right bottom;
}

#contents{
}
#contents_mid{
}

#left .clear {
	background: #FFF;
}

#right .clear {
	background: #FFF;
}



#footer {
	background: url(../image/footer010.jpg) no-repeat top;
}

#footer_abs010 {
	position:absolute;
	top: 020px;
	left: 070px;
}
#footer_abs020 {
	position:absolute;
	left: 460px;
	bottom: 000px;
}
#footer_abs030 {
	position:absolute;
	bottom: 0px;
	right: 0px;
}

#tsk_copyright a	{color:#00F;}

#w3c img			{margin-top:04px;}
#w3c a				{color:#00F;}


/*-------------------------------------------------------------------*/
/*　個別設定　（詳細）	*/
/*-------------------------------------------------------------------*/

/*	モジュールの余白	*/
#top .moduletable,
#bottom,
#footer
{
	padding-left:020px;
}
#bottom .moduletable div,
#bottom .moduletable ul,
#bottom .moduletable form
{
	padding-left:020px;
}
#bottom .moduletable ul
{
	margin-left:020px;
}
/*	モジュールの余白 クリアー	*/
#bottom .moduletable div div,
#bottom .moduletable ul ul
{
	padding-left:000px;
}

#bottom .moduletable{
	float:left;
	/* 3ﾓｼﾞｭｰﾙ */
	width:31%;
	/* 2ﾓｼﾞｭｰﾙ */ 
	/*
	width:48%;
	margin-left:1%;
	*/
	/*
	background-color: #CCC;
	*/
}

/*-------------------------------------------------------------------*/
/*	コンテンツCSS	*/
/*-------------------------------------------------------------------*/

/*	h2.archive_menu,			*/	/*	archive			メニュータイトル用　*/
/*	h3.archive_cont,			*/	/*	archive			記事タイトル用		*/
/*	h2.article_menu,			*/	/*	article			メニュータイトル用　*/
/*	h3.article_cont,			*/	/*	article			記事タイトル用		*/
/*	h2.category_menu,			*/	/*	category		メニュータイトル用　*/
/*	h3.category_cont,			*/	/*	category		記事タイトル用		*/
/*	h2.front_menu,				*/	/*	Front			メニュータイトル用　*/
/*	h3.front_cont,				*/	/*	Front			記事タイトル用		*/
/*	h2.section_menu,			*/	/*	section			メニュータイトル用　*/
/*	h3.section_cont,			*/	/*	section			記事タイトル用		*/


/*	h2 h3 共通 見出し設定	*/
#contents h2,
#contents h3
{
	clear:both;
}
/*	h2 h3 共通 見出し設定	*/
div.componentheading h2,		/*	メニュータイトル	h2				*/
td.contentheading h3,			/*	記事タイトル		H3				*/
#top h2,						/*	top				記事中H2記載用		*/
#top h3,						/*	top				記事中H3記載用		*/
#contents_hed h2,				/*	contents_hed	記事中H2記載用		*/
#contents_hed h3,				/*	contents_hed	記事中H3記載用		*/
.contents_kij h2,				/*	contents_kij	記事中H2記載用		*/
.contents_kij h3,				/*	contents_kij	記事中H3記載用		*/
#contents_btm h2,				/*	contents_btm	記事中H2記載用		*/
#contents_btm h3,				/*	contents_btm	記事中H3記載用		*/
#bottom h2,						/*	bottom			記事中H2記載用		*/
#bottom h3,						/*	bottom			記事中H3記載用		*/
p#contact-name,					/*	QContacts		QContacts用			*/
div.xmap .componentheading,		/*	Xmap(Sitemap)	Xmap(Sitemap)用		*/
h2.menutitle					/*	Xmap(Sitemap)	Xmap(Sitemap)用		*/
{
	font-weight: bold;
	margin-bottom: 1em;
	padding-left: 20px;
	line-height:40px;
	color:#333;
	height:40px;
}


#top h2,
div.componentheading h2,
div#contents_hed h2,
div.contents_kij h2,
div#contents_btm h2,
#bottom h2,
p#contact-name,					/*	QContactsのメニュタイトルは、h1になるので使用しない（本来はh3と同類）	*/
div.xmap .componentheading,		/*	Xmap(Sitemap)	Xmap(Sitemap)用						*/
h2.menutitle					/*	Xmap(Sitemap)	Xmap(Sitemap)用	（本来はh3と同類）	*/
{
	/*	記事中の見出しの位置	*/
	background: url(../image/h2_010.png) no-repeat left bottom;
	font-size: 150%;
}


/*
div.componentheading h2,
*/
div#contents_hed h2,
div.contents_kij h2,
div#contents_btm h2,
p#contact-name					/*	QContactsのメニュタイトルは、h1になるので使用しない（本来はh3と同類）	*/
{
	/*	記事中の見出しの位置	*/
	margin-left:-30px;
}

div.componentheading h2,		/*	メニュータイトル	h2				*/
td.contentheading h3,			/*	記事タイトル		H3				*/
#top h3,						/*	top				記事中H3記載用		*/
#contents_hed h3,				/*	contents_hed	記事中H3記載用		*/
.contents_kij h3,				/*	contents_kij	記事中H3記載用		*/
#contents_btm h3,				/*	contents_btm	記事中H3記載用		*/
#bottom h3,						/*	bottom			記事中H3記載用		*/
p#contact-name,					/*	QContacts		QContacts用			*/
div.xmap .componentheading,		/*	Xmap(Sitemap)	Xmap(Sitemap)用		*/
h2.menutitle					/*	Xmap(Sitemap)	Xmap(Sitemap)用		*/

{
	background: url(../image/h3_010.png) no-repeat left bottom;
	font-size: 120%;
}

/* javascript  DD_belatedPNG でｍﾌｫﾛｰﾄが取れてしまう為 h3には設定しない	widh=100%の時 */
/* strat */
/*
#bottom h3{
	background-image:none; 
}

#bottom .moduletable h3{
	background: url(../image/h3_010.png) no-repeat left top;
}
*/
/* end */

td.contentheading h3,
div#contents_hed h3,
div.contents_kij h3
/*
div#contents_btm h3
*/
{
	/*	記事中の見出しの位置	*/
	margin-left:-30px;
}


#contents_mid h4 {
	font-size: 120%;
	letter-spacing: 0.3em;
	background: url(../image/h3_icon.gif) no-repeat left top;
	line-height: 20px;
	margin-top: 20px;
	margin-left: 00px;
	margin-bottom: 0px;
	padding-left: 2em;
}

div.icon_h2{
	margin-left: -20px;
	padding-left:40px;
	background: url(../image/icon_h2.gif) no-repeat left bottom;
}


/*-------------------------------------------------------------------*/
/*　個別設定　（サイド枠）	*/
/*-------------------------------------------------------------------*/


div h1 {
	margin-left:00px;
	padding-left:20px;
	color:#666;
	font-weight: normal;
}
div h1{
	background: url(../image/h1_010.png) repeat;
}

/*	見出しの位置 */
#left h3, #right h3{
	background: url(../image/left020.gif) no-repeat;
	padding-top:17px;
	padding-left:12px;
	padding-bottom:10px;
	height:30px;
}

/*	枠内のマージンと余白 */
#left div div div div div, #right div div div div div {
	padding:0;
	margin:0;
	padding-left:7px;
	margin-right:5px;
	padding-bottom:20px;
}
/*	枠コンテンツのマージンと余白 */
#left div div div div div div ,#right div div div div div div {
	padding-bottom:0px;
	margin-bottom:0px;
}

#left div div, #right div div {
	background: url(../image/side010_bootm_R.jpg) no-repeat right bottom;
}

#left div div div, #right div div div {
	background: url(../image/side010_bootm_L.jpg) no-repeat left bottom;
}

#left div div div div, #right div div div div {
	background: url(../image/side010_top_R.jpg) no-repeat right top;
}

#left div div div div div, #right div div div div div {
	background: url(../image/side010_top_L.jpg) no-repeat left top;
}

#left div div div div div div ,#right div div div div div div {
	background: none;
}


/*-------------------------------------------------------------------*/
/*	メニュー種別 アーカイブ記事リスト				*/
/*-------------------------------------------------------------------*/

/*	archive専用		*/
h4.archive_list{
	margin-top:20px;
}
div.intro{
	margin-left:20px;
}

/*-------------------------------------------------------------------*/
/*	メニュー種別 スタンダートセクションレイアウト	*/
/*-------------------------------------------------------------------*/
div.section_tbl {
	margin-left: 20px;
	}
div.section_tbl li{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	background: url(../image/icn_b020.gif) no-repeat;
	padding-left: 20px;
	}