@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	text-align: center;
}

body {
	font-size: 62.5%;
}

body,
table,
input, textarea, select, option {
	font-family: MS PGothic, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" , sans-serif;
	line-height: 1.1;
}

table,
input, textarea, select, option {
	line-height: 1.1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.fR {
	float: right !important;
}

.fL {
	float: left !important;
	margin-left: 8px;
	margin-top: 0px;
}

.mr0 {
	margin-right: 0!important;
}

.mb0 {
	margin-bottom: 0!important;
}
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	text-align: center;
	line-height: 1.5;
	font-size: 12px;
	color: #000;
	background: url(body_bg.gif) repeat-x left top;
}

#container{
	text-align: left;
}

#main {
	padding-top: 46px;
	margin: 0 auto;
	width: 1002px;
	overflow: hidden;
	border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
	background: url(left_navi_bg.gif) repeat-y left top;
}

#pre {
	padding-top: 80px;
	margin: 0 auto;
	width: 1002px;
	overflow: hidden;
	border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

* html div#main{
	height: 100%;
	overflow: auto;
}

	* html #main {
		zoom: 1;
	}

	*+html #main {
		zoom: 1;
	}

#main:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#header {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 46px;
	z-index: 999;
	background: url(body_bg.gif) repeat-x left top;
}

#header .inner {
	margin: 0 auto;
	width: 1002px;
	height: 46px;
}

#header h1 {

	float: left;
	padding-top: 2px;
	padding-right: 0;
	padding-left: 28px;
}

#header .formBox {
	float: right;
	width: 640px;
}
#header .formBox li {
	float: left;
	font-size: 10px;
	line-height: 1.2;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
}
#header .formBox li a {
	color: #fff;
	text-decoration: none;
}

.submitimg:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.submitimg {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#conts {
	margin-bottom: 40px;
	width: 942px;
	overflow: hidden;
	float: right;
    min-height:600px;
	height:auto !important;
	height:600px;
}
#contsApp {
	margin-bottom: 40px;
	width: 941px;
	overflow: auto;
	float: right;
    min-height:600px;
	height:1500px;
	/*overflow : hidden ;
	padding-left: 30px;
	padding-bottom: 30px;*/
}
#conts.frame {
    margin:0;
}

#conts .user {
	width: 320px;
}

#conts .user .img {
	margin-bottom: 7px;
}

#conts .user .txtBtm {
	margin-bottom: 5px;
	font-size: 11px;
	color: #FF6600;
	font-weight: bold;
}

#conts .user .txtBtm span {
	padding: 2px 0 0 24px;
	background: url(myhome/pen.gif) no-repeat 3px top;
}

#conts .user .txtBox {
	margin-bottom: 8px;
	padding-top: 7px;
	font-size: 12px;
	border-bottom: solid 1px #999;
	border-left: solid 1px #999;
}

#conts .user .txtBox p {
	padding: 0 3px;
	height: 180px;
	overflow-y: scroll;
}

#conts .user .ml5 {
	margin-left: 5px;
}

#conts .support {
	padding: 4px 13px 0 15px;
}

#conts .statusDl {
	padding: 13px 0px 15px 0px;
	font-size: 14px;
	width: 300px;
}

#conts .statusDl dt {
	margin-bottom: -7px;
	padding: 0 0 6px 38px;
	color: #FF6600;
	overflow: hidden;
	font-weight: bold;
	line-height: 1.7;
	background: url(myhome/ranknow.gif) no-repeat left top;
}
#conts .statusDl td{
	height:18px;
	width: 180px;
}


#conts .statusDl .dt01 {
	background-image: url(myhome/ranknow_pf.gif);
	background-repeat: no-repeat;
	background-position: 10px top;
	padding-left: 28px;
}

#conts .statusDl .dt02 {
	background-image: url(book.gif);
	background-repeat: no-repeat;
	background-position: 10px top;
	padding-left: 28px;
}

