/* CSS Document */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 装飾 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.aka { color: #ff0000; }
.ao { color: #0000cc; }
.tya { color: #bd000e}
.gray { color: #3d3737}
.green { color: #009900}

.size8 { font-size: 8px; }
.size9 { font-size: 9px; }
.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size14 { font-size: 14px; }
.size16 { font-size: 16px; }
.size18 { font-size: 18px; }
.size20 { font-size: 20px; }
.size22 { font-size: 22px; }
.size24 { font-size: 24px; }
.size26 { font-size: 26px; }
.size28 { font-size: 28px; }
.size36 { font-size: 36px; }
.size48 { font-size: 48px; }
.size72 { font-size: 72px; }

.b { font-weight: bold; }
.strong{ font-weight:bold; }
.em{ font-weight:bold; }

.yline { background: #ffff00; }

.center {
	text-align: center;
	padding:5px 0px 0px 0px;
}
.left {
	text-align: left;
	padding:5px 5px 0px 0px;
}
.right {
	text-align: right;
	padding:5px 0px 0px 5px;
}

.to_link {
	margin: 20px 0px 0px 0px;
	text-align: right;
}
.to_link_r {
	font-size: 18px;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	text-align: right;
}

/* 画像 -----------------------------*/

img{
	border: none;
	margin: 0;
	padding:0;
}
a img {
	border: none;
}
.imgl {
	padding:0px 25px 10px 0px;
	float: left;
}
.imgr {
	padding:0px 0px 10px 25px;
	float: right;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 共通設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */


body{
	margin:0;
	padding:0;
	font-size:14px;
	_text-align:center;
	background:url(img/back.png);

}

a{
	color:#06F;
	text-decoration:underline;}

a:hover{
	color:#F69;
	text-decoration:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ヘッダー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#TOP{
	width:100%;
	margin:0 auto;
	text-align:center;
	background:#FFF;
}


#HEADER_TOP{
	width:100%;
	margin:0 auto;
	text-align:left
	clear:both;
	background:url(img/line.png) top repeat-x;
}


/* -------------------------------------------------- */
/* タイトル設定 */
/*--------------------------------------------------- */

#TITLE{
	width:800px;
	margin:0 auto;
	padding:0;
}

#h1_BOX{
	width:630px;
	text-align:left;
	margin:0;
	float:left;
}

/* タイトル文字設定 */
/*--------------------------------------------------- */

h1{
	font-size:10px;
	font-style:normal;
	color:#F69;
	text-align:left;
	margin:15px 0 0 5px;
}

h2{
	font-size:24px;
	line-height:27px;
	text-align:left;
	margin:5px 0;
}

h2 a{
	color:#333333;
	text-decoration:none;
}

h2 a:hover{
	color:#F69;
	text-decoration:none;
}


/* サイトマップボタンその他の設定 */
/* -------------------------------------------------- */

#BTN{
	width:160px;
	font-size:12px;
	margin:0;
	text-align:left;
	float:right;
}

#BTN_IN{
	margin:30px 0 10px;
	padding: 0;
	clear:both;
}

#BTN_IN ul{
	margin:0 10px;
}

#BTN_IN ul li{
	list-style-position:inside;
	list-style: url(img/point.png);
	marign:10px 5px;
	line-height:20px;
}

#BTN_IN ul li a{
	color:#666;
	text-decoration:none;
}

#BTN_IN ul li a:hover{
	color:#F69;
	text-decoration:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* グローバルナビゲーション設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */


#G_NAVI{
	width:100%;
	height:58px;
	margin:0 0 1px;
	clear:both;
	background: url(img/G_navi.png) bottom;
	border-top: 1px #E3E3E3 solid;
}

#G_NAVI_BTN{
	width:820px;
	height:50px;
	margin: 0 auto;
	_margin-left:auto;
	_margin-right:auto;
}

#G_NAVI_line{
	height:8px;
	background: url(img/full_line.png) bottom repeat-x;
	border-top:1px #E3E3E3 solid;
}

