@charset "shift-jis";

* { margin: 0; padding: 0; }
	
body { 
	height: 100%;
	margin: 0;
	font-size: 14px;
	text-align: center;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
	background: #FFF3F9 url(img/back.png) repeat;
}

p{	font-size: 14px; line-height: 150%;}

/* リンク色 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
a{
	color: #06F;
	text-decoration: underline; }
a:hover{
	color: #F60;
	text-decoration: underline; }

/* 装飾 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
.aka { color: #ff0000; }
.ao { color: #0000cc; }
.tya { color: #bd000e}
.gray { color: #3d3737}
.green { color: #009900}
.pink{ color: #FF8FA5;
		font-size:17px;}

.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; }
.sizetititi { 
	font-size: 24px; 
	line-height:38px;
	color: #444444;
}
.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; }
.to_link img, .to_link_r img{
	max-width:200px;
}

.serif{
	font-size:18px;
	font-weight:bold;
	padding: 8px 0 8px 40px;
	line-height:55px;
	background:url(img/serif.png) left top no-repeat;
}
.pinkline { background: #FFDDE7; }
.greenline{ background: #DDECBE;}

.r_line{ border: 3px #009900 solid;
		 padding:8px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* テーブル */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

table {
  width: auto;
  border-spacing: 0;
  font-size:14px;
}
table th {
  color: #FFF;
  padding: 8px 15px;
  background: #FF8FA5;
  font-weight: bold;
  border-top:1px solid #FF8FA5;
  border-bottom:1px solid #FF8FA5;
  border-right:1px solid #FF8FA5;
  box-shadow: 1px 1px 0 #FFC2CE inset;
  line-height: 120%;
  text-align: center;
}
table th:first-child {
  border-left:1px solid #FF8FA5;
  border-radius: 5px 0 0 0;
  box-shadow: 1px 1px 0 #FFC2CE inset;	
}
table th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #FF8FA5;
  box-shadow: 1px 1px 0 #FFC2CE inset;
}
table tr td {
  padding: 8px 15px;
  text-align: left;
  border-top: 1px solid #FF8FA5;
  border-right: 1px solid #FF8FA5;
  box-shadow: 1px 1px 0 #FFF inset;
}
table tr td:first-child {
  border-left: 1px solid #FF8FA5;
  border-right: 1px solid #FF8FA5;
   box-shadow: 1px 1px 0 #FFF inset;
}
table tr td:last-child {
  border-right: 1px solid #FF8FA5;
  box-shadow: 1px 1px 0 #FFF inset;
}
table tr {
  background: #FFF3F9;
  box-shadow: 1px 1px 0 #FFF inset;
}
table tr:nth-child(2n+1) {
  background: #FFF3F9;
}
table tr:last-child td {
  border-bottom:1px solid #FF8FA5;
}
table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
table tr:hover {
 
  cursor:pointer;
} 
 background: #FFC2CE;

/* エフェクト */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
.effect2{
    -webkit-box-shadow:0 4px 8px #CCC;
       -moz-box-shadow:0 4px 8px #CCC;
            box-shadow:0 4px 8px #CCC;
}