#conts .statusDl .dt03 {
	background: url(myhome/npasticket2.gif) no-repeat left top;
	padding-left: 28px;
}
#conts .statusDl .dt04 {
	background-image: url(myhome/point2.gif);
	background-repeat: no-repeat;
	background-position: 7px top;
	padding-left: 28px;
}

#conts .statusDl dd {
	margin-bottom: 9px;
	color: #333;
	line-height: 15px;
	text-align: right;
}

#conts .statusDl a {
	margin-left: 15px;
	float: right;
}

#conts .gildTtl {
	padding: 3px 0 3px 38px;
	font-size: 13px;
	color: #333;
	font-weight: normal;
	background: url(myhome/shozokuguild.gif) no-repeat 8px top;
}

/*takuma kuroiwa. add #conts a .gildBox at the 2013.10.23 */
/*hidden guild block link underline at atag add. */
#conts a .gildBox {
	text-decoration: none;
}
#conts .gildBox {
	margin-bottom: 10px;
	padding: 3px;
	color: #666666;
	font-size: 14px;
	border: solid 1px #ccc;
	background-color: #F9F7F8;
}

/*takuma kuroiwa. add #conts a .gildBox at the 2013.10.23 */
/*hidden guild block link underline at atag add. */
#conts .gildBox a:link {
    color: #666666;
    text-decoration: none;
    cursor: pointer;
}
#conts .gildBox a:visited {
    color: #666666;
    text-decoration: none;
    cursor: pointer;
}
#conts .gildBox a:hover {
    color: #666666;
    text-decoration: none;
    cursor: pointer;
}
#conts .gildBox a:active {
    color: #0000FF;
    cursor: pointer;
}

#conts .gildBox .txtR {
	width: 186px;
	float: right;
}

#conts .gildBox .gildTxt {
	padding: 3px 0 0 28px;
	clear: both;
	color: #595959;
	background: url(myhome/guildranking.gif) no-repeat 3px 3px;
}

#conts .gildBox .gildTxt a {
	color: #595959;
	text-decoration: none;	
}

#conts .gildBox .gildTxt.delay {
	background: none;
}

#conts a .gildBox2 {
	text-decoration: none;
}
#conts .gildBox2 {
	margin-bottom: 10px;
	padding: 3px;
	color: #666666;
	font-size: 14px;
	border: solid 1px #ccc;
	background-color: #FFFFFF;
}

#conts .gildBox2 .txtR {
	width: 150px;
	margin-top: 0px;
	margin-left: 10px;

}
#conts .gildBox2 .txtR tr td {
	vertical-align: middle;
	padding-top: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#conts .gildBox2 .gildTxt {
	padding: 3px 0 0 5px;
	clear: both;
	color: #595959;
}

#conts .gildBox2 .gildTxt a {
	color: #595959;
	text-decoration: none;	
}
#conts .gildBox2 .nextLvinfo{
	font-size: 10px;
	margin-left: 10px;
}
#conts .friendsList {
	border: solid 1px #ccc;
	margin-bottom: 10px;
}

#conts .friendsList .scroll {
	padding-top: 15px;
	height: 200px;
	overflow-y: scroll;
}

#conts .friendsList ul {
	margin-left: 10px;
	width: 234px;
}

#conts .friendsList ul li {
	padding: 0 14px 20px 0;
	float: left;
	width: 64px;
	overflow: hidden;
	text-align: center;
}

#conts .friendsList ul li a {
	font-size: 10px;
	color: #333;
	display: block;
	white-space:nowrap;
	text-decoration: none;
	letter-spacing: -1.5px;
}

#conts .friendsList p {
	padding: 5px 17px 1px 0;
	text-align: right;
	background-color: #ccc;
}

#conts .friendsList p a {
	padding: 2px 0 0 19px;
	color: #666;
	text-decoration: none;
	background: url(myhome/plus.gif) no-repeat left top;
}

#conts .redTxt {
	margin: 14px 10px 24px 2px;
	color: #FF0000;
	line-height: 1.2;
	font-weight: bold;
}
/*------------------------------------------------------------
	サイドバー
------------------------------------------------------------*/
#main #sideBar {
	float: left;
	position: fixed;
	z-index: 998;
	width: 60px;
	background-color: #333;
}