#G_NAVI ul{
	list-style-type:none;
	list-style-position:inside;
	margin:0;
	padding:0;
	overflow: hidden;
	text-align:center;
}


/*ナビゲーションボタン設定*/
/*----------------------------------------------------*/

#G_NAVI ul li.first{
	float:left;
	width: 60px;
	height:50px;
	font-size:13px;
	font-weight:bold;
	margin:0;
	line-height:50px;
	text-align:center;
	display:block;
	border-left: 1px #E3E3E3 solid;	
}

#G_NAVI ul li {
	float:left;
	max-width:150px;
	*width:150px;
	height:50px;
	font-size:13px;
	font-weight:bold;
	margin:0;
	line-height:50px;
	text-align:center;
	display:block;
	border-left: 1px #E3E3E3 solid;	
}

#G_NAVI ul li.last{
	float:left;
	max-width:153px;
	*width:153px;
	height:50px;
	font-size:13px;
	font-weight:bold;
	margin:0;
	line-height:45px;
	text-align:center;
	border-right:1px #E3E3E3 solid;
	display:block;
}

#G_NAVI ul li a, #navi ul li.first a, #navi ul li.last a{
	height:50px;
	text-align:center;
	color:#777;
	padding:0 10px;
	_padding: 0;
	display:block;
	overflow:hidden;
	text-decoration:none;

}

#G_NAVI ul li a:hover, #navi ul li.first a:hover, #navi ul li.last a:hover{
	color:#FFF;
	text-decoration: none;
	background:url(img/G_navi_on.png) center;		
}








#IN{
	width:800px;
	margin:0 auto;
	*margin-left:auto;
	*margin-right: auto;
	padding:10px 10px 0 10px;
	text-align:center;
	background:#FFF;
	clear:both;

}




/*IMGエリア設定*/
/*----------------------------------------------------*/

#IMG{
	width:800px;
	height:200px;
	margin:0 0 10px;
	background:url(img/banner.png) no-repeat;
	clear:both;
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メインコンテンツ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#MAIN{
	width:800px;
	min-height:200px;
	background:#fff;
	clear:both;
}

/*左右の枠--------------------------------------------*/
/*----------------------------------------------------*/

#B_RIGHT{
	width:800px;
	float:right;
	text-align:center;
	background:#FFF
}


/*コンテンツ部分--------------------------------------*/
/*----------------------------------------------------*/

#CENTER_BOX_OVER{
	width:800px;
	margin:0;
	background:#FFF;
	float:left;
}

#CENTER_BOX{
	width:800px;
	background:#FFF;
	clear:both;
	margin:0;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* パンくずリスト設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */


#PANKUZU{
	text-align:left;
	margin:10px 0;
	clear:both;
}

#PANKUZU a{
	color:#333;
	text-decoration:none;
}

#PANKUZU a:hover{
	color:#F69;
	text-decoration:none;
}

