@CHARSET "UTF-8";

/*
 * 主に メインコンテンツ部分の stylesheet
 */

/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
.jqmWindow {
    display: none;

    position: fixed;
    top: 17%;
    left: 50%;

    margin-left: -300px;
    width: 600px;

    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}
.jqmOverlay { background-color: #000; }
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}
/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}



#main_contents h1 {
	text-align: center;
	color: #666;
}

#publicity {
	text-align: right;
	color: #ccc;
	margin: -10px 20px 10px 0;
}

.pagger {
	text-align: center;
	margin-buttom: 10px;
	height: 20px;
	font-size: 12pt;
	font-weight: bold;
	color: #666;
}






/* gallery container */
div.gallery {
	overflow: hidden;
	height: auto;
	margin: 20px 0 0 10px;
	padding: 0;
}
div.gallery .item {
	float: left;
	width: 200px;
	margin-right: 5px;
	background-color: #fff;
}
div.gallery .item div {
	padding: 5px;
}
div.gallery .item > img {
	background-color: #ccc;
}

.log_anchor {
	float: right;
	color: #f80;
}

.comment_box {
	font-size: 8pt;
}
.comments_left {
	overflow: hidden;
	height: auto;
}
.comments_left > img {
	float: left;
	margin-right: 0.5em;
	padding: 0;
	border: 0;
}
.comments_left p {
	overflow: hidden;
	height: auto;
	margin: 0;
}
.comments_left p.mycomment {
	font-size: 10pt;
}





/* add new list gallery */
div#list_add_form {
	text-align: center;
	color: #666;
	margin-top: 100px;
}
div#list_add_form > h1 {
	color: #ddd;
	letter-spacing: 0.2em;
}
div#list_add_form form {
	position: relative;
	background-color: #fff;
	border: 1px solid #ccc;
	width: 485px;
	margin-left: 75px;

}
div#list_add_form input#url {
	width: 400px;
	height: 18px;
	border: none;
}
div#list_add_form input#addListBtn {
	width: 75px;
	margin: 1px;
	border: 1px solid #900;
	color: #fff;
	background-color: #e28c76;
	background: -moz-linear-gradient(top, #fdf6c5, #d04540);
	background: -webkit-gradient(linear, left top, left bottom, from(#fdf6c5), to(#d04540) );
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fdf6c5', endColorstr='#d04540');
}
input#addListBtn:hover {
	background: -moz-linear-gradient(top, #d04540, #fdf6c5);
	background: -webkit-gradient(linear, left top, left bottom, from(#d04540), to(#fdf6c5) );
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#d04540', endColorstr='#fdf6c5');
}





/* chat room list */
.chat_info {
	margin: 15px 0 0 15px;
}
.chat_info h2 {
	color: #666;
	margin: 0;
	letter-spacing: 0.1em;
}


.chatroom_list {
	overflow: hidden;
	height: auto;
}
.chatroom {
	float: left;
	width: 180px;
	margin: 15px;
}
.chatroom:first-line {
	text-indent: .5em;
}
.chatroom > .roomname {
	text-indent: .5em;
	display: block;
}
.chatroom > div {
	background-color: #fff;
	border: 1px dotted #ccc;
	height: 120px;
}


/*
 * my gallery
 *
 */
body#mygallery .upper_contents {
	position: relative;
	font-size: 10pt;
	padding-left: 10px;
	margin-bottom: 10px;
}
body#mygallery .upper_contents h2 {
	margin: 10px 0;
}
body#mygallery .upper_contents .pagger {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 630px;
	margin-left: 160px;
}
body#mygallery #left_contents > h4 {
	letter-spacing: 0.2em;
	margin-bottom: 1em;
	width:150px
}
body#mygallery #left_contents #add_list {
	display: block;
	padding: 5px;
	text-align:center;
	font-weight: bold;
	letter-spacing: .2em;
	color: #fff;
	background: #ff8000;
}
body#mygallery #left_contents #add_list:hover {
	background: #ff8f00;
}
body#mygallery #left_contents > .favoriteList {
	color: #ff8000;
}
body#mygallery #right_contents {
	color: #2ca7e0;
}
body#mygallery #right_contents > #activity:BEFORE {
	content: url("image/Twitter_logo_S.png");
}

body#mygallery #main_contents {
	/* gallery list 分 戻し */
	margin-top: -20px;
}







/* work view */
.work_comment {
	margin-top: 1px;
	padding: 10px;
	background: #fff;
}