.effect_box
{
    position:relative;
    -webkit-box-shadow:0 1px 5px #CBCBCB;
       -moz-box-shadow:0 1px 5px #CBCBCB;
            box-shadow:0 1px 5px #CBCBCB;
}
.effect_box:before, .effect_box:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
       -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px #CCC;
    top:50%;
    bottom:0;
    left:20px;
    right:20px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect_box:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/* 画像 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
img{
	border: none;
	margin: 0;
	padding: 0; }
a img {
	border: none; }
.imgl {
	padding: 0px 20px 20px 0px;
	float: left; }
.imgr {
	padding: 0px 0px 20px 20px;
	float: right; }

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* h1サイトキーワード設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

#title_folder{
	width: 100%;
	margin: 0;
	border-bottom: 1px #FFF solid;
	background: #FFAFBE;
}
h1{
	width: 950px;
	margin: 0 auto;
	padding: 5px 10px 7px;
	font-size: 10px;
	text-align: right;
	color: #FFF;
	clear: both;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 本体設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

#container{
	width: 1000px;
	margin: 0 auto 30px;
	padding: 20px 0 0;
	background: url(img/clip.png) 20px 5px no-repeat;
}
#center_in_area{
	margin: 0;
	padding: 0;
	overflow: hidden;
	box-shadow: 0 0 10px #EEE inset;
	background: #FFF url(img/bottom.png) bottom right no-repeat;
	border: 1px #DDD solid \9;
	*border: 1px #DDD solid;
	clear: both;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* h2タイトル設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

h2{
	width: 900px;
	height: auto;
	margin: -15px auto 0;
	padding: 35px 10px 5px 50px;
	font-size: 24px;
	font-weight: bolder;
	text-align: left;
	text-shadow: 0 0 5px #CCCCCC;
	line-height: 140%;
	background: url(img/clip.png) top left no-repeat;
	clear: both;
}
h2 a{
	margin: 0;
	padding: 6px 10px 0 0;
	color: #444444;
	text-decoration: none;
}
h2 a:hover{
	color: #FF8FA5;
	text-decoration: none;
	text-shadow: 0 0 5px #FF8FA5;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* グローバルナビ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

#navi_area{
	width: 970px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	display: block;
	clear: both;
}
#navi_area ul{
	height: 30px;
	margin: 0 auto;
	padding: 0;
	display: block;
	list-style-type: none;
	float: right;
}
#navi_area ul li, #navi_area ul li.last{
	height: 30px;
	max-width: 152px;
	display: block;
	float: left;	
}
#navi_area ul li.first{
	height: 30px;
	max-width: 152px;
	display: block;
	margin-left:0;
	float: left;
}
#navi_area ul li a{
	height: 30px;
	margin: 0;
	padding: 0 5px;
	color: #FF8FA5;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
	display: block;
	overflow: hidden;
}
#navi_area a:hover{
	color: #FF8FA5;
	text-shadow: 0 0 5px #FF8FA5;
	text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メインバナー設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

#img_folder{
	width: 970px;
	height: auto;
	margin: 0 auto;
	clear: both;
}
#img{
	width: 948px;
	height: 200px;
	margin: 0 auto;
	padding: 10px;
	border:1px #EEE solid;
	background: #FFFFFF url(img/banner.png) center no-repeat;
	clear: both;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/*サイト説明設定*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

#ex_area{
	width: 580px;
	min-height: 20px;
	margin: 138px 10px 10px;
	padding:0; 
	overflow: hidden;
	background: url(img/clear.png); 
	float:left;
}
#ex_area p{
	text-align: left;
	font-size: 12px;
	color: #333;
	padding: 8px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* パンくず設定*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

#pnkz{
	margin:0;
	padding:15px 10px;
	text-align:left;
}
#pnkz p{
	font-size:12px;
	font-weight:bold;
	text-algin:left;
	text-decoration:none;
	color:#555;	
}
#pnkz a{
	text-decoration:none;
	color:#555;	
}
#pnkz a:hover{
	text-decoration:none;
	color:#F60;	
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メインコンテンツ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

#left_area{
	width: 740px;
	margin: 0;
	float: left;
}

#right_area{
	width: 230px;
	margin: 0;
	float: right;
}

/* ------------------------------------------------ */

