/******** General tags ********/
* {
	margin: 0;
	/*border: 0;*/
	padding: 0;
}

html {
}

body {
/*	font-family:
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"HiraKakuPro-W3",
		Osaka,
		"メイリオ",
		"Meiryo",
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		Sans-Serif;*/
	letter-spacing: 2px;
	color:#fefefe;
	margin:0;
	border:0;
	padding:0;
	background-color: #000000;
	/*background: #f8f8f8 url('images/bg-main.jpg') no-repeat center top;*/
}


img {
	border:0;
}

a {
	text-decoration: none;
	outline-style:none;
}

a:hover {
	text-decoration:underline;
}

img.more {
	vertical-align:text-bottom;
	margin:0px;
	border:0px;
	padding:0px;
}

img.icon {
	vertical-align:text-bottom;
	margin:0 5px;
	border:0px;
	padding:0px;
}

.new {
	color:red;
}

.banner1 {
	vertical-align:bottom;
	padding-bottom:20px;
}

.banner2 {
	vertical-align:bottom;
}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}

.textright{text-align:right;}
.textleft{text-align:left;}
.textcenter{text-align:center;}

.bold{font-weight:bold;}

.hide{display:none;}

.blue{color:#5B97EF;}
.gray{color:#808080;}
.navy{color:#210E82;}
.orange{color:orange;}
.green{color:#00ff00;}

.fade{color:#c8c8c8;}
.red{color:#bf0100;}
.white{background-color:#ffffff;}
.silver{background-color:#eeeeee;}
.yellow{background-color:#FFFFC8;}
.pink{background-color:#FFC8C8;}
.cyan{background-color:#A8A8FF;}
.purple{background-color:#C880FF;}



.w530 {width:530px;}
.w500 {width:500px;}
.w450 {width:450px;}
.w400 {width:400px;}
.w390 {width:390px;}
.w380 {width:380px;}
.w370 {width:370px;}
.w360 {width:360px;}
.w350 {width:350px;}
.w340 {width:340px;}
.w330 {width:330px;}
.w320 {width:320px;}
.w310 {width:310px;}
.w300 {width:300px;}
.w290 {width:290px;}
.w280 {width:280px;}
.w270 {width:270px;}
.w260 {width:260px;}
.w250 {width:250px;}
.w240 {width:240px;}
.w230 {width:230px;}
.w220 {width:220px;}
.w210 {width:210px;}
.w200 {width:200px;}
.w160 {width:160px;}
.w150 {width:150px;}
.w135 {width:135px;}

.list-indent {padding-left: 25px; font-weight:normal;}

/* ++++++++++ Client Block ++++++++++ */

div#client {
	width:800px;
	margin: 0px auto;
	background-color:#000000;
	/*background:#bf0100 url('images/backside.gif') repeat-y;*/
}

/* ++++++++++ Header Block ++++++++++ */

div#header {
	height: 50px;
	width:800px;
	padding-top:30px;
	background: url(images/logo.gif) left center no-repeat;
	/*text-align: right;	IE6*/ 
}

div#mainmenu {
	height:24px;
	width:500px;
	margin-left:auto;
	background-color:#1f1f1f;
}

div#mainmenu ul {
	height:20px;
	list-style-type:none;
	text-align:center; 
	background-color:#0f0f0f;
}

div#mainmenu li {
	height:20px;
	display:inline;
}

div#mainmenu li a {
	margin:0 10px;
	text-decoration:none;
	line-height:20px;
	vertical-align:middle;
	letter-spacing: 2px;
	font-size:12px;
	font-weight:normal;
	color: #dddddd;
}

div#mainmenu li a:visited {
	color: #dddddd;
}

div#mainmenu li a:hover {
	text-decoration:underline;
}

/* ++++++++++ Contents1 Block ++++++++++ */

#contents1 {
	width:800px;
	height:260px;
	clear:both;
}

#contents1 h1 {
	display:none;
}

/* ++++++++ Service Block ++++++++ */

#serviceinfo {
	width:165px;
	height:260px;
	float:left;
	margin-left:10px;
}

#info_title {
	height:15px;
	border-bottom: 4px #1f1f1f solid;
	padding-top:4px;
	padding-left:30px;
	background: #0f0f0f url(images/ico_1.gif) no-repeat left center;
	font-size:11px;
	letter-spacing:1px;
	color:#ffffff;
	text-align:left;
	vertical-align:middle;
	font-weight: bold;
}