#work_list_gallery {
	margin: 30px 0 10px 0;
}
#work_list_gallery h3 {
	font-size: 20pt;
	color: #999;
	margin-bottom: .5em;
	padding: 0;
	letter-spacing: .5em;
}
#work_list_gallery img {
	margin-right: 15px;
	vertical-align: middle;
	background-color: #fff;
}
#work_list_gallery > strong {
	font-size: 20pt;
	color: #999;
}
#favorite_btn {
	display: inline;
	position: absolute;
	top: 0;
	margin-left: 10px;
	padding: 0 5px;
	height: 20px;
	border: 1px solid #ccc;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: .2em;

	background: #f8f8f8;
	background: -moz-linear-gradient(top, #ffffff, #dedede);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dedede) );
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dedede');
}
#favorite_btn > span {
	font-size: smaller;
	padding: 0 3px;
	color: #269eff;
	border: 1px solid #269eff;
}
#favorite_btn:hover {
	background: #dedede;
	background: -moz-linear-gradient(top, #dedede, #ffffff);
	background: -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#ffffff) );
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dedede', endColorstr='#ffffff');
}
#favorite_btn:hover span {
	border-color: #ff8000;
	color: #ff8000;
}


#favoriteTipBox {
	display: none;
}

#copy_button {
	display: inline-block;
	/*position: absolute;*/
	top: 0;
	/*margin-left: 270px;*/
	padding: 0 5px;
	height: 20px;
	border: 1px solid #ccc;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: .2em;
	float: left;
	background: #f8f8f8;
	background: -moz-linear-gradient(top, #ffffff, #dedede);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dedede) );
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dedede');
}
#copy_button:hover {
	background: #dedede;
	background: -moz-linear-gradient(top, #dedede, #ffffff);
	background: -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#ffffff) );
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#dedede', endColorstr='#ffffff');
	/*cursor: pointer;*/
}

#guest_copy_button {
	top: 0;
	padding: 0 5px;
	height: 20px;
	border: 1px solid #ccc;
	line-height: 20px;
	font-weight: bold;
	letter-spacing: .2em;

	display: inline-block;
	position: relative;
	float: right;

	background: #f8f8f8;
	background: -moz-linear-gradient(top, #ffffff, #dedede);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dedede) );
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dedede');
}

#copy_url_area {
	border:0;
	/*
	padding:10px;
	margin:0 0 20px;
	font-family:Arial, sans-serif;
	*/
	padding:0px 5px;
	font-size:1.2em;
	color:#777;
	border:solid 1px #ccc;
	width:480px
}

/*
 bgcolor#f8f8f8
fff > dedede
*/


/* qTip2 */
.qtip-allow {
	min-width: 400px;
	min-height: 200px;
}

/* QA */
.qaTitle {
	padding-left: 10px;
	margin: 5px;
	font-size: 24px;
	/*color: #900;*/
	color: #1E90FF;
}
.qaNo {
	font-size: 12px;
	/*color: #F00;*/
	color: #CD5C5C;
	margin-left: 10px;
	margin-right: 10px;
}
.qaNoContents {
	font-size: 12px;
	color: #CD5C5C;
	/*margin-left: 10px;
	margin-right: 10px;*/
}
.qaList {
	font-size: 12px;
}
.qaListBlock {
	font-size: 12px;
	margin-left: 20px;
	padding-left: 20px;
	/*border: thin dotted #666;*/
	/*line-height: 16px;*/
}
.qaContents {
	font-size: 12px;
	color: #000;
	margin: 10px;
	padding-left: 10px;
}
.qaContentsNo {
	font-size: 24px;
	/*color: #F00;*/
	color: #CD5C5C;
	margin-bottom: 20px;
}
.qaContentsTitle {
	font-size: 24px;
	color: #414AB8;
}
.qaContentsAnswerTitle {
	font-size: 24px;
	color: #69F;
}
.qaContentsAnswer {
	font-size: 12px;
	color: #000;
	line-height: 16px;
	padding-left: 20px;
	margin-bottom: 50px;
}
.qaContentsAnswerSubBlock {
	margin-top: 15px;
	margin-left: 20px;
}
.qaContentsAnswerSubBlockTitle {
	font-weight: bold;
}

.qaListReturn, galleryListReturn {
	margin: 10px 0px 40px 20px;
}

