@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #E84204;
	background-image:url(./img/bg.jpg);
	background-repeat:repeat-x;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #222222;
}

li{
list-style:none;
}


.oneColLiqCtrHdr #rogo {
	width: 800px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
padding:10px 0 10px 0;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
.oneColLiqCtrHdr #container {
	width: 800px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

.oneColLiqCtrHdr #header {
	background: #ff5a1d; 
	padding: 0 10px 0 20px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}
.oneColLiqCtrHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
color:#FFFFFF;
}
.oneColLiqCtrHdr #mainContent {
	padding: 0  20px 0 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
}


.oneColLiqCtrHdr #footer { 

	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#812300;
	text-align: center;
font-size:small;
color:#EEEEEE;
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

.app {
	background: #FFFFFF; 
	margin:15px 0px;
	padding: 0 10px 0 20px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	
}
.navi{
padding:5px 0px;
background:#BEBEBE;
text-align: center;
color:#EEEEEE;
}



/* ===== mainList02 ===== */

/*.appliListArea ul.mainList02 li{
padding:15px 15px 15px 10px;
}*/


.appliListArea ul.mainList02 li:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


.appliListArea ul.mainList02 li.lastItem{
border-bottom:1px solid #d6d6d6;
}

.appliListArea ul.mainList02 li p.catch{
float:left;
width:117px;
}

.appliListArea ul.mainList02 li p.catch img{
border:1px solid #ccc;
}



.appliListArea ul.mainList02 li .property{
float:left;
width:250px;
}

.appliListArea ul.mainList02 li .property p.appName{
background:url(./img/title.gif) no-repeat left top;
padding-left:14px;
padding-bottom:15px;
min-height:65px;
height:auto !important;
height:65px;
}

.appliListArea ul.mainList02 li .property p.appName .category{
color:#9c3;
font-size:83%;
}

.appliListArea ul.mainList02 li .property p.appName strong{
font-weight:bold;
}

.appliListArea ul.mainList02 li .property p.appIcon{
float:right;
}

.appliListArea ul.mainList02 li .property p.appIcon img{

}

.appliListArea ul.mainList02 li .property dl.subInfo{
zoom:1;
}

.appliListArea ul.mainList02 li .property dl.subInfo:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.appliListArea ul.mainList02 li .property dl.subInfo dt{
float:left;
clear:left;
width:60px;
padding:0;
color:#999;
font-size:83%;
}

.appliListArea ul.mainList02 li .property dl.subInfo dd{
float:left;
width:104px;
padding:0 20 0 6px;
*float:none;
font-size:83%;

}

.appliListArea ul.mainList02 li .property dl.subInfo dd.numAllUser,{
font-weight:bold;


}

.appliListArea ul.mainList02 li .property dl.subInfo dt.rate{
line-height:18px;
}

.appliListArea ul.mainList02 li .property dl.subInfo dd.rate{
width:25px;
padding-left:0px;

}

.appliListArea ul.mainList02 li .property dl.subInfo dd.rate img{
vertical-align:text-top;
}


.appliListArea ul.mainList02 li .introduction{
float:right;
width:336px;
*float:none;
*padding-left:13px;
padding-right:45px;

}

.appliListArea ul.mainList02 li .introduction p.link_btn{
padding:18px 0 0 232px;
}

.appliListArea ul.mainList02 li .introduction p.link_btn a{
display:block;
height:29px;
text-indent:-9999px;
font-size:12px;
background:url(./img/imasuguasobu.gif) no-repeat 0px 0px;
outline:0;
}

.appliListArea ul.mainList02 li .introduction p.link_btn a:hover{
background-position:0px -29px;
}

/* ===== mainList02　ここまで ===== */


img {
border: none;
clear:both;
align:bottom;
}


A.nok {text-decoration:none;}
a:link { color:#444444; }
a:visited { color:#444444; }
a:hover { color:#666666; }
a:active { color:#888888; }