.PAN{
	font-size:10px;
	text-align:left;
	clear: both;
	line-height:12px;
	
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 本文エリア設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */


.entry-title {
	color: #666;
	text-align: left;
	font-size: 14px;
	line-height: 17px;
	margin: 0;
	padding: 10px 18px 8px 30px;
	background: url(img/h3_main.png) left top;
	border:1px #CCC solid;
	clear: both;
}

.entry-content{
	font-size:14px;
	line-height:20px;	
	margin:0 0 10px;
	padding:25px;
	text-align:left;
	border-left:0px #CCC solid;
	border-right:0px #CCC solid;
	border-bottom:0px #CCC solid;
	color:#333;
}

.entry-content p{
	margin: 0;
	font-size:14px;
	line-height:20px;
	color:#333;
}

.side-title{
	font-size: 14px;
	color: #FFF;
	text-align: center;
	margin: 0;
	padding: 11px 8px 7px 16px;
	line-height:16px;
	background:url(img/title.png);
	clear:both;
}

.cate-title{
	font-size: 14px;
	color: #FFF;
	text-align: center;
	margin: 0;
	padding: 12px 8px 4px 16px;
	line-height:16px;
	background:url(img/title.png);
	clear:both;
}

h3 {
	font-size:16px;
	font-weight:bold;
	margin: 0px 0px 15px 0px;
	padding: 4px 10px 4px 20px;
	background-color: #FBFBFB;
	background: url(img/mark.png) no-repeat left center;
	clear: both;
}

h4 {
	font-size:16px;
	font-weight:bold;
	margin: 0px 0px 15px;
	padding: 5px 10px 0px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #F69;
	border-left: 4px solid #F69;
	clear: both;
}
h5 {
	font-size:15px;
	font-weight:bold;
	margin: 0px 0px 10px;
	padding: 3px 10px 0px 20px;
	background-color: #FFFFFF;
	background: url(img/m-title.jpg) no-repeat left center;
	clear: both;
}




/*フリースペース設定----------------------------------*/
/*----------------------------------------------------*/

.freespace1{
	color:#666;
	font-size:14px;
	border:0px #F69  dotted;
	text-align:center;
	padding:8px 5px;
	margin:0 0 10px;
	*margin:10px 0;
	clear:both;
}

.freespace4{
	color:#FFF;
	font-size:14px;
	border:0px #FFF solid;
	text-align:center;
	padding:8px 5px;
	margin:0;
	clear:both;
}

#lower-contents{
	margin:0;
}

.freespace2{
	color:#666;
	font-size:14px;
	border:0px #F69 dotted;
	text-align:left;
	padding:8px 5px;
	*padding:5px 3px;
	margin:0 0 10px;
	clear:both;
}

.freespace3{
	color:#666;
	font-size:14px;
	border:0px #F69 dotted;
	text-align:left;
	padding:8px 5px;
	*padding:5px 3px;
	margin:0 0 10px;
	_margin:0;
	clear:both;
}

#lower-contents {
	width:800px;
	margin:0 auto;
	padding: 0;
	clear: both;
}

.freespace5, .freespace6, .freespace7,.freespace8{
	font-size:14px;
	text-align:left;
	padding:8px 5px;
	margin:0 0 10px;
	color:#333;
	border-top:4px #F69 solid;
	border-left:1px #F69 solid;
	border-right:1px #F69 solid;
	border-bottom:1px #F69 solid;
	clear:both;
}




.freespace1 a, .freespace2 a, .freespace3 a, .freespace4 a{
	color:#06F;
}

.freespace1 a:hover, .freespace2 a:hover, .freespace3 a:hover, .freespace4 a:hover{
	color:#F69;
}



/*お気に入りボタン設定-----------------------------------*/

.favorite-space {
	text-align: center;
	margin: 0 auto 10px;
	padding: 0;
	clear: both;
}
.favorite-button {
	text-align: center;
	width:100%;
	padding:5px;
	clear: both;
}




/*トップへ戻るボタン設定------------------------------*/
/*----------------------------------------------------*/

#GO_TOP_IN{
	height:30px;
	margin:0 auto;
	clear:both;
}

#GO_TOP_BTN{
	width:100px;
	height:30px;
	float:right;
	margin:0 45px 0 0;
	background:url(img/tab2.png) top;
}

#GO_TOP_IN a{
	font-size:14px;
	color:#FFF;
	display:block;
	line-height:35px;
	text-align:center;
	text-decoration:none;
}

#GO_TOP_IN a:hover{
	color:#F69;
	text-decoration:none;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フッター */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#FOOTER{
	width:100%;
	text-align:left;
	margin:0;
	text-align:center;
	clear:both;
}
/*----------------------------------------------------*/

#FREE_ZONE{
	width:100%;
	margin: 0;
	padding: 10px 0;
	clear:both;
	background:url(img/dot1.png);
}

/*サイト説明設定*/
/*----------------------------------------------------*/