#serviceinfo ul {
	width:165px;
	list-style:none;
}

#serviceinfo li {
	vertical-align:middle;
	text-align:center;
	height:30px;
}

#serviceinfo a {
	margin-top:10px;
	display:block;
}	

#service {
	width:625px;
	height:256px;	
	/*margin-left:10px;*/
	padding-top:4px;
	background-color:#1f1f1f;
	float:left;
}

#service ul {
	width:175px;
	height:252px;
	list-style-type: none;
	text-align: right;
	vertical-align:middle;
	float:left;
}

#service li {
	height:35px;
	border-bottom:1px gray dotted;
}

.tab {
	padding-right:20px;
	line-height:35px;
	font-size: 12px;
	font-weight:normal;
	text-decoration: none;
	color: #dddddd;
	vertical-align:middle;
	display:block;
	letter-spacing:0;
	background-color: #030303;
}

.selected {	
	padding-right:20px;
	line-height:35px;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	color: #ffffff;
	vertical-align:middle;
	display:block;
	letter-spacing:0;
	background-color: #0f0f0f;
}

.tab {
	text-decoration: none;
	color: #dddddd;
}

.tab:hover {
	text-decoration: underline;
	color: #dddddd;
}

#tab1 {
	background-image: url(images/tab1.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

#tab2 {
	background-image: url(images/tab2.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

#tab3 {
	background-image: url(images/tab3.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

#tab4 {
	background-image: url(images/tab4.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

#tab5 {
	background-image: url(images/tab5.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

#tab6 {
	background-image: url(images/tab6.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.selected:hover {
	text-decoration: underline;
	color: #ffffff;
}

.cursheet {
	background-color:#0e0e0e;
	display:block;
	width:450px;
	height:252px;
	/*overflow:auto;*/
	overflow:hidden;
	float:left;
}

.nonsheet {
	background-color:#0e0e0e;
	display:none;
	width:450px;
	height:252px;
	/*overflow:auto;*/
	overflow:hidden;
	float:left;
}

.servicepanel {
	height:205px;
	padding:10px 20px;
	text-align:center;
}

.servicepanel h2 {
	display:none;
}

.servicepanel p {
	padding-top:5px;
	text-align:left;
	text-indent:1em;
	color:#bbbbbb;
	font-size:12px;
	line-height:1.75em;
	letter-spacing:2px;
}

.servicepanel img {
}


/* ++++++++++ Contents2 Block ++++++++++ */

#contents2 {
	width:800px;
	margin-top:20px;
	background-color: #000000;
	clear:both;
}

/* ++++++++++ Submenu Block ++++++++++ */

#submenu {
	width:165px;
	float:left;
	padding-left:10px;
}

#menu_title {
	height:15px;
	border-bottom: 4px #1f1f1f solid;
	padding-top:4px;
	padding-left:30px;
	background: #0f0f0f url(images/ico_1.gif) no-repeat left center;
	font-size:11px;
	letter-spacing:2px;
	color:#ffffff;
	text-align:left;
	vertical-align:middle;
	font-weight: bold;
}

div#submenu1 {
	width:165px;
	height:450px;
	overflow:auto;
	background-color: #0f0f0f;
}

#submenu1 dl {
	width:148px;
	background-color: #0f0f0f;
}

#submenu1 dt {
	padding-top:10px;
	padding-left:10px;
	font-size:11px;
	letter-spacing:2px;
	color:#3c4baf;
	text-align:left;
	vertical-align:middle;
	font-weight: bold;
}

#submenu1 dd {
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;
	border-bottom: 1px gray dotted;
	vertical-align:middle;
}