#main #sideBar .leftNavi {
	padding: 10px 0 20px;
	background-color: #333;
}

#main #sideBar .leftNavi li {
	padding-bottom: 10px;
	float: left;
	width: 60px;
	position: relative;
	background-color: #333;
}

#main #sideBar .leftNavi a .actCnt {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 0;
	left: 2px;
	color: #fff;
	letter-spacing: -1px;
	text-align: center;
	z-index: 9;
	display: block;
	line-height: 1.4;
	text-decoration: none;
	background: url(info.gif) no-repeat left top;
}

#main #sideBar .leftNavi a:hover .actCnt,
#main #sideBar .leftNavi a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}

#main #sideBar .leftNavi a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

#main #sideBar .leftNavi a .act2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}

#main #sideBar img {
	display: block;
}

#ftSpace {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 1px;
	overflow: hidden;
	color: #333333;
}

#footer {
	text-align: center;
	position: fixed !important;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
	z-index: 999;
	background-color: #4E9ABE;
	color: #fff;
}

#footer .inner {
    width: 1002px;
    margin-left:auto;
    margin-right:auto;
    margin-top:3px;
    text-align: left;
}

#footer .inner .copyright {
    margin-left: 180px;
    text-align: center;
	font-size: 12px;
}
#footer .inner .txt_navi{
    margin-left: 60px;
}
#footer .inner .txt_navi a {
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
}



.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}
.jspPane a:link    {color:#FFFFFF; text-decoration:none;}
.jspPane a:visited {color:#FFFFFF; text-decoration:none;}
.jspPane a:hover   {color:#FFFFFF; text-decoration:none;}


.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 1px;
	width: 5px;
	height: 100%;
	opacity: 0;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	height: 8px;
	background: #666;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	position: relative;
}

.jspDrag
{
	background: #AAAAAA;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 8px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
	
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
.ps-container
{
	width: 100%;
	overflow: auto;
}
.horizontal-only
{
	height: 100%;
	max-height: 46px;
}
.hzn-footer
{
	height: 100%;
	max-height: 25px;
}
#container #header .inner .formBox #pagetitle {
	margin-top: 2.6em;
	line-height: 3px;
}
/* Safari 3以上, Chrome, Opera 9以上, Firefox 3.5以上*/
body:nth-of-type(1) #container #header .inner .formBox #pagetitle{
	margin-top: 2.5em;
	line-height: 3px;
}
body:first-of-type #container #header .inner .formBox #pagetitle{
	margin-top: 2.6em;
	line-height: 3px;
	float: left;
	width: 270px;
}

#container #header .inner .formBox #searchindex {
	margin-top: 2px;
	float: right;
	width: 360px;
}
#container #header .inner .formBox #searchindex span {
	font-size: 1.2em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#container #header .inner .formBox #searchindex .ticketCnt {
	height: 20px;
	float: right;
	text-align: right;
	width: 360px;
}
/* Safari 3以上, Chrome, Opera 9以上, Firefox 3.5以上*/
body:nth-of-type(1) #container #header .inner .formBox #searchindex .ticketCnt{
	height: 20px;
	float: right;
	text-align: right;
	width: 360px;
}
body:first-of-type #container #header .inner .formBox #searchindex .ticketCnt{
	height: 20px;
	float: right;
	text-align: right;
	width: 360px;
}
#container #header .inner .formBox #searchindex .selectSearch {
	margin-top: 2px;
	float: right;
	text-align: right;
	clear: both;
	width: 250px;
}
/* Safari 3以上, Chrome, Opera 9以上, Firefox 3.5以上*/
body:nth-of-type(1) #container #header .inner .formBox #searchindex .selectSearch{
	margin-top: 2px;
	float: right;
	text-align: right;
	clear: both;
	width: 250px;
	
}
body:first-of-type #container #header .inner .formBox #searchindex .selectSearch{
	margin-top: 2px;
	float: right;
	text-align: right;
	clear: both;
	width: 250px;
}
#container #header .inner .formBox #searchindex .selectSearch .searchform {
	background-image: url(srch_input.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 140px;
	float: left;
	margin-left: 5px;
}
#container #header .inner .formBox #searchindex .selectSearch .seachtxt {
	border: 1px solid #FFF;
	border: 1px solid #FFF;
	font-size: 10px;
	margin-top: 3px;
	margin-left: 5px;
	width: 120px;
}
#container #header .inner .formBox #searchindex .selectSearch #selectGenre {
	display: block;
	float: left;
}
#container #header .inner .formBox #searchindex .selectSearch .searchBtn {
	float: left;
	margin-top: 3px;
	margin-left: 3px;
}

