@import url('_mac.css');
*{
	font-size   :   small ;
	_font-size : x-small ;
	margin : 0 ; 
	padding : 0 ;
	}
	
a{
	color :  #111 ; 
	font-size : small ;
	_font-size : x-small ;
	}
	
#main{
	margin : 0 0 0 160px ; 	
	padding : 0 ; 
	height : 100% ;
	overflow : auto ;
	}
	
#main_in{
	width : 85% ;
	border : 0px solid #fff ;
	margin : 0 ;
	padding-left : 1em ; 
	padding-top : 20px ;
	}
	
a:link { 
	color :  #111 ; 
	text-decoration : none ;
	} 

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

a:hover { 
	color :  #111 ; 
	text-decoration : none ; 
	} 

body { 
	background : url(../images/bgstyle.gif) #FFFFff no-repeat  0% 0% fixed ;
	margin : 0px ;
	padding : 0px ;
	}

body {_overflow : hidden ; }

body {margin : 0 ;padding : 0 ;font-family :  osaka, arial ;
	}



p {
	font-size : small ;
	_font-size : x-small ;
	}
	
a {
	font-size : small ;
	_font-size : x-small ;
	}
	
p  a{
	font-size : small ;
	_font-size : x-small ;
	}


/*左のボックス部分*/

#leftbox {
	position : fixed ; 
	_position : absolute ; 
	left : 0px ; 
	top : 0px ; 
	width : 160px ; 
	height : 100% ;
	margin : 0 ; 
	padding : 0 ;
	}

#leftbox ul{
    list-style :  none outside none ; 
	margin : 0px 0 0 10px ; 
	padding : 0  ;
  }
  
#leftbox ul li{
    width : 130px ;
    margin : 0 ; padding : 0 ;
    display : block ;
    line-height : 130% ;
	}
	
#logo {
	padding-top : 0px ; 
	width : 160px ;
	padding-left : 8px ;
	}
    
#leftbox #navi a{
	background-image : url(../images/menu_on.gif) ;
	background-repeat : no-repeat ;
	font-size : 13px ;
	_font-size : x-small ;
	color : #000000 ;
	text-decoration : none ;
	padding-left : 10px ;
	font-weight : bold ;
	border : none ;
	}
	
#leftbox #navi a:hover{
	border : none ;
	background-image : url(../images/menu.gif) ;
	background-repeat : no-repeat ;
	font-weight : bold ;
	padding-left : 10px ;
	}

#leftbox #navi1 a{
	background-image : url(../images/menu_on.gif) ;
	background-repeat : no-repeat ;
	font-size : 13px ;
	_font-size : x-small ;
	color : #000000 ;
	text-decoration : none ;
	padding-left : 10px ;
	font-weight : bold ;border : none ;
	}
	
#leftbox #navi1 a:hover{	
	border : none ;
	background-image : url(../images/menu.gif) ;
	background-repeat : no-repeat ;
	font-weight : bold ;
	padding-left : 10px ;
	}
	
#leftbox #navi2 a{
	background-image : url(../images/menu_on.gif) ;
	background-repeat : no-repeat ;
	font-size : 13px ;
	_font-size : x-small ;
	color : #000000 ;
	text-decoration : none ;
	padding-left : 10px ;
	font-weight : bold ;border : none ;
	}
	
#leftbox #navi2 a:hover{
	border : none ;
	background-image : url(../images/menu.gif) ;
	background-repeat : no-repeat ;
	font-weight : bold ;
	padding-left : 10px ;
	}

#leftbox h5 {
	margin-left : 13px ;
	text-decoration : none ;
	color : #000 ;
	padding  : 0 0 0 12px ;
    background-position :  left top ; 
	font-size : 13px;
	_font-size : x-small ;
    background-image :  url(http://desperadoes.biz/cat/fw/images/menuh2.gif) ; 
    width : 130px ; 
    background-repeat:  no-repeat ;
    margin :  20px 0px 1px 13px ;
    border-right : none ;
    border-top : none ;
    margin-left : 13px ;
    
}
h5 {
	margin-left : 13px ;text-decoration : none ;color : #000 ;
	PADDING-RIGHT :  0px ; 
    BACKGROUND-POSITION :  left 50% ; 
    PADDING-LEFT :  12px ; 
	font-size : 13px ;
	_font-size : x-small ;
    BACKGROUND-IMAGE :  url(http://desperadoes.biz/cat/fw/images/menuh2.gif) ; 
    PADDING-BOTTOM :  0px ; 
    BORDER-LEFT :  #111 0px double ; 
    WIDTH : 130px ; 
    PADDING-TOP :  0px ; 
    BORDER-BOTTOM :  #111 0px solid ; 
    BACKGROUND-REPEAT :  no-repeat ;
    MARGIN :  20px 0px 10px 13px ;
    border-right : none ;
    border-top : none ;
    margin-left : 13px ;
    
}

#leftbox a {
	border : none ;
	}



