@charset "utf-8";

/* [style reset]-------------------------------------------------------- */

html,body,h1,h2,h3,ul,li,dl,dt,dd,p {
	margin: 0;
	padding: 0;
}

ul li {
	list-style: none;
}

ul:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}



/* [style]-------------------------------------------------------- */

body {
	background: url(images/bg.png) repeat left top;
	font-family: sans-serif;
	text-align: center;
	_font-size: 12px;
	}

#body {
	background: url(images/bg_content.png) repeat-y;
	padding: 0 4px;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	text-align: left;
	_width: 708px;
}

a { color: #33CCFF; }
a:visited { color:#269DFF; text-decoration: none; }

a img {	border: 0; }

p, li, dt, dd, caption { font-size: small; _font-size: 12px; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.red { color: #C00; }
.eyecatch { color: #00BFFF; }

.large { font-size: 2em; }

/* [Head style]-------------------------------------------------------- */
#header {
	margin: 0;
	padding: 0;
	background: url(images/bg_logofilm.png) no-repeat left top;
	}

#header #desc, #header #globalmenu {
	background-color: #222;
	padding: 5px 27px;
	color: #FFF;
	_width: 700px;
	}

#header h2 {
	font-size: 0.8em;
	font-weight: normal;
	}

#header dt#sitelogo {
	line-height: 0;
	}

#header #globalmenu ul {
	height: 1.2em;
	border-left: 1px solid #FFF;
	}

#header #globalmenu li {
	float: left;
	border-right: 1px solid #FFF;
	padding: 0 5px;
	}

#header #globalmenu li a {
	color: #FFFFFF;
}

#header #globalmenu li a:visited {
	color: #00CCFF;
}


#headnavi {
	float: right;
	margin: 0 0 12px 0;
	padding-right: 0;
	}
	#headnavi li {
		float: left;
		padding-top: 7px;
		padding-bottom: 12px;
		_font-size: 12px;
		_line-height: 100%;
		}

#headhome {
	float: right;
	margin-top: 1px;
	/margin-top: 0;
	}
	#headhome li {
		float: left;
		padding-top: 2px;
		padding-bottom: 7px;
		}

/* pagefoot navigation */
.navi {
	background: url(images/img_tab_head_f.png) no-repeat left top;
	float: right;
	height: 32px;
	margin-top: -12px;
	padding-right: 15px;
	padding-left: 10px;
	_margin-top: -14px;
	}
	.navi li {
		float: left;
		margin: 0;
		padding-top: 12px;
		padding-left: 10px;
		_height: 32px;
		}

.tabhead {
	background: url(images/img_tab_head.png) no-repeat left bottom;
	padding-right: 10px;
	padding-left: 20px;
	}

.tabmid {
	background: url(images/img_tab_middle.png) no-repeat left bottom;
	padding-right: 15px;
	padding-left: 30px;
	}
.tabmidfoot {
	background: url(images/img_tab_middle_f.png) no-repeat right top;
	height: 20px;
	padding-right: 30px;
	}

.tabend {
	background: url(images/img_tab_end.png) no-repeat right bottom;
	}

/* [style]-------------------------------------------------------- */

#topnews {
	text-align: center;
	}
	#topnews h3 {
		margin-top: 10px;
		margin-left: 33px;
		margin-right: 40px;
		text-align: left;
		}

#topics {
	width: 370px;
	height: 230px;
	float: left;
	overflow: auto;
	text-align: left;
	margin: 0 10px 30px 50px;
	padding-left: 10px;
	border-left: 3px dotted #888;
	_margin-left: 20px;
	_width: 400px;
	}
	#topics dt {
		width: 100px;
		margin: 15px 0 5px 0;
		padding: 0;
		font-weight: bold;
		}
	#topics dd {
		margin: 0;
		padding: 0;
		padding-left: 10px;
		}


