@CHARSET "UTF-8";

html, body {
	margin: 0;
	background-color: #efeff5;
	font-size: 10pt;
	line-height: 120%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
ul {
	list-style: none;
	padding-left: 1em;
}
hr {
	border: 0;
	height: 1px;
	background: #ccc;
}
/* anchor */
a {
	text-decoration: none;
}

a:link, a:visited {
	color: #ff8000;
}
a.w:link, a.w:visited {
	color: #fff;
}



/* float clear fix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-table; }
/* hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

/* base line container */
div.line_box {
	background-color: #3288C7;
}
div.wrapper {
	width: 950px;
	margin: 0 auto;
	padding: 5px;
}
div#contents {
	background-color: #efeff5;
	width: 950px;
	min-height: 300px;
	margin: 0 auto;
	padding: 5px;
}

.clear { clear:both; }

/*
 * Header 関連
 */
div#header {
	position: relative;
	overflow: hidden;
	padding: 5px;
}
form#search_all > input {
	position: absolute;
	left: 250px;
	bottom: 10px;

	width: 210px;
	height: 28px;
	margin: 0;
	padding-left: 0.5em;
	border: 1px solid #999;
	background-color: #f6f6f6;
	color: #666;
	font-weight: bold;
}
form#search_all #btn_search {
	position: absolute;
	/*
	left: 438px;
	bottom: 11px;
	*/
	left: 440px;
	bottom: 16px;
}
form#search_all div#btn_category {
	position: absolute;
	left: 480px;
	bottom: 11px;

	font-size: 20pt;
	font-weight: bold;
	background: #f6f6f6;
	border: 1px solid #999;
	width: 28px;
	height: 28px;
	text-align: center;
	line-height: 30px;
}
form#search_all div#btn_category:hover {
	color: #fff;
	background: #ff8000;
}

div#header a.chat {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 5px 10px;

	font-family: SimSum;
	font-weight: blod;
}
/*
div#header a#to_official_chat {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 5px 10px;
	
	font-family: SimSun;
	font-weight: bold;

	color: #ff3;
	background-color: #4cf;
	background: -moz-linear-gradient(top, #63ffff, #359fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#63ffff), to(#359fff) );
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#63ffff', endColorstr='#359fff');
}
div#header a#to_official_chat:hover, div#header a#to_official_chat:active {
	background-color: #4cf;
	background: -moz-linear-gradient(top, #359fff, #63ffff);
	background: -webkit-gradient(linear, left top, left bottom, from(#359fff), to(#63ffff) );
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#359fff', endColorstr='#63ffff');
}
*/

div#header a#to_freechat {
	color: #fff;
	background: #4f7cf7;
}

/* フリーのチャットルームボタン*/

