.my-container{
	background-color:white;
    background-clip: padding-box;

    border-radius:0px 0px 6px 6px;
	-moz-border-radius:0px 0px 6px 6px;
	-webkit-border-radius:0px 0px 6px 6px;

    line-height: 175%;
    margin-bottom: 20px;
    padding-bottom: 0px;
	padding-top:0px;
    background-color:rgba(255,255,255,0.75);
}

.main-container{
	background-color:white;
    background-clip: padding-box;

    border-radius:0px 0px 6px 6px;
	-moz-border-radius:0px 0px 6px 6px;
	-webkit-border-radius:0px 0px 6px 6px;

    line-height: 175%;
/*    margin-bottom: 20px; */
    padding-bottom: 0px;
	padding-top:0px;
    background-color:rgba(255,255,255,0.75);
}

.main-container{
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
    zoom:1;
}
/* .main-container:after{clear:both;} */

.side-container {
}
.side-container:after{clear:both;}

.containerFrame {
	background-color:white;
    background-clip: padding-box;

    border-radius:0px 0px 6px 6px;
	-moz-border-radius:0px 0px 6px 6px;
	-webkit-border-radius:0px 0px 6px 6px;

    line-height: 140%;
    padding-bottom: 20px;
	padding-top:0px;
    background-color:rgba(255,255,255,0.75);
    margin-left:10px;
}

.error {
    color:red;
    padding-bottom:5px;
}

.page-links{
    font-size:x-large;
}

.page-links .active, .page-links .active a{
    color:gray;
}

.actions .previous-inactive{
    margin-left:250px;
}

.actions .previous-inactive, .actions .previous-inactive a{
    font-size:xx-large;
    color:gray;
}

.actions .next-inactive, .actions .next-inactive a{
    font-size:xx-large;
    color:gray;
}

.actions .next{
    font-size:xx-large;
}

.actions .previous{
    margin-left:250px;
    font-size:xx-large;
}