h3 {
	clear : left ;
	border : 1px solid #000 ;
	margin-top : 60px ;
	padding :  2px 0px 2px 15px ;
	font-weight : normal ;
	color : #000 ;
	background-color : #fe8 ;
	}


p{margin : 1em 0 ;line-height : 140% ;padding : 0 ; }



/*通常テキスト部分*/
.mytext {
	margin : 3em 0 3em 0 ; 
	}
	
.mytext p{
	margin : 2em 0 ;
	line-height : 140% ;
	padding : 0 ; 
	}
	
.mytext_index {
	margin : 0 0 1em 0em ; 
	}
	
.mytext_index p{
	margin : 0 0 1em 0 ;
	line-height : 110% ;
	padding : 0 ; 
	}


#main #main_in .mytext p a{
	border-bottom : 2px dotted #fa7 ;
	}
	
#main #main_in .mytext p a:hover{
	border-bottom : 2px dotted #af7 ;
	}






h1{
	margin-top : 0 ;
	padding-top : 1em ;
	font-size : small ;
	}

h2, h3{
	clear : left ;
	display : block ;
	font-size : small ;
	_font-size : x-small ;
	}

h2 {
	clear : left     ;
	border : 1px solid #000     ;
	margin-top : 0px     ;
	padding :  2px 0px 2px 15px     ;
	font-weight : normal     ;
	color : #000    ;
	background-color : #de8    ;
	}

h4 {clear :  both    ; 
	border : 2px dotted #fa0    ;
	margin : 5px 0    ;
	font-size : small ;
	_font-size : x-small ;
	margin-top : 50px    ;
	padding : 3px 0px 3px 20px    ;
	font-weight : normal    ;
	margin-left : 0    ;
	}
	
h3 a{
	font-size : small ;
	_font-size : x-small ;
	}
	
.lastw{
	clear : left ;
	border : 2px dotted #fa0 ;
	margin-top : 40px ;
	padding :  2px 0px 2px 15px ;
	font-weight : normal ;
	color : #000 ;
}

#main #main_in h3.myindex { 
	font-size : small ;
	_font-size : x-small ;
	font-weight : bold ; 
	border : 1px solid #fcc ;
	background-color : #fff ; 
	margin-top : 3em ;
	padding-left : 0 ;
	}

 h3 .myindex a{
	font-size : small ;
	_font-size : x-small ;
	 border : 0px solid #fff ; 
	 font-weight : bold ;
 	padding-left : 0 ;
 	}
 
 
/* for note detemine */
.mycom {
	color : #888 ; 
	}
	
#main_navi a{
	border-bottom : 0px solid #fff ;
	font-size : small ;
	_font-size : x-small ;
	padding-left : 15px ; 
	padding-right : 15px ; 
	background : url(img/arrow_a_3.gif) left top no-repeat ;
	white-space :  nowrap  ; 
	}

#main_navi dt{
	background-color : #dfa ; 
	margin-top : 2em ; 
	padding-left : 0.5em ; 
	}

#main_navi dd{
	padding-left : 1em ;
	padding-top : 0.7em ; 
	}

.sec1 dt{
	background-color : #b1bb81 ; 
	margin-top : 2em ; 
	padding-left : 0.5em ; 
	}

.sec1 dd{
	margin-top : 0.1em ; 
	padding-left : 1.5em ; 
	}

.shoki{
	background-color : #eef3d6 ; 
	margin : 5px 0px ; 
	display : block ; 
	
	padding : 2px 0px 2px 0px ; 
	font-size : small ;
	_font-size : xx-small ;
	color : #8a3 ; 
	}

.sec1 a{
	font-size : x-small ;
	}

.sec1 {
	border-bottom : 1px dotted #793 ;
	padding-bottom : 1em ; 
	}


.sec2 dt{
	background-color : #dfa ; 
	margin-top : 2em ; 
	padding-left : 0.5em ; 
	}

.sec2 dd{
	margin-top : 1em ;
	padding-left : 1.5em ;
	}

.sec2 dt a{
	border : 0px none #fff ; 
	}

.sec2 a{
	font-size : small ;
	_font-size : x-small ;
	border-bottom : 2px dotted #f73 ; 
	}

.sec2 {
	border-bottom : 1px dotted #793 ;
	padding-bottom : 1em ;
	}


.mytext ul{
	margin : 1em 0 ; 
	}

.mytext ul li{
	list-style-type : none ;
	margin-top : 0 ; 
	}

.mytext ul li ul{
	list-style-type : none ; 
	margin-left : 1em ;
	padding : 0 ;
	margin-top : 0 ; 
	}
	
