@charaset "shift_jis";


/* --HTML-- */

/* html5 tag css format */

article,aside,dialog,figure,footer,header,hgroup,menu,nav,section {
display: block;
}

section,nav,article,aside,hgroup,header,footer,address {
margin: 0;
padding: 0;
font-style: normal;
font-weight: normal;
}

div,dl,ul {
overflow: hidden;
}

/* --OTHER TAGS-- */
a {
overflow: hidden;
}

a img, img {
border: 0;
}

abbr, acronym {
border: 0;
}

address, caption, cite, code, dfn, em, th, strong, var {
font-style: normal;
font-weight: normal;
}

blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
margin: 0;
padding: 0;
}

caption, th {
text-align: left;
}

code, kbd, pre, samp, tt {
font-family: monospace;
line-height: 100%;
}

/* for IE7 */
*+html code, kbd, pre, samp, tt {
font-size: 95%;
}

q:before, q:after {
content:'';
}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
}

/* div tables still need 'cellspacing="0"' */
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 100%;
}

div,ul,dl {
overflow: hidden;
}

a:link {
color: #3366CC;
text-decoration: none;
}

a:visited {
color: #6666CC;
}

a:hover {
color: #FF6600;
}
/* css format end */


/* --BODY-- */
body {
background:#ffffff url(../img/background.jpg) repeat-x left top;
font-size:15px;
line-height:1.4;
color:#333333;
margin:0;
padding:0;
text-align:center; 
border-top:4px solid #2B2B2B;
}

/* designBox */
#designBox {
width: 969px;
margin: 0 auto;
border: 1px solid #000000;
border-top: none;
background-color: #ffffff;
}

/* header */
h1 {
text-align: left;
font-size: 1em;
text-indent: 5px;
line-height: 23px;
background-color: #DBDFE4;
border-bottom: 1px solid #DBDFE4;
}

h1 a {
color: #3366FF !important;
}
h1 a:visited {
color: #6666CC !important;
}

header {
overflow: hidden;
padding: 42px;
background:transparent url(/player/img/pc_title2.jpg) no-repeat;
}

header .discription {
width: 320px;
text-align: left;
font-size: 14px;
}

/* coloum making */
#content {
clear: both;
padding: 10px 10px;
}

#content div {
background-color: #ffffff;
}

.lS {
width: 505px;
float: left;
margin: 0 12px;
}

.lS2 {
width: 490px;
float: left;
margin: 0 12px;
}

.rS {
width: 220px;
float: right;
}

.llS {
width: 200px;
float: left;
}

/* leftSide */
section.nav {
margin-bottom: 15px;
padding: 0 !important;
}

.menu {
padding: 0px;
}

.menu h3 {
background: #E1E1BD;
padding: 3px;
border-top: solid 1px #D0D08D;
font-size: 14px;
text-indent: 5px;
margin-top: 10px;
}

.menu h3:first-child {
margin-top: 0;
}

.menu ul {
width: 100% !important;
margin: 0 !important;
}

.menu li {
border-bottom: 1px dashed #666;
}

.fixed_body {
padding: 5px;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
}


.lS h3{margin:10px 0;font-size:14px;}


li { list-style:none; }