#EXPLANATION{
	width:100%;
	font-size:13px;
	min-height:60px;
	margin:0;
	padding:5px 0;
	clear:both;
	background:#F69;	
}

#EX_IN{
	width:800px;
	color:#FFF;
	margin:10px auto 0;
	text-align:left;
	clear:both;
}

#EX_IN p{
	font-size:13px;
	line-height:15px;
}


/*コピーライト設定*/
/*----------------------------------------------------*/

#COPYLIGHT{
	width:100%;
	height:20px;
	font-size:12px;
	text-algin:center;
	margin:0;
	background: url(img/dot2.png);
	clear:both;
}

#COPYLIGHT_IN{
	width:800px;
	margin:0 auto;
	text-align:center;
	line-height:20px;
	color:#FFF;
}

#COPYLIGHT a{
	color:#FFF;
	text-decoration:none;
}

#COPYLIGHT a:hover{
	color:#F69;
	text-decoration:none;
	background:#FFF;
}



/*------------------------------------------------------------*/
/*サイトマップページ設定*/
/*------------------------------------------------------------*/

.sitemap-contents {
	margin:0px 0px 10px;
	padding: 10px 20px;
	background-color: #FFFFFF;
	border-left:0px #CCC solid;
	border-right:0px #CCC solid;
	border-bottom:0px #CCC solid;
	text-align:left;
}

.sitemap ul {
	margin: 0;
	padding: 0;
}

.sitemap li {
	list-style: none;
	font-size:13px;
	margin: 0 0 10px;
	padding: 0;
}

.sitemap li a {
	text-decoration: none; 
}

.sitemap li a:hover{
	text-decoration:underline;
}

.sitemap-cate-title {
	font-size:15px;
	font-weight:bold;
	margin:0px;
	padding:0px 0px 0px 25px;
	background: url(img/folder.gif) no-repeat left center;
	border: none;
}

.sitemap-cate-title a {
	text-decoration: none; 
	color: #000;
}

h4 a{
	color:#333;
	text-decoration:none;
}

h4 a:hover{
	color:#00F;
	text-decoration:none;
}

/*------------------------------------------------------------*/
/*記事ページ設定*/
/*------------------------------------------------------------*/

.KanrenKiji{
	font-size:14px;
	color:#666;
	text-align:left;
	background: url(img/h3_kanren.png);
	border-top:1px #CCC  dotted;
	border-left:1px #CCC dotted;
	border-right:1px #CCC dotted;
	margin-bottom:0px;
	padding: 10px 0 0 45px;
}

.KanrenMenu {
	font-size:12px;
	text-align:left;
	background: url(img/h3_kanren.png);
	border-left:1px #CCC dotted;
	border-right:1px #CCC dotted;
	border-bottom:1px #CCC dotted;
	padding:10px 25px 0px 45px;
	margin:0;
}

.KanrenMenu ul {
	list-style-type: none;
	margin:0;
	padding:0;
}

.KanrenMenu li {
	margin:0 0 10px 0;
	padding:0 0 0 15px;
	background: url(img/circle.gif) 0 1px no-repeat; 
}

.KanrenMenu li a {
	color:#333;
	text-decoration: none; 
}

.KanrenMenu li a:hover{
	color:#F69;
	text-decoration:underline;
}

/*------------------------------------------------------------*/
/*リンクページ設定*/
/*------------------------------------------------------------*/

.link-content{
	font-size:13px;	
	color:#333;
	padding:10px 25px 4px;
	*padding:5px 12px 2px; 
	text-align:left;
	margin:0 auto 10px;
	background-color:#FFF;
	border-left:0px #CCC solid;
	border-right:0px #CCC solid;
	border-bottom:0px #CCC solid;
}


