/* レイアウト */

.supportindex{
	 padding : 5px ;
	width : 700px ;
	border : #666 solid 2px ;
	}



#main	{
 	vertical-align : top ;
	padding : 5px ;
	width : 500px ;
	background : #fff ;
	text-align : left ;
	}

#main	h4	{
	background : #fff ;
	color : #eb611a ;
	border-left : solid 1.2em #eb611a ;
	margin : 10px 2px 2px 2em ;
	padding : 2px 2px 2px 2px ;
	width : 65% ;
	font-size : 1.1em ;
	font-weight : bolder ;
	}


#menu .box {
	border: 1px solid #a1a5a9;
	padding: 0 5px 5px 5px;
	margin: 0 0 1.25em 0;
			}

#menu .box h2 {
	border-bottom: 1px solid #a1a5a9;
	padding: 5px;
	background: #f2f2f2;
	margin: 0 -5px 5px -5px;
	font-size: 12px;
	}



#main	.box	.date {
	font-size : 0.6em ;
	text-align : right ;
	}



#main	.content 	.tx	{
	display: block;
	text-decoration: none;
	background: url(../images/fileicon_text.gif) no-repeat 2px ;
	padding: 5px 5px 30px 50px;
	border : dotted 1px #fff ;
	list-style : none ;
	}

#main	.content 	.tx:hover	{
	display: block;
	text-decoration: none;
	background: url(../images/fileicon_text.gif) no-repeat 2px ;
	padding: 5px 5px 30px 50px;
	border : dotted 1px #666 ;
	list-style : none ;
	}

#main	.content 	.dl	{
	display: block;
	text-decoration: none;
	background: url(../images/fileicon_dl.gif) no-repeat 2px;
	padding: 5px 5px 30px 50px;
	border : dotted 1px #fff ;
	list-style : none ;
	}

#main	.content 	.dl:hover	{
	display: block;
	text-decoration: none;
	background: url(../images/fileicon_dl.gif) no-repeat 2px ;
	padding: 5px 5px 30px 50px;
	border : dotted 1px #666 ;
	list-style : none ;
	}


#main	.content 	.ex	{
	display: block;
	text-decoration: none;
	background: url(../images/fileicon_exit.gif) no-repeat 2px ;
	padding: 5px 5px 50px 50px;
	margin: 0px 0px 0px 5px;
	list-style : none ;
	}


#main	.content a	{
	}

#main	.content a:hover		{
	text-decoration : underline ;
	}




#menu	{
	vertical-align : top ;
	background : #fff ;
	width : 200px ;
	}



#menu	.content		{
	list-style : none ;
	vertical-align : top ;
	 padding : 0px 2px 2px 2px ;
	}


#menu	.content 	li	{
	 padding : 2px 2px 5px 2px ;
	border-bottom :  dotted 1px #666 ;
	}


#menu	.content		.head	{
	font-size : 1.2em;
	font-family:"Hiragino Kaku Gothic Std";
	color : #069 ;
	}



#menu	.box	.announcetitle	{
	border-bottom: 1px solid #a1a5a9;
	padding: 5px;
	background: #ffb9b9;
	margin: 0 -5px 5px -5px;
	color : #bf2222 ;
	font-size: 12px;
	}

#menu	.box	.announce	{
	padding: 0px 5px 5px 5px;
	margin: 0px -5px 5px -5px;
	color : #bf2222 ;
	font-size : 0.9em ;
	}





/*Text Box*/
.textbox {
	text-align : left ;
	margin : 5px 20px 5px 20px ;
	padding : 5px ;
	}

.textbox	p {
	margin : 20px 20px ;
	text-align : left ;
	}



.textbox 	h1	 {
	font-size : 1.5em ;
	border-bottom : solid 2px #333 ;	
	text-align : left ;
	}

.textbox h2 {
	font-size : 1.3em ;	
	text-align : left ;
	}

.textbox .mainhead {
	background : #333 url(../images/bgdownloadhead.gif) repeat-x  ;
	color : #fff ;
	font-weight : bolder ;
	font-size : 1.2em ;
	border-right : solid 2px #333 ;
	border-bottom : solid 2px #333 ;
	border-top : solid 1px #333 ;
	border-left : solid 10px #000 ;
	margin : 15px 5px 5px 5px ;
	padding : 5px ;
	text-align : left ;
	}





/* 問題とその解決方法 */
.problem	{
	margin : 10px 5px ;
	padding : 5px ;
	border :solid 0px #999 ;
	width : 50% ;
	vertical-align : top ;
	}

.problem	h2	{
	margin : 10px 5px ;
	padding : 5px ;
	border :solid 1px #999 ;
	background : #b5d0f9 url(../images/bgproblemhead.gif) repeat-x;
	}

.solution	{
	margin : 10px 5px ;
	padding : 5px ;
	border :solid 0px #999 ;
	width : 50% ;
	vertical-align : top ;
	}