.btn.my-primary {
    background-color: #0064CD;
    background-image: -moz-linear-gradient(center top , #049CDB, #0064CD);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align:middle;
    margin-bottom:5px;
}

.btn.my-green {
/*
    background-color: #00CDA4;
    background-image: -moz-linear-gradient(center top , #00DBAC, #00CD94);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align:middle;
    margin-bottom:5px;
*/
    color:#FFFFFF;
    background-color:#3cc435;
    background-repeat:repeat-x;
    background-image:-khtml-gradient(linear, left top, left bottom, from(#5fee5b), to(#3cc435));
    background-image:-moz-linear-gradient(top, #5fee5b, #3cc435);
    background-image:-ms-linear-gradient(top, #5fee5b, #3cc435);
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #5fee5b), color-stop(100%, #3cc435));
    background-image:-webkit-linear-gradient(top, #5fee5b, #3cc435);
    background-image:-o-linear-gradient(top, #5fee5b, #3cc435);
    background-image:linear-gradient(top, #5fee5b, #3cc435);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fee5b', endColorstr='#3cc435', GradientType=0);
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color:#3cc435 #3cc435 #2a8825;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    vertical-align:middle;
    margin-bottom:5px;
}

.btn.my-yellow {
    background-color: #CDCD00;
    background-image: -moz-linear-gradient(center top , #DBDB00, #CDCD00);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: black;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    vertical-align:middle;
    margin-bottom:5px;
}

.btn.my-delete {
    color:#FFFFFF;
    background-color:#c43c35;
    background-repeat:repeat-x;
    background-image:-khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
    background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);
    background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
    background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image:linear-gradient(top, #ee5f5b, #c43c35);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    border-color:#c43c35 #c43c35 #882a25;
    border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    vertical-align:middle;
    margin-bottom:5px;
}

.commenttext {
    /* background: url("http://jochuden.net/images/comment560_192_225_229.png") no-repeat scroll left top #FFFFFF; */
    background-color: #F8F8FF;
    clear: both;
    margin: 0px 0 10px;
    padding: 20px 20px 20px 20px;
    /* width: 550px; */
    border: 1px solid #AAAAAA;

/*
    border-radius:7px 7px 7px 7px;
	-moz-border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;
*/
    line-height:175%;
    font-size:small;
}

.commentname {
    margin:0px;
    padding:0px;
    font-size:small;
}


.commentform {
   width: 90%;
}

.myblog {
    margin:0;
    padding:0;
    line-height:1;
}

h1.myblog { font-size:200%; margin-top:10px; margin-bottom:10px; }
h2.myblog { font-size:175%; margin-left:0px; margin-top:9px; margin-bottom:9px; }
h3.myblog { font-size:150%; margin-left:0px; margin-top:8px; margin-bottom:8px; }
h4.myblog { font-size:125%; margin-left:0px; margin-top:7px; margin-bottom:7px; }
h5.myblog { font-size:110%; margin-left:0px; margin-top:5px; margin-bottom:5px; }

.my-form-name { margin-left:15px; width:260px;}
.my-form-email { margin-left:15px; width:260px;}
.my-form-body { margin-left:15px; width:440px;}
.my-edit-body { margin-left:15px; width:600px;}


.div-type1{ margin-left:5px;  padding-left:10px;  }
.div-type2{ margin-left:10px; padding-left:10px; }
.div-type3{ margin-left:15px; padding-left:10px; }
.div-type4{ margin-left:20px; padding-left:10px; }

.white-type1{ margin-left:5px;
    border: 1px solid #CCCCCC;
    padding-left:20px; padding-right:15px;
    padding-top:14px; padding-bottom:14px; margin-top: 5px;
    background-color:white; line-height:175%; 
    border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
}
.white-type2{ margin-left:10px;
    border: 1px solid #CCCCCC;
    padding-left:20px; padding-right:15px;
    padding-top:14px; padding-bottom:14px; margin-top: 5px;
    background-color:white; line-height:175%;
    border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
}
.white-type3{ margin-left:15px;
    border: 1px solid #CCCCCC;
    padding-left:20px; padding-right:15px;
    padding-top:14px; padding-bottom:14px; margin-top: 5px;
    background-color:white; line-height:175%;
    border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
}
.white-type4{ margin-left:20px;
    border: 1px solid #CCCCCC;
    padding-left:20px; padding-right:15px;
    padding-top:14px; padding-bottom:14px; margin-top: 5px;
    background-color:white; line-height:175%;
    border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
}

.div-white{
    border: 1px solid #CCCCCC;
    padding-left:20px; padding-right:15px;
    padding-top:14px; padding-bottom:14px; margin-top: 5px;
    line-height:150%;
    background-color:white;
    max-width: 640px;
    text-align:left;
/*
    border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
*/
}

.div-gray{
    border: 1px solid #AAAAAA;
    padding-left:20px; padding-right:15px;
    padding-top:14px; padding-bottom:14px; margin-top: 5px;
    line-height:150%;
    background-color:#CCCCCC;
    color:#888888;
/*
    border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-radius:8px 8px 8px 8px;
*/
}

.div-blue{
    background-image: url("http://jochuden.net/images/blue_grad.png");
    background-repeat: repeat-x;
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin-top: 5px;
}

.div img{
    vertical-align: text-bottom;
}

.footer-div{
    margin:0px;
    padding:0px;
    text-align:center;
}

.footer-div a{
} 

.footer-div a img{
    margin:0px;
    padding:0px;
    vertical-align: bottom;
}

#kindleItemId{
    margin:0px;
    padding:0px;
    margin-bottom:5px;
}
#kindleLinkId{
    line-height:100%;
    font-size:x-small;
}

#kindleImageId{
    height:160px;
    width:160px;
    border:1px solid gray;
    vertical-align:middle;
    margin-bottom:2px;
}

#itemImageId{
}

.itemImage {
}

.trans-table{
    border: 0px solid;
	width:auto;
	margin-bottom:0;
	padding-bottom:0;
	vertical-align:middle;
}

.trans-table td{
    border: 0px solid;
	margin-bottom:0;
	padding-bottom:0;
	vertical-align:middle;
	font-size:120%;
	line-height:150%;
}

a.title,a.title:hover,a.title:active{
	text-decoration:none;
	padding:0;
    margin:0;
	color:black;
}
a.title img, a.title:hover img,  a.title:active img{
    border-style:none;
	padding:0;
    margin:0;
}

img.border-none {
    border-style:none;
}

table.trans{
    border:0;
	margin:0;
	padding:0;
	vertical-align:middle;
}

table.trans td{
    border:0;
	margin:0;
	padding:0;
	vertical-align:middle;
}

table.noborder{
    border:0;
    font-size:100%;
}

table.noborder td{
    border:0;
}

.banner-table {
    position:relative;
    display: table;
    width: 100%;
    background-color:rgba(0,0,0,0.60);
}

.banner-left {
    vertical-align:bottom;
    width:175px;
    min-width:175px; 
    /*display: table-cell;*/
    display:none;
}

.banner-right {
    width:175px;
    min-width:175px;
    vertical-align:bottom; 
    /*display: table-cell;*/
    display:none;
}

.img-radius {
    border-radius:17px 17px 17px 17px;
	-moz-border-radius:17px 17px 17px 17px;
	-webkit-border-radius:17px 17px 17px 17px;
	border:1px solid black;
	margin:0;
	padding:0;
    margin-top:4px;
}

.shadow-pullright {
	position: relative;
	max-width: 100%;
	float: right;
}
    
.shadow-pullright::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: inset 0 0 3px rgba(0,0,0,.95);
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,.95);
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.95);
} 

.shadow-pullright img {
	float: left;
} 

.shadow-pullleft {
	position: relative;
	max-width: 100%;
	float: left;
}
    
.shadow-pullleft::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: inset 0 0 3px rgba(0,0,0,.95);
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,.95);
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.95);
} 