.link-content p{
	font-size:13px;
	margin: 0 0 10px;
	color:#333;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* その他 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

ul.mark {
	margin: 0px 20px 0px 20px;
	padding: 0;
}

ul.mark li{
	list-style: none;
	font-size:14px;
	line-height: 150%;
	text-align: left;
	margin: 0;
	padding: 5px 0px 0px 30px;
	background: url(img/mark.gif)  no-repeat left center;
}

td {
	padding: 5px;
}

input, textarea, select {
	font-family: sans-serif;
	font-weight: normal;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ランキング */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ランキング１
-------------------------------------------------------------------*/

table#rankingver1{
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}
table#rankingver1 tr{
	margin:0;
	border: 1px solid #CCCCCC;
}
table#rankingver1 th{
	margin:0;
	padding: 0px 10px 0px 5px;
	background: #EFEFF1 url(img/ranking-bg.png) repeat-x;
	border: 1px solid #CCCCCC;
}
table#rankingver1 .r1-title-no1{
	font-size: 16px;
	color:#363434;
	line-height: 140%;
	text-align: left;
	margin: 0;
	padding: 15px 10px 8px 50px;
	background: url(img/%%OKANNO%%no1.png) no-repeat left center;
}
table#rankingver1 .r1-title-no2{
	font-size: 16px;
	color:#363434;
	line-height: 140%;
	text-align: left;
	margin: 0;
	padding: 15px 10px 8px 50px;
	background: url(img/%%OKANNO%%no2.png) no-repeat left center;
}
table#rankingver1 .r1-title-no3{
	font-size: 16px;
	color:#363434;
	line-height: 140%;
	text-align: left;
	margin: 0;
	padding: 15px 10px 8px 50px;
	background: url(img/%%OKANNO%%no3.png) no-repeat left center;
}
table#rankingver1 .r1-title-no4{
	font-size: 16px;
	color:#363434;
	line-height: 140%;
	text-align: left;
	margin: 0;
	padding: 15px 10px 8px 50px;
	background: url(img/%%OKANNO%%no4.png) no-repeat left center;
}
table#rankingver1 .r1-title-no5{
	font-size: 16px;
	color:#363434;
	line-height: 140%;
	text-align: left;
	margin: 0;
	padding: 15px 10px 8px 50px;
	background: url(img/%%OKANNO%%no5.png) no-repeat left center;
}
table#rankingver1 td{
	margin:0;
	padding: 10px;
	border-collapse: collapse;
	background-color: #FFFFFF;
}
table#rankingver1 td.r1-img{
	margin:0px auto;
	border-collapse: collapse;
	border-right: 1px solid #CCCCCC;
}
table#rankingver1 td p{
	font-size: 14px;
	line-height: 160%;
}
table#rankingver1 td p.catch{
	font-size: 16px;
	font-weight:bold;
	color:#ff0000;
	margin: 10px 0px;
}
table#rankingver1 td a{
	text-decoration:underline;
}


/* ランキング２
-------------------------------------------------------------------*/

.rankingver2{
	margin:0;
	padding: 0;
	border: 1px solid #CCCCCC;
}
.title-outline{
	margin: 0;
	padding:0;
	background: #ECECEC url(img/ranking2-bg.png) repeat-x;
	border-top: 5px solid #F5F5F5;
	border-right: 5px solid #F5F5F5;
	border-left: 5px solid #F5F5F5;
}
.r2-title-no1{
	font-size:18px;
	color:#363434;
	font-weight:bold;
	line-height: 140%;
	margin: 0;
	padding: 13px 10px 5px 55px;
	background: url(img/%%OKANNO%%no1.png) no-repeat 5px center;
	/* border-bottom: 2px solid #CCCCCC; */
}
.r2-title-no2{
	font-size:18px;
	color:#363434;
	font-weight:bold;
	line-height: 140%;
	margin: 0;
	padding: 13px 10px 5px 55px;
	background: url(img/%%OKANNO%%no2.png) no-repeat 5px center;
	border-bottom: 2px solid #CCCCCC;
}
.r2-title-no3{
	font-size:18px;
	color:#363434;
	font-weight:bold;
	line-height: 140%;
	margin: 0;
	padding: 13px 10px 5px 55px;
	background: url(img/%%OKANNO%%no3.png) no-repeat 5px center;
	border-bottom: 2px solid #CCCCCC;
}
.r2-title-no4{
	font-size:18px;
	color:#363434;
	font-weight:bold;
	line-height: 140%;
	margin: 0;
	padding: 13px 10px 5px 55px;
	background: url(img/%%OKANNO%%no4.png) no-repeat 5px center;
	border-bottom: 2px solid #CCCCCC;
}
.r2-title-no5{
	font-size:18px;
	color:#363434;
	font-weight:bold;
	line-height: 140%;
	margin: 0;
	padding: 13px 10px 5px 55px;
	background: url(img/%%OKANNO%%no5.png) no-repeat 5px center;
	border-bottom: 2px solid #CCCCCC;
}
.r2-contents{
	margin: 0px;
	padding: 10px;
	border-right: 5px solid #F5F5F5;
	border-bottom: 5px solid #F5F5F5;
	border-left: 5px solid #F5F5F5;
	clear:both;
}
.r2-catch{
	font-size: 16px;
	font-weight:bold;
	color:#ff0000;
	margin: 10px 0px;
}
.imgl-ranking {
	padding:10px 25px 10px 0px;
	float: left;
}


