@charset "utf-8";

#gApiBukListClm,#gKanrenKijiClm,#gKijiRankClm,#gMailMagazinClm,.side_list01{
	width:240px;
	border-left:#ABC0C3 1px solid;
	border-right:#ABC0C3 1px solid;
	border-bottom:#ABC0C3 1px solid;
	background:#F1F1F1;
	padding:0 10px 10px 10px;
	margin:0 0 15px 0;
}
.rm_rightside #title_right02{
	background-image: url("/edit/common/img/api/h3_tit_ranking.gif");
}
#contents .rm_rightside ul.side_list01 li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d7d7d7;
	background-image:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
}
.gApiBukClm{
	border-top:#FFFFFF 1px solid;
	border-bottom:#D7D7D7 1px solid;
	padding:10px 0 10px 0;
}

.gApiBukClm h4{
	background:url(/edit/common/img/api/side_icon_arrow.gif) no-repeat left 0.25em;
	padding:0 0 0 7px;
}

#contents .gApiBukClm p.bclmP{
	padding:5px 0 0 7px;
	margin:0 0 0 0;
}

.gApiBukClm li{
	text-align:right;
	padding:5px 0 0 0;
}

.gApiBukClm .bClmL{
	float:left;
	width:105px;
}

.gApiBukClm .bClmL img{
	border:#CCCCCC 1px solid;
}

.gApiBukClm .bClmR{
	float:left;
	width:135px;
}

ul.gApiHead{
	padding:8px 0 8px 0;
	border-bottom:#D7D7D7 1px solid;
}
ul.gApiHead li{
	padding:2px 8px 2px 0;
	float:left;
	white-space:nowrap;
}

ul.bReloadBtn li{
	text-align:center;
	padding:8px 0 0 0;
	border-top:#FFFFFF 1px solid;
}

#gKanrenKijiClm li{
	background:url(/edit/common/img/api/side_icon_arrow.gif) no-repeat left 1em;
	padding:10px 0 10px 7px;
	border-top:#FFFFFF 1px solid;
	border-bottom:#D7D7D7 1px solid;
}

.gKkijiSchBox p{
	background:url(/edit/common/img/api/side_icon_search.gif) no-repeat left top;
	padding:2px 0 5px 19px;
}

.gKkijiSchBox{
	border-top:#FFFFFF 1px solid;
}

.gKkijiSchBox input{
	vertical-align:top;
}

input.frm_text{
	margin:0 5px 0 0;
	width:180px;
}

#gKijiRankClm dl{
	border-top:#FFFFFF 1px solid;
	border-bottom:#D7D7D7 1px solid;
	padding:10px 0 10px 0;
}

#gKijiRankClm dt{
	float:left;
	width:24px;
	padding:0 4px 0 0;
}

#gKijiRankClm dd{
	background:url(/edit/common/img/api/side_icon_arrow.gif) no-repeat left 0.25em;
	padding:0 0 0 7px;
	float:left;
	width:205px;
}

#gKijiRankClm dl.lastRank{
	border-bottom:none;
	padding:10px 0 0 0;
}

#contents #gMailMagazinClm p{
	margin:0 0 0 0;
	padding:10px 0 10px 0;
}

#gMailMagazinClm li{
	text-align:center;
}

/*========================================*/
/*201103 - chumon_api add - by mizunokura */
/*========================================*/
.fl{float:left;}
.fr{float:right;}

#gApiChumonListClm{
	width:260px;
	border-left:#ABC0C3 1px solid;
	border-right:#ABC0C3 1px solid;
	border-bottom:#ABC0C3 1px solid;
	background:#F1F1F1;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
}

.gApiChumonClm{
	border-top:#D7D7D7 1px solid;
	padding:10px 0 10px 0;
	width:240px;
	margin:0 10px 0 10px;
}

#contents .gApiChumonClm p.bclmP{
	padding:5px 0 0 7px;
	margin:0 0 0 0;
}

.gApiChumonClm li{
	text-align:right;
	padding:5px 0 0 0;
}

.gApiChumonClm .bClmL{
	float:left;
	width:105px;
}

.gApiChumonClm .bClmL img{
	border:#CCCCCC 1px solid;
}

.gApiChumonClm .bClmR{
	float:left;
	width:135px;
}

#gApiChumonListClm ul.chu_tab{
	padding:10px 10px 0 10px;
}

#gApiChumonListClm ul.chu_tab li a{
	text-indent:-9999px;
	display:block;
	width:120px;
	height:26px;
	overflow: hidden;
}

#gApiChumonListClm .chu_select{
	padding:5px 10px 5px 10px;
	background:#f5e6d6;
}

#gApiChumonListClm .chu_select input{
	vertical-align: middle;
	margin:0 2px 0 0;

}

#gApiChumonListClm .chu_select label{
	white-space: nowrap;
	padding:0 15px 0 0;
	line-height:150%;
}

#contents #gApiChumonListClm p{
	background:url(/edit/common/img/api/li_arrow_chumon.png) no-repeat left 0.25em;
	padding:0 0 0 15px;
	color:#996600;
	margin:3px 0 3px 0;
}

#gApiChumonListClm .chu_select li,#gApiChumonUnderClm .chu_select li{
	text-align:right;
}
#gApiChumonListClm .chu_select li.accordion_head,#gApiChumonListClm .chu_select li.accordion_close{
	cursor:pointer;
	display:block;
	color: #0066CC;
	text-decoration: underline;
}

#gApiChumonUnderClm .chu_select li.accordion_head2,#gApiChumonUnderClm .chu_select li.accordion_close2{
	cursor:pointer;
	display:block;
	color: #0066CC;
	text-decoration: underline;
}

