img
{
	border:0;
}

hr
{
	display: none;
}

a,
a:hover
{
	text-decoration: none;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Osaka","メイリオ","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
	background-color: #FFFFFF;
	font-size: 11px;
	color: #000000;
	line-height: 1.6;
}

.clear
{
	clear: both;
}

#content
{
	margin: 0 auto;
	padding: 0;
	width: 825px;
}

/*▼ヘッダー*/

#header{
	margin: 0 auto;
	padding: 0;
	position:relative;
	width: 825px;
}

#header h1
{
	margin: 27px 0 0 0;
	padding: 0;
	float: left;
}

#header h1 a
{
  	width: 210px;
  	height: 19px;
  	display: block;
  	position: relative;
  	margin: 0;
  	padding: 0;
  	/* hide overflow:hidden from IE5/Mac */
  	/* \*/
  	overflow: hidden;
  	/* */
}

#header h1 a span
{
  	display: block;
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 210px;
  	height: 19px;
	cursor: pointer;
  	background-image: url(../img/header_logo.gif);
  	background-repeat: no-repeat;
}

#header_right
{
	width: 289px;
	margin: 35px 0 0 0;
	padding: 0;
	float: right;
}

#header_right ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	height: 13px;
}

#header_right li
{
    position:relative;
	float: left;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #AAAAAA;
	list-style: none;
	height: 13px;
	overflow: hidden;
}

#header_right li a.visible
{
    position:absolute;
	top: 0;
	left: 0;
    display:block;
    width:100%;
    height: 13px;
}

#header_right_company
{
	width: 92px;
	height: 13px;
	display: block;
	margin: 0 9px 0 0;
}

#header_right li#header_right_company a.visible
{
    background-image: url(../img/header_companyprofile.gif);
	background-repeat: no-repeat;
	width: 92px;
	height: 13px;
	cursor: pointer;
}

#header_right li#header_right_company a.visible:hover
{
    background-image: url(../img/header_companyprofile.gif);
	background-repeat: no-repeat;
	background-position: 0 -13px;
	width: 92px;
	height: 13px;
}

#header_right_blog
{
	width: 34px;
	height: 13px;
	display: block;
	margin: 0 7px 0 0;
}

#header_right li#header_right_blog a.visible
{
    background-image: url(../img/header_blog.gif);
	background-repeat: no-repeat;
	width: 34px;
	height: 13px;
	cursor: pointer;
}

#header_right li#header_right_blog a.visible:hover
{
    background-image: url(../img/header_blog.gif);
	background-repeat: no-repeat;
	background-position: 0 -13px;
	width: 34px;
	height: 13px;
}

#header_right_myspace
{
	width: 60px;
	height: 13px;
	display: block;
	margin: 0 7px 0 0;
}

#header_right li#header_right_myspace a.visible
{
    background-image: url(../img/header_myspace.gif);
	background-repeat: no-repeat;
	width: 60px;
	height: 13px;
	cursor: pointer;
}

#header_right li#header_right_myspace a.visible:hover
{
    background-image: url(../img/header_myspace.gif);
	background-repeat: no-repeat;
	background-position: 0 -13px;
	width: 60px;
	height: 13px;
}

#header_right_mail
{
	width: 34px;
	height: 13px;
	display: block;
	margin: 0;
}

#header_right li#header_right_mail a.visible
{
    background-image: url(../img/header_mail.gif);
	background-repeat: no-repeat;
	width: 34px;
	height: 13px;
	cursor: pointer;
}

#header_right li#header_right_mail a.visible:hover
{
    background-image: url(../img/header_mail.gif);
	background-repeat: no-repeat;
	background-position: 0 -13px;
	width: 34px;
	height: 13px;
}

#header_copyright
{
  	width: 222px;
  	height: 9px;
  	display: block;
  	position: relative;
  	margin: 6px 0 0 0;
  	padding: 0;
	float:right;
  	/* hide overflow:hidden from IE5/Mac */
  	/* \*/
  	overflow: hidden;
  	/* */
}

#header_copyright span
{
  	display: block;
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 222px;
  	height: 9px;
	cursor: pointer;
  	background-image: url(../img/header_copyright.gif);
  	background-repeat: no-repeat;
}

/*▲ヘッダー*/


/*▼フラッシュ*/

#area_flash
{
	margin: 30px 0 0 0;
	padding: 0;
}

/*▲フラッシュ*/


/*▼メニュー*/

#menu
{
	margin: 14px 0 0 0;
	padding: 0;
}

#menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 165px;
}