/* ランキング３
-------------------------------------------------------------------*/

table#rankingver3{
	margin:0;
	padding: 0;
	border-collapse: collapse;
}
table#rankingver3 th{
	font-size: 18px;
	color:#363434;
	line-height: 140%;
	margin:0;
	padding: 0px 10px 0px 5px;
	background: #FFFFFF;
}
table#rankingver3 .r3-title-no1{
	text-align: left;
	margin-top: 0px;
	margin-bottom: 8px;
	padding: 10px 10px 0px 50px;
	background: url(img/%%OKANNO%%no1.png) no-repeat left center;
}
table#rankingver3 .r3-title-no2{
	text-align: left;
	margin-top: 15px;
	margin-bottom: 8px;
	padding: 10px 10px 0px 50px;
	background: url(img/%%OKANNO%%no2.png) no-repeat left center;
}
table#rankingver3 .r3-title-no3{
	text-align: left;
	margin-top: 15px;
	margin-bottom: 8px;
	padding: 10px 10px 0px 50px;
	background: url(img/%%OKANNO%%no3.png) no-repeat left center;
}
table#rankingver3 .r3-title-no4{
	text-align: left;
	margin-top: 15px;
	margin-bottom: 8px;
	padding: 10px 10px 0px 50px;
	background: url(img/%%OKANNO%%no4.png) no-repeat left center;
}
table#rankingver3 .r3-title-no5{
	text-align: left;
	margin-top: 15px;
	margin-bottom: 8px;
	padding: 10px 10px 0px 50px;
	background: url(img/%%OKANNO%%no5.png) no-repeat left center;
}
table#rankingver3 td{
	margin:0;
	padding: 20px 10px 10px 10px;
	border-collapse: collapse;
	background-color: #FFFFFF;
	vertical-align:top;
	border: 1px solid #CCCCCC;
}
table#rankingver3 td.catch{
	font-size: 16px;
	font-weight:bold;
	color:#ff0000;
	text-align: center;
	margin: 10px 0px 0px 0px;
	padding: 10px 20px 5px 20px;
	border-bottom: 0;
}
table#rankingver3 td.r3-img{
	margin:0px auto;
	padding: 10px;
	border-collapse: collapse;
}
table#rankingver3 td.r3-contents{
	margin:0px auto;
	padding: 10px;
	border-collapse: collapse;
	border-left: 0;
}
table#rankingver3 td p{
	line-height:170%;
	padding: 1px 0px 0px 0px;
	background: url(img/r-line.gif);
}
table#rankingver3 td a{
	text-decoration:underline;
}

/*--------------------------------------------------------
このCSSファイルの無断配布及び商用販売を固く禁じます。
Copyright 株式会社Mithril All rights Reserved.
http://www.mithril-web.com/
--------------------------------------------------------*/