strong,em { font-weight:bold; }
aside {padding-bottom:10px;background-color:#ffffff; }
section { padding-bottom:10px; background-color:#ffffff; }


/* content */

.nav dl {
padding-top: 5px;
text-align: left;
margin: 0 !important;
width: 100% !important;
}

.nav dt {
font-size: 1.2em;
text-indent: 5px;
font-weight: bold;
}

.nav dt a {
display: block;
width: 100%;
height: 100%;
border-left: 5px solid #A4C01A;
}

.nav dt a:hover {
border-left: 5px solid #ff6600;
}

.nav dd {
margin-bottom: 5px;
padding: 5px 0;
border-bottom: 1px dotted #333;
}

.articletop ul { width:240px; padding:5px; text-align:left; }
.articletop li { font-size:1.2em; text-indent:5px; font-weight:bold; margin-bottom:10px; }
.articletop li a { display:block; widht:100%; height:100%; border-left:5px solid #A4C01A; }
.articletop li a:hover { border-left:5px solid #ff6600; }


.link {
margin-bottom: 15px;
text-align: left;
}

.link ul {
margin: 0 !important;
}

.link li {
border-bottom: 1px dashed #333;
overflow: visible !important;
white-space: normal !important;
text-indent: 0 !important;
padding-left: 15px;
}

.information {
margin-bottom: 15px;
text-align: left;
}

.information ul {
margin: 0 !important;
}

.information li {
border-bottom: 1px dashed #333;
overflow: visible !important;
white-space: normal !important;
text-indent: 0 !important;
padding-left: 15px;
}

.information p {
padding: 0 5px;
font-size: 14px;
margin-top: 5px;
}

.rS_banner {
margin-bottom: 15px;
text-align: center;
}

.rS_banner_body {
padding: 5px;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
}

.rS_banner_body img {
width: 100%;
}

.acc_rank {
margin-bottom: 15px;
text-align: left;
}

.acc_rank table, .acc_rank tr, .acc_rank td {
border: 1px solid #666 !important;
}

.acc_rank tr:nth-child(2), .acc_rank tr:nth-child(13) {
    display: none !important;
}



.aside {width:490px;  margin:0 auto; }


h2 { font-size:14px; line-height:30px; background:transparent url(../img/smsmbbsheadre.png) repeat-x left top; color:#ffffff; text-align:left; text-indent:5px; } 
h2 a { color:#ffffff !important; }


/* enter button */

.enterbtn { text-align:center; font-size:14px; width:230px; line-height:50px; margin:10px auto; font-weight:bold; }
.enterbtn a { text-decoration:none; color:#ffffff !important; display:block; width:230px; line-height:50px;  background:#ffffff url(../img/smsmbbsbtn.png) no-repeat center top; }
.enterbtn a:hover { background:#ffffff url(../img/smsmbbsbtn.png) no-repeat center -50px;}


/* aside div */
.aside { text-align:left; }
.asdl { width:480px; padding:5px; text-align:left; padding-top:20px; }
.asdl h3 { width:385px; font-size:1.2em; float:right; clear:both; text-align:left; border-left:5px solid #A4C01A; border-bottom:1px solid #A4C01A; text-indent:7px; }
.asdl img { float:left; margin:0px 10px 10px 0px; }
.asdl p { margin-top:25px; }
.nextp { text-align:right; font-size:16px; }
.nextp a { background:transparent url(../img/list16.png) no-repeat left 50%; padding-left:18px; }


/* nhdl */
.nh { width:490px;text-align:left;}
.nhdl { width:234px; float:left; padding:5px; clear:both; }
.nhdr { width:234px; float:right; padding:5px; }
.nh h3{ margin-bottom:10px; font-size:1.2em; text-align:left; border-left:5px solid #A4C01A; border-bottom:1px solid #A4C01A; text-indent:7px; }


/* section */
.section { clear:both; text-align:left; }
.section dl { width:95%; margin:10px auto; }
.section dt { background:transparent url(../img/list.gif) no-repeat left 50%; text-indent:10px; }
.section dd { border-bottom:1px dotted <hr size="2" color="#8EBB5D" noshade style="padding:0; margin:0;" />; padding-bottom:5px; margin-bottom:5px; }

.section ul {
width: 100%;
margin: 10px auto;
}

.section li {
background: transparent url(../img/list.gif) no-repeat 5px 50%;
text-indent:15px;
overflow: hidden;
white-space: nowrap;
}


/* bbsBox */
.bbsBox {
clear:both;
text-align: left;
background: none !important;
background-color: #324565;
margin-bottom:10px;
}

.bbsBox h2 a {
background: transparent url(../img/comment.png) no-repeat left 50%;
padding-left: 17px;
}

.bbsBoxBlock{
padding:10px;
background-color:#ffffff;
border:solid #cccccc 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
 border-radius: 5px;
  behavior:url(/js/PIE.htc);
position:relative;

   -webkit-box-shadow: 0px 0px 5px #999;
  -moz-box-shadow: 0px 0px 5px #999;
  box-shadow: 0px 0px 5px #999;
  behavior: url(/js/PIE.htc);

}

.bbsBoxBlock .prof_image {
float: left;
margin-right: 5px;
}

.bbsBoxBlock .prof_image img {
width: 80px;
}

.bbsBoxBlock .bbs_name span {
color:#FF9900;
}

/* writeBox */

.writeBox {
padding: 5px;
margin-bottom: 10px;
text-align: left;
border-left: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
}

.writeBox p {
clear: both;
border-bottom: 1px dotted #999999;
margin-bottom: 5px;
padding: 5px;
font-size: 15px;
}

.writeBox p span {
color: #d00;
}

.writeBox p.alert {
color: #d00;
font-weight: bold;
}

.agep { line-height:16px; }
.camera { display:inline;}

.writeBox dl { margin:0 auto; background-color:#333333; padding:10px; }
.writeBox dt { font-weight:bold; background:transparent url(../img/re.png) no-repeat 5px 50%; text-indent:25px; background-color:#555555; line-height:1.8; border:1px outset #ffffff;}
.writeBox dd { padding:10px 0; }
.writeBox textarea { width:100%; }
.agedd1 { text-align:right; color:#333333; border-bottom:1px dotted <hr size="2" color="#8EBB5D" noshade style="padding:0; margin:0;" />; padding:5px 0 !important;}
.agedd2 { text-align:right; margin-bottom:20px; border-top:1px dotted <hr size="2" color="#8EBB5D" noshade style="padding:0; margin:0;" />; }

.wform select { margin-right:20px; }


.threadBtn { text-align:center; width:270px !important; line-height:44px !important; font-size:1.6em; border:none !important; margin:20px auto; }
.threadBtn a { background:transparent url(../img/writebtn.png) no-repeat center top; width:270px !important; line-height:44px !important; display:block; color:#ffffff; text-decoration:none; }
.threadBtn a:hover { background:transparent url(../img/writebtn.png) no-repeat center -44px; }


.searchNback { background-color:#eeeeee; color:#333333; }


/*細かい追加*/
.bbs_del_link{border:#666666 1px solid;margin:1px;padding:0 3px;background-color:#E8E8E8 !important;float:right; }
.bbs_text{background-color:#E7EBD4 !important;padding:4px;}

.bbs_write_time {
background-color: #E7EBD4 !important;
text-align:right;
}

.bbs_name{border-bottom:#cccccc solid 1px;margin-bottom:3px;}

.bbs_write_status {
text-align: right;
}

.rules {
margin-bottom: 10px;
}

.rules_body {
padding: 5px;
text-align: left;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.rules_body p {
margin-bottom: 10px;
font-size: 13px;
}

.rules_body dt {
font-weight: bold;
color: #080;
margin-bottom: 5px;
}

.rules_body dd {
font-size: 13px;
margin-bottom: 5px;
padding-left: 10px;
}

.rules_body dl p {
padding-left: 15px;
}

.prohibition {
margin-bottom: 10px;
}

.prohibition_body {
padding: 5px;
text-align: left;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.prohibition_body p {
margin-bottom: 10px;
font-size: 13px;
}

.prohibition_body ul {
font-size: 13px;
padding: 0px 10px;
margin-bottom: 5px;
line-height: 20px;
}

.manual {
margin-bottom: 10px;
}

.manual_body {
padding: 5px;
text-align: left;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.manual_body h3 {
border-left: 5px solid #080;
text-indent: 10px;
color: #444;
}

.manual_body p {
font-size: 13px;
padding-left: 10px;
}

.manual_body span {
color: #d00;
padding: 5px 0 !important;
display: block;
}

.manual_body form {
padding-left: 15px;
}

.manual_body input {
padding: 3px;
font-size: 15px;
}

.manual_body p a {
display: block;
width: 80%;
margin: 5px auto;
text-align: center;
padding: 5px;
border: 1px solid #008;
background-color: #aac;
color: #fefefe;
text-shadow: 2px 2px 1px rgba(0,0,0,0.4);
font-size: 16px;
}

.info {
border-top: 2px solid #080;
}

.searchBox {
clear: both;
text-align: left;
background: none repeat scroll 0% 0% transparent !important;
margin-bottom: 10px;
padding: 5px;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.searchBox form {
line-height: 40px;
font-size: 20px;
}

.searchBox p:last-child {
border-top: 1px dashed #080;
padding-top: 5px;
}

.res_buttan {
display: block;
width: 80%;
margin: 5px auto 10px !important;
text-align: center;
padding: 5px;
border: 1px solid #008;
background-color: #AAC !important;
color: #FEFEFE;
text-shadow: 2px 2px 1px rgba(0,0,0,0.4);
font-size: 16px;
}

h2.res_list_title {
text-align: center !important;
margin-bottom: 10px;
}



/* footer */
.footer { clear:both; background-color:#A4C01A !important; line-height:25px; color:#ffffff;
height:100px; margin-top:10px; }
.footer a { color:#ffffff !important; }

/* Page Navi */
.page_navi {
padding: 10px 0px;
text-align: center;
margin-bottom: 10px;
}

.next_btn {
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#42ff42 0%,
		#146600);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#42ff42),
		to(#146600));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #134201;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
	margin-left: 10px;
}

.back_btn {
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#42ff42 0%,
		#146600);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#42ff42),
		to(#146600));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #134201;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
	margin-right: 10px;
}

/* button */
.submit_button {
width: 100%;
padding: 10px 5px;
}


/* 広告周りの独自仕様 画像 50x50 */

.ad_banner {
margin-bottom:10px;
text-align:left;
}


.ad_banner p{
position: relative;
margin: 0px;
border: 1px solid #dcdcdc;
background-color:#ffffff;
}

.ad_banner p a {
display: block;
padding: 5px 5px 5px 65px;
min-height: 50px;
_height: 50px;
color: #333;
text-decoration: none !important;
cursor: pointer;
font-size: 12px;
line-height: 1.4em;
}


.ad_banner p a:hover {
background-color:#ffb6c1;
}

.ad_banner p img {
position: absolute;
top: 5px;
left: 5px;
}

.ad_banner span {
color:red;
font-weight:bold;
font-size:14px;
}

/* 広告周りの独自仕様 画像100x100 */

.ad_banner_600 {
margin-bottom:10px;
text-align:left;
}


.ad_banner_600 p{
position: relative;
margin: 0px;
border: 1px solid #d2b48c;
background-color:#f5deb3;
}

.ad_banner_600 p a {
display: block;
padding: 5px 5px 20px 120px;
min-height: 100px;
_height: 100px;
color: #333;
text-decoration: none !important;
cursor: pointer;
font-size: 13px;
line-height: 1.4em;
background-repeat: no-repeat;
background-image: url("http://gbbs.linefriends.info/player/img/enter.png");
background-position: right bottom;
}


.ad_banner_600 p a:hover {
background-color:#ffb6c1;
}

.ad_banner_600 p img {
position: absolute;
top: 5px;
left: 5px;
}

.ad_banner_600 span {
color:red;
font-weight:bold;
font-size:14px;
}


/* 広告周りの独自仕様 */

#navi_pc { 
position: fixed; 
bottom: 0px; 
left: 0; 
width: 100%; 
height: 60px; 
margin:0; 
padding:5px 0px; 
text-align: center; 
background-image:url(http://gbbs.linefriends.info/player/img/bg40.png);
z-index : 100000 ; 
} 

/* 広告周りの独自仕様 ダミー記事関連 */


.bbsBox_dm { clear:both; text-align:left; background:none !important; background-color:#324565;}
.bbsBox h2 a{ background:transparent url(../img/comment.png) no-repeat left 50%; padding-left:17px;  }
/*.bbsBoxBlock{border-bottom:1px dotted #999999;margin:10px;padding-bottom:10px;}*/

.bbsBoxBlock_dm {
margin-bottom:10px;
padding:10px;
background-color:#ffffff;
border:solid #cccccc 1px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
 border-radius: 5px;
  behavior:url(/js/PIE.htc);
position:relative;

   -webkit-box-shadow: 0px 0px 5px #999;
  -moz-box-shadow: 0px 0px 5px #999;
  box-shadow: 0px 0px 5px #999;
  behavior: url(/js/PIE.htc);

}

.bbsBox_dm a{
color:#000000;
}

.bbsBox_dm a:hover{
color:#dc143c;
}

.bbs_text_dm {
background-color :#ffe4e1 !important;
padding: 4px;
}

.bbs_write_time_dm{background-color:#ffe4e1 !important;text-align:right;}

.bbs_del_link_dm {
border: #ffffff 1px solid;
margin: 1px;
padding: 0 3px;
background-color: #dc143c !important;
float: right;
color: #ffffff;
}

.footer_banner img {
width: 100%;
}