#menu li
{
    position:relative;
	float: left;
	list-style: none;
	height: 165px;
	overflow: hidden;
}

#menu li a.visible
{
    position:absolute;
	top: 0;
	left: 0;
    display:block;
    width: 206px;
    height: 165px;
}

#menu_about,
#menu_about_n
{
	width: 206px;
	height: 165px;
	display: block;
	margin: 0;
}

#menu li#menu_about a.visible
{
    background-image: url(../img/button_about.gif);
	background-repeat: no-repeat;
	width: 206px;
	height: 165px;
	cursor: pointer;
}

#menu li#menu_about a.visible:hover
{
    background-image: url(../img/button_about.gif);
	background-repeat: no-repeat;
	background-position: 0 -165px;
	width: 206px;
	height: 165px;
}

#menu li#menu_about_n a.visible
{
    background-image: url(../img/button_about_n.gif);
	background-repeat: no-repeat;
	width: 206px;
	height: 165px;
	cursor: pointer;
}

#menu_design,
#menu_design_n
{
	width: 206px;
	height: 165px;
	display: block;
	margin: 0;
}

#menu li#menu_design a.visible
{
    background-image: url(../img/button_design.gif);
	background-repeat: no-repeat;
	width: 206px;
	height: 165px;
	cursor: pointer;
}

#menu li#menu_design a.visible:hover
{
    background-image: url(../img/button_design.gif);
	background-repeat: no-repeat;
	background-position: 0 -165px;
	width: 206px;
	height: 165px;
}

#menu li#menu_design_n a.visible
{
    background-image: url(../img/button_design_n.gif);
	background-repeat: no-repeat;
	width: 206px;
	height: 165px;
	cursor: pointer;
}

#menu_media,
#menu_media_n
{
	width: 206px;
	height: 165px;
	display: block;
	margin: 0;
}

#menu li#menu_media a.visible
{
    background-image: url(../img/button_media.gif);
	background-repeat: no-repeat;
	width: 206px;
	height: 165px;
	cursor: pointer;
}

#menu li#menu_media a.visible:hover
{
    background-image: url(../img/button_media.gif);
	background-repeat: no-repeat;
	background-position: 0 -165px;
	width: 206px;
	height: 165px;
}

#menu li#menu_media_n a.visible
{
    background-image: url(../img/button_media_n.gif);
	background-repeat: no-repeat;
	width: 206px;
	height: 165px;
	cursor: pointer;
}

#menu_event,
#menu_event_n
{
	width: 206px;
	height: 165px;
	display: block;
	margin: 0;
}

#menu li#menu_event a.visible
{
    background-image: url(../img/button_event.gif);
	background-repeat: no-repeat;
	width: 206px;
	height: 165px;
	cursor: pointer;
}

#menu li#menu_event a.visible:hover
{
    background-image: url(../img/button_event.gif);
	background-repeat: no-repeat;
	background-position: 0 -165px;
	width: 206px;
	height: 165px;
}

#menu li#menu_event_n a.visible
{
    background-image: url(../img/button_event_n.gif);
	background-repeat: no-repeat;
	width: 206px;
	height: 165px;
	cursor: pointer;
}

/*▲メニュー*/


/*▼主な制作実例*/

#example
{
	margin: 24px 0 40px 0;
	padding: 0;
	float: left;
}

#example h4
{
  	width: 67px;
  	height: 15px;
  	display: block;
  	position: relative;
  	margin: 0 0 9px 0;
  	padding: 0;
  	/* hide overflow:hidden from IE5/Mac */
  	/* \*/
  	overflow: hidden;
  	/* */
}

#example h4 span
{
  	display: block;
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 67px;
  	height: 15px;
  	background-image: url(../img/title_main_example.gif);
  	background-repeat: no-repeat;
}

.example
{
	margin: 0 0 14px 0;
	padding: 0;
	float: left;
}

.example img
{
	float: left;
}

.example p
{
	margin: 0 0 0 560px;
	padding: 6px 0 0 0;
	line-height: 1.4;
	font-size: 0.9em;
	width: 225px;
}

.example p span
{
  	width: 18px;
  	height: 7px;
  	display: block;
  	position: relative;
  	margin: 0 0 4px 0;
  	padding: 0;
  	/* hide overflow:hidden from IE5/Mac */
  	/* \*/
  	overflow: hidden;
  	/* */
}

.example p span span
{
  	display: block;
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 18px;
  	height: 7px;
  	background-image: url(../img/title_data.gif);
  	background-repeat: no-repeat;
}

/*▲主な制作実例*/