#submenu1 dd a {
	font-size: 11px;
	font-weight:normal;
	text-decoration: none;
	text-align:left;
	vertical-align:middle;
	color: #bbbbbb;
	display:block;
	text-decoration:none;
}

#submenu1 dd a:visited {
}

#submenu1 dd a:hover {
	text-decoration: underline;
}

div#submenu2 {
	margin-top:50px;
	width:165px;
}

#submenu2 ul {
	width:165px;
	list-style:none;
}

#submenu2 li {
	padding-top:15px;
	text-align:center;	
	font-size:11px;
	line-height:1.7em;
	letter-spacing:2px;
	color:#ffffff;
}


/******** Contents variations ********/

#subcontentsview {
	width:625px;
	float:left;
}

.contentsbox {
	margin-bottom:20px;
	clear:both;
}

.contentsbox h3{
	height:15px;
	border-bottom: 4px #1f1f1f solid;
	padding-top:4px;
	padding-left:30px;
	background: #0f0f0f url(images/ico_1.gif) no-repeat left center;
	font-size:12px;
	letter-spacing:2px;
	color:#ff0000;
	text-align:left;
	vertical-align:middle;
	font-weight: bold;
}

.contentspanel {
	padding: 0px 20px 20px 20px;
	background-color:#000000;
	text-align:center;	
	clear:both;
	overflow:auto; /* floatした画像に親ボックスが追従しない対応*/
}

.contentspanel h4{
	height:17px;
	border-bottom: 2px #1f1f1f solid;
	padding-top:4px;
	padding-left:25px;
	background: url(images/ico_2.gif) no-repeat left center;
	font-size:12px;
	letter-spacing:2px;
	color:#ff0000;
	text-align:left;
	vertical-align:middle;
	font-weight:bold;
}

.contentspanel h5 {
	height:12px;
	margin-bottom:7px;
	padding-top:2px;
	border-bottom: 1px #1f1f1f dotted;
	font-size:12px;
	letter-spacing:2px;
	color:#ff0000;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
}


/* h5, h6は使わないように

.contentspanel h5 {
	height:17px;
	border-bottom: 1px #1f1f1f dotted;
	padding-top:4px;
	padding-left:20px;
	background: url(images/ico_3.gif) no-repeat left center;
	font-size:12px;
	letter-spacing:2px;
	color:#ffffff;
	text-align:left;
	vertical-align:middle;
	font-weight:bold;
}

.contentspanel h6 {
	height:12px;
	margin-bottom:7px;
	padding-top:2px;
	border-bottom: 1px #1f1f1f dotted;
	/*border-bottom: 1px #aaaaaa dotted;
	background-color: #f1f1f1;*/
/*	font-size:12px;
	letter-spacing:2px;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
}*/

.contentspanel p {
	padding: 10px 0px;
	text-indent:1em;
	color:#bbbbbb;
	font-size:12px;
	line-height:1.7em;
	letter-spacing:2px;
	text-align:left;
}

.contentspanel a {
	color:#eeeeee;
}


.contentspanel img {
	border:0;
	/*padding:5px;*/
}

/* ++++++++++++++++++++ */

div.pbox{
	padding: 10px 0;
	/*background-color:#ffffff;*/
	text-align:center;	
	clear:both;
	overflow:auto; /* floatした画像に親ボックスが追従しない対応*/
}

div.pbox img {
	margin:0 10px;
	border:0;
	padding:0;
}

div.lbox{
	/*border-top: 1px #1f1f1f dotted;*/
	padding:0 0 30px 0;
	background-color:#000000;
	text-align:center;	
	clear:both;
	overflow:auto; /* floatした画像に親ボックスが追従しない対応*/
}

div.img_textbox {
	margin:20px auto 0 auto;
	padding:10px 0;
	clear:both;
	overflow:auto; /* floatした画像に親ボックスが追従しない対応*/
}

div.img_textbox img {
	margin:0 15px 0 0;
	border:0;
	padding:0;
	/*float:left;*/
}

div.img_textbox div {
	text-align:left;
	/*float:left;*/
}

