@charset "utf-8";


/* 
━━━━━━━━━━━━━━━━━━━━━━━━━
infoplate3
 Name   : if008
 Layout : 2カラム 固定 右
 Update : 2010.3.15
━━━━━━━━━━━━━━━━━━━━━━━━━
*/


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 共通 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
* {
	word-break:break-all;
}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

body {
	color:#000;
	margin:0px ;
	padding:0px ;
}

a {
	color: #CC3333;
}
a:hover {
	color: #CC3333;
	text-decoration: none;
}
a:visited {
	color: #CC3333;
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* レイアウト */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

body { 
	text-align:center;
	background: #c3c3c3;
}
div.wrap {
}

div#container {
	background: #ffffff;
}
div.container-inner {
}

div#contents {
}
div.contents-inner {
	width:830px;
	margin:0px auto;
}
div.contents-inner:after {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

div#main {
	float:left;
	width:590px;
/* 	margin:0px 0px 20px 10px; */
	margin:0px 10px 20px 0px;
}
div.main-inner {
}

div#side {
	float:left;
	width:230px;
	margin:0px 0px 20px 0px;
}
div.side-inner {
}

.pankz {
margin:0 auto;
padding:0;
text-align:left;
width: 780px;
height: 30px;
}

.pankz li {
margin:0;
padding:0;
list-style-type:none;
font-size: 0.7em;
display:inline;
height: 30px;
line-height: 30px;
}

.pankz li a {
text-decoration:none;
padding-right: 0.7em;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* タイトルエリア */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

div#banner {
	background: #ffffff url(image/bg-header.jpg)  repeat-x center bottom;
	margin: 0px 0px 0px;
}
div.banner-inner {
	width:830px;
	margin:0 auto ;
}

div.site-title {
	color:#000000;
	font-size:24px;
	font-weight:bold;
	line-height:100%;
	text-align:left;
	margin: 0px;
	padding: 10px 0 10px;
}

div.site-description {
	color:#333333;
	font-size:12px;
	font-weight:bold;
	line-height:150%;
	text-align:left;
	margin: 0px;
	padding: 5px 0px 30px;
}

div#banner h1 {
	color:#777;
	font-size:10px;
	font-weight:normal;
	line-height:12px;
	text-align:right;
	margin: 0px;
	padding: 10px 0px 5px;
}
div#banner p {
	color:#999999;
	font-size:11px;
	font-weight:bold;
	line-height:150%;
	margin: 0px;
	padding: 0px;
}
div#banner h1 a {
	color:#061872;
	text-decoration:none;
}
div#banner p a {
	color:#666666;
}
div#banner a {
}
div#banner a:hover {
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* メインエリア */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
div.main-inner {
	font-size:14px;
	line-height:175%;
	text-align:left;
	padding:0 10px 0 0px;
	background:#ffffff;
}
div.main-inner h2 {
	color:#454545;
	font-size:16px;
	font-weight:bold;
	line-height:100%;
	text-align:left;
	background: transparent url(image/bg-subhead-l1.jpg)  repeat-x center top;
	margin:1.7em 0 1em;
	padding:15px 0px 15px 10px;
}

div.main-inner h2.toph2 { margin-top:0; }

div.main-inner h3 {
	color:#454545;
	font-size:15px;
	font-weight:bold;
	line-height:100%;
	text-align:left;
	border-bottom:#666666 solid 1px;
	background:none;
	margin:0 0 10px;
	padding:10px 0px 5px 0px;
}
div.main-inner h4 {
	color:#333333;
	font-size:15px;
	font-weight:bold;
	line-height:100%;
	text-align:left;
	background:none;
	border:none;
	margin:0 0 7px;
	padding:0;
}
div.main-inner h5 {
	color:#333333;
	font-size:14px;
	font-weight:bold;
	line-height:150%;
	text-align:left;
	margin:0 0 7px;
	padding:10px 0 0 0;
}
div.main-inner p {
	color:#333333;
	font-size:0.964em;
	line-height:160%;
	text-align:left;
	margin:0 0.5em 10px;
}
div.main-inner a {
	color:#00d;
}

div.refe p a {
	color:#666;
}

