@charset  "Shift_JIS";



body {

	background-color: #035;

	margin: 8px;

	

	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;

	line-height: 108%;

	color:#222;

	background-image: url(../images/body_bg.gif);

	background-repeat: repeat-x;

	background-attachment: fixed;

	text-align:center;

}

body, td {

	font-size: 13px;

}

a:link, a:visited {

	color: #06c;

	text-decoration: none;

}



a:hover {

	color: #0099ff;

	text-decoration: underline;

}



p { margin:1em 0 1em 0; }

address { font-style: normal; }

form { margin:0; }

.middle { vertical-align:middle }

.borderGray { border:solid 1px gray; margin:2px 0 2px 0 }

.pp {

	font-family: "Hiragino Maru Gothic Pro","ƒqƒ‰ƒMƒmŠÛƒS Pro W4","Osaka","‚l‚r ‚oƒSƒVƒbƒN";

	font-size:12px;

}

.iform {

	width:560px;

}

small {font-size:82% }

.naviForm {

	padding-bottom: 0.5em;

	border-bottom: solid 1px silver;

	margin-bottom: 1em;



}

.naviForm input, .naviForm select { font-size: 13px; }

img {

	border: 0;

	margin: 0;

	padding: 0;

}



hr {

	clear:both;

	display:none;

}

th {

	text-align: left;

	white-space: nowrap;

	vertical-align: top;

	width: 6em;

}



ul {

	margin: 0;

	padding: 0;

}

ol {

	margin:0;

	margin-left: 0.3em;

	margin-bottom:0;

	padding: 0;

}



ul ul { margin-top: 0.25em; }



li {

	margin-top: 0;

	margin-left: 1.5em;

	padding: 0;

}



/* linklist */

ul.link {

	margin:0 0 1.25em 0;

	padding:0;

	list-style-type: none;

	list-style-position: default;

}

ul.link ul {

	margin: 0.5em;

	list-style-type: disc;

	list-style-position: default;

}

ul.link li { margin: 0 0 0 0; padding:0;}

ul.link li ul li { margin: 0 0 0 1.5em; padding:0;}





h1 { margin:0;} /* T-BASIC Logo */

h2 { margin:0; font-size: 13px; }

h3 { margin:0; margin-bottom:0.75em; font-size: 18px; }



h4 {

	margin: 0 0 0.5em 0;

	line-height: 100%;

}





#box {

	position: relative;

	width: 640px;

	margin-left: auto;

	margin-right: auto;

	height: auto;

	text-align: left;

}

/* for Win IE !Mac IE5 \*/

*html #box {

	height: 1%;

}

/* for Win IE !Mac IE5 */





/* Hack

-----------------------------------------------*/





/*--------------------------------------------------

How To Clear Floats Without Structural Markup

http://www.positioniseverything.net/easyclearing.html

--------------------------------------------------*/



.clearfix:after, dl.radio_item dd:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

}



.clearfix, dl.radio_item dd {display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix, * html dl.radio_item dd {height: 1%;}

.clearfix, dl.radio_item dd {display: block;}

/* End hide from IE-mac */







.floatCLR {

	clear:both;

}

/* Header

-----------------------------------------------*/

#top {

	border-top:solid 1px #1b73a6;

	height:26px;

	overflow:hidden;

	background-color: #069;

	background-image: url(../images/header_bg.gif);

}

#top h1 {

	font-size: 18px;

	background-image: url(../images/header_title.gif);

	display: block;

	text-indent: -9999px;

	width: 168px;

	height: 16px;

	position: absolute;

	margin: 0;

	padding: 0;

	top: 5px;

	left: 5px;

	background-repeat: no-repeat;

	overflow:hidden;

	z-index:0;

}



#top h1 a {

	display: block;

	width: 168px;

	height: 16px;

	overflow:hidden;

	outline: 0;

}



#top h1 a img {

	text-indent:-9999px;

}