div.img_textbox p {
	text-align:left;
	text-indent:1em;
	color:#bbbbbb;
	font-size:12px;
	line-height:1.7em;
	letter-spacing:2px;
}

/* ++++++++++++++++++++ */

div.img_message {
	margin:0 auto;
	padding:10px 0;
	/*clear:both;
	overflow:auto; /* floatした画像に親ボックスが追従しない対応*/
}

div.img_message ul {
	margin:0 auto;
	list-style-type:none;
}

div.img_message li {
	display:-moz-inline-box;	/* Firefox 1,2 */
	display:inline-block;
	/display:inline;			/* IE 6, 7 */
	/zoom: 1;					/* IE 6, 7 */
}

div.img_message li img {
	margin:0;
	border:0;
	padding:0 1px;
}

div.img_message p {
	margin:0;
	padding:0;
	text-align:center;
	text-indent:1em;
	color:#bbbbbb;	
	font-size:11px;
	line-height:1.7em;
	letter-spacing:2px;
}

/* ++++++++++++++++++++ */

.nlist {
	margin: 0 auto;
	padding-top:5px;
	padding-bottom:5px;
	list-style-type:none;
	list-style-position:outside;
	text-align:left;
	/*color:#bf0100;*/
	font-size:12px;
	line-height:1.7em;
	letter-spacing:2px;
	text-align:left;
}

.blist {
	margin: 0 auto;
	padding-top:5px;
	padding-bottom:5px;
	list-style-type:circle;
	list-style-position:inside;
	text-align:left;
	/*color:#bf0100;*/
	font-size:12px;
	line-height:1.7em;
	letter-spacing:2px;
	text-align:left;
}

.blist span {
	font-weight:bold;	
}


.nlist span {
	font-weight:bold;	
}

.child_nlist {
	margin: 0 auto;
	padding-top:5px;
	padding-bottom:5px;
	list-style-type:none;
	list-style-position:outside;
	text-align:left;
	/*color:#bf0100;*/
}

.child_blist {
	margin: 0 auto;
	padding-top:5px;
	padding-bottom:5px;
	list-style-type:disc;
	list-style-position:inside;
	text-align:left;
	/*color:#bf0100;*/
}



dl.catalog {
	margin: 15px 0;
	padding:10px 0;
	background-color:#ffffff;
	text-align:center;	
	clear:both;
	border-top:1px gray solid;
}

.catalog dt {
	font-size:11px;
	letter-spacing:2px;
	color:#5B97EF;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
}

.catalog dd {
}

.catalog img {
	margin:0 10px 30px 10px;
}

.catalog p {
	margin:0;
	padding:0;
	text-indent:1em;
	font-size:11px;
	line-height:1.7em;
	letter-spacing:2px;
	vertical-align:middle;
}

span.download {
	height:10px;
	padding:0;
	text-indent:1em;
	font-size:11px;
	line-height:1.7em;
	letter-spacing:2px;
}



/* ++++++++++++++++++++ */

.tbllist {
	margin:10px auto;
	border:1px #1f1f1f solid;
	color:#0f0f0f;
	font-size:12px;
	line-height:1.8em;
	letter-spacing:2px;
}

.tbllist th {
	border:0;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #0f0f0f;
	text-align: center;
	color: #ffffff;
}

.tbllist td {
	border:1px #1f1f1f solid;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	font-weight: normal;
	color:#bbbbbb;
}

/* ++++++++++++++++++++ */

div.topics {
	border-bottom:1px gray dotted;
	padding: 10px 0;
	text-align:center;	
	clear:both;
	overflow:auto; /* floatした画像に親ボックスが追従しない対応*/
}


.topics img {
	margin:0;
	border:0;
	padding:0;
	width:100px;
	display:block;
	float:left;
}

.topics p {
	margin-left:120px;
	text-align:left;
	text-indent:1em;
	color:#bf0100;
	font-size:11px;
	line-height:1.7em;
	letter-spacing:2px;
	float:left;
}

.topics a {
	text-decoration: none;
}