div.main-inner blockquote {
	margin:0;
	padding:10px 15px 1px;
	border:#CCCCCC solid 1px;
	background:#f3f3f3;
}
div.main-inner ul {
	margin:0px 0px 1em 2em;
	padding:0px;
}
div.main-inner li {
	font-size:14px;
	line-height:175%;
	text-align:left;
	margin:0 0 0;
}

.main-inner ul.tokucho {
border: 1px solid #ccc;
background: #efe;
padding: 0.5em 1em 0.5em 2em;
margin: 0 0.7em 0;
}

.main-inner ul.tokucho li {
font-size: 0.96em;
color: #333;

}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* サイドバー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

div.side-box {
	background: #f3f3f3;
}
div.side-box h4 {
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	line-height:100%;
	text-align:left;
	background: transparent url(image/bg-subhead-s1.jpg)  repeat-x left top;
	margin:0 0 10px;
	padding:10px 5px 10px 11px;
}
div.side-box p {
	color:#333333;
	font-size:13px;
	line-height:150%;
	text-align:left;
	margin:0 0 10px ;
	padding:0 10px 10px;
}
div.side-box ul {
	margin:0px 0px 1em 25px;
	padding:0 0 10px ;
}
div.side-box li {
	color:#333333;
	list-style:disk;
	font-size:13px;
	line-height:150%;
	text-align:left;
	margin:0;
	padding:0 0 2px;
}

/* メニュー
───────────────────────── */
div#menu {
	margin:0 0 10px;
}
div#menu ul {
	margin:0;
	padding:0;
}
div#menu li {
	list-style:none;
	text-align:left;
	margin:0;
	padding:0;
}
div#menu li {
	display:inline;
	
}

div#menu li.b_only {
display:none;
}

div#menu li a {
	display:block;
	
	color:#333333;
	font-size:0.8em;
	line-height:115%;
	text-align:left;
	font-weight:bold;
	text-decoration:none;
	
	background: transparent url(image/bg-menu-a.jpg)  no-repeat left top;
	margin:0 0 1px;
	padding:13px 1em;
}
div#menu li a:hover {
	color:#666666;
	background: transparent url(image/bg-menu-a-hover.jpg)  no-repeat left center;
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* フッター */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━ */

div#footer {
	clear:both;
	background: #ffffff url(image/bg-footer.jpg)  repeat-x center bottom;
	margin:0 auto ;
	padding: 5em 0px 5px;
}
div.footer-inner {
	width:830px;
	margin:0 auto ;
	padding: 0;
}

div.footer-inner ul {
overflow: hidden;
zoom: 1;
margin:0 0 1em;
padding:0;
}

div.footer-inner ul li {
float: left;
list-style-type:none;
padding: 0 0.5em;
font-size: 72%;
}

div.footer-inner ul li a {
color:#888;
}

div.footer-inner {
}

div#footer address { 
	color:#ffffff;
	font-size:11px;
	font-style:normal;
	line-height:180%;
	text-align:left;
	margin:0;
	padding:5px 0px 0px;
}
div#footer address a { 
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}
div#footer p { 
	color:#666666;
	font-size:11px;
	font-style:normal;
	text-align:left;
	line-height:180%;
	margin:0;
	padding:10px 0px;
}
div#footer p a { 
	font-weight:normal;
}

/* end */

.kgo1 {
float:right;
width: 180px;
margin: 0 0 15px 15px ;
}

.kgo2 {
float:left;
width: 135px;
margin: 0 20px 15px 0px ;
}

.kgo3 {
float:right;
width: 140px;
margin: 10px 20px 0px 15px ;
}

.me_deme {
border: 1px solid #aaa;
color:#333;
font-size: 0.96em;
padding: 0.5em 0.8em;
margin: 0 0.3em 2em;
line-height: 140%;
}

.me_deme br {
margin: 1em 0;
}