#top #subtitle {

	width: 214px;

	height: 10px;

	display: block;

	background-image: url(../images/header_subtitle.gif);

	background-repeat: no-repeat;

	overflow:hidden;

	text-indent: -9999px;

	position: absolute;

	top:12px;

	margin:0;

	right:5px;

	z-index:1;

}

#header {

	background-color: #069;

	background-image: url(../images/header_bg.gif);

}

#subheader {

	background-color: #c60;

	height: 18px;

	padding-left: 10px;

	background-image: url(../images/menu_diary_bg.gif);

	background-repeat: no-repeat;

	background-position: right top;

}



#main {

	clear:both;

	background-color: #fff;

	font-size: 13px;

	line-height: 150%;

	padding:10px;

}



#sub td {

	vertical-align: top;

}









/* Footer

-----------------------------------------------*/



#footer {

	clear:both;

	position:relative;

	padding:5px 0;

	/*background-color: #069;*/

	color: #a1b4c0;

	font-size:9px;

	height:1em;

	font-family:arial

}

#footer address {

	position:relative;

	margin:0;

	width:50%;

	float:left;

	line-height:1;

	color: #2b5572

}

#footer p {

	position:relative;

	top: 0;

	margin: 0;

	float: right;

	line-height:1;

}



#totop {

	position: relative;

	width: 80px;

	float: left;

}





#footer a:link, #footer a:active, #footer a:visited, #skip a:link, #skip a:active, #skip a:visited {

	color: #a1b4c0;

	text-decoration: none;

	margin:0 3px;

}

#footer a:hover, #skip a:hover {

	text-decoration: underline;

}

#skip { font-size: 10px; }





/* Tab Menu 

-----------------------------------------------*/



#tabs {

	background-color: #6090b8;

	display: block;

	margin: 0;

	padding: 0 0 0 6px;

	list-style-type: none;

	height:18px;

	clear:both;

}

#tabs li {

	display:inline;

	margin:0;

	padding:0;

}

#tabs li a {

	display:block;

	width:100px;

	height:18px;

	float:left;

	text-indent:-9999px;

	outline: none;

	background-repeat: no-repeat;

	background-position: center 0;

	overflow: hidden;

	margin-right:2px;

	

}

#tabs a#tab_companyinfo {

	width: 104px;

	background-image: url(../images/menu_companyinfo.gif);

}

#tabs a#tab_produce {

	width: 69px;

	background-image: url(../images/menu_produce.gif);

}

#tabs a#tab_works {

	width: 58px;

	background-image: url(../images/menu_works.gif);

}

#tabs a#tab_links {

	width: 50px;

	background-image: url(../images/menu_links.gif);

}

#tabs a#tab_news {

	width:47px;

	background-image: url(../images/menu_news.gif);

}

#tabs a#tab_recruit {

	width:64px;

	background-image: url(../images/menu_recruit.gif);

	display:none;

}

#companyinfo a#tab_companyinfo, #produce a#tab_produce, #works a#tab_works, #links a#tab_links, #news a#tab_news, #recruit a#tab_recruit {

	background-color:#fff;

	background-position:center -18px;

	cursor: default;

}



#tabs_sub {

	clear:both;

	position: relative;

	width:100%;

}

#tabs_sub h2 {

	width:50%;

}



#tabs_sub h2, #root {

	font-size: 11px;

	line-height: 100%;

	margin: 0em 0 4px 0;

	font-family: arial;

	font-weight: normal;

}



p#root {

	position:absolute;

	width:50%;

	top:0;

	right:0;

	text-align:right;

}



#submenu {

	border-bottom: solid 1px silver;

	font-size: 11px;

	line-height: 100%;

}

a.ref {

	padding: 0 0 0 15px;

	background-image: url(../images/arrow_14_right.gif);

	background-repeat: no-repeat;

	background-position: left center;

}

a.ref:hover {

	color:#06c;

}



#sub {

	clear: both;

	position:relative;

	border: solid 1px #ddd;

	padding:20px;

	margin: 0;

	min-height: 360px;

	background-repeat:no-repeat;

	background-position:right top;

}