.shadow-pullleft img {
	float: left;
} 


.shadow-img {
	position: relative;
	max-width: 100%;
	float: left;
}
    
.shadow-img::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: inset 0 0 3px rgba(0,0,0,.95);
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,.95);
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.95);
} 

.shadow-img img {
	float: left;
}

.banner-chara {
    border-radius:17px 17px 17px 17px;
	-moz-border-radius:17px 17px 17px 17px;
	-webkit-border-radius:17px 17px 17px 17px;

    border:0px;
    margin:0;
    padding:0;
}

.indent-dot5em {
    padding-left: 0.5em;
}

.indent-dot75em {
    padding-left: 0.75em;
    text-indent: -1em;
}


.indent1em {
    padding-left: 1em;
    text-indent: -1em;
}

.indent2em {
    padding-left: 2em;
    text-indent: -1em;
}

.indent3em {
    padding-left: 3em;
    text-indent: -1em;
}


.indent1em2 {
    padding-left: 2em;
    text-indent: -2em;
}

.indent2em2 {
    padding-left: 3em;
    text-indent: -2em;
}

.indent3em2 {
    padding-left: 4em;
    text-indent: -2em;
}


.leftsideArrowBox {
	position: relative;
	/* background: #d3d5d3; */
	border: 5px solid white;
	color:white;
	vertical-align:top;
	padding-top:10px;
	/* border: 5px solid #171b36; */

    border-radius:12px 12px 12px 12px;
	-moz-border-radius:12px 12px 12px 12px;
	-webkit-border-radius:12px 12px 12px 12px;

	/* word-break:break-all; */
	word-break: normal;
	word-wrap: break-word;
    z-index:1000;

}
.leftsideArrowBox:after, .leftsideArrowBox:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
    z-index:1000;
}

.leftsideArrowBox:after {
	/* border-color: rgba(211, 213, 211, 0); */
	/* border-left-color: #d3d5d3; */
	border-color: rgba(255, 255, 255, 0);
	border-left-color: rgba(255, 255, 255, 0);

	border-width: 15px;
	margin-top: -15px;
    z-index:1000;
}
.leftsideArrowBox:before {
/*	border-color: rgba(23, 27, 54, 0);
	border-left-color: #171b36; */
	border-color: rgba(23, 27, 0, 0);
	border-left-color: rgba(255, 255, 255, 1);
	border-width: 22px;
	margin-top: -22px;
    z-index:9999999;
}

.rightsideArrowBox {
	position: relative;
	/* background: #d3d5d3; */
	background: rgba(255, 255, 255, 0.1);
	/* border: 5px solid #171b36; */
	border: 5px solid white;
	color:white;
	vertical-align:top;
	padding-top:10px;

    border-radius:7px 7px 7px 7px;
	-moz-border-radius:7px 7px 7px 7px;
	-webkit-border-radius:7px 7px 7px 7px;

	/*word-break:break-all;*/
	word-break: normal;
	word-wrap: break-word;
    z-index:1000;
}
.rightsideArrowBox:after, .rightsideArrowBox:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
    z-index:1000;
}

