@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; }

body{ 
	font-size:12px;
	line-height:1.4em;
	background: #eee url(../pic/background-parts/bodyback.png);
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-break:break-all;
}

li{ list-style-type:none; }
.clearfix{ clear: both; }
.cfix:after {
	content: "";
	display: block;
	clear: both;
}

a{ color: #936; text-decoration: none;}
a:hover{ text-decoration:underline; color:#069;}

input.small-button{
	display:inline-block;
	margin-left:7px;
}

.box_stand{
	box-shadow:0 0 30px #CC0000;
}

.small-button{
	font-size:12px;
	border-radius:3px;
	padding:5px 10px;
	text-align:center;
	font-weight:bold;
	color:#555;
	border:1px #888 solid;
	box-shadow:0 3px 0 #666;
}
.small-button:hover{ opacity:0.7; text-decoration:none; }

input.submit-button-gray{ 
	cursor:pointer; 
	border:1px #666 solid; 
	padding:7px 15px; 
	font-weight:bold; 
	border-radius:3px; 
	background:#777; 
	color:#fff; 
	text-shadow: -1px -1px 0px rgba(0,0,0,0.4);
	box-shadow:0 3px 0 #555;
	margin:5px 0;
	margin-top:-3px;
}

input.submit-button{ 
	cursor:pointer;
	padding:10px 30px;
	font-weight:bold;
	border-radius:3px;
	color:#FFFFFF;
	font-size:14px;
	margin:5px 0;
	border:none;
	background:#C30;
	box-shadow:0 3px 0 #900;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.4);
}

img{ border:0px;}

em{ color:#666; font-style:normal; }

dt{ padding:10px 0; }

dd{ padding:0 0 10px 0 ; }

.inline-block{ display:inline-block; }
.block{ display:block; }

.bold{ font-weight:bold; }
.underline a{ text-decoration:underline; }
.underline a:hover{ text-decoration:none; }

.pink-button{
	text-align:center; 
	margin:5px auto 5px auto;
	display:block;
	width:35%;
	padding:10px 0px;
	border-radius:3px;
	font-weight:bold;
	border:0px;
	font-size:14px;
	color:#ffffff;
	background: #C33;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
	box-shadow:0 3px 0 #933;
}

/* 通知がない場合の共有設定 */

#column_not_count{
	line-height:7em;
	display:inline-block;
	text-align:center;
	width:100%;
	margin-bottom:20px;
	font-size:18px;
	font-weight:bold;
}

#column_not_count .sub_text{
	line-height:1.8em;
	text-align:center;
	width:100%;
	margin-bottom:20px;
	font-size:14px;
	font-weight: normal;
}

/* common-class設定 */

.line{ border-bottom:1px #CCC solid; padding-bottom:15px;}

.line-left{ border-left:1px #ccc solid; padding-left:15px; }
.line-top{ border-top:1px #ccc solid; }

.line-height14{ line-height:14em; }
.line-height33{ line-height:33em; }
.line-height45{ line-height:45em; }

/* box-shadow,text-shadow */
.box-shadow999{ box-shadow:0 0 3px #999; }
.text-shadow666{ text-shadow:0 0 3px #666; }
.text-shadowccc{ text-shadow:0 0 3px #ccc; }

/* margin部分 */

.m-bottom7{ margin-bottom:7px; }
.m-bottom15{ margin-bottom:15px; }

a.mini-button{ color:#666; border:1px #ccc solid; background:#eee; padding:2px 5px; border-radius:3px; }
a.mini-button:hover{ text-decoration:none; }
strong.mini-button{ 
	margin-left:5px; 
	font-size:11px; 
	font-weight:bold; 
	color: #fff; 
	border:1px #993300 solid; 
	background:#993300; 
	padding:2px 5px; 
	border-radius:3px; 
	font-weight:normal;
}

/* 角丸の設定 */

.radius3{ border-radius:3px; }
.radius7{ border-radius:7px; }

.radius-top-right3{ border-top-right-radius:3px; }
.radius-top-right7{ border-top-right-radius:7px; }

.radius-bottom-right3{ border-bottom-right-radius:3px; }
.radius-bottom-right7{ border-bottom-right-radius:7px; }

.radius-top-left3{ border-top-left-radius:3px; }
.radius-top-left7{ border-top-left-radius:7px; }

.radius-bottom-left3{ border-bottom-left-radius:3px; }
.radius-bottom-left7{ border-bottom-left-radius:7px; }

/* ボーダーの設定 */

.block-border-gray{ border:1px #b0b0b0 solid; }

.form-normal-border{
	color:#000;
	border:1px #ccc solid;
	padding:7px;
}

.form-border{ 
	color:#000;
	border:1px #ccc solid;
	padding:7px;
	margin:5px 15px; 
	width:95%;
}

.form-border-mini{ 
	color:#000;
	border:1px #ccc solid;
	padding:7px;
	margin:0px 10px;
	width:100%;
}

.form-height300{ 
	color:#000;
	border:1px #ccc solid;
	border-radius:3px; 
	min-width:100%;
	max-width:200px;
	padding:7px;
	margin:5px 10px;
	width:100%;
	height:300px;
}
.form-height100{ 
	color:#000;
	border:1px #ccc solid;
	background-position:0 -750px;
	border-radius:3px; 
	min-width:100%; 
	max-width:200px;  
	padding:7px; 
	margin:5px 10px; 
	width:100%; 
	height:100px;
}

.gray-block{ width:93.5%; border-radius:3px; background:#eee; color:#333333; font-weight:bold; margin:0 15px; padding:7px 15px; }

.gray-mini-block{ border-radius:3px; background:#eee; text-align:center; color:#333333; font-weight:bold; margin:0 0px 0 15px; padding:7px 15px; }

/* バックグラウンドの設定 */
.border-none{ border:none; }

.eee-background{ background:#eee; }

.white-background{ background:#FFFFFF; }

.ranking-backgroud{
	border-bottom:1px #999 solid;
}

.more-background{ background:#dadada; }
.login-background{ 
	border-top-right-radius:3px; 
	border-bottom-right-radius:3px;
	background:url(../pic/background-parts/login-background.jpg) no-repeat center top;
}
.gray-background{ background:#c9c9c9; }
.menu-gray-background{ background:#f6f6f6; }

.top-gray-background{ background:#fff; }
.bottom-gray-background{ background:#fff; }

.block-background{ background:#efefef; }

.menu-background{ 
	border-bottom:1px #ccc solid; 
	border-top:1px #FFF solid; 
	float:left; 
	background:#dfdfdf;
}

/* ボタンの設定 */

.form-submit-button,
.login_button{ 
	border-radius:3px;
	padding:6px;
	text-shadow:0 -1px 0 #630;
	color:#fff;
	font-weight:bold;
	border:none;
	margin:-3px 3px 0;
	background: #C06;
	box-shadow:0 3px 0 #900;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4); 
}

.black-button{ 
	border:none; 
	background:#777;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.4);
	border-radius:3px;
	padding:3px 7px;
	color:#fff;
	display:block;
	font-weight:bold;
	box-shadow:0 3px 0 #555;
	margin:-3px 7px 0;
}

.gray-submit-button{ 
	border:1px #666 solid;
	font-size:13px;
	padding:5px 15px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	text-shadow:0 -1px 0 #666;
	display:block;
	border-radius:3px;
	background:#797979;
}

.pink-submit-button{ 
	text-align:center;
	font-size:13px;
	padding:7px 20px;
	font-weight:bold;
	text-decoration:none;
	border-radius:3px;
	display:block;
	color:#ffffff;
	border:1px #ad2672 solid;
	background:#ad2672 url(//nijie.info/pic/sprite/sprite_background.png) repeat-x;
	background-position: 0px -1109px;
	text-shadow: 0 -1px 0 #ad2672;
}

.gray-submit-button:hover,
.pink-submit-button:hover,
.black-button:hover,
a.twit-button:hover,
.pink-button:hover,
.login_button:hover{ 
	opacity:0.7; 
	text-decoration:none; 
	color:#fff;
}

/* border指定 */

.border-top-white{ border-top:1px #FFFFFF solid; }
.border-top-gray{ border-top:1px #999999 solid; }
.border-top-ccc{ border-top:1px #ccc solid; }

.border-right-gray{ border-right:1px #999999 solid; }

.border-bottom-white{ border-bottom:1px #FFFFFF solid; }
.border-bottom-gray{ border-bottom:1px #999999 solid; }
.border-bottom-ccc{ border-bottom:1px #ccc solid; }

/* widthの設定 */

.width7{ width:7%; }
.width10{ width:10%; }
.width14{ width:14%; }
.width15{ width:15%; }
.width17{ width:17%; }
.width20{ width:20%; }
.width25{ width:25%; }
.width28{ width:28%; }
.width30{ width:30%; }
.width45{ width:45%; }
.width50{ width:50%; }
.width55{ width:55%; }
.width60{ width:60%; }
.width65{ width:65%; }
.width70{ width:70%; }
.width75{ width:75%; }
.width80{ width:80%; }
.width85{ width:85%; }
.width90{ width:90%; }
.width100{ width:100%; }

/* padding,margin */
.margin7{ margin:7px; }
.margin15{ margin:15px; }
.margin30{ margin:30px; }

.p-top7{ padding-top:7px; }
.p-top15{ padding-top:15px; }
.p-top30{ padding-top:30px; }
.p-bottom7{ padding-bottom:7px; }
.p-bottom15{ padding-bottom:15px; }
.p-bottom30{ padding-bottom:30px; }
.p-left15{ padding-left:15px; }
.p-left25{ padding-left:25px; }
.p-left30{ padding-left:30px; }
.p-right7{ padding-right:7px; }
.p-right15{ padding-right:15px; }
.p-right25{ padding-right:25px; }
.p-right30{ padding-right:30px; }

.m-top3{ margin-top:3px; }
.m-top7{ margin-top:7px; }
.m-top10{ margin-top:10px; }
.m-top15{ margin-top:15px; }
.m-top30{ margin-top:30px; }
.m-left3{ margin-left:3px; }
.m-left7{ margin-left:7px; }
.m-left15{ margin-left:15px; }
.m-left25{ margin-left:25px; }
.m-left30{ margin-left:30px; }
.m-bottom4{ margin-bottom:4px; }
.m-bottom7{ margin-bottom:7px; }
.m-bottom15{ margin-bottom:15px; }
.m-bottom30{ margin-bottom:30px; }
.m-right7{ margin-right:7px; }
.m-right15{ margin-right:15px; }
.m-right25{ margin-right:25px; }
.m-right30{ margin-right:30px; }

.padding3{ padding:3px; }
.padding7{ padding:7px; }
.padding15{ padding:15px; }
.padding30{ padding:30px;  }
.padding45{ padding:45px;  }

.padding-lr3{ padding:0 3px; }
.padding-lr7{ padding:0 7px; }
.padding-lr15{ padding:0 15px; }

.padding3-7{ padding:3px 7px; }
.padding7-15{ padding:7px 15px; }
.padding15-30{ padding:15px 30px; }


/* フォントのclass */
.size10{ font-size:10px; }
.size12{ font-size:12px; }
.size14{ font-size:14px; }
.size16{ font-size:16px; }
.size24{ font-size:24px; }
.size36{ font-size:36px; }
.size50{ font-size:50px; }
.bold{ font-weight:bold; }
.normal{ font-weight:normal }
.center{ text-align:center; }
.left{ text-align:left; }
.right{ text-align:right; }

/* カラー指定のclass */
.dark{ color:#000; }
.red{ color: #C00; font-weight:bold; }
.green{ color: #390; font-weight:bold; }
.black{ color:#666; }
.gray{ color:#999; }
.ccc{ color:#ccc; }
.eee{ font-weight:bold; color:#eee; }
.white{ color:#fff; }

/* float */
.float-left{ float:left; }
.float-right{ float:right; }

/* clear */　
.clearleft{ clear:left; }
.clearright{ clear:right; }
.clearboth{ clear:both; }

/* ul liへのclass */

.li-float-left li{ float:left; }
.li-float-left li a{ display:block;}
.li-padding3{ padding:3px; }
.li-padding7{ padding:7px; }

.li-paddinglr3 li{ padding:0 3px; }
.li-paddinglr7 li{ padding:0 7px; }
.li-paddinglr15 li{ padding:0 15px; }

.li-paddingtb3 li{ padding-right:3px; padding-left:3px; }
.li-paddingtb7 li{ padding-right:7px; padding-left:7px; }
.li-paddingtb15 li{ padding-right:15px; padding-left:15px; }

.li-a-paddinglr3 li a{ padding:0 3px; }
.li-a-paddinglr7 li a{ padding:0 7px; }
.li-a-paddinglr15 li a{ padding:0 15px; }

.li-a-paddingtb3 li a{ padding-right:3px; padding-left:3px; display:block; }
.li-a-paddingtb7 li a{ padding-right:7px; padding-left:7px; display:block; }
.li-a-paddingtb15 li a{ padding-right:15px; padding-left:15px; display:block; }

.li-right-border li{ border-right:1px #999999 solid; }

.li-list-type-sc li{ list-style-type:square; margin-left:20px; margin-right:10px;}

/* 全体に使えるパンくず */

.nav_pan_list{
	margin:5px 0 15px;
	display:inline-block;
	width:100%;
	clear:both;
}

.nav_pan_list li{ 
	float:left;
	margin-right:8px;
	text-align:center;
}

.nav_pan_list a{
	font-weight:bold; 
	color:#fff;
	border-radius:15px;
	padding:1px 10px;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
	background:#999;
}

.nav_pan_list a:hover{
	text-decoration:none;
	background:#666;
}

/* その他 */

.fixclear:before,
.fixclear:after {
    content: " ";
    display: table;
}

.fixclear:after {
    clear: both;
}

.color1 {
    color: #ff0000;
}
.color2 {
    color: #00ff00;
}
.color3 {
    color: #0000ff;
}
.bold {
    font-weight: bold;
}
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
    height: 20px;
    margin: 0;
    padding: 5px 4px;
    color: #333333;
    font-size: 14px;
    border: 1px solid #ccc;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
    background: #ffffcc;
    outline: none;
}

.guro {
    display: none
}
/* class設定終わり */