@charset "utf-8";
/* CSS Document */

@import "common.css";

/*-------------------------------------------------
Contents
-------------------------------------------------*/	

#contents{
	position:relative;
}

#contents .clear{
	clear:both;
	text-indent:-1000em;
}

.rightsidetop{
	background:url(../img/bg_rightbar.jpg) no-repeat;
	width:183px;
	height:165px;
	text-indent:-1000em;
	margin:50px 0px 0px 0px;
}


/*-------------------------------------------------
Left
-------------------------------------------------*/	

#bloglist {
	float:left;
	width:380px;
}

#bloglist h3 a{
display:block;
text-indent:-1000em;
height:25px;
outline:none;
}

#bloglist .diary h3{
	height:35px;
}

#bloglist ul{
	font-size:72%;
	list-style-type:none;
	line-height:180%;
	margin:20px 0px 0px 20px;
}

#bloglist li{
	color:#FFFFFF;
}

#bloglist li a{
	color:#FFFFFF;
}

#bloglist span{
	color:#FFFF66;
}

#bloglist .niwa {
	background:url(../img/ul_01.jpg) no-repeat;
	width:350px;
	margin:20px 0px 0px 30px;
}

#bloglist .kayukan {
	background:url(../img/ul_02.jpg) no-repeat;
	width:350px;
	margin:20px 0px 0px 30px;
}

#bloglist .diary {
	background:url(../img/ul_03.jpg) no-repeat;
	width:350px;
	margin:20px 0px 0px 30px;
}


/*-------------------------------------------------
Center
-------------------------------------------------*/	

#news {
	width:300px;
	float:left;
}

#whatsnew{
	width:320px;
	background:url(../img/new_middle.gif) repeat-y;
	margin:40px 0px 10px 0px;
}

#whatsnew h3{
	background:url(../img/new_top.gif) no-repeat;
	height:60px;
	text-indent:-1000em;
}

#whatsnew .bottom{
	background:url(../img/new_bottom.gif) no-repeat;
	text-indent:-1000em;
	height:20px;
}

#whatsnew ul{
	font-size:72%;
	list-style-type:none;
	line-height:180%;
	margin:0px 0px 0px 30px;
}

#whatsnew li{
	color:#2F1417;
}

#whatsnew li a{
	color:#2F1417;
}

#whatsnew span{
	color:#CC3333;
}


#news .tel{
	background:url(../img/tel_2.jpg) no-repeat;
	width:327px;
	height:235px;
	text-indent:-1000em;
}

/*-------------------------------------------------
Navigation
-------------------------------------------------*/	

#navigation {
	float:right;
	width:183px;
}

#navigation li.zouen a{
	display:block;
	text-indent:-1000em;
	width:183px;
	height:70px;
	background:url(../img/buttun_01.jpg) no-repeat;
}

#navigation li.zouen a:hover{
	background:url(../img/buttun_01on.jpg) no-repeat;
}

#navigation li.kayukan a{
	display:block;
	text-indent:-1000em;
	width:183px;
	height:71px;
	background:url(../img/buttun_02.jpg) no-repeat;
}

#navigation li.kayukan a:hover{
	background:url(../img/buttun_02on.jpg) no-repeat;
}

#navigation li.proshop a{
	display:block;
	text-indent:-1000em;
	width:183px;
	height:71px;
	background:url(../img/buttun_03.jpg) no-repeat;
}

#navigation li.proshop a:hover{
	background:url(../img/buttun_03on.jpg) no-repeat;
}

#navigation ul {
	color:#2F1417;
	list-style-type:none;
}

#navigation li.sikaku{
	font-size:72%;
	background:url(../img/icon_square.gif) no-repeat 0px 5px;
	margin:10px 0px 0px 18px;
	padding-left:15px;
	line-height:180%;
}

#navigation li.maru{
	font-size:65%;
	background:url(../img/icon_cercle.gif) no-repeat 0px 5px;
	margin-left:18px;
	padding-left:15px;
	line-height:180%;
}

#navigation li.maru2{
	font-size:65%;
	background:url(../img/icon_cercle.gif) no-repeat 0px 5px;
	margin:0px 0px 20px 18px;
	padding-left:15px;
	line-height:180%;
}