#center_contents{
	width: 735px;
	margin: 0;
	padding: 0 5px 10px 0;
	background: none;
	float: right;
}
#right_contents{
	width: 220px;
	margin: 0;
	text-align: left;
	float: right;
}
#right_contents p{
	font-size: 12px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 名前固定コンテンツ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.entry-title, .KanrenKiji{
	margin: 0;
	padding: 10px 20px 20px;
	font-size: 22px;
	color: #FFFFFF; 
	text-align: center;
	text-shadow: 0 0 4px #FF8FA5;
	line-height: 25px;
	border-top: 5px #FF8FA5 solid;
	border-bottom: none;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px; 
	background: #FFAFBE url(img/clip_top.png) 0 bottom no-repeat;
	clear: both;
}
.entry-title: first-letter, .KanrenKiji: first-letter{
	font-size: 140%; 
	margin-right: 3px; 
}
.entry-content,.link-content, .sitemap-contents, .KanrenMenu{
	margin: 0 0 20px;
	_margin: 0 0 5px;
	padding: 30px 20px 20px;
	font-size: 15px;
	line-height: 22px;	
	text-align: left;
	color: #333333;
	background: #FFFFFF url(img/clip_bottom.png) 14px top no-repeat;
	border: 1px #DDD solid;
	border-top: none;
        overflow: hidden;
	clear: both;
}
.entry-content p{
	margin: 0;
	font-size: 15px;
	line-height: 22px;
}
#left_contents .cate-title, #right_contents .cate-title, #left_contents .news, #right_contents .news{
	margin: 0 ;
	font-size: 14px ;
	font-weight: 600 ;
	padding: 22px 10px 8px 25px;
	color: #555;
	text-align: left;
	text-shadow: 0 0 3px #FFF;
	line-height: 18px ;
	border: none;
	background: #FFF3F9 url(img/c_ti.png) left top no-repeat;
	clear: both ;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* カテゴリー 最新情報 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

#news_area{
	margin: 0;
	clear: both;
}
#news_list {
	margin: 0;
	font-size: 12px;
	list-style-type: none;
	text-align: left;
	background: none;
	clear: both;
}
#left_contents ul.cate, #right_contents ul.cate{
	margin: 0 0 20px;
	padding: 6px 0 0;
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	list-style-type: none;
	-webkit-box-shadow:0 4px 8px #DDD;
       -moz-box-shadow:0 4px 8px #DDD;
            box-shadow:0 4px 8px #DDD;
	background: url(img/dot_line_bold.png) top repeat-x;
}
#news_list ul{
	margin: 0 0 10px;
	padding: 6px 0 0;
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	list-style-type: none;
	-webkit-box-shadow:0 4px 8px #DDD;
       -moz-box-shadow:0 4px 8px #DDD;
            box-shadow:0 4px 8px #DDD;
	background: url(img/dot_line_bold.png) top repeat-x;
}
#left_contents ul.cate li a, #right_contents ul.cate li a, #news_list ul li a{
	margin: 0;
	padding: 8px 10px;
	color: #555555;
	text-decoration: none;
	display: block;
	border-top: 1px #EDEDED solid;
}
#left_contents ul.cate a:hover, #right_contents ul.cate a:hover, #news_list ul li a:hover{
	color: #F60;
	box-shadow: 0 0 10px #EEE inset;
	text-decoration: none;
	background: #FEFEFE;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フリースペース設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