.rightsideArrowBox:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: rgba(255, 255, 255, 0);
	border-width: 15px;
	margin-top: -15px;
}
.rightsideArrowBox:before {
	/* border-color: rgba(23, 27, 54, 0); */
	/* border-right-color: #171b36; */

	border-color: rgba(23, 27, 0, 0);
	border-right-color: rgba(255, 255, 255, 1);
	border-width: 22px;
	margin-top: -22px;
}


hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

hr.style-seven {
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;

    border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px+
}

hr.style-seven:before {
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;   
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;

    border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px+
}

hr.style-seven-dot {
    height: 30px;
    border-style: dotted;
    border-color: black;
    border-width: 1px 0 0 0;

    border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px+
}

hr.style-seven-dot:before {
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;   
    border-style: dotted;
    border-color: black;
    border-width: 0 0 1px 0;

    border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px+
}


hr.style-eight {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}

hr.style-eight:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em; 
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}


.css_btn_class {
/*	font-size:16px;*/
/*	font-family:Arial; */
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #83c41a;
	padding:4px 8px;
/*	padding:9px 18px; */
	text-decoration:none;
	background:-moz-linear-gradient( center top, #9dce2c 15%, #8cb82b 90% );
	background:-ms-linear-gradient( top, #9dce2c 15%, #8cb82b 90% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #9dce2c), color-stop(90%, #8cb82b) );
	background-color:#9dce2c;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #689324;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #c1ed9c;
 	-moz-box-shadow:inset 1px 1px 0px 0px #c1ed9c;
 	box-shadow:inset 1px 1px 0px 0px #c1ed9c;
}.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #8cb82b 15%, #9dce2c 90% );
	background:-ms-linear-gradient( top, #8cb82b 15%, #9dce2c 90% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #8cb82b), color-stop(90%, #9dce2c) );
	background-color:#8cb82b;
}.css_btn_class:active {
	position:relative;
	top:1px;
}

#copyright p {
/*    float: right; */
    text-align:center;
    color: white;
    font-size: small;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 30px;
}

#copyright a {
    color: white;
    text-decoration:underline;
}

#footer {
    background-color:rgba(0,0,0,0.5);
    /* background-color: rgb(33, 31, 28); */
    color: white;

    border-radius: 0px 0px 6px 6px;;
	-moz-border-radius: 0px 0px 6px 6px;;
	-webkit-border-radius: 0px 0px 6px 6px;
}

#footer2 {
    background-color:rgba(0,0,0,0.7);
    color: white;
}

font.large {
    padding:0;
    margin:0;
    font-size:large;
    font-weight:bold;
}

font.small {
    padding:0;
    margin:0;
    font-size:small;
}

div.left-talk {
	padding-left: 0.5em;
	word-wrap: break-word;
	word-break: normal;
}

div.right-talk {
	padding-left: 0.5em;
	word-wrap: break-word;
	word-break: normal;
}

span.comment-color {
    margin-top:0px;
    margin-bottom:0px;
    color:#339933;
}

div.comment-color{
    margin-top:0px;
    margin-bottom:0px;
    color:#339933;
}

td.faces {
    width:150px;
    border:0px;
    margin:0px;
    padding:0px;
    padding-top:10px;
    display:none;
}

.mymenu {
    clear:both;
    position: relative;
}

.mymenu ul {
    margin:0px;
    padding:0px;
    margin-top:10px;
    font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    float:left;
    left:50%;
    position: relative;
}

.mymenu ul li {
    margin-top:0px;
    padding:0px;
    font-size:165%;
    float:left;
    left:-50%;
    position: relative;
}

.mymenu ul li+li {
    margin-left:8px;
}

.mymenu ul li.active a{
	/* color:#AAAABB; */
	/*	color:#BB6864; */
    color:gray;
	background: transparent;
}

.footersns {
    clear:both;
    position: relative;
    text-align:left;
    padding-bottom:20px;
}

.footersns ul {
    margin:0px;
    padding:0px;
    float:left;
/*    left:50%; */
/*    position: relative; */
}

.footersns ul li {
    margin-top:0px;
    margin-left:20px;
    padding:0px;
    float:right;
/*  left:-50%; */
    position: relative;
    list-style-type: none;
}

.footersns ul li a{
	color:#444444;
	background: transparent;
}

.footersns ul li a:hover{
	color:blue;
	background: transparent;
}

