@charset "utf-8";

body { font-size:14px; line-height:1.2; color:#333; margin:0 auto;  text-align:center;
	  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif; }

* { margin:0; padding:0;}
ul { list-style:none outside;}
img { border:0; }
.cf { overflow: hidden; }
.cf:after { clear: both; }

input[type="text"], textarea { border:1px solid #aaa; border-radius: 5px; padding:5px; }

/*  anchor  */
div.pair-list2 a { text-decoration:none; }
#op-table a { text-decoration:none; }
ul.pair-list a { text-decoration:none; }
a:link { color: #55f; }
a:visited { color: #55f; }
a:hover { color: #f55;  }



#top { height:18px; background: linear-gradient(to right, #FF4500, #FFA500); background-color:#FF8800; }
#container { width:1000px; margin:0 auto; text-align:center; position:relative; }
.wrap { width:780px; }

.pc-hid { display:none; }

h4 { font-size:22px; padding:10px 20px;  margin-bottom:10px; background-color:#ffc299;  }

#logo { width:300px; height:75px; margin:10px 0 0; } 
#top-msg { font-size:16px;margin:0 8px 10px; }







/* トップの3ペア */
#box-top { margin:0 auto 10px ; }
#box-top-inner {
	width:780px; height:158px; margin:0px auto 15px;  text-align: center; background: #fffaf6; border:3px solid #fe9048;
	display: table-cell; vertical-align: middle; text-align: center; color:#444;
}
a.jud-btn  {
	display:inline-block; border: 1px solid #fe9048;  background: #ff7900; border-radius: 6px; padding:6px 16px; font-size:15px; color:#fff;
	text-decoration:none; font-weight:bold; 
}
a.jud-btn:hover { opacity: 0.8; }

div.op1 { margin:15px 0;font-size:25px; }
div.op2 { margin:15px 0;font-size:25px; }
div.op3 { margin:15px 0;font-size:20px; font-weight:bold; }
div.op4 { margin:15px 0;font-size:18px; font-weight:bold; }





/* 投票画面 */
div.vote-box { padding:15px 0 0; border:1px solid #CC8; margin:0 auto 10px auto; }
div.vote-pair-names { margin:0 auto 12px; }
div.vote-pair-names div { display:inline-block;  line-height: 1; }
div.vp-left { color:#ff4500; background: #fff; vertical-align: top; }
div.vp-center { color:#444; font-size:24px; background: #fff; vertical-align: 6px; }
div.vp-right { color:#ff9900; background: #fff; vertical-align: top; }
p.vp-note { margin-top:2px; font-size:15px; }

.vote-contuser-box { font-size:13px; color:#666; margin:10px; }

.vote-msg-box { margin:10px; line-height: 1.2; }
p.vp-msg1 { font-size:22px;font-weight:bold;margin-bottom:5px; }
p.vp-msg2 { font-size:12px; margin-bottom:15px; color:#666; }

p.vp-sok-rate { font-size:26px; font-weight:bold;color:#f55; line-height: 1; margin-bottom:15px; }

div.vote-button-box { margin-bottom:10px; }
div.vote-button-box div { float:left; width:50%; font-weight: bold; font-size:30px; line-height: 1; }
.vote-button { padding:30px 0; color:#fff;  }
div.vote-button-box a { display:block; text-decoration:none; color:#fff; }
div.vote-button-box a:hover { opacity: 0.6; }
.vote-button-yes { background: #ff9900; }
.vote-button-no { background: #ff4500; }
span.vb-mark { font-size:80px; }
span.vb-num { font-size:28px; line-height: 1.5; }
.vb-off { background: #ccc !important; }

div.share-button-box { margin-bottom:10px; }
div.share-button-box div { font-size:20px; color: #fff; width:50%; float:left; cursor:pointer; }
div.share-button-box a { display:block; padding:20px 0; text-decoration:none; color:#fff; }
a.share-fb { background-color:#4862a3; }
a.share-tw { background-color:#55acee; }
div.share-button-box a { display:block; text-decoration:none; color:#fff; }
div.share-button-box a:hover { opacity: 0.6; }


a.show-other-pair-btn {
	display:block; margin:0 auto ; padding:15px 0px; background: #55aa55;
	text-decoration:none; color:#fff; font-weight: bold; font-size:22px;
}
a.show-other-pair-btn:hover { opacity:0.8; }









/* サムネイル */
div.box-thumb { width:960px; margin:5px auto 15px; }
#box-left  { padding:10px 0; width:480px; height:465px; float:left; text-align:center; background-color:#ffebe6; }
#box-right { padding:10px 0; width:480px; height:465px; float:left; text-align:center; background-color:#fff5e6; }

div.thumb-hd { display:table; width:100%; table-layout:fixed }
h2 { display:table-cell; padding:5px 0; font-size:30px; color:#FFF; text-align:center; vertical-align:middle; }
h2.hd-left  { background:#fe6b46; }
h2.hd-left-b {  background:#fe6b46; }
h2.hd-right { background:#feb64b; }
h2.hd-right-b { background:#feb64b; }

div.thumb { width:160px; height:155px; float:left; }
#thumb-info { font-size:12px; margin:10px 10px 10px; }








/* 下部ペアリスト */
#pair-list-bottom-box { margin:0 auto 15px; }

h3.list-bar { background-color:#fe9048;color:#FFF; padding:10px; font-size:18px; margin-bottom:12px; }
ul.pair-list { padding:3px; text-align:left; line-height:1.65; border:1px solid #fe9048;}
ul.pair-list li { border-bottom:1px solid #DDD;}
ul.pair-list li:last-child{ border-bottom:0 }
ul.pair-list li a { display:block; padding:1px 2px; }
span.rank { display:inline-block; width:40px; text-align:right; font-weight:bold; margin-right:4px; color:#333; }
span.pt { background-color:#fc9; color:#f60; font-weight:bold; padding:1px 3px; margin-right:6px; }

div.pair-list2 { margin:0 auto; }

.b-pairlist { float:left; }
.bpl-rank { width:294px; }
.bpl-rand, .bpl-new { width:237px; margin-left:6px; }
h3.bpl-head {  background:#fe9048; color:#fff; padding:8px; }


/* リストページ */
#pair-list-all { border:1px solid #ccc; text-align:left; line-height:1.5; font-size:15px; letter-spacing: -.40em;}
#pair-list-all span { vertical-align:middle; letter-spacing: normal; margin-right:4px;}
#pair-list-all li { padding:2px; }

span.lp-ib1 { display:inline-block; }
span.lp-ib2 { display:inline-block; }

span.lp-rank { width:60px; font-weight:bold; text-align:right; }
span.lp-date { text-align:center; width:60px; font-size:12px; }
span.lp-rate { background-color:#fc9; color:#f60; font-weight:bold; padding:0px 0px; width:60px; text-align:center; }
span.lp-ok { color:#fa0; font-weight:bold; width:65px; text-align:right; }
span.lp-ng { color:#999; font-weight:bold; width:65px; text-align:right; }
span.lp-pair { width:365px; padding-left:5px; }
span.lp-user { width:120px; font-size:13px; }
span.lp-sfont { font-size:13px; }

li.lp-head { background-color:#ff4747; color:#fff; font-weight:bold; }
li.lp-head span { text-align:center; }
span.lp-hd-rankk { width:60px; }
span.lp-hd-date { width:60px; }
span.lp-hd-rate { width:66px; font-size:12px; }
span.lp-hd-okng { width:65px; font-size:12px; }
span.lp-hd-pair { width:365px; padding-left:5px; }
span.lp-hd-user { width:120px; }


i.who { font-weight:bold; background-color:#fe9048; color:#FFF; font-style:normal; cursor:help; }
i.who-c { font-weight:bold; background-color:#fe9048; color:#FFF; border-radius:50%; font-size:20px; font-style:normal; padding:2px; cursor:help; }

div.list-navi { margin:15px auto; font-size:18px; }
div.list-navi b { padding:5px 5px; border-radius:2px; background-color:#888; color:#fff;}
div.list-navi a { padding:5px 5px; text-decoration:none; border-radius:2px; background-color:#ff9900; color:#fff; }
div.list-navi a:hover { opacity:0.8; }



/* その他のペア */
#other-pair { margin:0 auto 20px; padding-bottom:0px; background-color:#f1f1f1; }
#op-title { font-size:18px;background-color:#fe9048;color:#fff;padding:15px 0; }
#op-table { width:100%; margin:0px auto; border-spacing:0; }
#op-table td { width:50%; font-size:16px; line-height:1.4; text-align:center; vertical-align:top; padding:0 20px;  }

td.olist-l { background-color:#ffebe6 }
td.olist-r { background-color:#fff5e6 }
ul.olist { text-align:left; padding:5px 0; }
li.olist-hide { display:none; }

#more-other td { padding:0; }
#more-other a { display:block; color:#fff; background-color:#3cb371; padding:8px 0; } 
#more-other a:hover { opacity: 0.6; }



/* 検索ボックス　と　投稿ページへのボタン　*/
#search-cont-box { margin:0px auto 15px; }

#search-box-toppage {  float:left; width:480px; margin-right:15px;  }
#search-box-other   {  width:480px; margin:0 auto 10px;  }
.search-box { height:120px; background-color:#ffc0cb; text-align:center; }
.search-box h3 { font-size:16px;background-color:#ff6347;color:#fff;padding:8px 0; }
.search-box form { padding-top:15px; }
.search-box input[type="text"] { width:65%; font-size:18px; margin-right:5px; }
.search-box input[type="submit"] {
	width:60px; border:0; background: #ff6633; color:#fff; font-weight:bold; padding:5px; cursor:pointer; border-radius:3px;
}
.search-box p { margin-bottom:5px; }

#b-cont-btn-box { float:left; display:table; width:285px; height:120px;}
a.b-cont-btn {
	display:table-cell; background: #ff4747; border-radius: 8px; font-size:28px; line-height:1.4;
	text-decoration:none; color:#fff; vertical-align: middle;
}
a.b-cont-btn:hover { opacity: 0.8;}









/***  ペア投稿画面  ***/
/*  ペア入力フォーム  */
div.cont-form-box { background:#ffdd66; margin:0px auto 15px; padding:25px 0; font-size:20px; }
div.cont-form-msg { font-weight:bold; width:90%; margin:0 auto 15px; line-height:1.2; }
div.cont-form-msg p { margin-bottom:5px; }

form.cont-form input[type="text"] { font-size:20px; width:200px; }


/*  注意事項  */
#cont-info { display:none; z-index: 101; position:fixed; text-align:left; width:600px; background-color:#fff; border:8px solid #f80;
			 padding:20px; line-height:1.1; font-size:20px; }
p.cont-info-title { font-size:25px; font-weight:bold; color:#f80; }
#cont-info p { margin-bottom:15px; }
p.cont-info-btn { text-align:center; }
.button { text-decoration: none; font-weight: bold; text-align: center; border-radius:6px; }
.btn-sok { font-size: 20px;	background-color:#55aa55; border: 1px solid #080; color:#FFF; padding: 8px 20px; cursor:pointer; }
.btn-cont { font-size: 25px; background-color:#ff8800; border: 1px solid #ee0000; color:#FFF; padding: 8px 20px; cursor:pointer; }
.btn-cancel { font-size: 12px; background-color:#cccccc; border: 1px solid #aaaaaa; color:#333; padding: 5px 10px; cursor:pointer; }
#overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
		   background-color: #000; opacity: 0.7; 	z-index: 100; }

/*  投稿確認画面  */
div.cont-msg-box { padding:15px 0 0; border:1px solid #CC8; margin:0 auto 10px;}

p.cuu-msg { width:90%; margin:0 auto 6px; font-size:13px; }
p.cont-username-url { margin-bottom:10px; }
p.cont-username-url span { margin-right:5px; }
input.cont-username { width: 150px; }
input.cont-url { width: 300px; }

div.cont-caution-box { background:#ffeeee; border:solid 2px #f33; padding:10px 10px 5px; margin:auto 20px 15px; }
div.cont-caution-msg1 { font-size:18px; margin-bottom:5px; }
div.cont-caution-msg2 { color:#f33; margin-bottom:5px; }
div.cont-caution-msg3 { margin-bottom:10px; }

p.cont-done-msg1 { font-weight:bold; font-size:24px; margin:20px 0 20px 0; line-height:1; }
p.cont-done-msg2 { font-size:18px; line-height:1.3; margin-bottom:20px; }





/* その他のページ要素 */
.ad-box { text-align:center; margin:0 auto 10px; width:780px; }







/* フッター */
#footer { font-size:15px; text-align:center; border-top:3px solid #fe9048; padding:20px 0 20px 0; margin:15px auto ; clear:both; }

#to-top { position: fixed; bottom:20px; right:20px;  }
#to-top a { display:block; padding:15px; font-size:20px; background: #888; color:#fff;  border-radius: 10px; opacity: 0.5; text-decoration: none;}
#to-top a:hover { opacity: 1 }

#footer-menu { line-height:1.5; margin-bottom:20px; }

#sp-switch { margin-bottom:20px; font-size:16px; color:#666; }

/* その他のページ */
#gpage-box { margin:0 auto; }
div.gpage-inner-box { margin:20px auto; width:550px; text-align:left; font-size:16px; line-height:1.3;}
div.gpage-inner-box2 { margin:20px auto; width:90%; text-align:left; font-size:16px; line-height:1.3;}
p.gbox { margin-bottom:1em; }

#mail-form { background: #f1f1f1; padding:10px; border:1px solid #ccc;  }
#mail-form input[type="text"] { width:300px; padding:3px 4px; }
#mail-form textarea { width:90%; padding:3px 4px; }
p.mf-title { font-weight:bold; margin-bottom:3px; }

span.green { color:green; font-size:15px; }


/*

div.bookmark { position:absolute; top:5px; right:10px; text-align:right; }

*/