div#header a#to_official_chat {
	position: absolute;
	left: 180px;
	bottom: 10px;
	padding: 5px 10px;
    border:1px solid #07afc9;
	 -webkit-border-radius: 3px; 
	 -moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	font-family:arial, helvetica, sans-serif; 
	padding: 3px 9px 3px 9px;  
	text-decoration:none; display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold; 
	color: #FFFFFF;
    background-color: #11D8F7; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#11D8F7), to(#138BD1));
    background-image: -webkit-linear-gradient(top, #11D8F7, #138BD1);
    background-image: -moz-linear-gradient(top, #11D8F7, #138BD1);
    background-image: -ms-linear-gradient(top, #11D8F7, #138BD1);
    background-image: -o-linear-gradient(top, #11D8F7, #138BD1);
    background-image: linear-gradient(to bottom, #11D8F7, #138BD1);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#11D8F7, endColorstr=#138BD1);
}

div#header a#to_official_chat:hover {
    border:1px solid #05889d;
    background-color: #07b3ce;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#07b3ce), to(#2548F7));
    background-image: -webkit-linear-gradient(top, #07b3ce, #2548F7);
    background-image: -moz-linear-gradient(top, #07b3ce, #2548F7);
    background-image: -ms-linear-gradient(top, #07b3ce, #2548F7);
    background-image: -o-linear-gradient(top, #07b3ce, #2548F7);
    background-image: linear-gradient(to bottom, #07b3ce, #2548F7);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#07b3ce, endColorstr=#2548F7);
}

/* チャットルームレンタルボタン*/

div#header a#to_chatroom_rental {
	position: absolute;
	left: 340px;
	bottom: 10px;
	padding: 5px 10px;
    border:1px solid #ffad41; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:12px;
	font-family:arial, helvetica, sans-serif; 
	padding: 3px 10px 3px 10px;  
	text-decoration:none; display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold; 
	color: #FFFFFF;
    background-color: #ffc579;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc579), to(#fb9d23));
    background-image: -webkit-linear-gradient(top, #ffc579, #fb9d23);
    background-image: -moz-linear-gradient(top, #ffc579, #fb9d23);
    background-image: -ms-linear-gradient(top, #ffc579, #fb9d23);
    background-image: -o-linear-gradient(top, #ffc579, #fb9d23);
    background-image: linear-gradient(to bottom, #ffc579, #fb9d23);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc579, endColorstr=#fb9d23);
}
div#header a#to_chatroom_rental:hover {
    border:1px solid #ff9913;
    background-color: #ffaf46;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaf46), to(#e78404));
    background-image: -webkit-linear-gradient(top, #ffaf46, #e78404);
    background-image: -moz-linear-gradient(top, #ffaf46, #e78404);
    background-image: -ms-linear-gradient(top, #ffaf46, #e78404);
    background-image: -o-linear-gradient(top, #ffaf46, #e78404);
    background-image: linear-gradient(to bottom, #ffaf46, #e78404);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffaf46, endColorstr=#e78404);
}

/*バナー */

div#header a#banner {
    position:absolute;
	left:500px;
	width:300px;
	height:58px;
	padding:0px;
	bottom:0px;
	background-image:url(/images/banner_mygallery_1.png);
	border: 1px solid #cacaca;
}

div#header a#banner:hover {
	background-image:url(/images/banner_mygallery_2.png);
}

/*ログインボタン */
div#header a#login {
 	position: absolute;
	right: 50px;
	bottom: 10px;
    border:1px solid #d1dcdf;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
    border-radius: 3px;
    font-size:12px;
	padding: 3px 15px 2px 15px;  
    text-decoration:none; 
    display:inline-block;
    text-shadow: 1px 1px 0 rgba(250,250,250,0.3);
    font-weight:bold; 
    color:#666666;
    background-color: #F2F5F6; 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F2F5F6), to(#c8d7dc));
    background-image: -webkit-linear-gradient(top, #F2F5F6, #c8d7dc);
    background-image: -moz-linear-gradient(top, #F2F5F6, #c8d7dc);
    background-image: -ms-linear-gradient(top, #F2F5F6, #c8d7dc);
    background-image: -o-linear-gradient(top, #F2F5F6, #c8d7dc);
    background-image: linear-gradient(to bottom, #F2F5F6, #c8d7dc);filter:
	progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F2F5F6, endColorstr=#c8d7dc);
}

div#header a#login:hover{
    border:1px solid #b6c7cc;
    background-color: #d4dee1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d4dee1), to(#a9c0c8));
    background-image: -webkit-linear-gradient(top, #d4dee1, #a9c0c8);
    background-image: -moz-linear-gradient(top, #d4dee1, #a9c0c8);
    background-image: -ms-linear-gradient(top, #d4dee1, #a9c0c8);
    background-image: -o-linear-gradient(top, #d4dee1, #a9c0c8);
    background-image: linear-gradient(to bottom, #d4dee1, #a9c0c8);filter:   
	progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d4dee1, endColorstr=#a9c0c8);
}


/* メニューボタン*/
div#header div#btn_menu {
	position: absolute;
	right: 20px;
	bottom: 10px;
	width:20px;
	height:20px;
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;
    border-radius: 2px;
	background: #ffffff;
	background-image:url(/images/btn_menu.png);
	background-position:center;
	background-repeat:no-repeat;
	border: 1px solid #b6c7cc;
	text-align: center;
}

div#header div#btn_menu:hover {
    width:20px;
	height:20px;
	background: #a9c0c8;
    background-image:url(/images/btn_menu_hover.png);
	background-position:center;
	background-repeat:no-repeat;
}

/*
 * footer
 */
div#footer {
	position: relative;
	overflow: hidden;
	padding: 20px;

	font-size: 9pt;
}
div#footer h4 {
	margin: 0 0 10px -10px;
	font-size: 12pt;
	color: #fff;
}
div#footer ul {
	float: left;
	width: 200px;
	list-style: none;
	padding: 0;
}
div#footer li {
	margin-bottom: 15px;
}
div#footer a:link, div#footer a:visited {
	color: #fff;
	text-decoration: none;
}
div#footer a:hover {
	color: #FFD24D;
	/*background-color: #fff;*/
}
/* footer logo */
div#logo_f {
	position: absolute;
	bottom: 0;
	right: 20px;
	text-align: right;
	color: #fff;
	font-size: 9pt;
}
div#logo_f img {
	margin-right: 10px;
}


/*
 * main contents container
 */
/* singe mode */
div#main_contents {

}

div#main_contents_single {
	background-color: #fff;
	margin: 10px 5px;
	padding: 5px;
	min-height: 500px;
}

div#main_contents_single_qa {
	background-color: #fff;
	margin: 10px 5px;
	padding: 5px;
	min-height: 500px;
}

div#main_contents_single_qa a:link{
	color:#414AB8; 
	text-decoration: none;
	font-size: 12px;
}


div#main_contents_single_qa a:visited {
	color: #414AB8; 
	text-decoration: none;
	font-size: 12px;
}

div#main_contents_single_qa a:hover{
	color: #FB7B2D; 
	text-decoration: none;
	font-size: 12px;
}

div#main_contents_single_qa a:active {
	color: #FB7B2D; 
	text-decoration: none;
	font-size: 12px;
}

div#main_contents_single_gallery {
	margin: 60px 5px;
	padding: 5px;
	min-height: 500px;
}

div#main_contents_single_chatroom {
	/*background-color: #fff;*/
	margin: 10px 50px;
	padding: 5px;
	min-height: 500px;
}


/* 3 clumn mode */
div#contents > #container {
	overflow: hidden;
}


div#main_contents {
	margin: 0 160px;
	padding: 0;
}
div#left_contents {
	float: left;
	width: 150px;
	background-color: #fff;
	min-height: 400px;
	padding: 5px;
}
div#right_contents {
	float: right;
	width: 150px;
	background-color: #fff;
	min-height: 350px;
	padding: 5px;
}


