/* ======================================== 共通シート*/

/*house_mente_box
---------------------------------------------------------------------------*/
.box {
	position: relative;
        z-index:1;
	text-align: left;
	width: 650px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	border:; /*外枠のライン*/
	background-color: ;  /*背景白色*/

}
.box2 {                   
	text-align: left;
	padding: 0px;
	margin: 0px 10px;
	width: 600px;
        float: left;
}

.box3 {                    
	position: relative;
        z-index:1;
	text-align: left;
	width: 650px;
	padding: 0px;
	margin-top: 5px;
	border:; /*外枠のライン*/
        float: left;
}


.box4 {                    
	position: relative;
        z-index:1;
	text-align: left;
	width: 620px;
	padding-right: 20px;
	margin-top: 5px;
	border:; /*外枠のライン*/
        float: left;
}
.box5 {                    
	position: relative;
        z-index:1;
	text-align: left;
	width: 620px;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 20px;
        float: left;
}
.box4 p1 {    
       text-shadow: 0.2em 0.2em 2px #999;
}
.box6 {                    
	text-align:;
	width: 620px;
	padding: 0px 10px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
        float: left;
}
/*contents_box
---------------------------------------------------------------------------*/
#frame {
	width: 650px;
}

.setumei {                   /*説明枠・・・ラインなし*/
	text-align: left;
	padding: 5px;
	margin-right: auto;
	margin-left: 10px;
	width: 620px;
        float: left;
}
.setumei2 {                   /*説明枠*/
	text-align: left;
	padding: 5px;
	margin-right: auto;
	margin-left: 10px;
	width: 620px;
        color: #6495ED;
        float: left;
}
.setumei2 img {
	margin : 0px 15px 5px 5px;   
}

#rank1 {                   
	width: 320px;
        float: left;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
}

#rank2 {                  
        float: right;
	width: 320px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
}

.row {                    
	width: 310px;
	height: 165px;
        padding-top: 5px;
        padding-bottom: 5px;
	margin : 5px;	
	margin-bottom: 10px;
	border: 1px solid #999;
}

.row2 {                    
	width: 310px;
	height: 120px;
        padding-top: 5px;
        padding-bottom: 5px;
	margin : 5px;	
	margin-bottom: 10px;
	border: 1px solid #999;
}
.row p {
	margin : 5px;
	font-size: 14px;
        color: #6A5ACD;
	line-height: 1.4em;
}
.row2 p {
	margin : 5px;
	font-size: 14px;
        color: #6A5ACD;
	line-height: 1.4em;
}
.row img {
	margin : 0px 5px 5px 5px;   
}
.row2 img {
	margin : 0px 5px 5px 5px;   
}



/*見出しbox
---------------------------------------------------------------------------*/
.bar_sky {         /*文字と背景青色ライン*/
	font-size: 15px;
        font-weight:bold;
	background-image: url(../images/sky_bar.gif);	/*背景画像*/
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left: 10px;
	clear: both;
}

.gold_bar {         /*文字と背景ゴールドライン*/
	font-size: 15px;
        font-weight:bold;
	background-image: url(../images/gold_bar.gif);	/*背景画像*/
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left: 10px;
	clear: both;
}

.bar_sky_h3 {         /*文字と見出し用玉付き背景ライン*/
        text-indent:10px;
	font-size: 14px;
        font-weight:bold;
	background-image: url(../images/sky_bar_h3.gif);  /*背景画像*/
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left: 10px;
	clear: both;
}



.pink {         /*見出し文字と背景ライン*/
	margin-top: 5px;
	font-size: 15px;
        font-weight:bold;
	background-image: url(img/pink.gif);	/*背景画像*/
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left: 10px;
	clear: both;
	border-bottom : 1px solid #FFE4E1; 
}

.darkblue {         /*見出し文字と背景ライン*/
	font-size: 15px;
        font-weight:bold;
	background-image: url(img/darkblue.gif);	/*背景画像*/
	background-repeat: no-repeat;
	background-position: bottom;
	padding-left: 10px;
	clear: both;
}


/* --- ナビゲーションバー --- */
div.nav {
width: 100%; /* ナビゲーションの幅 */
background-color: #f9f9f9; /* ナビゲーションの背景色 */
border-top: 0px #cccccc solid; /* 上境界線 */
border-bottom: 0px #cccccc solid; /* 下境界線 */
font-size: 10px;
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 360px; /* メニューの幅 */
margin: 2px auto; /* センターに配置 */
padding: 0;
background-color: #ffffff; /* メニューの背景色 */
border: 1px #cccccc solid; /* メニューの右境界線 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
width: 120px; /* 項目の幅 */
float: left;
background-color: #f0ffff; 
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 0px 2px; /* リンクエリアのパディング（上下、左右） */
border-left: 1px #cccccc solid; /* リンクエリアの左境界線 */
border-right: 1px #cccccc solid; 
background-color: #ffffff; /* 表示項目以外のリンク先 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
background-color: #f0ffff; /* ポイント時の背景色 */
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}