.freespace1{
	margin: 0 auto 15px;
	padding: 8px 5px;
	color: #555;
	font-size: 12px;
	text-align: center;
	border: 1px #DDDDDD solid;
	clear: both;
}
#lower-contents {
	width: 970px;
	min-height: 32px;
	margin: 0 auto;
	padding: 0;
	clear: both;
}
.freespace4{
	padding: 8px 5px;
	color: #555;
	font-size: 12px;
	text-align: center;
	border: 1px #DDDDDD solid;
        background: url(img/clear.png); 
	clear: both;
}	
.freespace4 p{
	font-size: 12px;
}
.freespace2{
	padding: 8px 5px;
	margin: 0 0 15px;
	color: #555;
	font-size: 12px;
	text-align: left;
	border: 1px #DDDDDD solid;
	clear: both;
}
.freespace3{
	padding: 8px 5px;
	margin: 5px 0;
	*margin: 3px 0;
	color: #555;
	font-size: 12px;
	text-align: left;
	border: 1px #DDDDDD solid;
        background: url(img/clear.png); 
	clear: both;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

.side-title{
	margin: 0 ;
	font-size: 13px ;
	font-weight: 600 ;
	padding: 10px 10px 5px;
	color: #555 ;
	text-align: left;
	text-shadow: none ;
	line-height: 18px ;
	box-shadow: 0 -2px 3px #DDD;
	border: 1px #DDD solid;
	border:none;
	background: #FFF3F9;
	clear: both ;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

.freespace7{
	margin: 0 0 8px;
	padding: 25px 10px 10px;
	color: #555;
	font-size: 12px;
	text-align: left;
	-webkit-box-shadow:0 4px 4px #DDD;
       -moz-box-shadow:0 4px 4px #DDD;
            box-shadow:0 4px 4px #DDD;
			background: #FFF url(img/ti.png) top right no-repeat;
	clear: both;
}
.freespace8{
	margin: 0 0 15px;
	padding: 25px 10px 10px;
	color: #555;
	font-size: 12px;
	text-align: left;
	-webkit-box-shadow:0 4px 4px #DDD;
       -moz-box-shadow:0 4px 4px #DDD;
            box-shadow:0 4px 4px #DDD;
			background: #FFF url(img/ti.png) top right no-repeat;
	clear: both;
}
.freespace1 p, .freespace2 p, .freespace3 p,.freespace4 p{
	font-size: 12px;
}
.freespace5 p, .freespace6 p, .freespace7 p,.freespace8 p{
	font-size: 12px;
}
.freespace1 a, .freespace2 a, .freespace3 a, .freespace4 a{
	color: #06F;
	text-decoration: nunderline;
}
.freespace1 a:hover, .freespace2 a:hover, .freespace3 a:hover, .freespace4 a:hover{
	color: #F60;
	text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 見出し設定設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

h3{
	margin: 20px 0;
	*margin: 10px 0 ;
	padding: 8px 10px 5px 15px;
	font-size: 20px;
	line-height: 23px;
	color: #333;
	border-top: 3px#FFAFBE solid;
	border-bottom: 3px#FFAFBE solid;
	background: #FFF3F9;
}
h4 {
	margin: 20px 0;
	*margin: 10px 0;
	padding: 7px 10px 3px 15px;
	font-size: 17px;
	line-height: 22px;
	color: #333;
	background: none;
	border-top: 1px#FFAFBE solid;
	border-bottom: 2px#FFAFBE solid;
	clear: both;
}
h5 {
	margin: 20px 0;
	*margin: 10px 0;
	padding: 7px 10px 2px 15px;
	font-size: 16px;
	line-height: 20px;
	color: #333;
	border-bottom: 3px#FFAFBE double;
	clear: both;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* お気に入りボタン設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

.favorite-space {
	text-align: center;
	margin: 5px auto 15px;
	padding: 0;
	clear: both;
}
.favorite-button {
	text-align: center;
	width: 100%;
	padding: 5px;
	clear: both;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ソーシャルブックマーク設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

#bkm_area {
	width: 1000px;
	min-height: 37px;
	margin: 15px 0 0;
	padding: 0;
	color: #555;
	font-size: 11px;
	text-align: left;
	line-height: 15px;
	font-weight: bold;
        background:#FFCED8;
	box-shadow: 0 5px 5px #FFAFBE inset;
        clear:both;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* twitter hatena ボタン設定*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

#bookmark_area{
	width: 185px;
	height: 32px;
	margin: 0 auto;
	padding: 0;
	display: block;
	background: none;
}
#bookmark_area ul{
	margin: 0 auto ;
	padding: 0;
	overflow: hidden;
	list-style-type: none;
	float: right;
}
#bookmark_area ul li{
	width: 32px;
	height: 32px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	float: right;
}
#bookmark_area ul li.sitemap{
	background: url(img/sitemap_btn.png) no-repeat;
}
#bookmark_area ul li.rss{
	background: url(img/rss_btn.png) no-repeat;
}
#bookmark_area ul li.twitter{
	background: url(img/twitter_btn.png) no-repeat;
}
#bookmark_area ul li.hatena{
	background: url(img/hatena_btn.png) no-repeat;
}
#bookmark_area ul li.top{
	background: url(img/top_btn.png) right top no-repeat;
}
#bookmark_area ul li a{
	width: 32px;
	height: 32px;
	display: block;
	text-decoration: none;
}
#bookmark_area ul li a:hover{
	text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コピーライト部分設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

