﻿/*
パンくずナビの設定
-------------------------------------------------------------------*/

.p-navi{
	font-size :10px;
	margin: 20px 0px 0px 20px;
} 


/*
見出し部分
-------------------------------------------------------------------*/


/*チェック*/
.midasi1{
	font-size: 18px;
	font-weight: bold;
	background-image: url(img/h2.gif);
	background-repeat: no-repeat;
	line-height: 25px;
	margin: 10px 0px 0px 10px;
	padding: 10px 0px 7px 45px;
	float: left;
	display: inline;
	width: 600px;
}

/*左側ライン 青*/
.midasi2 {
	font-size: 16px;
	font-weight: bold;
	background-image: url(img/h3-1.gif);
	background-repeat: no-repeat;
	line-height: 25px;
	margin: 0px 0px 0px 10px;
	padding: 8px 0px 10px 30px;
	float: left;
	display: inline;
	width: 615px;
}

/*左側ライン ピンク*/
.midasi3 {
	font-size: 16px;
	font-weight: bold;
	background-image: url(img/h3-2.gif);
	background-repeat: no-repeat;
	line-height: 25px;
	margin: 10px 0px 0px 10px;
	padding: 8px 0px 10px 30px;
	float: left;
	display: inline;
	width: 615px;
}



/*contents内で使用する小見出し*/
.midasi-s{
	font-size :18px;
	margin: 30px 0px 20px 0px;
	font-weight: bold;
}



/*contents内で使用する小見出し　王冠1*/
.midasi-o1{
	background-image: url(img/midasi1.gif);
	background-repeat: no-repeat;
	font-size :16px;
	margin: 20px 0px 10px 0px;
	padding: 18px 0px 5px 65px;
	font-weight: bold;
	height: 30px;
	color: #FFFF66;
}


/*contents内で使用する小見出し　王冠2*/
.midasi-o2{
	background-image: url(img/midasi2.gif);
	background-repeat: no-repeat;
	font-size :16px;
	color: #FFFF66;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 10px 65px;
	font-weight: bold;
	height: 30px;
}


/*
コンテンツ部分の領域指定
-------------------------------------------------------------------*/
.main{
	width: 660px;
	height: auto;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
}

/*　基本コンテンツ部分の内容領域 */
.contents{
	float: left;
	width: 620px;
	height: auto;
	margin: 10px 20px 0px 20px;
	display: inline;
}


/*　基本コンテンツ部分の内容領域　左側に200の写真がある場合の領域設定 */
.moji{
	float: right;
	width: 400px;
	height: auto;
	display: inline;
	margin: 10px 0px 0px 10px;
}

/*　基本コンテンツ部分の内容領域　左側に125の写真がある場合の領域設定 */
.moji1{
	float: right;
	width: 470px;
	height: auto;
	display: inline;
	margin: 10px 0px 10px 20px;
}

.moji1-1{
	float: right;
	width: 460px;
	height: auto;
	display: inline;
	margin: 10px 0px 10px 20px;
	padding: 5px 5px 5px 5px;
	border-color: #FFCCFF;
	border-style: solid;
	border-width: 2px;

}


/*　基本コンテンツ部分の内容領域　右側に125の写真がある場合の領域設定 */
.moji2{
	float: left;
	width: 475px;
	height: auto;
	display: inline;
	margin: 10px 20px 10px 0px;
}



/*アフィリリンクの領域指定*/
.af1{
	font-size :18px;
	width: auto;
	height: auto;
	padding: 9px 0px 0px 50px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-image: url(img/kochira2.gif);
	margin: 0px 0px 20px 0px;
	background-position: 0% 40%;
}



/*
振り分け部分
-------------------------------------------------------------------*/

.huriwake{
	width: 303px;
	height: 140px;
	padding: 8px 0px 0px 0px;
	margin: 10px 10px 10px 0px;
	float: left;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	display: inline;
	border: solid 1px #c5c4c4;
	background-image: url(img/side.gif);
}


.huriwake-migi{
	background-image: url(img/side.gif);
	background-position: 50% 0%;
	width: 303px;
	height: 140px;
	padding: 8px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
	float: left;
	background-repeat: no-repeat;
	display: inline;
	border: solid 1px #c5c4c4;
}

