@charset "UTF-8";
/* ************************************************ 
	XOOPS CSS目次
	1-1.記述方法
	1-2.注意点
	1-3.各モジュールCSSセット
	
	2-1.基本設定
	2-2.各領域設定
	2-3.ヘッダ領域設定
	2-4.ナビゲーション設定
	2-5.フッター領域設定
	2-6.メインナビゲーション領域設定
	2-7 サイドコンテンツL設定
	2-8 サイドコンテンツR設定
	2-9 C_Cコンテンツ設定
	2-10 C_Lコンテンツ設定
	2-11 C_Rコンテンツ設定
	2-12 メインコンテンツ設定
	
 * ************************************************ */

/*	1-1.記述方法
サイズ関係（width:**px; height:**px;等)
フォント関係（font-size:**px; line-height:**%; text-align:**;等
マージン（margin:**;等）
ボーダー（border:*px solid #******;等）
パディング（padding:**px;等）
バックグランド（background:url(*********);等)
その他（float:***; display:***;等)
*/

/*	1-2.注意点
ハックした場合必ず下記の記入欄に記述。

*/

/*	ハックした箇所

*/
/* ************************************************ 
 * 3-1 初期設定CSS読み込み
 * ************************************************ */
@import url("initial.css");
/* ************************************************ 
 * 2-1 基本設定
 * 77% = 10px	| 	122% = 16px	|	167% = 22px	
 * 85% = 11px	|	129% = 17px	|	174% = 23px
 * 92% = 12px	|	136% = 18px	|	182% = 24px
 * 100% = 13px	|	144% = 19px	|	189% = 25px
 * 107% = 14px	|	152% = 20px	|	197% = 26px
 * 114% = 15px	|	159% = 21px	|
 * ************************************************ */
body
	{
	text-align:center;
	background:url(../img/body_back.gif) repeat-x;
	}
h1, h2, h3, h4, h5, h6
	{
	font-size:92%;
	font-weight:normal;
	}
a
	{
	color:#646464;
	text-decoration:none;
	}
a:hover
	{
	color:#486ea9;
	text-decoration:underline;
	}
/* ************************************************ 
 * 2-2 各領域設定
 * box
 * header
 * footer
 * nav
 * contents_box
 * side_box_l
 * side_box_r
 * main_contents
 * c_c_block
 * c_l_block
 * c_r_block
 * ************************************************ */
*#box
	{
	width:770px;
	text-align:left;
	margin:0px auto 0px auto;
	padding:0px 0px 15px 0px;
	}
*#header
	{
	height:285px;
	background:url(../img/header_back.jpg) no-repeat;
	position:relative;
	}
*#footer
	{
	text-align:center;
	padding:10px 0px 0px 0px;
	background:#ededed;
	}
*#main_contents
	{
	margin:73px 0px 0px 0px;
	}
/* ************************************************ 
 * 2-3 ヘッダー設定
 * ************************************************ */
*#header h1
	{
	font-size:92%;
	line-height:1.5;
	}
*#header #logo
	{
	position:absolute;
	top:23px;
	left:1px;
	}
*#header #description
	{
	position:absolute;
	top:125px;
	left:9px;
	}
*#header #description_02
	{
	position:absolute;
	top:233px;
	left:9px;
	}

/* ************************************************ 
 * 2-6 フッダー設定
 * ************************************************ */
*#footer address
	{
	line-height:2;
	}

/* ************************************************ 
 * 2-12 メインコンテンツ設定
 * ************************************************ */
*#main_contents li
	{
	width:372px;
	height:274px;
	}
*#main_contents li a
	{
	width:372px;
	padding:274px 0px 0px 0px;
	display:block;
	}
*#main_contents li.nav_01
	{
	overflow:hidden;
	float:left;
	}
*#main_contents li.nav_01 a
	{
	background:url(../img/nav_01.jpg) no-repeat;
	}
*#main_contents li.nav_02
	{
	overflow:hidden;
	float:right;
	}
*#main_contents li.nav_02 a
	{
	background:url(../img/nav_02.jpg) no-repeat;
	}
*#main_contents li a:hover
	{
	background-position:0px -274px;
	}