#sub p {

	line-height: 160%;

}



#links #sub {

	background-image:url(../images/bg_arrow.gif);

}

#produce #sub {

	background-image:url(../images/bg_works.gif);

}

#companyinfo #sub {

	background-image:url(../images/bg_produce.gif);

}

/* Home

-----------------------------------------------*/



#index h1, #index p#subtitle {

	height: 0;

	width:0;

	overflow: hidden;

	position: absolute; /* for the benefit of IE5 Mac */

}

#index_noflash {

	padding:10px;

	background-color:#fff;

}

#index_noflash_inner {

	position:relative;

	height: 378px;

	background-color:#fff;

	text-align:center;

	border: solid 1px #97cee3;

}

#index_noflash p {



}

/* Home

-----------------------------------------------*/

#home {

	padding:10px;

	background-color:#fff;

}

#home_inner {

	position:relative;

	background-image: url(../images/home_bg.jpg);

	height: 380px;

	background-repeat: no-repeat;

	/*border: solid 1px #97cee3;*/

}

#home h1 {

	position: absolute;

	left:250px;

	top:30px;

	width:354px;

	height:34px;

	background-image: url(../images/home_logo.gif);

	background-repeat: no-repeat;

	margin:0;

	padding:0;



}

#home h1 img {

	display:none;

}

#home p#subtitle {

	position: absolute;

	left:250px;

	top:75px;

	width: 354px;

	height: 20px;

	text-indent: -9999px;

	background-image: url(../images/home_subtitle.gif);

	background-repeat: no-repeat;

	margin:0;

	padding:0;

}

#home dl#home_menu {

	position: absolute;

	left:240px;

	top:105px;

	margin:0;

	padding:10px 0 0 10px;

	/*border:solid 1px #ddd;*/

}

#home dl#home_menu dt {

	margin:0;

	padding:0;

}

#home dl#home_menu dt a {

	position: relative;

	display: block;

	height: 29px;

	margin: -1px 0 0px 0;

	padding: 0;

	background-repeat: no-repeat;

	outline: 0;

	text-indent: -9999px;

	width: 354px;

	border: solid 1px #ddd;

	background-position: 0px center;

	border-width:1px 0 1px 0;

}

#home dl#home_menu dt a#home_menu_companyinfo {

	background-image: url(../images/home_menu_companyinfo.gif);

}

#home dl#home_menu dt a#home_menu_produce {

	background-image: url(../images/home_menu_produce.gif);

}

#home dl#home_menu dt a#home_menu_works {

	background-image: url(../images/home_menu_works.gif);

}

#home dl#home_menu dt a#home_menu_links {

	background-image: url(../images/home_menu_links.gif);

}

#home dl#home_menu dt a#home_menu_news {

	background-image: url(../images/home_menu_news.gif);

}

#home dl#home_menu dt a#home_menu_recruit {

	background-image: url(../images/home_menu_recruit.gif);

}

#home dl#home_menu dt a#home_menu_diary {

	position: absolute;

	top:242px;

	left:342px;

	background-image: url(../images/home_menu_diary.gif);

	width: 28px;

	height: 25px;

	border:0;

	background-position: left center;

}

#home dl#home_menu dt a#home_menu_privacy {

	position: absolute;

	top:242px;

	left:302px;

	background-image: url(../images/home_menu_privacy.gif);

	width: 30px;

	height: 32px;

	border:0;

	background-position: left center;

}

#home dl#home_menu dd {

	margin:0;

	padding:0;

	display:none;

	

}



/* Company Info, Recruit

-----------------------------------------------*/

dl#info {

	margin:0;

	padding:0;

	position:relative;

}

dl#info dt {

	display: block;

	position: absolute;

	clear: both;

	color: #888;

	left: 0;

	font-weight: bold;

	margin: 0 0 0.5em 0;

	padding: 0;

	line-height: 150%;

	width: 7em;

	font-size: 12px;

}

