@charset "UTF-8";
/* CSS Document */
/* contents CSS */

*{
 margin:0;
 padding:0;
 font-size:100%;
 font-weight:normal;
 font-style:normal;
 text-decoration:none;
}

body {
	color: #666666;
	font-size:9pt;
	font-family:sans-serif;
	line-height: 17px;
	background:#E6E6E6 url(../images/bg/bg_grad.gif) repeat-x scroll left bottom;
}
img{
    margin:0;
	padding:0;
	border:0;
}

/*////////////////////links////////////////////////////*/
a { color:#006699; text-decoration:none;}
a:link, a:visited { color:#006699; text-decoration:none;}
a:hover { color:#006699; text-decoration:underline;}

.show_case a, .show_case a:link, .show_case a:visited{color:#666666; text-decoration:underline;}
.show_case a:hover{color:#999999; text-decoration:underline;}

/*///////////////////body segments/////////////////////*/
#wrapper{
  margin:0 auto;
  height:auto;
  width:840px;
  background-color:#ffffff;
}

#wrapper .contents_body{
  margin:0 auto;
  background:url(../images/bg/body_bg_contents.gif) repeat-y;
  width:840px;
  zoom:100%;/*IE6*/
  overflow:auto;/*IE7 and Firefox*/
}
/**/
* html #wrapper .contents_body{
	overflow: visible;
	height:1px;
}
/**/
#wrapper .contents_bottom{
  background:url(../images/bg/body_bg_bottom.gif) no-repeat;
  width:840px;
  height:40px;
}


#contents{
   width:640px;
   vertical-align:text-top;
   color: #666666;
   font-size:9pt;
   font-family:sans-serif;
   line-height: 17px;
   padding:20px 10px 20px 10px;
   float:left;
}

#top_category_container{
   width:710px;
   margin:0 auto;
   vertical-align:text-top;
   line-height: 17px;
   text-align:center;
   padding:20px 10px;
}

#form_container{
   width:640px;
   margin:0 auto;
   vertical-align:text-top;
   line-height: 17px;
   padding:20px 10px;
}
/*////////////////////title, font, paragraph////////////////*/
h1{
    font-size:12pt;
	font-weight:bold;
	color:#ff9933;
}
h2{
    font-size:10pt;
	font-weight:bold;
	color:#ff6600;
	text-align:left;
}
h3{
    color:#6C8C37;
	font-size:9pt;
	font-weight:bold;
	text-align:left;
	margin-bottom:8px;
}
h3.gray{
    color:#666666;
	font-size:8.5pt;
	font-weight:bold;
	text-align:left;
	margin-bottom:8px;
}
h3.orange{
    color:#ff9933;
	font-size:9pt;
	font-weight:bold;
	text-align:left;
	margin-bottom:5px;
}
p{
   padding:0 0 5px 5px;
}
.small_gray{
    color:#666666;
	font-size:8pt;
	font-weight:normal;
}
.update{
    text-align:right;
	font-size:8pt;
	padding-top:15px;
}
.sub_title{
    border-bottom:1px dotted #ff6600;
	padding-top:3px;
	margin-bottom:10px;
	margin-top:5px;
}
.red_caution{
    font-size:8.5pt;
	color:#990000;
}
.upper_caution{
    font-variant:small-caps;
	vertical-align:super;
	font-size:7.5pt;
	color:#990000;
}
.small_sup{
    font-variant:small-caps;
	vertical-align:super;
	font-size:7.5pt;
}

/*////////////////////table style////////////////*/

.table1{
    border-collapse:collapse;
	border:1px solid #999999;
	margin-bottom:8px;
}
.table1 th, .table1 td{
    border:1px solid #999999;
	padding:3px 3px 3px 5px;
}
.table1 th{
    background-color:#fffddd;
	color:#6C8C37;
	font-weight:normal;
	text-align:left;
}
td.no_bottom_border{
    border-bottom:none;
}
td.no_top_border{
    border-top:none;
}
tr.border_bottom td{
   border-bottom:1px dotted #999999;
}

.table2{
    border-collapse:collapse;
	border:1px solid #999999;
	margin-bottom:3px;
}
.table2 th, .table2 td{
    border:1px solid #999999;
	padding:2px 2px 2px 5px;
}
.table2 th{
    background-color:#fff6cc;
	color:#6C8C37;
	font-size:8.5pt;
	font-weight:bold;
	padding:8px 2px;
}
.table2 th.sub{
    background-color:#fffddd;
	text-align:left;
	color:#6C8C37;
	font-weight:normal;
	padding:2px 2px 2px 5px;
}
.table2 th.sub2{
    background-color:transparent;
	text-align:left;
	color:#6C8C37;
	font-weight:normal;
	padding:2px 2px 2px 5px;
}
.table2 tr.colored td{
    background-color:#fffddd;
	padding:2px 2px 2px 5px;
}
.table2 tr.center td{
    text-align:center;
}
    
