@charset "UTF-8";

/*
Theme Name: わくわくネッワーク
Theme URI: http://www.waku2-shop.com/
Description: 恵佼会CADセンターのオリジナルテーマ
Version: ver1.0.0
Author: 恵佼会CADセンター
Author URI: http://www.fukushi-net.com/
*/

*,
* * {
	margin: 0;
	padding: 0;
}
body	{
	color: #333333;
	font-size: 90%;
	font-family: "メイリオ", Meiryo, "MS UI Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	line-height: 1.5;
	background	:#ffffff url(images/common/body_bg.jpg) top center repeat-x;
	text-align:justify;
}
html{
                     overflow-y:scroll;
}
* html { height: 100%; }
h1  a	{
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
	width		:255px;
	height		:94px;
	display		:block;
}
h2	{
	font-size	:1.5em;
	font-weight	:normal;
                     margin: 0px 5px;
	padding:5px;
	color:#006600;
	text-align: left;
	
}
h3	{
	margin		:20px 0px 10px 0px;
	padding		:0px 0px 0px 5px;
	font-size	:1.2em;
	border-left	:#999999 12px solid;
	border-bottom:#999999 solid 1px;
}
h4	{
                     margin		:10px 0px 0px 20px;
	padding		:0px 0px 0px 0px;
	font-size	:1.0em;
	font-weight	:normal;
}
a,a:link	{
	color		:#999999;
	text-decoration:none;
}
a:visited,a:active	{
	color		:#333333;
	text-decoration:none;
}
a:hover {
	color		:red;
	text-decoration: underline;
}
ol li	{
	margin:0px 0px 1em 25px;
}
ul li	{
	margin:0px 0px 0px 25px;
}
table  {
                     margin: 5px auto 0 auto;
                     border-top: 1px solid #ccc;
                     border-left: 1px solid #ccc;
                     border-collapse: collapse;
                     text-align: left;
}
table th {
                     padding: 5px;
                     border-right: 1px solid #ccc;
                     border-bottom: 1px solid #ccc;
                     background-color: #f0f0f0;
                     font-weight: normal;
}
table td {
                     padding: 5px;
                     border-right: 1px solid #ccc;
                     border-bottom: 1px solid #ccc;
}
/* 特殊要素
---------------------------------------------------- */
.clear_left	{clear:left;}
.clear_right{clear:right;}
.float_right{float:right;}
.float_left	{float:left;}
.float_clear{clear:both;}

img			{border:0px;}
.hidden		{display: none;}
.just_right	{text-align:right;}
.just_center{text-align:center;}
.sty_red 	{color: #FF0000;}
.font_bold	{font-weight:bold}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* ------------------------------------- 
 *	アイコン類
 * ------------------------------------- */
.pop_text	{
	margin		:1em 0px 0em 1em;
	padding		:0px 0px 0px 0px;
}
.prev_next {
	margin: 0px 5px;
	padding: 0px 5px;
	font-size: 0.8em;
	text-align: center;
	border: dotted 1px #cccccc;
}
.so_box {
	margin: 0px 0px;
	padding: 0px 2px;
	font-size: 0.8em;
	text-align: left;
	}
.so_box1 {
	margin: 0px 0px;
	padding: 0px 0px;
	font-size: 0.7em;
	text-align: left;
	}
.so_box2 {
	margin: 0px 0px;
	padding: 0px 0px;
	font-size: 0.8em;
	text-align: left;
	}

.box {
	margin: 0px 5px;
	padding:5px;
	font-size: 1.2em;
	color:#006600;
	text-align: left;
	background:#e6e6e6;
	border: solid 1px #cccccc;
}
.resize img {
        width:220px;
        height:155px;
}
.resize1 img  {
        width:100px;
        height:100px;
}        
.resize2 img  {
        width:80px;
        height:80px;
}

/* 基本レイアウト
---------------------------------------------------- */
#wrapper {
	width:900px;
	margin: 0px auto 0px auto;
	padding:0px 5px 0px 5px;
}
/* ヘッダーレイアウト
---------------------------------------------------- */
#header		{
	position:relative;
	width		:900px;
	height		:120px;
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
	background	:#FFFFFF url(images/common/head_bg.jpg) top center repeat-x;
}
#header h1	{
                     position:absolute;
                     top:24px;
                     left:5px;
   	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
	background	:#FFFFFF url(images/common/siteid.gif) no-repeat;
	text-indent	:-9999px;
}
#header p	{
   	position:absolute;
                      top:40px;
                      left:300px;
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
	font-size:11px;
	width:350px;
	overflow:hidden;	
}
.subttl_h2 h2	{
	padding		:48px 35px 0px 0px;
	/*text-align	:right;*/
	color		:#ffffff;
	font-size	:26px;
	text-indent	:-9999px;
	
}
#hed_image {
	width:900px;
	height:240px;
	text-indent:-9999px;
                      background	:#FFFFFF url(images/img_head/head.jpg) no-repeat;

	}
