@charset "UTF-8";
/* ************************************************ 
Theme Name: XOOPS!
Theme URI: http://www.master-web.net
Description: Theme designed by Webnist + Megane
Author: Theme designed by Webnist + Megane

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

 * ************************************************ */

/* ************************************************ 
	CSS Contents
	1-1. Description priority level
	1-2. Notes
	1-3. CSS Zero Include
	
	2-1. Basic setting
	2-2. Each area setting
	2-3. Header area setting
	2-4. Footer area setting
	2-5. Side contents setting
	2-6. The main contents setting
	3-1. Other setting
	
 * ************************************************ */

/* ************************************************ 
 * 1-1.Description priority level
 * ************************************************
 *	width:;
 *	height:;
 *	font-size:;
 *	font-weight:;
 *	line-height:;
 *	color:;
 *	text-align:;
 *	vertical-align:;
 *	margin:;
 *	border:;
 *	padding:;
 *	background:;
 *	background-position:;
 *	display:;
 *	float:;
 *	letter-spacing:;
 *	overflow:;
 *	position:;
 *	top:;
 *	left:;
 *	right:;
 *	bottom:;
 *	clear:;
 * ************************************************ */

/* ************************************************ 
 * 1-2.Notes
 * ************************************************
 *	
 *	Whenever Huck is done,
 *	it describes it in the following filling in column. 
 *	
 *	
 *	
 * ************************************************ */

/* ************************************************ 
 * 1-3.CSS Include
 * ************************************************ */
@import url("initial.css");

/* ************************************************ 
 * 2-1. Basic setting
 * ************************************************ */

body
	{
	text-align:center;
	color:#333344;
	}
a:link
	{
	color:#0F659C;
	text-decoration:none;
	}
a:visited
	{
	color:#0F659C;
	text-decoration:underline;
	}
a:active
	{
	color:#0F659C;
	text-decoration:underline;
	}
a:hover
	{
	color:#0F659C;
	text-decoration:underline;
	}
div#footer a
	{
	text-decoration:none;
	}
div#side_contents a
	{
	text-decoration:none;
	}
h1 ,h2 ,h3 ,h4 ,h5 ,h6
	{
	color:#333344;
	}
h1 a:link ,h2 a:link ,h3 a:link ,h4 a:link ,h5 a:link ,h6 a:link ,
h1 a:visited ,h2 a:visited ,h3 a:visited ,h4 a:visited ,h5 a:visited ,h6 a:visited ,
h1 a:active ,h2 a:active ,h3 a:active ,h4 a:active ,h5 a:active ,h6 a:active
	{
	color:#333344;
	text-decoration:none;
	}
h1 a:hover ,h2 a:hover ,h3 a:hover ,h4 a:hover ,h5 a:hover ,h6 a:hover
	{
	color:#333344;
	text-decoration:underline;
	}

/* ************************************************ 
 * 2-2. Each area setting
 * box
 * header
 * footer
 * contents_box
 * main_contents
 * sidebar
 * main_img
 * ************************************************ */
div#box
	{
	width:930px;
	line-height:1.5;
	text-align:left;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	}
div#header
	{
	height:111px;
	position:relative;
	}
div#footer
	{
	width:930px;
	font-size:77%;
	border-top:1px dotted #8A8076;
	padding:10px 0px 10px 0px;
	position:relative;
	}
div#contents_box
	{
	margin:10px 0px 0px 0px;
	background:url(images/background/contents_background.gif) repeat-y;
	}
div#main_contents
	{
	width:568px;
	float:left;
	}
div#sidebar
	{
	width:311px;
	padding:10px 10px 0px 0px;
	float:right;
	}
div#main_img
	{
	margin:12px 0px 12px 0px;
	}
div#main_img img
	{
	display:block;
	}

/* ************************************************ 
 * 2-3. Header area setting
 * ************************************************ */
div#header h1
	{
	font-size:92%;
	color:#8B8B8B;
	position:absolute;
	top:5px;
	right:0px;
	}
div#header p#logo
	{
	display:block;
	position:absolute;
	left:0px;
	top:12px;
	z-index:1;
	}
div#header p#header_contact
	{
	background:#000000;
	display:block;
	position:absolute;
	top:30px;
	right:0px;
	z-index:1;
	}