.p-huriwake{
	font-size :14px;
	margin: 0px 0px 15px 0px;
	width: 195px;
	text-align: left;
	padding: 0px 0px 0px 10px;
	color: #000000;
	font-weight: bold;
} 

.p-huriwake2{
	font-size :12px;
	margin: 0px 5px 0px 5px;
	line-height: 180%;
} 


/*
Q＆A部分 <div class="contents">とセットで使用
<div class="contents2">だと文字位置が合わない
------------------------------------------------------------------*/
.qa{
	background-image: url(img/qa.gif);
	background-repeat: no-repeat;
	float: left;
	width: 610px;
	height: 330px;
	display: inline;
	padding: 25px 0px 0px 30px;
}

.p-q{
	background-image: url(img/q.gif);
	background-repeat: no-repeat;
	font-size :14px;
	margin: 5px 0px 0px 10px;
	padding: 0px 0px 0px 20px;
	background-position: 0px 2px;
} 

.p-a{
	background-image: url(img/a.gif);
	background-repeat: no-repeat;
	font-size :14px;
	margin: 5px 0px 0px 10px;
	padding: 0px 0px 0px 20px;
	background-position: 0px 2px;
} 

/*
ランキング
-------------------------------------------------------------------*/
.rank1{
	background-image: url(img/rankkin1.jpg);
	background-repeat: no-repeat;
	width: 600px;
	height: 205px;
	margin: 10px 0px 10px 0px;
	padding: 95px 0px 0px 20px;
} 

.rank1-2{
	width: 594px;
	height: auto;
	margin: 10px 0px 5px 0px;
	padding: 0px 10px 0px 10px;
	border-color: #4C50FE;
	border-style: solid;
	border-width: 3px;
} 

.rank1-gazou{
	background-image: url(img/rankkin1-2.gif);
	background-repeat: no-repeat;
	height: 50px;
	margin: 10px 0px 5px 0px;
	padding: 40px 10px 5px 120px;
	width: auto;
	font-size: 24px;
	font-weight: bold;
	color: #db0000;
} 

.rank2{
	float: left;
	background-image: url(img/rankgin1.jpg);
	background-repeat: no-repeat;
	width: 270px;
	height: 161px;
	margin: 10px 10px 10px 0px;
	padding: 60px 15px 0px 15px;
} 

.rank2-2{
	float: left;
	width: 594px;
	height: auto;
	margin: 5px 0px 5px 0px;
	padding: 0px 10px 0px 10px;
	border-color: #4C50FE;
	border-style: solid;
	border-width: 3px;
} 


.rank2-gazou{
	background-image: url(img/rankkin2-2.gif);
	background-repeat: no-repeat;
	height: 40px;
	margin: 10px 0px 5px 0px;
	padding: 20px 10px 5px 90px;
	width: auto;
	font-size: 24px;
	font-weight: bold;
	color: #db0000;
} 

.rank3{
	float: right;
	background-image: url(img/rankdou1.jpg);
	background-repeat: no-repeat;
	width: 270px;
	height: 161px;
	margin: 10px 0px 10px 10px;
	padding: 60px 15px 0px 15px;
} 

.rank3-2{
	float: right;
	width: 594px;
	height: auto;
	margin: 5px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	border-color: #4C50FE;
	border-style: solid;
	border-width: 3px;
} 


.rank3-gazou{
	background-image: url(img/rankkin3-2.gif);
	background-repeat: no-repeat;
	height: 40px;
	margin: 10px 0px 5px 0px;
	padding: 20px 10px 5px 90px;
	width: auto;
	font-size: 24px;
	font-weight: bold;
	color: #db0000;
} 
.2maru{
	background-image: url(img/2maru.gif);
	background-repeat: no-repeat;
}

/*
書式設定
-------------------------------------------------------------------*/
h1{
	font-size :10px;
	font-weight:normal;
	text-align: left;
	display:inline;
	padding:0px 10px 0px 5px;
}

h2{
	font-size :10px;
	font-weight:normal;
	text-align: left;
	display:inline;
	padding:0px 10px 0px 10px;
}

p{
	font-size :14px;
	text-align: left;
	margin: 10px 0px 40px 0px;
	line-height: 160%;
} 