#conts .comPhotoList {
	margin: -40px -39px 70px 0;
	width: 910px;
	overflow: hidden;
	zoom: 1;
}

#conts .comPhotoList li {
	margin: 40px 39px 0 0;
	width: 143px;
	float: left;
	color: #333;
}

#conts .comPhotoList li a:hover img {
	opacity:0.6;
	filter: alpha(opacity=60);
}

#conts .comPhotoList .inner {
	margin-bottom: 5px;
}

#conts .comPhotoList .inner .photo {
	float: left;
}

#conts .comPhotoList .inner ul {
	margin-top: 6px;
	width: 39px;
	float: right;
}

#conts .comPhotoList .inner li {
	margin: 0 21px 8px 0;
	width: auto;
}

#conts .comPhotoList .inner li img {
	display: block;
}

#conts .comPhotoList p {
	margin: 0 20px 2px 0;
	line-height: 1.2;
}

#conts .comPhotoList .textUl li {
	margin: 0;
	padding: 1px 0px 2px 26px;
	float: none;
	width: auto;
	background: url(friend/icon02.gif) no-repeat left top;
}

#conts .comPhotoList .textUl .txt {
	background-image: url(friend/icon03.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#conts .pageNavi02 {
	margin-bottom: 16px;
	text-align: center;
}

#conts .pageNavi02 li {
	padding: 0 2px;
	display: inline;
}

#conts .pageNavi02 li a {
	color: #666;
}

#conts .pageNavi02 li a:hover {
	text-decoration: none;
}

.comSection {
	margin: 0 0 10px;
	padding: 3px 3px 0;
	border: 1px solid #CCC;
	border-left: none;
	height: 650px;
	overflow-y: scroll;
	clear: both;
}

.comSection .inner {
	margin: 0 0 10px;
}

.comSection .inner .subBox {
	padding: 1px 0 0;
	width: 575px;
	float: right;
	background: url(chat/bg_01.gif) no-repeat left top;
	zoom:1;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}

.comSection .inner .sBox {
	padding: 4px 0 0px 20px;
/*	background: url(chat/bg_02.gif) no-repeat left bottom;*/
	zoom:1;
}

.comSection .inner .says {
	margin: 0 0 5px;
}

.comSection .inner .says p {
	color: #FF9900;
	font-weight: bold;
	float: left;
}

.comSection .inner .says p.mine {
	color: #2BA6E0;
	width: 130px;
}
.comSection .inner .says p.other {
	width: 130px;
}

/* 掲示板のランク表示文字カラー */
.comSection .inner .says p.rankword1 {
	color: #2BA6E0;
	width: 120px;
}
.comSection .inner .says p.rankword2 {
	color: #2BA6E0;
	width: 120px;
}
.comSection .inner .says p.rankword3 {
	color: #2BA6E0;
	width: 120px;
}
.comSection .inner .says p.rankword4 {
	color: #2BA6E0;
	width: 120px;
}

.comSection .inner .says .dl01 {
	/*width: 355px;*/
	width: 280px;
	float: right;
}

.comSection .inner .says .dl01 dt {
	margin-right: 10px;
	float: left;
}