/* chat.html */
.style24Orange {
	font-size:24px;
	color: #F77E08;
}
.style12Orange {
	font-size:12px;
	color: #FB7B2D;
}
.style14Darkglay {
	font-size:14px;
	color: #3B3A3A;
}
.style12Darkglay {
	font-size:12px;
	color: #3B3A3A;
}
.style20DarkglayBold {
	font-size:20px;
	color: #3B3A3A;
	font-weight:bold;
}
.style16BlueBold {
	font-size:16px;
	color: #414AB8;
	font-weight:bold;
}
.style12Rightglay {
	font-size:12px;
	color: #676768;
}
.style14Red {
	font-size:14px;
	color: #D61515;
}
.style14BlueBold {
	font-size:14px;
	color: #414AB8;
	font-weight:bold;
}
.style12Red {
	font-size:12px;
	color: #D61515;
}
.style12Blue {
	font-size:12px;
	color: #414AB8;
}
.siteContentsHeader {
	font-size: 12px;
	color: #000;
	margin: 10px;
	padding-left: 10px;
}
.siteContentsHeaderTitle {
	font-size:20px;
	color: #3B3A3A;
	font-weight:bold;
	margin: 10px 0px 10px 0px;
}
.chatTOSTitle {
	font-size:14px;
	color: #3B3A3A;
	font-weight:bold;
	margin: 10px 0px 10px 0px;
}
.chatTOSContents {
	font-size:12px;
	color: #3B3A3A;
	margin: 10px;
	padding-left: 10px;
}
.kickContents {
	font-size:12px;
	color: #3B3A3A;
	margin: 10px;
	padding-left: 0px;
}
.siteContents {
	font-size: 12px;
	color: #000;
	margin: 10px;
	padding-left: 10px;
}
.siteContentsArashi {
	text-align: center;
	width: 400px;
	font-size: 12px;
	color: #000;
	margin: 30px 10px 30px 60px;
	padding-left: 30px;
}
.dotLineL {
	background-image: url(../images/dotlineL.gif);
	background-repeat: repeat-x;
	height: 5px;
}
.dotLine {
	background-image: url(../images/dotline.gif);
	background-repeat: repeat-x;
	height: 3px;
	margin: 5px;
}
div#chatRoomEnterVisitor {
	float: left;
	width: 250px;
	background-color: #fff;
	padding: 0px;
	margin: 10px;
}
div#chatRoomEnterVerup {
	float: left;
	width: 250px;
	background-color: #fff;
	padding: 0px;
	margin: 10px;
}
div#chatTOS {
	overflow: hidden;
	height: auto;
	width: 100%;
}
div#chatTOSleftLine {
	float: left;
	width: 5px;
	background-color: #AAD5FD;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	margin-top: 10px;
	margin-left: 20px;
}
div#chatTOSright {
	float: left;
	width: 90%;
	background-color: #fff;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
	margin-top: 10px;
	margin-left: 20px;
}

/* arashi */
div#parentBox {
	overflow: hidden;
	height: auto;
	width: 100%;
}
div#formContents {
	float: left;
	width: 80%;
	background-color: #fff;
	margin-top: 10px;
	margin-left: 20px;
}
div#formLeftBox {
	float: left;
	width: 23%;
	background-color: #fff;
	margin-top: 10px;
	margin-left: 20px;
	text-align: right;
}
div#formRightBox {
	float: left;
	width: 40%;
	background-color: #fff;
	margin-top: 10px;
	margin-left: 20px;
}

.background-white {
	background-color: #FFFFFF;
}

.background-blue {
	background-color: #c6e5fd;
}

/* privacy policy */
.privacyContents {
	margin: 10px;
	padding: 10px;
}
.serviceContents {
	margin: 10px;
	padding: 10px;
	font-size: 16px;
	line-height: 24px;
}