.footersns ul li.twitter a{
	color:#55ACEE;
	background: transparent;
}

.footersns ul li.facebook a{
	color:#355699;
	background: transparent;
}

.footersns ul li.googleplus a{
	color:#C40807;
	background: transparent;
}

.footersns ul li.hatenabookmark a{
	color:#0F357E;
	background: transparent;
}

.footersns ul li.pocket a{
	color:#F13D58;
	background: transparent;
}

td.talk-time {
    text-align:right;
    color:gray;
    font-style:italic;
}

div.guide-message {
    color:red;
    padding:0;
    margin:0;
    width:60%;
    background-color:#F4F4F4;
    /* background-color:white; */
    font-size:100%;
    margin-top:20px;
    margin-left:120px;
    margin-right:20px;
    margin-bottom:20px;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:left;
    line-height:150%;
    border: 1px solid #CCCCCC;
/*  border: 1px solid red; */
/*
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px; */
}

img.img-rect {
    max-width:100%;
}


#confirm-overlay {
    background-color: rgb(200, 200, 200);
    /* background-color:#eee; */
    /* background-color:transparent; */
    /* background-image: url("http://jochuden.net/images/chara/Misc/トリスBw300h300.jpg"); */
    background-image: url("../../images/chara/Misc/background-w800.jpg");
    background-position: center;
    position: fixed;
    top: 0px;
    z-index: 1501;
    width: 1500px;
    height:1500px;
    left:0px;
}

#confirm-display {
    padding-top:40px;
    background-color: rgb(255, 255, 255);
    overflow:visible;
    position: fixed;
    z-index: 1502;
    height:400px;
    width:90%;
    min-width:320px;
    left:5%;
    right:5%;
    top:0%;
}

div.jochuden {
    text-align:center;
    margin:0;padding:0;
    font-size:175%;
    font-weight:bold;
    margin-top:20px;
    margin-bottom:20px;
}

span.jochuden-alert {
    color:red;
    font-size:110%;
}

span.jochuden-yes, span.jochuden-no {
    color:#0069d6;
    text-decoration:none;
    line-height:normal;
    font-weight:normal;
    font-size:130%;
    cursor:pointer;
}

span.jochuden-yes {
}

span.jochuden-yes:hover, span.jochuden-no:hover {
    color:#00438a;
    text-decoration:none;
    border-bottom:2px solid;
}


#confirm-overlay-mobile {
    background-color: rgb(255, 255, 255);
    /* background-color:#eee; */
    /* background-color:transparent; */
    /* background-image: url("http://jochuden.net/images/chara/Misc/トリスBw300h300.jpg"); */
    background-position: center;
    position: fixed;
    top: 0px;
    z-index: 1501;
    width: 1500px;
    height:1500px;
    left:0px;
}

#confirm-display-mobile {
    background-color: rgb(255, 255, 255);
    overflow:visible;
    position: fixed;
    z-index: 1502;
    height:400px;
    min-width:320px;
    left:10px;
    right:10px;
    top:0%;
}


div.jochuden-mobile {
    text-align:center;
    margin:0;padding:0;
    font-size:130%;
    font-weight:bold;
    margin-top:15px;
    margin-bottom:10px;
}


.lock {
    overflow: hidden !important;
}

#right-alert-mobile{
    width:20%;
    max-width:200px;
    text-align:left;
    display:none;
}

#left-alert-mobile{
    width:20%;
    max-width:200px;
    text-align:right;
    display:none;
}

#left-alert-pc{
    width:20%;
    max-width:200px;
    text-align:right;
    display:none;
}

#right-alert-pc{
    width:20%;
    max-width:200px;
    text-align:left;
    display:none;
}

.div-submenu{
    border: 1px solid #CCCCCC;
    padding:0px;
    margin:0px;
    line-height:150%;
    background-color:white;

}

.kindleItem {
    width:100%;
}

.kindleItem ul{
    float:left;
/*    left:50%;
    position: relative; */
    line-height:150%;
}
.kindleItem li{
    width:190px;
    height:130px;
    font-size:70%;
    line-height:125% !important;
    list-style-type: none; 
    text-align:center !important;
    float:left; 
/*    left:-50%; */
    position: relative;
/*    margin:10px; */
    word-break: normal;
    word-wrap: break-word;
}

.kindleItem li+li{
    margin-top:15px;
}