/*色を指定します*/
.mizu { color: #0080c0; }
.pink { color: #ff99ab; }
.ao {color: #0000CC;}
.tya { color: #bd000e}
.gray { color: #3d3737}
.aka { color: #db0000; }
.akapink { color: #e70049;}
.green { color: #369B50;}
.aomidori { color: #2ebab7;}
.enji { color: #9c2662;}
.ora { color: #ff9900;}
.siro{color:#ffffff;}


/*文字を太くします*/
.b { font-weight: bold; }

/*文字のフォントを指定します*/
.s10 { font-size: 10px; font-weight:normal;}
.big14 { font-size: 14px; }
.big16 { font-size: 16px; }
.big18 { font-size: 18px; }
.big20 { font-size: 20px; }
.big24 { font-size: 24px; }


/*文字を装飾します*/
.line { background: #ffff00;}


/*ノートのような線を引きます*/
.noteline{
	display: inline!important;
	padding-bottom: 0.3em!important;
	border-bottom: 1px dashed #7070ba!important;
	line-height: 2.1em!important;
	
}

/*ノートのような線を引きます*/
.p1-1{
	font-size :18px;
	margin: 0px 0px 10px 0px;
	border-bottom: dotted 2px #ff3399;
	width: auto;
	font-weight: bold;
}



/*
全体の背景色や大きさの指定
-------------------------------------------------------------------*/

/*　背景色の指定　*/
body {
	background-color: #FFFAF0;
}

/*　枠線の指定　*/
.zentai{
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #808080;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #808080;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #808080;
	background: #ffffff;
}

/*
ヘッダー、フッター部分
-------------------------------------------------------------------*/
.head{
	background : url(img/bana3.gif);
	width: 930px;
	height: 285px;
	color: #666666;
	font-size: 10px;
	padding: 10px 10px 0px 0px;
	text-align: right;
	background-repeat: no-repeat;
}

.head2{
	background : url(img/bana3.gif);
	width: 940px;
	height: 202px;
	color: #666666;
	font-size: 10px;
	padding: 5px 0px 0px 0px;
	text-align: right;
}


/*　フッタの前サイト情報やリンクを記載しているところの指定 */
.footer {
	width: auto;
	color:#666;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #a5a5a5;
}


.p-f1{
	font-size :12px;
	margin: 5px 0px 5px 0px;
	text-align: center;
} 

.p-f2{
	font-size :14px;
	margin: 5px 0px 5px 0px;
	text-align: center;
} 

/*　フッタ画像の指定 */
.footgazou {
	width:auto;
	height:25px;
	background-image: url(img/foot.gif);
	text-align: center;
	padding-top: 10px;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}


/*
バナー部分
-------------------------------------------------------------------*/

.banner468{
	float: right;
	width: 470px;
	height: 60px;
	margin: 20px 5px 0px 10px;
	display: inline;
	color: #666666;
}

.banner125{
	float: left;
	width: 125px;
	height: auto;
	display: inline;
	margin: 10px 0px 10px 0px;
	text-align: center;
}

.banner150{
	float: left;
	width: 200px;
	height: auto;
	display: inline;
	margin: 15px 0px 10px 15px;
	text-align: center;
}
.banner200{
	float: left;
	width: 200px;
	height: auto;
	display: inline;
	margin: 10px 10px 0px 0px;
	text-align: center;
}

/*
表の領域指定
-------------------------------------------------------------------*/
.img{
	width: auto;
	height: auto;
	margin: 10px 0px 10px 0px;
}

.hyou{
	float: left;
	width: 620px;
	height: auto;
	display: inline;
	margin: 15px 20px 10px 20px;
}


/*----------------------------------
回り込み解除
----------------------------------- */
.space{
clear: both;
}

/*
テーブル用
-------------------------------------------------------------------*/

table#table-02{
	margin: 0px 0px 0px 0px;
	border: 1px solid #757575;
	border-collapse: collapse;
	font-size: 12px;
	text-align: center;
}

table#table-02 td{
	border: 1px solid #757575;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

table#table-02 th{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #757575;
	background-image: url(img/table.gif);
}

table#table-02 td.takasa{
	vertical-align: top;
}

table#table-02 td.kakaku{
	font-weight: bold;
	color: #0000FF;
	font-size: 14px;
	line-height: 160%;
}

table#table-02 td.rank1{
	padding: 50px 0px 0px 0px;
	background-image: url(img/rank1.gif);
	background-repeat: no-repeat;
	background-position: 50% 10%;
	text-align: center;
	line-height: 300%;
	font-size: 14px;
	font-weight: bold;
}

table#table-02 td.rank2{
	padding: 50px 0px 0px 0px;
	background-image: url(img/rank2.gif);
	background-repeat: no-repeat;
	background-position: 50% 10%;
	text-align: center;
	line-height: 300%;
	font-size: 14px;
	font-weight: bold;
}

table#table-02 td.rank3{
	padding: 50px 0px 0px 0px;
	background-image: url(img/rank3.gif);
	background-repeat: no-repeat;
	background-position: 50% 10%;
	text-align: center;
	line-height: 300%;
	font-size: 14px;
	font-weight: bold;
}

table#table-02 td.rank4{
	padding: 50px 0px 0px 0px;
	background-image: url(img/rank4.gif);
	background-repeat: no-repeat;
	background-position: 50% 10%;
	text-align: center;
	line-height: 300%;
	font-size: 14px;
	font-weight: bold;
}

table#table-02 td.rank5{
	padding: 50px 0px 0px 0px;
	background-image: url(img/rank5.gif);
	background-repeat: no-repeat;
	background-position: 50% 10%;
	text-align: center;
	line-height: 300%;
	font-size: 14px;
	font-weight: bold;
}

table#table-02 td.rank6{
	padding: 40px 0px 0px 0px;
	background-image: url(img/rank6.gif);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	text-align: center;
	line-height: 300%;
	font-size: 14px;
	font-weight: bold;
}

table#table-02 td.rank7{
	padding: 40px 0px 0px 0px;
	background-image: url(img/rank7.gif);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	text-align: center;
	vertical-align: top;
	font-size: 14px;
	font-weight: bold;
}

table#table-02 td.rank8{
	padding: 40px 0px 0px 0px;
	background-image: url(img/rank8.gif);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	text-align: center;
	line-height: 300%;
	font-size: 14px;
	font-weight: bold;
}

table#table-02 td.rank9{
	padding: 40px 0px 0px 0px;
	background-image: url(img/rank9.gif);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	text-align: center;
	line-height: 300%;
	font-size: 14px;
	font-weight: bold;
}