.left_th{
    background-color:#fffddd;
	color:#6C8C37;
	font-size:8.5pt;
	font-weight:bold;
	padding:2px;
	text-align:left;
}
    
.caution{
	background-color:#fffddd;
}
.caution th{
	color:#ff9933;
	font-size:9pt;
	font-weight:bold;
	text-align:left;
	padding:5px;
}
.caution td{
	text-align:left;
	padding:0 5px 5px 5px;
}
.table_note_style th{
    border-bottom:1px dotted #999999;
	padding:3px 0;
	color:#ff9933;
	font-weight:bold;
	text-align:left;
}
.table_note_style td{
    border-bottom:1px dotted #999999;
	padding:3px 0;
	text-align:left;
}

.table_no_border th, .table_no_border td{
    border:none;
	padding:0;
	margin:0;
}

/*index page TABLE*/
.top_category_box{
	width:352px;
	border:1px solid #CCCCCC;
	vertical-align:top;
}
.top_category_box th, .top_category_box td{
    text-align:left;
	background-color:#FFFFFF;
}
.top_category_box th{
    height:33px;
	vertical-align:middle;
}
.top_category_box td{
    text-align:left;
	vertical-align:text-top;
	padding:10px 10px 0 10px;
}
.top_category_box td.second{
	border-top:1px dotted #999999;
	text-align:left;
	vertical-align:text-top;
	padding:10px 10px 0 10px;
}


/*handsetspec page TABLE*/
table .show_case{
    border:1px solid #999999;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	height:120px;
	width:315px;
}
table .show_case th, .show_case td{
    text-align:left;
}
table .show_case td{
    text-align:left;
	vertical-align:middle;
	padding:10px 5px 0 5px;
}


/*////////////////////フォームのスタイル////////////////

form input{
    margin: 0;
    padding: 0;
    height: 18px;
	border:1px solid #999999;
}
form .checkbox{
    margin: 0;
    padding: 0;
	border:none;
}
form textarea{
    margin: 0;
    padding: 0;
	border:1px solid #999999;
}
form select{
    margin: 0;
    padding: 0;
	border:1px solid #999999;
	color:#333333;
	font-size:9pt;
	font-family:sans-serif;
	background-color:#FFFFFF;
}
*/

/*/////////////////////list style////////////*/
.list1 ul, .list1 li{
    margin-left:30px;
}
.list1 li{
    padding-bottom:5px;
	list-style-type:disc;
}
.list2 ul, .list2 ol, .list2 li{
    margin-left:18px;
}
.list2 li{
    padding-bottom:3px;
}
.caution ul{
    margin:10px 0;
}
.caution li{
    margin-left:18px;
	padding-bottom:5px;
}
.top_category_box ul{
    padding:10px 0 0 15px;
	list-style:none;
}
.top_category_box li{
    list-style:none;
    background:url(../images/icons/circle_icon.gif) no-repeat 0 3px;
	padding:0 0 3px 15px;
	color:#3399cc;
}
.sub_category ul{
    list-style:none;
}
.sub_category li{
    list-style:none;
    background:url(../images/icons/round_allow.gif) no-repeat 0 3px;
	margin-left:5px;
	padding:0 0 3px 20px;
}
.show_case ul{
    list-style:none;
}
.show_case li{
    list-style:none;
	background:url(../images/icons/circle_icon.gif) no-repeat 0 3px;
	padding:0 0 3px 15px;
	margin-top:30px;
}
.show_case ul.middle li{
    list-style:none;
	background:url(../images/icons/circle_icon.gif) no-repeat 0 3px;
	padding:0 0 3px 15px;
	margin-top:10px;
}
.update_list ul{
    padding:0 0 0 5px;
	list-style:none;
	text-align:left;
}
.update_list li{
    list-style:none;
	background:url(../images/icons/triangular_gray.jpg) no-repeat 0 7px;
	padding:3px 0 3px 15px;
	text-align:left;
	border-bottom:1px dotted #999999;
}
/*//////////////////////code style////////////////*/
pre{
    padding:8px;
	border:1px solid #9cc;
	background-color:#dee;
}
code{
    font-family:"Courier New", Courier, monospace;
	color:#333333;
}


/*//////////////JS Tab Style////////////*/

.tab {background-color:#ffffff; height:auto;width:auto;}
.tab a {padding:5px 10px; background-color:#FFFFFF; color:#FF6600; border:1px solid #FF6600; margin-right:7px}
.tab a:hover {padding:5px 10px; color:#FFFFFF; border:1px solid #FF6600; background-color:#FF6600}
.tab a.tabactive {background-color:#FF6600; color:#FFFFFF; font-weight:bold;  position:relative;border:1px solid #FF6600}
.tab .here {background-color:#FF6600; color:#FFFFFF}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 {position: relative; /*this is a bug solution for IE6 for disappearing the border-right of this stype*/}