.merit_1 { background: #efe; }

.merit_2 { background: #fee;  }


div.main-inner .kobetu1 {
text-align: center;
font-size: 16px;
font-weight:bold;
margin-bottom:15px;
}

div.main-inner .kobetu1 a {
color:#00d;
}

div.main-inner .kobetu1 a:hover {
color: #d00;
text-decoration:none;
}

.b { font-weight: bold;} /* 太字 */
.bb { font-weight: bold; color:#111; } /* 太字 */
.br { color: #dc0000; font-weight: bold; } /* 赤・太字 */

.line { background: #ffec67; }/* 背景マーカー処理 */
.u { border-bottom: 1px solid ; } /* アンダーライン */
.handline {
  padding-bottom: .2em;
  background-image: url('img/hline.gif');
  background-repeat: repeat-x;
  background-position: bottom;
}


.f8 {font-size:8px;}
.f10 {font-size:10px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f22 {font-size:22px;}
.f24 {font-size:24px;}
.f26 {font-size:26px;}
.f28 {font-size:28px;}
.f30 {font-size:30px;}
.f32 {font-size:32px;}
.f34 {font-size:34px;}
.f36 {font-size:36px;}
.f48 {font-size:48px;}
.f60 {font-size:60px;}

.r70 {font-size:70%;}
.r80 {font-size:80%;}
.r85 {font-size:85%;}
.r90 {font-size:90%;}
.r95 {font-size:95%;}
.r105 {font-size:105%;}
.r110 {font-size:110%;}
.r115 {font-size:115%;}
.r120 {font-size:120%;}
.r130 {font-size:130%;}


/* 文字色 */

.red { color: #cc0000; } /* 赤 */ 
.blue { color: #003399; } /* 青 */ 
.green { color: #339900; } /* 緑 */ 
.orange { color: #ff9900; } /* オレンジ */ 

.kome { font-size: 12px; color: #cc0000; line-height: 1.25;} /* 赤小文字 */ 
.s { font-size: 12px; color: #333; line-height: 1.25; } /* 小文字 */ 


/* ランキング追加 */

.rankwaku {
margin: 20px 5px 0;
padding: 0 8px 0 0;
color: #222;
}

.rankwaku dl,
.rankwaku dt,
.rankwaku dd {
margin:0;
padding:0;
}

.rankwaku dt {
	height: 25px;
	margin: 10px 0 15px;
	padding: 20px 0 2px 65px;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	border-bottom:dotted 1px #666;
	clear: both;
}

.rankwaku dt a {
color: #00d;
text-decoration: none;
}

.rankwaku dt a:hover {
color: #d00;
}

.rankwaku img {
padding: 0;
margin:0;
}

.rank1 dt {background: url('image/rank1_b.gif') 0px 0px no-repeat;}
.rank2 dt {background: url('image/rank2_b.gif') 0px 0px no-repeat;}
.rank3 dt {background: url('image/rank3_b.gif') 0px 0px no-repeat;}
.rank4 dt {background: url('image/rank4_b.gif') 0px 0px no-repeat;}
.rank5 dt {background: url('image/rank5_b.gif') 0px 0px no-repeat;}

.sh_img {
float:right;
width: 165px;
overflow:hidden;
border:4px outset #fff;
margin: 0 0 0 5px;
}

.sh_img:hover {
border:4px solid #ffba99;
}

.sh_img .sitetv {
width: 165px;
}

.rank1 .sh_img { height:170px; }
.rank2 .sh_img { height:170px; }
.rank3 .sh_img { height:165px; }
.rank4 .sh_img { height:155px; }
.rank5 .sh_img { height:130px; }

.setu1 {
font-size: 15px;
font-weight: bold;
margin: 0 0 10px 5px;
}

.setu1 i {
font-size: 65%;
font-weight:normal;
font-style:normal;
color:#777;
vertical-align:super;
line-height:80%;
letter-spacing:-1px;
}

.setu2 {
margin: 0 40px 10px 0px;
}

.main-inner .setu2 ul {
margin:0;
padding:0;
}

.main-inner .setu2 ul li {
list-style-type:none;
margin: 5px 0 5px 5px;
line-height:140%;
font-size:0.9em;
}

.linking {
margin: 10px 0 20px 60px;
}

.linking img:hover {
position:relative;
top:1px;
left:2px;
}

.sms1 {
position:absolute;
top:0px;
left:330px;
font-size:76%;
}