#search {
	position: absolute;
	top: 40px;
	right: 10px;
}


/*パンくず*/
#breadcrumb,
#breadcrumb a
	{
	margin		:0px 0px 0px 0px;
	padding		:4px 0px 4px 10px;
	font-size	:0.9em;
	color		:#333333;
}
#breadcrumb a	{
	text-decoration:underline;
}
#breadcrumb a:hover	{
	color		:#FF0000; text-decoration:underline;
}
/* コンテンツレイアウト
---------------------------------------------------- */
#contents	{
	width:900px;
                     	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
	background:#FFFFFF url(images/common/contents_bg.jpg) repeat-y;
}
/**左側**/
#contents_left	{
	width		:220px;
                    	margin		:0px 0px 0px 0px;
	float:left;
}
#weather  {
    text-align:center;
	margin-bottom:10px;
}
/**右側**/
#contents_right	{
	width		:680px;
	margin		:0px 0px 0px 0px;
	float		:left;
}
/**右側内側**/
#contents_right_inner	{
	margin		:0px 0px ;
	padding		:0px 15px 20px 15px;
}
#contents_right_top	{
	width		:680px;
	height:9px;
	margin		:0px 0px 0px 0px;
	padding:0px;
	background:url(images/common/contents_right_top.gif) no-repeat;
}
#contents_right_bottom	{
	width		:680px;
	height:9px;
	padding:0px;
	margin		:0px 0px 0px 0px;
	background:url(images/common/contents_right_bottom.gif) no-repeat;
}
#contents_bottom	{
	width:900px;
	height:20px;
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
}
/* フッターレイアウト
---------------------------------------------------- */
#footer	{
width:900px;    
height      :160px;
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
	font		:normal 0.8em/1.5em "verdana";
	color		:#666666;
	background	: url(images/common/fotter_back.jpg) no-repeat;
　　　　　}
#footer_left	{
   	float		:left;
	margin-top:47px;
	margin-left:10px;
         }
#footer_right	{
	float		:right;
	margin-right:10px;
}
#footer_copyright	{
	margin		:0em 10px 0em 0px;
	float		:right;
         font-size:10px;
}
#footer_bottom	{
	background	:url(images/common/img_foot01.gif) no-repeat;
	}
#footer hr	{
	color		:#999999;
	height		:1px;
	size		:1px;
	margin		:5px 0px;
}
/* ページの先頭に戻る
---------------------------------------------------- */
.pageTop 	{
    width:212px;
	height:19px;
	float:right;
	margin:10px 10px 0px 0px;
}
.pageTop a 	{
	width		:212px;
	height		:19px;
	text-indent:-9999px;
	margin:10px 10px 0px 0px;
	background	:url(images/common/img_pagetop.gif) no-repeat;
	display		:block;
}
.pageTop a:hover	{
	width		:212px;
	height		:19px;
	margin:10px 10px 0px 0px;
	background	:url(images/common/img_pagetop_on.gif) no-repeat;
	display		:block;
}
/*ヘッダー部ナビ
---------------------------------------------------- */
ul#header_navi_top {
    margin		:0px 0px 0px 0px;
	padding		:0px;
}
ul#header_navi {
	margin		:0px 10px 0px 0px;
	padding		:0px;
}
ul#header_navi li {
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 15px;
	display		:inline;
	font-size	:11px;
	background:url(images/common/03.gif) no-repeat center left;
}
ul#header_navi li a,
ul#header_navi li a:link,
ul#header_navi li a:visited,
ul#header_navi li a:active	{
	color:#666666; text-decoration: none;}