.solution	h2	{
	margin : 10px 5px ;
	padding : 5px ;
	border :solid 1px #999 ;
	background : #b5d0f9 url(../images/bgsolutionhead.gif) repeat-x;
	}


/* Trouble Box*/

.textbox 	.trouble	 {

	margin : 5px 5px ;
	padding : 5px ;
	border :solid 0px #ccc ;
	}

.textbox .omission {
	margin : 10px 5px ;
	padding : 5px ;
	border :solid 0px #999 ;
	}

.textbox .omission	.head {
	margin : 10px 5px ;
	padding : 5px ;
	border :solid 1px #999 ;
	background : #b5d0f9 url(../images/bgmainhead.gif) repeat-x	;
	}





/* Attention Box*/

.textbox .attention {
	border : 1px solid #f99 ;
	background : #fff9f9 ;
	margin : 5px 10px ;
	padding : 10px ;
	font-weight : normal ;
	font-size : small ;
	color : #900 ;
	}

.textbox .attention .head {
	color : #900 ;
	font-weight : bolder ;
	border-bottom : 1px solid #f99 ;
	font-size : 1em ;
	}
.textbox .attention  ul{
	list-style : decimal ;
	}

.textbox .attention  li{
	margin-top : 1.5em ;
	}






/* お問い合わせの前に*/
.beforecontact {
	list-style-type : decimal ;
	}

.beforecontact li		{
	margin-bottom : 10px ;
		}


.beforecontactetc	{
	margin-bottom : 10px ;
		}


.beforecontactetc 	li	{
	margin-bottom : 10px ;
		}

.beforecontactetc 	.sample		{
	font-size : 0.8em ;
		}








/* Download Box*/

.textbox .download {
	border : 2px solid #333 ;
	background : #f4efef url(../images/bgsupportdl.gif) repeat-y 0px 50px ;
	margin : 25px 100px 150px 100px ;
	font-weight : normal ;
	z-index : 2 ;
	}

.textbox .download .head {
	background : #333 url(../images/bgdownloadhead.gif) repeat-x  ;
	color : #fff ;
	padding : 5px ;l
	font-weight : bolder ;
	z-index : 3 ;
	}

.textbox .download .body {
	margin : 20px ;
	color : #333 ;
	font-weight : normal ;
	font-size : small ;
	}


.textbox .download .body  .button {
	background : #f9f9f9 ;
	padding : 5px ;
	margin : 5px ;
	}



.textbox .download .body .button	a {
	padding : 2px 2px 2px 26px ;
	margin : 4px ;
	background : url(../images/downloadarrow.gif) no-repeat ;
	}

.textbox .download .body .button	a:hover {
	padding : 2px 2px 2px 26px ;
	margin : 4px ;
	background : url(../images/downloadarrow.gif) no-repeat ;
	text-decoration : underline ;
	}

.textbox .download .body  .button_link {
	background : #f9f9f9 ;
	padding : 5px ;
	margin : 5px ;
	}

.textbox .download .body .button_link	a {
	padding : 2px 2px 2px 26px ;
	margin : 4px ;
	background : url(../images/linkarrow.gif) no-repeat ;
	}

.textbox .download .body .button_link	a:hover {
	padding : 2px 2px 2px 26px ;
	margin : 4px ;
	background : url(../images/linkarrow.gif) no-repeat ;
	text-decoration : underline ;
	}


.step {
	list-style-type: decimal;
	}

.step  li{
	list-style-type: decimal;
	padding : 20px 10px ;	
	border-bottom : 2px dotted #ddd ;
	font-size : small ;
	}

.colophon {
	font-size : small ;
	}

/* Download Box*/

#downloadwindow {
	text-align : center ;
	width : 400px ;
	height : 380px ;
	margin : 10px ;
	}

#downloadwindow	.guide {
	background : #fff url(../images/downloadbox_05.gif) ;
	}

#downloadwindow	p {
	text-align : left ;
	margin : 5px ;
	}




/*  OS対応表  */
.listtable	{
	margin-bottom : 5em ;
	border : 1px #999 solid;
	width : 80% ;
	margin : auto ;
	}

.listtable	a	{
	color: #fff;
	color : #f00 ;
	text-decoration : underline ;
	}

.listtable	td	{
	font-size : 1em ;
	border-bottom: 1px #999 solid;
	padding : 0.5em ;
	}

.listtable	.code	{
	text-align: center;
	}


.listtable	.headtitle	{
	background: #222;
	color : #fff ;
	}

.listtable	.headsub	{
	background: #ccc;
	}

.listtable	th	{
	text-align : center ;
	font-size : 1em ;
	border-bottom: 1px #999 solid;
	padding : 0.5em ;
	}



.listtable	.odd	{
	background: #fff;
	}

.listtable	.even	{
	background: #f9f9f9;
	}