.nav-tabs li{padding-left:5px !important; padding-right:5px !important;}
.nav-tabs a:hover { color:black; }
.nav-pills a:hover { background-color:#EB6864 !important; }
.nav-pills a{
	color:white;
	margin-top:2px;
	padding:10px 7px !important;
	font-size:90% !important;
	background-color:rgba(0,0,0,0.7);
}

.nav-pills {
    position: relative;
/*    left: 50% !important; */
}
.nav-pills li{
    position: relative;
/*    left: -50% !important; */
}


.mykindlebook {
    margin:0px;
    padding:0px;
    text-align:center;
    line-height:100%;
    margin-top:8px;
    margin-bottom:2px;
    padding-left:50px;
    padding-right:50px;
}


.edittab {
    width:100%;
}

.edittab ul{
    margin-top:10px;
    float:left;
/*    left:50%;
    position: relative; */
    line-height:150%;
}

.edittab li {
    width:150px;
    font-size:70%;
    line-height:125% !important;
    list-style-type: none; 
    text-align:center !important;
    float:left; 
/*    left:-50%; */
    position: relative;
/*    margin:10px; */
    word-break: normal;
    word-wrap: break-word;
}

.whatnew-line {
    border-bottom:1px solid #AAAAAA;
    border-left:1px solid #AAAAAA;
    border-right:1px solid #AAAAAA;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    background-color:white;
    line-break:strict;
    word-break: normal;
    word-wrap: break-word;
}

.whatnew-title {
    font-weight:bold;
}

.whatnew-date {
    padding-right:10px;
    text-align:right;
}

div.refpage {
	float:right;
    color:black;
    padding:0;
    margin:0;
	width:270px;
/*    background-color:#F4F4F4; */
	background-color:white;
    font-size:90%;
    margin-top:0px;
    margin-left:20px;
    margin-bottom:20px;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:left;
    line-height:150%;
    border: 1px solid #CCCCCC;
}

#guideTree1{
    float:left;
    display:none;
}
#guideTree2{
    color:black;
    display:none;
}

.nav li a.darknav {
    color:white;
    margin-top:0;
    margin-bottom:0;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:10px;
    padding-right:10px;
}

.nav li a.darknav:hover {
    color:#777777;
/*	background-color:rgba(0,0,0,0.2); */
	background-color:transparent;
}

.nav li a.darknav:active {
    color:gray;
}

.navbar-header span.navtitle {
    margin-top:5px;
    margin-bottom:5px;
}

.navbar-header {
    color:white;
    font-size:120%;
    padding-right:5px;
    padding-top:20px;
    padding-left:30px;
}

#nav .container {
    background:transparent;
    padding-left:0px;
    width:100%;
    margin:0;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}

nav.navbar {
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
    /* min-height:0px; */
    margin-bottom:0px;
    background-color:rgba(0,0,0,0.2);
}

.navbar .nav,
.navbar .nav > li {
  float:none;
  display:inline-block;
  *display:inline; /* ie7 fix */
  *zoom:1; /* hasLayout ie7 trigger */
  vertical-align: top;
}

.navbar .navbar-header {
	float:none;
}

.navbar-inner {
  text-align:center;
}

#nav.affix + #mainContent {
/*	padding-top: 100px !important; */
}

div.comment-line {
/*    background-color: #F8F8FF; */
    background-color: white;
    border-bottom:1px solid #AAAAAA;
    border-left:1px solid #AAAAAA;
    border-right:1px solid #AAAAAA;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    line-break:strict;
    word-break: normal;
    word-wrap: break-word;
}

div.comment-top {
    background-color: white;
/*    background-color: #F8F8FF; */
    border-top:1px solid #AAAAAA;
    border-bottom:1px solid #AAAAAA;
    border-left:1px solid #AAAAAA;
    border-right:1px solid #AAAAAA;
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    line-break:strict;
    word-break: normal;
    word-wrap: break-word;
}

div.my-comment-title {
    font-weight:bold;
    text-align:left;
    padding-top:2px;
    padding-bottom:4px;
}

div.my-comment-body {
    padding-left:10px;
}

div.my-comment-name {
    font-weight:bold;
    padding-top:10px;
    padding-right:10px;
    text-align:right;
}

.popover {
    border-radius: 8px;
}

a {
	color:#228BAA;
}

a:hover {
	color:#222B5A;
}