.comSection .inner .says .dl01 dd {
	overflow: hidden;
	color: #999;
}

.comSection .inner .says .dl01 dd span {
	margin-right: 10px;
	display: inline-block;
	float: left;
}

.comSection .inner .says .dl01 dd img {
	vertical-align: baseline;
}

.comSection .inner .chaTxt {
	margin-bottom: 12px;
	line-height: 1.2;
	color: #999;
}

.comSection .chatBox {
	margin: 0 1px 0 -12px;
	padding: 3px 15px 1px;
	background-color: #ccc;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.comSection .chatBox a {
	color: #666;
	text-decoration: none;
}

.comSection .chatBox a:hover {
	text-decoration: underline;
}

.comSection .taLeft {
	float: left;
	width: 100px;
	zoom:1;
}

.comSection .taLeft a {
	padding-left: 20px;
	display: inline-block;
	color: #666;
	background: url(chat/icon_08.gif) no-repeat left center;
}

.comSection .chatList {
	float: left;
}

.comSection .chatList li {
	margin: 0 10px 0 0;
	float: left;
}

.comSection .chatList li a {
	padding-left: 20px;
	color: #666;
	display: inline-block;
}

.comSection .chatList .li01 a {
	background: url(chat/icon_09.gif) no-repeat left center;
}

.comSection .chatList .li02 a {
	background: url(chat/icon_10.gif) no-repeat left center;
}

.comSection .taRight {
	float: right;
	color: #fff;
}

.chatInner {
	margin: -170px 0 3px;/*ieなど*/
	padding: 5px 10px 17px;
	border-top: 1px solid #999;
	background: url(chat/bg_03.png) no-repeat left bottom;
	z-index: 10;
	zoom:1;
	width: 422px;
	min-height: 135px;
}
@media screen and (-webkit-min-device-pixel-ratio : 0 ) {
.chatInner,x:-moz-any-link{
	margin: -10px 0 3px;/*crome*/
	padding: 5px 10px 17px;
	border-top: 1px solid #999;
	background: url(chat/bg_03.png) no-repeat left bottom;
	z-index: 10;
	zoom:1;
	width: 422px;
	min-height: 135px;
}
}
@-moz-document url-prefix( ){
.chatInner{
	margin: -10px 0 3px;/*firefox*/
	padding: 5px 10px 17px;
	border-top: 1px solid #999;
	background: url(chat/bg_03.png) no-repeat left bottom;
	z-index: 10;
	zoom:1;
	width: 422px;
	min-height: 135px;
}
}

.chatInner .innerBox {
	margin: 0 0 10px;
}

.chatInner .dl02 {
	float: left;
	width: 200px;
}

.chatInner .dl02 dt {
	margin-right: 10px;
	float: left;
}

.chatInner .dl02 dd {
	padding: 10px 0 0;
	font-weight: bold;
	color: #FF9900;
}

.chatInner .dl02 dd.mine {
	color: #2BA6E0;
}

.chatInner .date {
	padding-top: 10px;
	color: #999;
	float: right;
}

.chatInner .sayTxt {
	min-height: 56px;
	margin: 0 0 15px;
	line-height: 1.2;
	color: #999;
	clear: both;
}

.closeBox .closeBtn {
	padding: 1px 10px;
	float: right;
	display: block;
	color: #fff;
	background-color: #999;
	text-decoration: none;
}

.closeBox .moreBtn {
	margin-right: 100px;
	padding: 1px 10px;
	float: right;
	display: block;
	color: #fff;
	background-color: #999;
	text-decoration: none;
}

.comNavi {
	margin: 0 0 0 15px;
	clear: both;
}

.comNavi li {
	margin-right: 2px;
	float: left;
	line-height: 1.2;
	text-align: center;
}

.comNavi li a {
	padding: 3px 0 5px;
	display: block;
	width: 118px;
	font-size: 14px;
	color: #3179B2;
	background: url(bg_01_off.gif) no-repeat left bottom;
	text-decoration: none;
}