/* ボタン */
.blue_btn {
	padding: 10px 10px;
	border:1px solid #3d94f6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:14px;
	font-family:arial, helvetica, sans-serif;
	text-decoration:none; display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold;
	color: #FFFFFF;
	background-color: #138BD1;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#138BD1), to(#138BD1));
    background-image: -webkit-linear-gradient(top, #138BD1, #138BD1);
    background-image: -moz-linear-gradient(top, #138BD1, #138BD1);
    background-image: -ms-linear-gradient(top, #138BD1, #138BD1);
    background-image: -o-linear-gradient(top, #138BD1, #138BD1);
    background-image: linear-gradient(to bottom, #138BD1, #138BD1);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#138BD1, endColorstr=#138BD1);
}
.blue_btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(105%, #1e62d0), color-stop(0%, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 105%, #3d94f6 0% );
	background:-ms-linear-gradient( top, #1e62d0 105%, #3d94f6 0% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}
.blue_btn:active {
	position:relative;
	top:1px;
}
.red_btn {
	padding: 10px 10px;
	border:1px solid #fe1a00;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:14px;
	font-family:arial, helvetica, sans-serif;
	text-decoration:none; display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold;
	color: #FFFFFF;
	background-color: #eb0c0c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eb0c0c), to(#eb0c0c));
    background-image: -webkit-linear-gradient(top, #eb0c0c, #eb0c0c);
    background-image: -moz-linear-gradient(top, #eb0c0c, #eb0c0c);
    background-image: -ms-linear-gradient(top, #eb0c0c, #eb0c0c);
    background-image: -o-linear-gradient(top, #eb0c0c, #eb0c0c);
    background-image: linear-gradient(to bottom, #eb0c0c, #eb0c0c);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#eb0c0c, endColorstr=#eb0c0c);

}
.red_btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(105%, #ce0100), color-stop(0%, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 105%, #fe1a00 0% );
	background:-ms-linear-gradient( top, #ce0100 105%, #fe1a00 0% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}
.red_btn:active {
	position:relative;
	top:1px;
}

/* public gallery */
	div.gallery_line_box {
		position:fixed;
		top:0px;
		left:0px;
		height:70px;
		width:100%;
		z-index:999;
		overflow:hidden;
		background-color: #3288C7;
		box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.5);
	}

	#infscr-loading {
		margin-left: -100px;
		width: 200px;
		position: fixed;
		left: 50%;
		bottom: 10px;
		text-align: center;
	}

	.item {
		margin: 3px;
		min-width: 250px;
		float: left;
		border: 1px solid #ccc;
		background: #fff;
		box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2);
		border-radius: 5px 5px 0 0;
	}
	.item.w2 { width: 50%; }

	#img_container {
		margin: 0 auto;
		padding: 5px;
	}

	#lean_overlay {
		position: fixed;
		z-index:100;
		top: 0px;
		left: 0px;
		height:100%;
		width:100%;
		background: #000;
		display: none;
	}

	/* list del × button */
	div.section {

	}
	div.section:hover {
		background: #eee;
	}
	div.section p {
		clear: both;
	}
	div.section ul.icon {
		position:absolute;
		right: 5px;
		top: -5px;
		list-style: none;
		float: right;
	}
	div.section ul.icon li {
		display: block;
	}
	div.section ul.icon li {
		opacity: 0;
	}
	div.section:hover ul.icon li {
		opacity: 0.5;
	}
	div.section ul.icon li:hover {
		opacity: 1;
	}

	#page-top {
		position: fixed;
		bottom: 25px;
		right: 25px;
	}
	#page-top img {
		border-style:none;
	}

	#page-top a {
		display: block;
	}
	#page-top a:hover {
		text-decoration: none;
	}

	#menuAllowBox a:link, a:visited {
		color: #ff8000;
	}

/*
	.item img {
		border-style:none;
	}
	.item .img_img {
		margin: 1px;
	}
	.item .thumbnail_image {
		padding: 2px;
	}
	.item .img_title {
		padding: 2px;
		max-width:250px;
	}
	.item .img_exp {
		padding: 3px;
		margin-bottom: 2px;
		max-width:250px;
		font-size:11px;
		color: #1f1d1d;
	}
	.item .img_comment {
		padding: 3px;
		max-width:250px;
		font-size:11px;
		color: #1f1d1d;
	}
*/
	.section img {
		border-style:none;
	}
	.section .img_img {
		margin: 1px;
	}
	.section .thumbnail_image {
		padding: 2px;
	}
	.section .img_title {
		padding: 2px;
		max-width:250px;
	}
	.section .img_exp {
		padding: 3px;
		margin-bottom: 2px;
		max-width:250px;
		font-size:11px;
		color: #1f1d1d;
	}
	.section .img_comment {
		padding: 3px;
		max-width:250px;
		font-size:11px;
		color: #1f1d1d;
	}

	/* list del modal */
	.modal{
		display:none;
	}
	.modalBody{
		position:fixed;
		z-index:1000;
		width:250px;
		height:120px;
		left:50%;
		top:50%;
		background:#efeff5;
		color: #000;
		padding: 10px;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		behavior: url(/css/PIE.htc);

	}
	.modalBK{
		position: fixed;
		z-index:999;
		height:150%;
		width:150%;
		background:#000;
		opacity: 0.9;
		filter: alpha(opacity=90);
		-moz-opacity:0.90;
	}

	.modal p{
		font-size:12px;
		text-align:justify;
	}
	.modal h3{
		font-weight:bold;
		text-align:center;
		padding:5px 0 0;
		color:#000;
	}

	.public_gallery_title {
		color: rgba(22, 22, 22, 0.7);
		font-size: 36px;
		font-weight: bold;
		line-height: 40px;
		margin: 30px auto 15px;
		text-align: center;
	}

	#gallery_sort_fixed {
		top: 85px;
		left: 10px;
		position: fixed;
		width: 260px;
		height: 30px;
		z-index: 9999;
		font-size: 12px;
		color: #676768;
		background-color: #3288C7;
		padding: 10px 5px 5px 10px;
		box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.5);
		border-radius: 5px 5px 5px 5px;
	}