#gApiChumonListClm .chu_select li:hover,#gApiChumonListClm .chu_select li:active{
	color: #0080FF;
}

#contents #gApiChumonListClm p.chu_cnt{
	background:none;
	color:#333;
	font-size:84%;
	padding:5px 0 5px 10px;
}

#contents #gApiChumonListClm p.chu_cnt span{
	color:#cc0000;
	font-weight:bold;
	font-size:117%;
}

.gApiChumonClm .bClmR ul{
	padding:8px 0 0 0;
}

#gApiChumonListClm ul.bReloadBtn li{
	text-align:center;
	padding:8px 0 0 0;
	margin:0 10px 0 10px;
	border-top:#D7D7D7 1px solid;
}

html > body #gApiChumonListClm ul.chu_tab li a:hover,html > body .gApiChumonClm .bClmR li a:hover img,html > body .gApiChumonClm .bClmL a:hover img,html > body #gApiChumonListClm ul.bReloadBtn li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}


#gApiChumonUnderClm{
	width:641px;
	border-left:#ABC0C3 1px solid;
	border-right:#ABC0C3 1px solid;
	border-bottom:#ABC0C3 1px solid;
	background:#F1F1F1;
	padding:5px 0 0 0;
	margin:0 0 30px 0;
}

#chumon_under_in{
	padding:5px 0 0 0;
}

#contents #gApiChumonUnderClm p.chu_cnt,#contents #gApiChumonUnderClm .chu_select p{
	margin:0 0 0 0;
}

#gApiChumonUnderClm .gApiChumonClm{
	float:left;
	margin: 0 20px;
	padding:10px 0 10px 0;
	border-top:none;
	width: 280px;
}

#gApiChumonUnderClm .gApiChumonClm .bClmR{
	width:175px;
}

#gApiChumonUnderClm .chu_select{
	background:#F5E6D6;
	padding: 5px 10px;
}

#gApiChumonUnderClm .chu_select label {
    line-height: 150%;
    padding: 0 15px 0 0;
    white-space: nowrap;
}

#gApiChumonUnderClm .chu_select input {
    margin: 0 2px 0 0;
    vertical-align: middle;
}

#contents #gApiChumonUnderClm p {
    background: url("/edit/common/img/api/li_arrow_chumon.png") no-repeat scroll left 0.25em transparent;
    color: #996600;
    margin: 3px 0;
    padding: 0 0 0 15px;
}

#contents #gApiChumonUnderClm p.chu_cnt {
    background: none repeat scroll 0 0 transparent;
    color: #333333;
    font-size: 84%;
    padding: 5px 0 5px 10px;
    display:none;
}

#contents h3.tit_gApiUnder{
	padding:30px 0 0 0;
}


/* Interaction states
----------------------------------*/
#gApiChumonListClm ul.chu_tab li.ui-state-default a.tab1{
	background:url(/edit/common/img/api/tab_jiturei.png) no-repeat left top;
}
#gApiChumonListClm ul.chu_tab li.ui-state-default a.tab2{
	background:url(/edit/common/img/api/tab_kaisya.png) no-repeat left top;
}
#gApiChumonListClm ul.chu_tab li.ui-tabs-selected a.tab1{
	background:url(/edit/common/img/api/tab_jiturei_on.png) no-repeat left top;
}
#gApiChumonListClm ul.chu_tab li.ui-tabs-selected a.tab2{
	background:url(/edit/common/img/api/tab_kaisya_on.png) no-repeat left top;
}
.ui-state-default{}
.ui-state-hover{}
.ui-tabs-selected{}


/* 記事下実例検索BOX
----------------------------------*/
#knowhow01 h3.tit_gSchBoxUnder{
	padding-top:30px
}

h3.tit_gSchBoxUnder{
	padding-top:30px
}

#gSchBoxChumonUnderClm{
	background:#FFF4CD;
	padding:5px 20px 10px 20px;
}

#gSchBoxChumonUnderClm .gSchBlock{
	padding:10px 0 10px 0;
	border-bottom:1px #77472B dotted;
	width:603px;
}

#gSchBoxChumonUnderClm .gSchBlock dt{
	float:left;
	width:80px;
	padding:2px 0 0 5px;
}

#gSchBoxChumonUnderClm .gSchBlock dd{
	float:left;
	width:515px;
}

#gSchBoxChumonUnderClm .gSchBlock dl.arBox{
	float:left;
}

#gSchBoxChumonUnderClm .gSchBlock dl.taBox{
	float:left;
}

#gSchBoxChumonUnderClm .gSchBlock dl.arBox dd{
	width:130px;
}

#gSchBoxChumonUnderClm .gSchBlock dl.taBox dd{
	width:200px;
}

#gSchBoxChumonUnderClm .gSchBlock dl.arBox dt{
	width:43px;
	padding-top:2px;
}

#gSchBoxChumonUnderClm .gSchBlock dl.taBox dt{
	width:60px;
}

#gSchBoxChumonUnderClm .gSchBlock label{
    line-height: 160%;
    padding: 0 15px 0 0;
    white-space: nowrap;
}

#gSchBoxChumonUnderClm .gSchBlock input{
    margin: 0 2px 0 0;
    vertical-align: text-top;
    *vertical-align: middle;
}

#gSchBoxChumonUnderClm ul{
	margin:10px 0 0 0;
}

#gSchBoxChumonUnderClm li{
	text-align:center;
}

#gSchBoxChumonUnderClm li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}