.comNavi li a:hover,
.comNavi li.on a {
	font-weight: bold;
	background: url(bg_01_on.gif) no-repeat left bottom;
}

.leftBox {
	width: 180px;
	float: left;
}

.pageBox {
	margin-bottom: 1px;
	padding: 2px 5px 1px;
	background-color: #2BA6E0;
}

.pageBox .prev {
	float: left;
}

.pageBox a {
	font-size: 14px;
	line-height: 1.2;
	color: #fff;
	display: inline-block;
	text-decoration: none;
}

.pageBox .prev a {
	padding-left: 16px;
	background: url(arrow_01.png) no-repeat left center;
}

.pageBox .next {
	float: right;
}

.pageBox .next a {
	padding-right: 16px;
	background: url(arrow_04.png) no-repeat right center;
}

.pageNavi {
	margin: 0 auto;
	width: 66px;
}

.pageNavi .pNavi01 {
	float: left;
}

.pageNavi .pNavi01 a {
	padding-left: 12px;
	background: url(arrow_02.png) no-repeat left center;
}

.pageNavi .pNavi02 {
	float: right;
}

.pageNavi .pNavi02 a {
	padding-right: 12px;
	background: url(arrow_03.png) no-repeat right center;
}

.numList {
	text-align: center;
	clear: both;
}

.numList li {
	display: inline;
}

.numList li a {
	font-size: 14px;
	line-height: 1.2;
	color: #666;
}

.numList li a:hover {
	text-decoration: none;
}

.comBox {
	height: 580px;
	overflow-y: scroll;
}

.comBox .comInner {
	margin-bottom: 1px;
	padding: 2px;
	background-color: #D5F1FF;
	border-bottom: 1px solid #2BA6E0;
	min-height: 48px;
}

.comBox a {
	padding: 3px;
	color: #333333;
	display: block;
	cursor: pointer;
	text-decoration: none;
}

.comBox a:hover,
.comBox a.on {
	background-color: #E9F8FF;
}

.comBox a .spanImg {
	float: left;
}

.comBox a .spanImg img {
	vertical-align: baseline;
}

.comBox a .spanInner {
	padding: 5px 0 0;
	width: 112px;
	float: right;
}

.comBox a .spanTxt {
	display: block;
}

.comBox a .spanInner .number01 {
	padding-left: 16px;
	width: 40px;
	display: inline-block;
	background: url(icon_01.png) no-repeat left center;
}

.comBox a .spanInner .special {
	background: url(icon_03.png) no-repeat left center;
}

.comBox a .spanInner .number02 {
	padding-left: 20px;
	display: inline-block;
	background: url(icon_02.png) no-repeat left center;
}

#conts .result {
	color: #3179B2;
}

#conts .txtUl {
	padding: 0 5px 2px 0;
	text-align: right;
}

#conts .txtUl li {
	margin: 0 0 0 6px;
	display: inline;
}

#conts .txtUl li a {
	color: #666;
	text-decoration: none;
}

#conts .txtUl li a:hover,
#conts .txtUl .on a {
	font-weight: bold;
	color: #2BA5DF;
}

#conts .comSection .taLeft02 {
	width: 120px;
	float: left;
}

#conts .comSection .taLeft02 a {
	padding-left: 20px;
	color: #666;
	display: inline-block;
	text-decoration: underline;
	background: url(icon_11.png) no-repeat left top;
}

#conts .comSection .taLeft02 a:hover {
	text-decoration: none;
}

.page {
	text-align: right;
}

.page a {
	color: #000;
	display: inline-block;
	text-decoration: none;
}

.page span {
	padding-right: 5px;
	font-size: 13px;
	font-weight: bold;
	color: #2BA5DF;
}

#conts .comTable {
	width: 100%;
	border-collapse: collapse;
}

#conts .comTable th,
#conts .comTable td {
	padding: 10px;
	font-weight: normal;
	line-height: 1.5;
	text-align: left;
	color: #333;
	border: 1px solid #676767;
	vertical-align: middle;
}