/* [ BLOG RSS FEED @ index ]============================================================ */
#blogrss {
	width: 200px;
	float: right;
	margin-right: 50px;
	padding-bottom: 40px;
	border: 1px solid #ddd;
	background: #fff url(ssff/images/bg_blog.png) no-repeat right bottom;
	text-align: left;
	}
	#blogrss p.rss-title {
		margin-bottom: 0;
		padding: 10px;
		}
	#blogrss ul.rss-items {
		margin-top: 0;
		padding: 10px;
		}
		#blogrss li.rss-item {
			padding-bottom: 2px;
			border-bottom: 1px dashed #aaa;
			}
		#blogrss li .rss-date {
			color: #888;
			font-size: 0.9em;
			}
	#blogrss #rssview {
		 height: 150px;
		 overflow: auto;
		 _height: 150px;
		 }

	html:first-child #blogrss #rssview { height: 420px; }


/* [recruitment style]-------------------------------------------------------- */

#recruitment {
	margin: 50px 0 0 0;
	clear: both;
	}

	#recruitment h2 {
		height: 170px;
		text-align: center;
		}
	
	#recruitment h3 {
		background: url(images/bg_h3.png) no-repeat left center;
		margin-top: 10px;
		margin-left: 40px;
		padding-left: 45px;
		padding-top: 1.5em;
		height: 3em;
		}

	#recruitment div {
		margin: 0 30px;
		}

	#recruitment p {
		margin: 0 45px;
		padding: 0 15px;
		border-left: 1px solid #AAA;
		border-right: 1px solid #AAA;
		line-height: 170%;
		text-indent: 1em;
		}

	#recruitment #apply {
		margin-left: 45px;
		margin-top: 20px;
		/height: 60px;
		}
	#recruitment #apply li{
		float: left;
		margin-right: 56px;
		}


/* [recruitment style]-------------------------------------------------------- */
#content {
	margin: 40px 0;
	}

	#content h1 {
		background: url(images/bg_h1.png) no-repeat left top;
		padding: 60px 45px 0 120px;
		height: 110px;
		text-align: right;
		font-size: x-large;
		_height: 170px;
		/width: 100%;
		/padding-left: 0;
		_width: 700px;
		}
		#content h1.plane {
			background-image: none;
			padding: 0 45px;
			height: 100%;
			font-size: medium;
			text-align: center;
			line-height: 180%;
			/width: auto; /* for IE7 */
			_width: 700px; /* for IE6*/
			}
	
	#content h2 {
		background: url(images/bg_h3.png) no-repeat left center;
		margin-top: 10px;
		margin-left: 40px;
		padding-left: 45px;
		padding-top: 1.5em;
		height: 3em;
		font-size: 1.2em;
		}
	
	#content h2.titleimage {
		background: url(images/bg_h3.png) no-repeat left center;
		margin-top: 10px;
		margin-left: 40px;
		padding-left: 45px;
		padding-top: 0;
		height: 3em;
		font-size: 1.2em;
		}

	#content h3 {
		margin: 20px 45px 0 45px;
		padding: 0.3em 0.5em;
		border-bottom: 2px dotted #AAA;
		}

	#content h4 {
		margin: 20px 45px 10px 45px;
		padding: 0.3em 0.5em;
		font-size: 0.8em;
		}

	#content p, #content dl, #content ul, #content ol, #content table {
		margin: 0 45px;
		padding: 5px 15px 10px 15px;
		border-left: 1px solid #AAA;
		border-right: 1px solid #AAA;
		border-bottom: 1px solid #FFF;
		line-height: 170%;
		}
	#content div {
		margin: 0 45px;
		padding: 5px 15px 10px 15px;
		font-size: small;
		}

	#content table {
		border: none;
		}

	#content ul li {
		background: url(images/img_listmark_yg.png) no-repeat left 0.4em;
		padding-left: 18px;
		}
		#content ul li ul {
			border: 0;
			}

	#content dt {
		margin-top: 15px;
		border-bottom: 2px dotted #ddd;
		font-weight: bold;
		}
	#content dd {
		margin: 0 45px;
		padding: 0 15px;
		line-height: 170%;
		}

	#content ol li {
		margin-left: 20px;
		}

	#content pre, #content form {
		margin-left: 45px;
		padding-left: 45px;
		font-size: 80%;
		line-height: 120%;
		}

	#content caption { 
		margin: 0 45px;
		padding: 5px 15px 0 15px;
		text-align: left;
		}
	#content td, #content th {
		margin: 0;
		padding: 0;
		padding-right: 10px;
		font-size: small;
		line-height: 1.5;
		vertical-align: top;
		}

