@charset "UTF-8";

/*------------------
 aboutus contents
------------------*/
#aboutus {
	margin:8px 0;
}

/*  nomal box */

#aboutus .boxhead{
	width:490px;
	height:10px;
	margin-top:15px;
	_marign:0;
	background: #fff url(./img/boxhead.gif) bottom no-repeat;
}

#aboutus .boxbody{
	width:490px;
	margin:0;
	background: #fff url(./img/boxbody.gif) repeat-y;
}

#aboutus .boxbody p{
	width:470px;
	padding:5px 10px;
}

#aboutus .boxbody img{
	padding:0 10px;
	text-indent:1px;
}

#aboutus .boxfoot{
	width:490px;
	height:15px;
	margin-bottom:15px;
	background: #fff url(./img/boxfoot.gif) top no-repeat;
}

/*  green box */

#aboutus .greenboxhead{
	width:491px;
	height:6px;
	margin-top:15px;
	_marign:0;
	background: #fff url(./img/green_boxhead.gif) bottom no-repeat;	
}

#aboutus .greenboxbody{
	width:491px;
	margin:0;
	background: #fff url(./img/green_boxbody.gif) repeat-y;	
}

#aboutus .greenboxbody .greenboxleft{
	float:left;
	width:270px;
	padding:0 0 10px 15px;
}

#aboutus .greenboxbody .greenboxright{
	float:right;
	width:180px;
	padding:20px 10px 10px 0;
}

#aboutus .greenboxbody .greentxt{
	width:450px;
	padding:5px 10px;
}

#aboutus .greenboxfoot{
	clear:both;
	width:491px;
	height:11px;
	margin-bottom:15px;
	background: #fff url(./img/green_boxfoot.gif) top no-repeat;
}

/* float parent clear */
#aboutus .greenboxbody:after{clear: both; display: block; content: "."; visibility: hidden; height: 0;}

#aboutus .pictbl table{
	width:450px;
	padding:10px 5px;
}

#aboutus .pictbl td{
	padding:5px;
}

/*------------------
news contents
------------------*/
#news .newsbox{
	width:490px;
	margin-top:20px;
	_marign:0;
	border-bottom:1px solid #f3edd4;
}

#news .newsbox .newshead{
	width:470px;
	border-left:5px solid #b18a5e;
	border-bottom:1px solid #b18a5e;
	text-indent:10px;
	padding:5px;
}

.newsday{
	color:#b18a5e;
	font-size:14px;
	font-weight:bold;
	text-indent:10px;
	padding:5px;
}

.newsttl{
	color:#cc3300;
	font-size:14px;
	font-weight:bold;
	text-indent:10px;
	padding:5px;
}

#news .newsbox .newsbody{
	width:450px;
	padding:5px 10px;
	margin-bottom:20px;
}

/*------------------
media contents
------------------*/
#media table{
	margin:15px;
	width:460px;
	padding:5px;
	border:1px solid #b18a5e;;
}

#media th{
	background-color:#f3edd4;
	padding:10px 5px;
	border:1px solid #b18a5e;;
}

#media td{
	padding:10px 5px;
	border:1px solid #b18a5e;;
}



/*--------------------
menu side
---------------------*/
#side_menubox ul{
	padding:0 10px;
}

#side_menubox li{
	color:#663300;
	padding:5px 0;
}

#side_menubox li a,
#side_menubox li a:visited{
	text-indent: -9999px;
	overflow: hidden;
	width: 150px;
	height:25px;
	display: block;
}

#side_menubox li#menu01 a{
	background:url(./img/btn_m_smatra.gif) no-repeat 0 0;
	width: 150px;
}
#side_menubox li#menu01 a:hover{
	background-position: 0 -25px;
}

#side_menubox li#menu02 a{
	background:url(./img/btn_m_shop.gif) no-repeat 0 0;
	width: 150px;
}
#side_menubox li#menu02 a:hover{
	background-position: 0 -25px;
}

#side_menubox li#menu03 a{
	background:url(./img/btn_m_media.gif) no-repeat 0 0;
	width: 150px;
}
#side_menubox li#menu03 a:hover{
	background-position: 0 -25px;
}

#side_menubox li#menu04 a{
	background:url(./img/btn_m_news.gif) no-repeat 0 0;
	width: 150px;
}
#side_menubox li#menu04 a:hover{
	background-position: 0 -25px;
}


/*-------------------------------
 override
-------------------------------*/

#side #side_menuhead{
	background:url(./img/side_head.gif) top no-repeat;
}

#gnavi li#gnavi_about a{
	background:url(../common/img/gnavi_aboutus.gif) no-repeat 0 -50px;
	width: 123px;
}

/*---------------------------------
ttl
----------------------------------*/
#contents h3#boxttl01{
	background: url(img/ttl01.gif) no-repeat;
}

#contents h3#boxttl02{
	background: url(img/ttl02.gif) no-repeat;
}

#contents h3#boxttl03{
	background: url(img/ttl03.gif) no-repeat;
}

#contents h3#boxttl04{
	background: url(img/ttl04.gif) no-repeat;
}