dl#info dd {

	position: relative;

	display:block;

	margin:0 0 0.5em 0;

	left:8em;

	padding:0 8em 0 0;

}



/* Produce, Works

-----------------------------------------------*/

#produce h3, #works h3 {

	color: #c41;

	font-size: 16px;

	margin:0;

}

ul#menu_sub {

	font-size:11px;

	border-top: dashed 1px #ddd;

	width:145px;

	list-style-type: none;

	list-style-position: default;

	margin:0 0 0 0;

	padding:0;

	position:absolute;

	top:20px;

	left:20px;

	float:left;

}



* html ul#menu_sub {

	left:0;

}



ul#menu_sub li{

	position:relative;

	float:left;

	display:block;

	width:145px;

	margin:0;

	padding:0;

	border-bottom: dashed 1px #ddd;

}

ul#menu_sub li a{

	display:block;

	padding:5px 2px 4px 2px;

	line-height:120%;

	width: 141px;

}

.produce_web ul#menu_sub li a#sub_produce_web,

.produce_radio ul#menu_sub li a#sub_produce_radio,

.produce_media ul#menu_sub li a#sub_produce_media,

.produce_event ul#menu_sub li a#sub_produce_event,

.produce_eigacom ul#menu_sub li a#sub_produce_eigacom,

.works_web ul#menu_sub li a#sub_works_web,

.works_radio ul#menu_sub li a#sub_works_radio,

.works_media ul#menu_sub li a#sub_works_media,

.works_event ul#menu_sub li a#sub_works_event,

.works_eigacom ul#menu_sub li a#sub_works_eigacom {

	color: #333;

	text-decoration: none;

	cursor: default;

}


.works_2011 p#root a#tab_2011,

.works_2010 p#root a#tab_2010,

.works_2009 p#root a#tab_2009,

.works_2008 p#root a#tab_2008,

.works_2007 p#root a#tab_2007,

.works_2006 p#root a#tab_2006,

.works_2005 p#root a#tab_2005,

.works_2004 p#root a#tab_2004,

.works_2003 p#root a#tab_2003 {

 	color: #333;

 	text-decoration: none;

 	cursor: default;

 	font-weight: bold;

 }



#produce #sub_right, #works #sub_right {

	position:relative;

	width:400px;

	height:auto !important;

	height: 300px;

	margin-left:178px;



}



}

#tfm {

	margin:0 0 0 30px;

}

p.sample {

	margin-top:3em;

	font-size:11px;

	line-height:110%;

	color:#666

	

}

p.sample img {

	margin:0 0 5px 0;

}

p.sample img.border {

	border:solid 1px #eee;

}



/* Works

-----------------------------------------------*/



#works.works_event .event_list {

	border-width: 1px 0 0 0;

	border-style: dashed none none none;

	padding: 10px 0 1em 0;

	margin: 1.25em 0 0 0;

	border-color: #DDD;

	float:left;

}

#works h4 {

	position:relative;

	width: 400px;

	float: left;

	text-transform: uppercase;

	border-bottom: #ddd;

	border-width: 0 0 1px 0;

	border-style: none none solid none;

	margin: 1.5em 0 10px 0;

	font-size: 13px;

	color: #888;

	padding: 0 0 2px 0;

}

#works.works_eigacom h4 {

	text-transform: none;

}

#works.works_eigacom h4 .link {

	text-transform: none;

	font-weight: normal;

	font-size: 11px;

	margin:0 0 0 1em;

}

#works.works_eigacom h4, #works.works_radio h4 {

	margin: 1.5em 0 -1px 0;

}

#works .web_item, #works .event_item {

	width:400px;

	border-bottom:dashed 1px #ddd;

	padding:0 0 10px 0;

	margin:0 0 10px 0;

	float:left;

}

#works .web_item p, #works .event_item p {

	float:left;

	width: 230px;

	margin:0;

	line-height:140%;

}

#works .web_item img, #works .event_item img {

	float:right;

	width:160px;

}

#works .web_item img {

	border:solid 1px #eee;

}