#content div.pageanchor {
	font-size: small;
	text-align: right;
	_font-size: 12px;
	}



/* [footer style]-------------------------------------------------------- */
#footer {
	clear: both;
	background: url(images/recruitment_foot.png) repeat-x left top;
	margin: 20px 0 0 0;
	padding-top: 120px;
	font-size: 0.8em;
	text-align: center;
	_margin-top: 0;
	_padding-top: 120px;
	}

ul#footnavi {
	margin-left: 3%;
	margin-bottom: 20px;
	}
	#footnavi li {
		display: inline;
		min-width: 15%;
		background: url(images/mark_3dot_pnk.png) no-repeat left top;
		padding: 0 10px 0 20px;
		border-left: 1px solid #DDD;
		text-align: left;
		}

#footer dl {
	background: #111 url(images/logo_indies.jpg) no-repeat 15px center;
	padding: 10px 20px 10px 310px;
	color: #AAA;
	text-align: left;
	}

.banner {
	clear: left;
	/height: 70px;}
	.banner li {
		float:left;
		padding: 0 7px;
		}

/* [option style]-------------------------------------------------------- */
#lang {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 350px;
	_width: 325px;
	}
	#lang li {
		float: right;
		margin-right: 5px;
		color: #888;
		font-weight: bold;
		}
	#lang img {
		margin-right: 5px;
		}

#textsize {
	position: absolute;
	top: 0;
	left: 50%;
	width: 350px;
	}
	#textsize li {
			float: right;
			border: 1px solid #DDD;
			line-height: 0;
		}

dl#jimakuprof {
	background: #666 url(jimaku/img/okada.jpg) no-repeat 20px 30px;
	margin-top: 40px;
	}
	#jimakuprof dt, #jimakuprof dd{
		margin-left: 150px;
		color: #FFF;
		}

#bbslink {
	height: 60px;
	margin-top: 20px;
	}
	#bbsicon {
		width: 46px;
		float: left;
		margin-right: 10px;
		}


/* [link banner style]-------------------------------------------------------- */
ul#linkbanner {
	/height: 200px;
	border: 0;
	}
	ul#linkbanner li {
		float: left;
		line-height: 110%;
		background-image : none;
		}


/* [jimaku entryform style]-------------------------------------------------------- */
dl#entryform {
	margin-left: 0;
	padding-left: 0;
	border: 0;
	}
	dl#entryform dt {
		background: url(images/mark_flw_pnk.gif) no-repeat left 3px;
		padding-left: 20px;
		}

	#content dl#entryform ul {
		margin-left: 0;
		padding-left: 0;
		border: 0;
		}
	#content dl#entryform ul li {
		background-image: none;
		padding-left: 0;
		}

#content table.preview-item { margin-top: 40px; }
#content table.preview-item th { padding-bottom: 10px; text-align: left; }
#content table.preview-item td { padding-top: 10px; padding-left: 20px; font-size: small;_font-size: 12px; text-align: left; }
#content table.preview-item td.preview-img { width: 170px; border-right: 1px solid #ddd; text-align: center; }
#content caption { padding: 0; _margin: 0;color: #C00; font-weight: bold; }

/* [MAIL MAGAZINE FORM]-------------------------------------------------------- */
table#mag,
#mag caption {
	width: 520px;
	margin-left: 0;
	padding-left: 0;
	border-bottom: 3px double #aaa;
	}
	#mag caption {
		padding-left: 18px;
		background: url(images/mark_flw_pnk.png) no-repeat left center;
		color: #e4007f;
		font-size: 1.2em;
		}
	#mag td,
	#mag th {
		padding: 5px 0;
		vertical-align: middle;
		font-size: small;
		}
	#mag th {
		padding: 5px 0;
		}
	#mag td {
		background-color: #FFECF9;
		}
		#mag img {
			vertical-align: middle;
			}
	#magform td {
		padding: 15px 0;
		border-top: 1px dotted #ef007f;
		border-bottom: 1px dotted #ef007f;
		}
	#maginfo td {
		padding-top: 20px;
		background-color: #fff;
		font-size: x-small;
		color: #666;
		_font-size: 10px;
		}