#bottom_area{
	width: 100%;
	height: 37px;
	margin: 0;
	text-align: center;
	line-height: 30px;
	background: #FFAFBE;
	box-shadow: 0 5px 5px #FF95AA inset;
	clear: both;
}
#bottom_area p{
	width: 970px;
	margin: 0 auto;
	padding: 10px 0;
	color: #555;
	font-size: 12px;
	font-weight: bold;
}
#bottom_area a{
	color: #555;
	text-decoration: none;
}
#bottom_area a:hover{
	color: #FFF;
	text-decoration: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 以下その他のページ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* リンクページ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

.link-content p{
	font-size: 14px;
	margin: 10px 0 5px 0;
	padding: 0px 5px 0px 20px;
	background: url(img/dot_arrow.png) left no-repeat;
}
.link-content a{
	text-decoration: underline;
}
.link-content a:hover{
	color: #F60;
	text-decoration: underline;
}
.link-content p.link-dis {
	margin: 0 0 10px;
	padding: 10px 20px 0;
	background: none;
	border-top: 1px #DDDDDD solid;
}

/*記事ページ設定*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

.KanrenMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.KanrenMenu ul li{
	margin: 10px 0 15px;
	padding: 0;
	line-height:18px;
	color: #06F;
}
.KanrenMenu a{
	font-size: 13px;
	text-decoration: none;	
}
.KanrenMenu a:hover{
	color: #F60;
	text-decoration: underline;	
}

/* サイトマップページ設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

.sitemap ul{
	margin: 15px 0 0 ;
	padding: 0;
	list-style: none;
}
.sitemap li{
	margin: 0 0 15px;
	padding: 0 0 0 25px;
	list-style: none;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
	background: url(img/arrow.png) 5px center no-repeat;
}
.sitemap li a{
	text-decoration: none; 
}
.sitemap li a:hover{
	color: #F60;
	text-decoration: underline; 
}
h4.sitemap-cate-title {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin: 2px 0 10px;
	padding: 10px 15px 10px 10px; 
	border-top: 4px #FF8FA5 solid;
	background: url(img/memo.png) repeat;
	box-shadow: 0 1px 3px #ccc;
	clear: both;
}
h4 a{
	color: #FF8FA5;
	text-decoration: none;
}
h4 a:hover{
	color: #F60;
	text-decoration: underline;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━ */
/* その他 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━ */

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 #DDDCCC;
	border-collapse: collapse;
}
table#rankingver1 tr{
	margin: 0;
	border: 1px solid #DDDCCC;
}
table#rankingver1 th{
	margin: 0;
	padding: 0px 10px 0px 5px;
	background: #EFEFF1 url(img/ranking-bg.png) repeat-x;
	border: 1px solid #DDDCCC;
}
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 #DDDCCC;
}

table#rankingver1 td.r1-img img{
        max-width: 180px;
        max-hight: 180px;
	margin: 0px auto;
	border-collapse: collapse;
}
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 #DDDCCC;
}
.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 #DDDCCC; */
}
.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 #DDDCCC;
}
.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 #DDDCCC;
}
.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 #DDDCCC;
}
.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 #DDDCCC;
}
.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 img{
	max-width: 220px;
        width: 50%;
	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 #DDDCCC;
}
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{
	min-width: 40%;
	margin: 0px auto;
	padding: 10px;
	border-collapse: collapse;
	clear:both;
}
table#rankingver3 td.r3-img img{
	max-width: 220px;
	width: 100%;
	margin: 0px auto;
}
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/
--------------------------------------------------------*/