/* left right line */
.gray_line {
	background-color: #efeff5;
	margin: 0 -3px;
	padding: 5px 0;
	text-align: center;
}


/*
 * left_contents 関連
 */
/* user profile box */
#user_profile {
	position: relative;
	height: auto;
	margin-bottom: 15px;
	line-height: 140%;
}
#user_profile p {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
}
#user_profile strong {
	font-size: 12pt;
}
#user_profile span {
	font-size: 8pt;
}

a#mychat_buttom {
	display: block;

	font-family: SimSun;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;

	padding: 5px;
	margin-bottom: 15px;

	color: #fff;
	background-color: #ffa716;
	background: -moz-linear-gradient(top, #ffe375, #ffa00b);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffe375), to(#ffa00b) );
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffe375', endColorstr='#ffa00b');
}
a#mychat_buttom:hover, a#mychat_buttom:active {
	background-color: #ffa716;
	background: -moz-linear-gradient(top, #ffa00b, #ffe375);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffa00b), to(#ffe375) );
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffa00b', endColorstr='#ffe375');
}
/* my gallery list */
div#mygallery_list {
	min-height: 200px;
}
#create_mylist {
	text-align: center;
	font-weight: bold;
	margin: 5px 10px;
	padding: 5px;
	border: 1px solid #ccc;
	background-color: #eee;
}
#create_mylist:hover, #create_mylist:active {
	background-color: #ccc;
}








/*
 style="float:right;margin:30px 10px 0 0;padding:5px;background-color:#138BD1"

	background-color: #4cf;
	background: -moz-linear-gradient(top, #63ffff, #359fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#63ffff), to(#359fff) );
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#63ffff', endColorstr='#359fff');
*/




/* add list form */
form#add_list_form {
	padding: 10px 50px;
	border: 1px solid #ccc;
	color: #666;
	background-color: #f1fff1;
}
form#add_list_form dl dt {
	margin-top: 15px;
}
form#add_list_form dl dd {
	margin-left: 15px;
}
form#add_list_form .question {
	display: block;
	width: 10em;
	float: left;
}
form#add_list_form #list_title {
	width: 65%;
	border: 1px solid #d5f2ca;
	background-color: #fff;
}
form#add_list_form #list_desc {
	width: 65%;
	height: 50px;
	border: 1px solid #d5f2ca;
	background-color: #fff;
}
from#add_list_form select {
	width: 50%;
}
form#add_list_form .long_tiny .iPhoneCheckContainer {
	width: 6em;
}

/* 吹き出し用 */
.allowBox {
	position: relative;
	display: none;
	font-size: 12pt;
	line-height: 1.5em;
}
.allowBox ul {
	padding: 0;
	float: left;
	min-width: 100px;
}
.allowBox li {
	padding-left: 10px;
	margin-bottom: 5px;
}

}
.allowBox li:hover {
	background: #ccc;
}

#menuAllowBox li:hover {
	background: #ccc;
}


/* debug border */
.border {
	border: 1px solid #cfc;
}
.border2 {
	border: 1px slod #ccc;
}
.border3 {
	border: 1px solid #000;
}

.header_text {
	color:#fff:
}

.login_guidance {
	position:absolute;
	top:30px;
	right:130px;
}