#conts .comTable th {
	background-color: #EFEFEF;
}

#conts .comTable .vTop {
	vertical-align: top;
}

#conts .comTable td table {
	margin-top: 15px;
	width: 500px;
}

#conts .comTable td table td {
	padding: 2px;
	border: none;
}

#conts .comTable td table td input {
	width: 180px;
}

#conts .comTable td table .td01 {
	padding-left: 15px;
	line-height: 1.2;
}

#conts .comTable td .area01 {
	padding: 5px;
	font-size: 12px;
	line-height: 1.2;
	width: 450px;
	height: 225px;
}

#conts .comTable td .text03 {
	padding: 0px 0 10px;
}

#conts .comTable td .area02 {
	padding: 5px;
	font-size: 12px;
	line-height: 1.2;
	width: 450px;
	height: 65px;
}

#conts .comTable td .radList li {
	margin: 0 20px 0 0;
	float: left;
	color: #0B333A;
}

#conts .comTable td .radList li input {
	margin: 0 5px 0 0;
	vertical-align: -2px;
}

#conts .comTable td .wid01 {
	width: 490px;
}

#conts .comTable td .area {
	font-size: 12px;
	width: 490px;
	height: 280px;
}

#conts .submit {
	margin: 20px 0 0;
	text-align: center;
}

#conts .submit li {
	display: inline;
}

#conts .submit li input {
	width: 100px;
	font-size: 17px;
}
#conts .rightBox .okmark {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	color: #3C6;
	margin-left: 5px;
}
#conts .edittile {
	color: #F60;
}
#conts #kiyaku {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 140%;
	width:630px;
}
#conts #kiyaku p{
	margin-bottom:10px;
}
#conts .pageContent {
	font-size: 14px;
	margin-bottom: 50px;
	margin-top: 50px;
	margin-left: 100px;
	margin-right:100px;
}
#conts .pageContent .pageBlock {
	margin-left: 20px;
	margin-bottom: 30px;
}
#conts .pageContent h2 {
	color: #F60;
}
#conts .infoMessage {
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #F00;
}
#conts .contactform{
	width: 700px;
}

#conts .pageContent .contactSubmit {
	width: 750px;
	text-align: center;
}
#conts .pageContent .contactSubmit input{
	font-size: 18px;
	margin: 10px;
}

#conts #appform {
	width: 750px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	background-color:#FFFFFF;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity:0.85;
}
#conts #appform .infomess {
	margin-bottom: 20px;
	margin-left: 25px;
}
#conts #appform h2 {
	border-left-width: 3px;
	border-left-style: double;
	border-left-color: #06F;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #06F;
	padding-left: 10px;
	margin-bottom: 10px;
}
#conts #appform #app tr td .required {
	font-size: 0.8em;
	color: #F00;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-left: 5px;
}
#conts #appform #app tr td .attention {
	display: block;
	color: #F00;
	font-weight: bold;
}

#conts #serial .comTable tr th .required {
	font-size: 0.8em;
	color: #F00;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-left: 5px;
}
#conts #serial .comTable tr th .attention {
	display: block;
	color: #F00;
	font-weight: bold;
}


/* add takuma kuroiwa 2013.10.23 */
#conts .guild_sys_mess {
	background-color: #FFC;
	border: 1px solid #F60;
	padding: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
}
#conts .guild .rightBox .section01 .guild_sys_mess {
	font-weight: bold;
	color: #F60;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
#conts .guild_sys_mess dt{
    float:left;
    margin-right:5px;
}
#conts .guild_sys_mess dt img{
    vertical-align:bottom;
}
#conts .guild_sys_mess dd img{
    vertical-align:top;
}

.agree_btn {
	background-color:#F60;
	border:1px;
	border-color:#C00;
	cursor: pointer;
	padding-top: 2px;
}
	
.oppose_btn {
	background-color:#6CF;
	border:1px;
	border-color:#00C;
	cursor: pointer;
	padding-top: 2px;
}
#conts .fL .rankicon {
	 float:right;	
}