ul#header_navi li a:hover	{
	color:#FF0000; text-decoration:underline;
}
/* TOP-コンテンツ部ナビ
---------------------------------------------------- */
ul#top_navi {
    position:absolute;
	top:76px;
	left:300px;
	list-style	:none;
	/*margin		:52px 0px 0px 300px;
	padding		:0px 0px 0px 0px;*/
	height		:44px;
	display		:block;
}
ul#top_navi li {
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
	height		:44px;
	width		:100px;
	font		:normal 10px/10px "verdana";
	text-indent	:-9999px;
	display		:block;
	float:left;
}
ul#top_navi li a {
	float			:left;
	text-decoration	:none;
	display			:block;
	height			:44px;
	width			:100px;
}
ul#top_navi li#home		a {background	:url(images/common/navi.jpg) 0px 0px no-repeat;}
ul#top_navi li#news	    a {background	:url(images/common/navi.jpg) -100px 0px no-repeat;}
ul#top_navi li#about	a {background	:url(images/common/navi.jpg) -200px 0px no-repeat;}
ul#top_navi li#inst		a {background	:url(images/common/navi.jpg) -300px 0px no-repeat;}
ul#top_navi li#job		a {background	:url(images/common/navi.jpg) -400px 0px no-repeat;}
ul#top_navi li#shop		a {background	:url(images/common/navi.jpg) -500px 0px no-repeat;}

ul#top_navi li#home		a:hover  {background	:url(images/common/navi.jpg) 0px -44px no-repeat;}
ul#top_navi li#news	    a:hover  {background	:url(images/common/navi.jpg) -100px -44px no-repeat;}
ul#top_navi li#about	a:hover  {background	:url(images/common/navi.jpg) -200px -44px no-repeat;}
ul#top_navi li#inst		a:hover  {background	:url(images/common/navi.jpg) -300px -44px no-repeat;}
ul#top_navi li#job		a:hover  {background	:url(images/common/navi.jpg) -400px -44px no-repeat;}
ul#top_navi li#shop		a:hover  {background	:url(images/common/navi.jpg) -500px -44px no-repeat;}
/*バナー
---------------------------------------------------- */
#banner_area	{
	margin		:20px 0px 0px 0px;
	padding		:0px 0px 0px 0px;
}
#top_banner_area .banner	{
	margin		:0px 0px 0px 7px;
	padding		:0px 0px 0px 0px;
	float		:left;	
}
#low_banner_area	{
	margin		:0px 0px 0px 0px;
	padding		:20px 0px 0px 0px;
}
.banner	{
	margin		:5px 0px 0px 2px;
	padding		:0px 0px 0px 0px;
	text-align:center;	
}
#rank	{
    position:relative;
    width:204px;
	height:327px;    
	margin:10px 0px 0px 10px;
	padding:0px;
	background:url(images/common/rank_bg.gif) no-repeat;
	margin-bottom:10px;
}
#rank .inbox	{
         position:absolute;
	top:50px;
	left:-12px;
        	width:210px;
	height:267px;
	font-size:11px;
         	overflow:auto;    
}
#rank .inbox img {
         float:left;
	margin:1px 2px 0px 0px;
	} 
#rank  li  {
        list-style	:none;
}
#bnr_takken	{
	margin		:10px 0px 0px 0px;
}
#counter {
         width:204px;
         padding:10px;
         overflow:auto;
}
#counter ul li{
         margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 15px;
	display		:block;
	font-size	:12px;
	background:url(images/common/03.gif) no-repeat center left;
}


/*フッター部ナビ
---------------------------------------------------- */
ul#footer_navi {
	margin		:0px 0px 0px 0px;
	padding		:20px 10px 0px 0px;
}

ul#footer_navi li {
    font-size:11px;
	margin		:0px 0px 0px 0px;
	padding		:0px 0px 0px 15px;
	list-style	:none;
	display		:inline;
	background:url(images/common/02.gif) no-repeat center left;
}
ul#footer_navi li a,
ul#footer_navi li a:link,
ul#footer_navi li a:visited,
ul#footer_navi li a:active	{
	color:#666666; text-decoration: none;
}