.mytext ul li ul li{
	list-style-type : none ; 
	margin-left : 0 ;
	padding : 0 ; 
	}

.mytext1 ul{
	margin : 1em 0 ; 
	}

.mytext1 ul li{
	list-style-type : none ;
	margin-top : 0 ; 
	}

.mytext1 ul li ul{
	list-style-type : none ; 
	margin-left : 1em ;
	padding : 0 ;
	margin-top : 0 ; 
	}
	
.mytext1 ul li ul li{
	list-style-type : none ; 
	margin-left : 0 ;
	padding : 0 ; 
	}
	
.mytext1 ul li a{
	font-size : small ;
	_font-size : x-small ;
	padding-left : 15px ; 
	padding-right : 15px ; 
	background : url(http://www.desperadoes.biz/style/img/arrow_a_3.gif) left top no-repeat ;
	border : 0px none #fff ; 
	}
	
.mytext1 ul li ul li a{
	font-size : small ;
	_font-size : x-small ;
	padding-left : 15px ; 
	padding-right : 15px ; 
	background : url(http://www.desperadoes.biz/style/img/arrow_a_3.gif) left top no-repeat ;
	border : 0px none #fff ; 
	}

.mytext1 ul li a:hover{
	color : #f73
	}
	
.mytext1 ul li ul li a:hover{
	color : #f73
	}


#mycss .menu a{
	color : #447 ;background : url(images/arrow.gif)  no-repeat fixed 0% 0% ; 
	font-size : small ;
	margin :  15px 5px 25px 5px ; 
	padding : 0px 0px 0px 10px ; 
	white-space : nowrap ;
	}
	
a{
	font-size : small ; 
	text-decoration : none ;
	margin-left : 5px ;
	white-space : nowrap ; 
	} 
	
.box {
	padding-top :  0px ;
	padding-right :  0px ;
	padding-left :  44px ;
    font-size : small ;
}
.backto {
	text-align :  right ;
	margin-top :  10px ;
	margin-right :  0px ;
	margin-bottom :  151px ;
	margin-left :  0px ;
	padding-top :  0px ;
	padding-right :  0px ;
	padding-bottom :  0px ;
	padding-left :  22px ;
}


.tcom1{
	margin : 10px 10px 110px 10px ; 
	font-size : small ; 
	line-height : 120% ;
	border-bottom : 1px dotted #ab8 ; 
	padding-bottom : 2em ; 
	}
	
.tcom{
	margin : 10px ; 
	font-size : small ; 
	line-height : 120% ; 
	}
	
.backto a{
	border-bottom : 1px solid #ab8 ; 
	color : #330 ; 
	font-size : small ;
	_font-size : x-small ;
	background-color : #cda ; 
	border : 1px solid #ab8 ; 
	padding :  3px 5px 0px 5px ;
	margin-top : 1em ;
	}
	
#mycss dl{
	border-bottom : 0px dotted #ab8 ; 
	padding-bottom : 2em ;
	margin-bottom : 1em ;
	}



/* p_frame*/

.mytag_sel {
	color : #339 ; 
	font-weight : bold ; 
	}

.mytag_pro {
	color : #339 ; 
	font-weight : bold ; 
	}

.mytag_sample {
	color : #783 ; 
	}

.mytag_sample_sp {
	color : #783 ; 
	font-weight : bold ; 
	}

.dl_in dt{
	background-color : #fff ;
	}

.dl_in dt a{
	border-bottom : 2px dotted #f73 ;
	}

.dl_in dd{
	margin-top : 0.5em ; 
	}
	
dl.dl_in{
	margin-bottom : 0 ; 
	}


/*mode*/

table {
	font-size : x-small ;
	border : 1px solid #888 ;
	background-color : #555 ; 
	}
	
td {
	font-size : x-small ; 
	background-color : #f5f5f5 ; 
	}

.subt  {
	background-color : #dfa ; 
	padding-left : 15px ; 
	}

th {
	background-color : #ab8 ; 
	}

td {
	border-bottom : 1px solid #ab8 ;
	background-color : #ffc ;
	padding : 0.1em ; 
	}

td a{
	font-size : x-small ; 
	}

.mymode {
	border-left : 1px solid #ab8 ;
	text-align : center ;
	color : #669 ; 
	}

.mymode3 {
	border-left : 1px solid #ab8 ;
	text-align : center ;
	color : #780 ; 
	}

.mymode2 {
	border-left : 1px solid #cda ;
	text-align : center ;
	width : 30px ; 
	}

.mymode1 {
	border-right : 1px solid #ab8 ;
	text-align : center ;
	width : 30px ; 
	}

.mymode4 td{
	border-right : 1px solid #780 ;
	text-align : center ; 
	}

td.mymode5 {
	border-right : 0px none #fff ; 
	}

.mymode4 th{
	border-right : 1px solid #570 ; 
	border-bottom  : 1px solid #570 ;
	}

