/* 初期化 */

* {
	margin:0;
	padding:0;
}

a{
	text-decoration	:none;
}


li{
	margin-top:3px;
	margin-left:10px;
}
/* --------------------------------- */

body {
	background-color : #DDFFDD;
}

/* --------------------------------- */
/* メインボックス */
#box {
	margin:auto;
	width: 850px;
	background-color: #FFFFCC;
}


/* --------------------------------- */
/* ヘッダー */

div#header{
	background-image:url(/public/images/index/header.jpg);
	height:150px;
}

div#header h1{
	position		:relative;
	left			:15px;
	top				:15px;
	font-size		:50px;
	height			:100px;
	width			:800px;
	color			:white;
}

div#header h1 a{
	color			:white;
}


.footer {
	width: 850px;
	height: 85px;
	clear: both;
	float: none;
}


/* --------------------------------- */
/* サイドメニュー用 */
div#side_menu{
	float: left;
	width: 150px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 700px;
}

/* メニュータイトル */
h2.menu{
	width		:150px;
	height		:40px;
	text-indent		:-3000px
}

h2#menu_main{
	background-image:url(/public/images/menu/big_main.jpg);
}

h2#menu_eco{
	background-image:url(/public/images/menu/big_eco.jpg);
}

h2#menu_shopping{
	background-image:url(/public/images/menu/big_shopping.jpg);
}

h2#menu_favorite{
	background-image:url(/public/images/menu/big_osusume.jpg);
}

/* メニューリンク用 */

div#side_menu div a{
	display			:block;
	height			:30px;
	text-indent		:-3000px
}


div#side_menu div a:hover{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/* メニューリンク用(個別画像) */

div#side_menu div a#wiki{
	background-image:url(/public/images/menu/wiki.jpg);
}

div#side_menu div a#members{
	background-image:url(/public/images/menu/member.jpg);
}

div#side_menu div a#bbs{
	background-image:url(/public/images/menu/bbs.jpg);
}

div#side_menu div a#sns{
	background-image:url(/public/images/menu/sns.jpg);
}

div#side_menu div a#tool{
	background-image:url(/public/images/menu/tool.jpg);
}

div#side_menu div a#link{
	background-image:url(/public/images/menu/link.jpg);
}

div#side_menu div a#gungho{
	background-image:url(/public/images/menu/gungho.jpg);
}

div#side_menu div a#eco{
	background-image:url(/public/images/menu/eco.jpg);
}

div#side_menu div a#ecowiki{
	background-image:url(/public/images/menu/ecowiki.jpg);
}

div#side_menu div a#ecoro{
	background-image:url(/public/images/menu/ecoro.jpg);
}

div#side_menu div a#rakuten{
	background-image:url(/public/images/menu/rakuten.jpg);
}
div#side_menu div a#amazon{
	background-image:url(/public/images/menu/amazon.jpg);
}
div#side_menu div a#just{
	background-image:url(/public/images/menu/justshop.jpg);
}

div#side_menu div a#weather{
	background-image:url(/public/images/menu/tenki.jpg);
}
div#side_menu div a#news{
	background-image:url(/public/images/menu/news.jpg);
}
div#side_menu div a#oricon{
	background-image:url(/public/images/menu/oricon.jpg);
}
div#side_menu div a#fortune{
	background-image:url(/public/images/menu/uranai.jpg);
}


/* PICK UP*/

#right_side{
	width: 186px;
	float: right;
}

#member {
	width: 186px;
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	border :2px solid white;
}

#member h2{
	border :1px solid green;
	text-align:center;
}

#member h3{
	text-align:center;
	background:#ffffff;
	margin:2px;
}

#member div#image{
	height:240px;
	text-align:center;
}

#member table{
}


/* スライドショー */

#ss_shot {
	height: 430px;
	width: 500px;
	clear: none;
	float: left;
	padding: 5px;
}

#slideshow { position:relative; width:320px; height:240px; }
#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.front { z-index:10; }
#slideshow img.back { z-index:9; }


/* 新着情報 */

.rss {
	padding: 6px;
	width: 230px;
	height:200px;
	float: left;
	border:1px solid white;
	margin:5px;
	background-color:#f0fff0;
	overflow:auto;
}

.rss h3{
	border:1px solid #888;
	border-width:0 0 1px 5px;
	padding-left:2px;
	}

.rss ul li{
	margin-left:0px;
	list-style-type: none;
	}

.rss ul li a{
	display:block;
	}

.rss ul li a:hover{
	background:yellow;
	}

.rss a{
	display:block;
	border:1px solid #888;
	border-width:0 0 1px 0;
	margin-left:10px;
	}

.rss a:hover{
	background:yellow;
	}


/*リンクとツールページのCSS*/


#box #main {
	padding: 5px;
	float: left;
	width: 650px;
}
#box #main h2 {

	margin:3px 0;
	padding:2px;

	font-size: 18px;

	border-width:0 0 1px 10px;
	border-color:green;
	border-style: solid;

	line-height: normal;
	letter-spacing: 3px;
	text-indent: 5px;
	color: green;
}

#box #main h3 {

	margin:3px 0;
	padding:2px;

	font-size: 15px;
	width: 630px;

	border-width:0 0 1px 10px;
	border-color:#00ff00;
	border-style: solid;

	line-height: normal;
	letter-spacing: 3px;
	text-indent: 5px;
	color: green;
}


#box #main .text h3 {
	font-size: 16px;
	color: #0066CC;
}


#box #main .text {
	font-size: 12px;
	letter-spacing: 3px;
}
#box #main .text h4 {
	font-size: 14px;
	color: #FF3366;
}
#box #main .text .text_link {
	font-size: 12px;
	line-height: 20px;
	color: #FF3300;
}