div#header p#header_contact a:hover
	{
	filter:alpha(opacity=85);
	-moz-opacity:0.8;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
div#header p#feed
	{
	position:absolute;
	top:77px;
	right:2px;
	z-index:1;
	}
/*---------- Navigation Setting ----------*/
div#header ul#page_nav
	{
	width:100%;
	height:35px;
	font-size:92%;
	background:url(images/nav/nav_back.gif) repeat-x left top;
	position:absolute;
	top:76px;
	left:0px;
	}
div#header ul#page_nav li
	{
	width:auto;
	height:35px;
	border-right:1px solid #FFFFFF;
	display:block;
	float:left;
	position:relative;
	}
div#header ul#page_nav li a
	{
	width:auto;
	height:35px;
	color:#FFFFFF;
	line-height:2.8;
	text-decoration:none;
	padding:0px 20px 0px 20px;
	display:block;
	float:left;
	}
div#header ul#page_nav a:hover
	{
	text-decoration:underline;
	}

/*---------- Pulldown Setting ----------*/
div#header ul#nav li ul
	{
	display:none;
	}
div#header ul#nav li:hover > ul
	{
	width:150px;
	border-top:1px solid #D2D2D2;
	background:#555555;
	display:block;
	position:absolute;
	top:100%;
	left:0px;
	z-index:3;
	}
div#header ul#nav li ul li
	{
	width:148px;
	border:1px solid #D2D2D2;
	border-top:none;
	display:block;
	}
div#header ul#nav li ul li a
	{
	width:128px;
	line-height:2.3;
	padding:0px 10px 0px 10px;
	display:block;
	}
/* ************************************************ 
 * 2-4. Footer area setting
 * ************************************************ */
div#footer ul
	{
	text-align:right;
	}
div#footer ul li
	{
	padding:0px 0px 0px 10px;
	display:inline;
	}
div#footer ul li.top
	{
	padding:0px 5px 0px 0px;
	display:inline;
	}
div#footer address
	{
	text-align:right;
	}

/* ************************************************ 
 * 2-5 Side contents setting
 * ************************************************ */
/*/ Title /*/
div#sidebar h2.title
	{
	text-align:center;
	font-size:144%;
	font-weight:bold;
	line-height:1.9;
	color:#FFFFFF;
	margin:0px 0px 12px 0px;
	background:url(images/title/side_title_back.gif) repeat-x left top #0F659C;
	}

/*/ Widgets /*/
div#sidebar div.widgets
	{
	margin:0px 0px 10px 0px;
	}

/*/ List /*/
div#sidebar ul
	{
	font-size:92%;
	margin:0px 0px 10px 0px;
	padding:0px 5px 0px 5px;
	}
div#sidebar ul li
	{
	padding:5px 0px 0px 0px;
	}
div#sidebar ul li a
	{
	text-decoration:none;
	padding:5px 0px 5px 10px;
	background:url(images/icon/side_icon_01.gif) no-repeat left center;
	}
div#sidebar ul li ul
	{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 10px;
	}

/*/ recentcomments /*/
div#sidebar ul#recentcomments a
	{
	border:none;
	padding:0px 0px 0px 15px !important;
	background:url(images/icon/side_icon_01.gif) no-repeat left 3px;
	}
div#sidebar ul#recentcomments li.recentcomments a.url
	{
	padding:0px 0px 0px 0px !important;
	background:none;
	}

/*/ Selectt /*/
div#sidebar select
	{
	width:260px;
	margin:10px 10px 20px 10px;
	}
	
/*/ searchform /*/
div#sidebar #searchform
	{
	margin:10px 0px 20px 0px;
	}
div#sidebar #searchform input.text
	{
	width:236px;
	height:13px;
	vertical-align:middle;
	margin:0px 0px 0px 0px;
	border:1px solid #BBBBBB;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	padding:4px 4px 4px 4px;
	}
div#sidebar #searchform input.button
	{
	vertical-align:middle;
	}

/*/ Calendar /*/
div#sidebar #wp-calendar
	{
	width:260px;
	margin:0px auto 0px auto;
	}
div#sidebar #wp-calendar caption
	{
	text-align:center;
	margin:0px 0px 0px 0px;
	background:#FDDBEB;
	}
div#sidebar #wp-calendar th ,
div#sidebar #wp-calendar td
	{
	text-align:center;
	color:#6E7073;
	padding:2px 10px 2px 10px;
	}
div#sidebar #wp-calendar th
	{
	font-weight:bold;
	padding:15px 0px 0px 0px;
	}
div#sidebar #wp-calendar td a
	{
	text-decoration:underline;
	}

/*/ Post List /*/
div#sidebar ul.post_list
	{
	margin:0px 0px 0px 0px;
	padding:0px 0px 7px 0px;
	}
div#sidebar ul.post_list li span.data ,
div#sidebar ul.post_list li span.title
	{
	display:block;
	}

/*/ Side contents nav /*/
div#sidebar ul.service_nav
	{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	}
div#sidebar ul.service_nav li
	{
	width:311px;
	margin:0px 0px 2px 0px;
	padding:0px 0px 0px 0px;
	}
div#sidebar ul.service_nav li a
	{
	padding:0px 0px 0px 0px;
	background:none;
	}
div#sidebar ul.service_nav li a img
	{
	display:block;
	}
div#sidebar ul.service_nav li a img:hover
	{
	filter:alpha(opacity=85);
	-moz-opacity:0.8;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}

/*/ Side contents nav /*/
div#sidebar p.contact
	{
	margin:0px 0px 10px 0px;
	}
div#sidebar p.contact a:hover
	{
	filter:alpha(opacity=85);
	-moz-opacity:0.8;
	opacity:0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
	
/* ************************************************ 
 * 2-6 Main contents setting
 * ************************************************ */
/*/ Pathnav /*/
div#main_contents ul#pathnav
	{
	margin:5px 0px 5px 0px;
	}
div#main_contents ul#pathnav li
	{
	display:inline;
	}

/*---------- title ----------*/
div#main_contents h2.page_title
	{
	font-size:227%;
	line-height:2;
	color:#FFFFFF;
	margin:0px 0px 15px 0px;
	padding:0px 15px 0px 15px;
	background:url(images/title/page_title_back.gif) repeat-x left top #0F659C;
	}
div#main_contents h2.post_title ,
div#main_contents h2.title
	{
	font-size:114%;
	font-weight:bold;
	line-height:2.5;
	margin:0px 0px 10px 0px;
	border-bottom:1px solid #175F98;
	padding:0px 5px 0px 5px;
	background:url(images/title/title_back.gif) repeat-x left top;
	}
div#main_contents div.post h3.title
	{
	font-size:114%;
	font-weight:bold;
	line-height:2;
	color:#004B9B;
	margin:0px 0px 5px 0px;
	border-top:1px dotted #D1D1D1;
	padding:0px 5px 0px 5px;
	}

/*---------- HOME ----------*/
body#home div#main_contents ul#recent_posts
	{
	margin:0px 0px 15px 0px;
	}
body#home div#main_contents ul#recent_posts li
	{
	width:468px;
	border-bottom:1px dotted #8A8076;
	padding:5px 0px 5px 100px;
	position:relative;
	}
body#home div#main_contents ul#recent_posts li span.data
	{
	position:absolute;
	top:5px;
	left:5px;
	}
body#home div#main_contents ul#recent_posts li span.cat a
	{
	color:#000000;
	}
body#home div#main_contents div.l_img_box h3.title
	{
	font-size:114%;
	font-weight:bold;
	line-height:2;
	color:#004B9B;
	margin:0px 0px 5px 0px;
	border-top:1px dotted #D1D1D1;
	padding:0px 5px 0px 5px;
	}
body#home div#main_contents div.l_img_box img
	{
	float:left;
	}
body#home div#main_contents div.l_img_box div
	{
	width:381px;
	float:right;
	}
body#home div#main_contents div.l_img_box div p
	{
	margin:0px 0px 5px 0px;
	}
body#home div#main_contents div.l_img_box div p strong
	{
	font-weight:bold;
	}
body#home div#main_contents div.l_img_box div p em
	{
	font-size:85%;
	font-style:normal;
	color:#767676;
	}
body#home div#main_contents div.l_img_box div p.more_link
	{
	clear:both;
	padding:10px 0px 5px 0px;
	}

/* ************************************************ 
 * 3-1 Other setting
 * ************************************************ */
p.more_link
	{
	margin:10px 0px 15px 0px;
	text-align:right;
	clear:both;
	}
#back-to-top
	{
	margin:30% 0px 0px 0px;
	position:absolute;
	right:5px;
	}
div#sem_admin_menu
	{
	width:16px;
	border:3px solid #A71230;
	border-top:none;
	border-left:none;
	padding:5px 5px 5px 5px;
	background:#FFFBEF;
	position:fixed;
	top:0px;
	left:0px;
	z-index:10;
	}
div#main_contents .entry dl.history
	{
	margin:10px 10px 10px 10px;
	}
div#main_contents .entry dl.history dt
	{
	font-weight:bold;
	color:#46A406;
	}
div#main_contents .entry dl.history dd
	{
	margin:0px 0px 20px 0px;
	}
/*/ Pico /*/
div#main_contents input#pico_meta_keywords
	{
	width:100%;
	}
div#main_contents textarea#pico_meta_description
	{
	width:100%;
	height:250px;
	}
/* ************************************************ 
 * Feeling!!
 * It is inquiry in the webnist
 * webnist@webnist.org
 * ************************************************ */