.topics a:hover {
	text-decoration:underline;
}


/* ++++++++++++++++++++ */


/* ++++++++++++++++++++ */


div#mail {
	color:#ffffff;
	font-size:12px;
	line-height:1.7em;
	letter-spacing:2px;
	text-align:center;
}

#mail p {
	text-align:center;
}

#mail table {
	margin:20px auto;
	width:auto;
}

#mail td {
	border:1px #1f1f1f solid;
	text-align:left;
}

td.title {
	width:80px;
	text-align:center;
	background-color:#0f0f0f;
	color:#ffffff;
	text-indent:1em;
}

td#submit {
	text-align:center;
	background-color:#1f1f1f;
	color:#ffffff;
}

#company,
#section,
#name,
#kana,
#address,
#email,
#tel {
	margin:0 10px;
	border:0;
	background-color:#000000;
	color:#ffffff;
}

#mail textarea {
	overflow:auto;
	width:400px;
	margin:0 10px;
	border:0;
	background-color:#000000;
	color:#ffffff;
}

#login,
#passwd {
	font-size:12px;
	color:#000000;
	width:100px;
}

/* ++++++++++++++++++++ */

#player {
	margin:10px;
}


/* ++++++++++ Goto Top Block ++++++++++ */

#goto_top {
	clear:both;
	width:780px;
	height:30px;
}

#goto_top p {
	text-align: right; 
	vertical-align:middle;
	letter-spacing: 2px;
	font-size:11px;
	color: #bf0100;	
}

#goto_top a {
	color:#bf0100;
	text-decoration:none;
}

#goto_top a:visited {
	color:#bf0100;
	text-decoration:none;
}

#goto_top a:hover {
	color:#bf0100;
	text-decoration:underline;
}

/* ++++++++++ Footer Block ++++++++++ */

#footer {
	clear:both;
	width:800px;
	height:25px;
	background-color:#1e1e1e;
}

#footer p {
	padding:3px 0px;
	background-color:#0e0e0e;	
	text-align: center; 
	vertical-align:middle;
	letter-spacing: 2px;
	font-size:11px;
	color: #ffffff;	
}



/*===============================================*/


body#sbody {
	margin:10px;
	background-color:#000000;
	background-image:none;
}

#sclient {
	background-color: #000000;
	padding:0 auto;
	width:100%;
	height:100%;
}

div#sheader {
	padding-top:3px;
	height:27px;
	width:100%;
	background: url('images/logo_small.gif') no-repeat left center;
}

div#smainmenu {
	height:24px;
	width:auto;
	margin-left:230px;
	vertical-align:middle;
	background-color:#1f1f1f;
}

#smainmenu h1 {
	padding-top:3px;
	height:17px;
	background-color:#0f0f0f;
	text-align: center; 
	letter-spacing: 2px;
	font-size:11px;
	font-weight:bold;
	color: #ffffff;
}

div#scontents {
	width:100%;
	height:100%;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	vertical-align:middle;
}
	
div#sinfo {
	width:100%;
	height:40px;
	vertical-align:middle;
}

#sinfo p {
	text-align:center;
	vertical-align:middle;
	letter-spacing: 2px;
	font-size:11px;
	color: #ffffff;
}

#sinfo img {
	margin:0;
	border:0;
	padding:0;
}

div#sfooter {
	width:100%;
	height:25px;
	background-color:#1f1f1f;
}

#sfooter p {
	padding-top:3px;
	height:18px;
	background-color:#0f0f0f;	
	text-align: center; 
	vertical-align:middle;
	letter-spacing: 2px;
	font-size:11px;
	color: #ffffff;	
}

.download {
	margin:0 auto;
	width:330px;
}

p.news_title {
	text-align:center;
	text-indent:1em;
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	line-height:1.7em;
	letter-spacing:2px;
}

p.news {
	padding: 10px 0px;
	text-indent:1em;
	color:#bbbbbb;
	font-size:12px;
	line-height:1.7em;
	letter-spacing:2px;
	text-align:left;
}