td.mymode6 {
	border-right : 0px none #fff ; 
	background-color : #ce8 ; 
	font-weight  : normal ;
	text-align : left ;
	}
	
td.mymode7 {
	text-align : left ; 
	}

td.mymode6 a:hover {
	color : #fc0 ; 
	}

.mytext1 p {
	font-size : small ;
	_font-size : x-small ;
	margin : 15px 0 ;
	}
	
.h_bottom {
	margin : 0 ; 
	padding : 0 ;
	}
	
.mytext ul{
	margin-left : 3em ; 
	margin-bottom : 0 ;
	}
	
.myank {
	display : none ; 
	}



iframe { 
	border  : 1px solid #666 ; 
	padding  :  0.5em 0 0 0.5em ; 
	}

.myiframe { 
	border  : 1px solid #666 ; 
	padding  :  0.5em 0 0.5em 0.5em ; 
	width : 98% ; 
	margin-left : 1em ; 
	margin-top : 0.5em ; 
	margin-bottom : 1em ;
	}

hr.sample1 {
	color : #ccc ;
	height : 1px ;
	width : 80% ;
	}

hr.sample2 {
	color : #333 ;
	height : 2px ;
	width : 90% ; 
	}

hr.sample3 {
	color : #333 ;
	height : 5px ;
	width : 98% ; 
	}

hr.sample4 {
	color : #ccc ;
	height : 1px ;
	width : 98% ;
	}


#mymidexpage dt span.musample{
	font-weight : normal ; 
	font-size : small ;
	_font-size : x-small ;
	padding-left : 1em ;
	}

#mymidexpage dt {
	font-weight :  bold ; 
	line-height : 120% ; 
	margin :  1em 0 0.5em 0 ; 
	padding : 0 0 3px 0.3em ;
	/*color : #793 ;*/ 
	border-bottom : 1px solid #111 ;
	}


#mymidexpage dt a{
	font-size : small ;
	_font-size : x-small ;
	font-weight :  bold ; /*color : #793 ;*/
	}

#mymidexpage dd {
	font-size : small ;
	_font-size : x-small ;
	line-height : 150% ; 
	margin :  0 0 4em 0 ;
	padding-left : 1.5em ;
	}





/*サンプルのソースの外枠*/
.exp1 { 
	float : left ; 
	font-size : 14px ; 
	line-height : 150% ; 
	color : #333 ;
	margin-left : 20px ; 
	margin-top : 0px ;
	width : 50% ; 
	height : 9em ;
	border :  1px solid #763 ; 
	z-index : 1 ;
	margin-bottom : 30px ;
	background-color : #ffffe3 ; 

}
/*サンプルのソース・横長の内側*/
.exp2 {
	font-size : small ;
	_font-size : x-small ;
	margin : 0 ; 
	width : 100% ; 
	height : 8em ;
	float : left ; 
	overflow  : auto ; 
	z-index : 1 ;
	color : #763 ;
	line-height : 100% ;
	padding : 0 0 5px 0px ;

	background-color : #ffffe3 ; 
}

/*サンプルのソース・横長の外枠*/
.exp3 { 
	float : left ; 
	font-size : 14px ; 
	line-height : 150% ; 
	color : #763 ;
	margin-left : 0px ; 
	margin-top : 0px ;
	width : 80% ; 
	height : 9em ;
	border :  1px solid #763 ; 
	z-index : 1 ;
	margin-bottom : 30px ;
	background-color : #ffffe3 ; 
}

/*サンプルのソース・横長の外枠*/
.exp4 { 
 
	font-size : 14px ; 
	line-height : 150% ; 
	color : #763 ;
	margin-left : 0px ; 
	margin-top : 0px ;
	width : 100% ; 
	height : 9em ;
	border :  1px solid #763 ; 

	margin-bottom : 30px ;
	background-color : #ffffe3 ; 
	padding : 0 ;
	padding-top : 0 ;
}

/*サンプルのソース・タイトル部分*/

.mysource { 
	margin : 0 ; 
	padding :  0px 0px 0px 10px ; 
	border : 0px solid #ac8 ;
	font-weight : bold ;
	font-size : small ;
	_font-size : x-small ;
	color : #763 ;  
	background-color : #ffffe3 ; 
	border-bottom : 0px dotted #fff ;
	height : 1em ;
	}





#leftbox #myhtml4 {  margin-top:.5em;margin-left:1.3em; }

#leftbox #myhtml4 a{
	font-size:9px; 
	color:#888;
	padding:0;
	background-image:url(none.gif);padding:0;line-height:1em;
	text-align:center; 
	font-weight : normal;
	
	color:#888;
	width:7em;
	}

#leftbox a.myfonts{background-image:none;padding:0px;margin:0 ;display:inline;}