#works .event_item img {

	margin: 1px;

}

dl.radio_item {

	display:block;

	margin:0 0 1.5em 0;

	padding:0 0 0 0;

	width:100%;

	position:relative;

	float:left;

	border-bottom: dashed 1px #ddd;

}

/* old

dl.radio_item dt {

	display: block;

	position: absolute;

	clear: both;

	color: #888;

	font-size:12px;

	left:0;

	font-weight: bold;

	margin:0 0 0.75em 0;

	padding:0;

	line-height:150%;

	width:2.5em;

	text-align:right;

} */



dl.radio_item dt {

	display: block;

	position: absolute;

	clear: both;

	color: #888;

	font-size:12px;

	left:0;

	font-weight: bold;

	margin:0 0 0.75em 0;

	padding:10px 0 0 0;

	line-height:140%;

	width:100%;

	text-align:left;

	border-top: dashed 1px #ddd;

}



dl.radio_item dd {

	position: relative;

	display:block;

	margin:0 0 0.75em 0;

	left:4em;

	padding:10px 4em 0 0;

}







dl.radio_item dd img {

	float:right;

	width:160px;

	margin:1px 1px 1px 5px;

}

/* Recruit

-----------------------------------------------*/



#recruit h3 {

	color: #c41;

	font-size: 16px;

	margin:0 0 1em 0;

}

/* Diary

-----------------------------------------------*/

#diary_tabs {

	background-image: url(../images/diary_tabs.gif);

	width:640px;

	height:18px;

	clear:both;

}



#diarySub {

	border: solid 1px #ccc;

	margin-bottom: 0;

	height: 300px;

	font-size:13px;

}

#diarySubTd {

	vertical-align: top;

	padding: 25px;

	font-size:13px;

}

.diaryH2 {

	font-size: 18px;

	color: #c41;

	font-family: verdana;

	margin-bottom: 1.5em;

	margin-top:0;

	letter-spacing: -1px;

}

.diaryH3 {

	font-size: 16px;

	margin: 0;

	line-height:100%;

}

.diaryDate {

	font-size: 11px;

	margin: 0.25em 0 0 0;

}

.diaryP {

	border-bottom: 1px solid silver;

	padding-bottom: 1.25em;

	margin-bottom:1.25em;

	margin-top:0.5em;

	line-height:150%;

}

.diaryLi li {

	padding-top:0.15em;

	padding-bottom:0.15em;

}

#diaryNavi {

	margin-top:1em;

}

#dialyTitle{

	margin-left:5px;

}

.diaryGo {

	margin:0 20px 0 3px;

}

.diaryNew {

	color:red;

}

.diaryBtn {

	color:white;

	background-color: #c41;

}

.btn {

	width:7em;

	margin-right:5px;

}



.arrow { vertical-align:middle; margin:0 2px 1px 0 }

/* font-family */

.a10 { font-size: 10px; }

.a11 { font-size: 11px; }

.a12 { font-size: 12px; }

.a14 { font-size: 14px; }



/* font-family */

.arial, .fss { font-family: arial, sans-serif; }

.verdana { font-family: verdana, sans-serif; }



/* margins */

.m0. .margin0 { margin: 0; }

.mb0 { margin-bottom: 0; }

.mb1 { margin-bottom: 1em; }

.mt0 { margin-top: 0; }

.mt1 { margin-top: 1em; }



/* line-height */

.lh9 { line-height: 90%; }

.lh0 { line-height: 100%; }

.lh123 { line-height: 123%; }

.lh13 { line-height: 130%; }

.lh15 { line-height: 150%; }





/* color */

.gray { color: #ccc; }

.cat { color: #c41; font-size:14px; line-height:150% }

.blue { color:#006699 }

.red {

	color: #c41;

	font-size: 16px;

}



/* table */

td.right { text-align: right; }

td.bottom { vertical-align: bottom; }

td.middle { vertical-align: middle; }





input, select {

	vertical-align: middle;

	line-height: 100%;

}