ul#footer_navi li a:hover	{
	color:#FF0000; text-decoration:underline;
}
/***************************************************
		TOPページ
****************************************************/
#information_box	{
	position:relative;
	margin:0px;
	padding:0px;
	width:650px;
	height:600px;
	background: url(images/common/infomation.gif) no-repeat;
	margin-bottom:15px;
}
#information_box .inside	{
	position:absolute;
	top:15px;
	left:20px;
	width:615px;
	height:580px;
	overflow:auto;
}

#information_box .info	{
    position:absolute;
	top:10px;
	right:10px;
	width:67px;
	height:22px;    
	text-indent:-9999px;
	background:url(images/common/ichiran_off.gif) no-repeat;
}
#information_box .info	a{
    width:67px;
	height:22px;    
	display:block;
}
#information_box .info a:hover	{
	width:67px;
	height:22px;    
	margin:0px;
	padding:0px;
	display:block;
	background:url(images/common/ichiran_on.gif) no-repeat;
}
#whatsnew_box	{
	position:relative;
	margin:0px;
	padding:0px;
	width:650px;
	height:200px;
	background: url(images/common/whatnew_bg.gif) no-repeat;
	margin-bottom:15px;
}
#whatsnew_box .inner	{
    position:absolute;
	top:40px;
	left:10px;
	width:630px;
	height:150px;
	overflow:auto;
}
#whatsnew_box .rss	{
    position:absolute;
	top:11px;
	right:10px;
	width:46px;
	height:19px;    
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	background:url(images/common/rss_off.gif) no-repeat;
}
#whatsnew_box .rss	 a{
    width:46px;
	height:19px;    
	margin:0px;
	padding:0px;
	display:block;
}
#whatsnew_box .rss a:hover	{
	width:46px;
	height:19px;    
	margin:0px;
	padding:0px;
	display:block;
	background:url(images/common/rss_on.gif) no-repeat;
}
#whatsnew_box  ul {
                    width:auto;
                     line-height:1.5;
                    padding:2px 0px 2px 0px;
                    list-style:none;
	background:url(images/common/3.gif) no-repeat center left;
                    border-bottom:1px dotted #999999;
}
#whatsnew_box  li a	{
	color:#666666;
                    text-decoration	:none;
	}
#whatsnew_box li a:hover	{
	color			:#FF0000;
	text-decoration	:underline;
	}

#ivent_box	{
	position:relative;
	margin:0px;
	padding:0px;
	width:650px;
	height:200px;
	background: url(images/common/ivent_bg.gif) no-repeat;
	margin-bottom:15px;
}
#ivent_box .area	{
	position:absolute;
	top:40px;
	left:10px;
	width:630px;
	height:150px;
	overflow:auto;
}
#ivent_box ul {
                    width:auto;
                     line-height:1.5;
                    padding:2px 0px 2px 0px;
                    list-style:none;
	background:url(images/common/3.gif) no-repeat center left;
                    border-bottom:1px dotted #999999;
}
#ivent_box li a	{
	color:#666666;
                    text-decoration	:none;
	}
#ivent_box li a:hover	{
	color			:#FF0000;
	text-decoration	:underline;
	}
#ivent_box .ichiran	{
    position:absolute;
	top:11px;
	right:10px;
	width:46px;
	height:19px;    
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	background:url(images/common/ichiran_off.gif) no-repeat;
}
#ivent_box .ichiran	a{
    width:46px;
	height:19px;    
	margin:0px;
	padding:0px;
	display:block;
}
#ivent_box .ichiran a:hover	{
	width:46px;
	height:19px;    
	margin:0px;
	padding:0px;
	display:block;
	background:url(images/common/ichiran_on.gif) no-repeat;
}
/* ----- 検索 -------------------------------------- */
#serch_box	{
    	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:650px;
	}
/* Calendar  */
#calendar {width:224px;
}

#calendar table {
    border-collapse: collapse;
    margin: 0 auto 10px;
    text-align:center;
}

#calendar th, #calendar td {
    padding: 4px;
    border: 1px solid #cccccc;
}

#calendar th {
    background: #999999;
    color: #FFFFFF;
}
#calendar #prev {
	text-align:left;
}

#calendar #next {
	text-align:right;
}
#whatnew li  {
     list-style:none;
}
li#sitemap { background: url(images/jpg/nav/stp_btn.jpg) no-repeat; }

li#sitemap a:hover { background: url(images/jpg/nav/stp_hover_btn.jpg) no-repeat; }