table#table-02 td.rank10{
	padding: 40px 0px 0px 0px;
	background-image: url(img/rank10.gif);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	text-align: center;
	line-height: 300%;
	font-size: 14px;
	font-weight: bold;
}


table#table-02 th a:link{
	color:#0000ff;
 	text-decoration: none;

}

table#table-02 th a:hover{
 	 color:red;
	 text-decoration: none;
}

table#table-02 th a:visited{
	color: #000099;
	text-decoration: none;
}


table#table-02 td a{
	font-size: 14px;
	text-decoration:none;
}

table#table-02 p{
	margin:0px 5px 10px 5px;
	padding:0px 0px 0px 0px;
}

table#table-02 .aflink{
	margin:10px 5px 5px 5px;
}

table#table-02 .osusume{
	margin:10px 95px 5px 5px;
}


/*
テーブル用
-------------------------------------------------------------------*/


/*　メニュー部分の領域指定 */
#side{
	float: left;
	padding: 5px 0px 0px 0px;
	width: 275px;
	margin: 0px 0px 0px 0px;
}

#side li {
	list-style-type: none;
}

#side_d {
	margin: 0px 0px 20px 0px;
	width: auto;
}

#side_d p {
	color: #333;
	height: 30px;
	padding: 10px 0px 0px 10px;
	text-align: left;
	font-size: 12px;
	display: block;
	background: url(img/side.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	margin: 0px;
}

#side_d ul {
	margin: 0px;
	padding: 0px;
}

#side_d li a {
	width: auto;
	font-size: 10px;
	color: #666;
	display: block;
	line-height: 150%;
	text-decoration: none;
	padding: 7px 0px 5px 15px;
	background-repeat: no-repeat;
	background-image: url(img/side-li.gif);
	height: 18px;
}


#side_d li a:hover {
	width: auto;
	color: #0033FF;
	background: url(img/side-li.gif);
	background-repeat: no-repeat;
	background-position: 0 -30px;
}

/*　メニュー終了 */
