@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Questrial|Ubuntu+Mono|Paytone+One|Amatic+SC|Jura|Changa+One|Comfortaa|Actor|Jockey+One|Dorsa|Shanti|Spinnaker|Allerta|Geo|Orbitron|Six+Caps|Raleway:100);

*{margin:0;padding:0;list-style:none;word-break: break-all;}

#cssChange{font-size:30px!important; padding:15px 0; line-height:12px; margin:0;}
#cssChange{display:inline-block; margin:0; float:left;}

a,input[type=submit],img{
-webkit-transition-property:background,background-image,width,height,text-shadow,box-shadow,color,img;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: ease;
-webkit-transition-delay: 0s;
-moz-transition-property:background,background-image,width,height,text-shadow,box-shadow,color,img;
-moz-transition-duration: 0.5s;
-moz-transition-timing-function: ease;
-moz-transition-delay: 0s;
}

a:hover img{
	filter: alpha(opacity=65);
	-moz-opacity:0.65;
	opacity:0.65;
}

a:active img{
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
	box-shadow:0 0 6px #FF66CC;
}


article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
display:block;
}

html{overflow-y:scroll;}

body{
	font-size:12px;
	text-align:left;
	_text-align:center;
	font-family:"Lucida Grande","DejaVu Sans","Bitstream Vera Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,Verdana,"ＭＳ Ｐゴシック","MS PGothic","VL Pゴシック","Takao Pゴシック","IPA Pゴシック",sans-serif;

	src: url('../font/Hiragino-Kaku Gothic-Pro.otf') format('opentype');

}
img{border:0;}
a{text-decoration:none; color:#3094EF;}
h1,h2{font-size:13px;}
/*h1,h2,h3,h4,h5,h6{font-family: メイリオ, meiryo, Arial, Helvetica;}*/

.floatLeft{float:left;}
.floatRight{float:right;}
.error{line-height:1.5;color:red; padding:10px; margin:10px 0;}


::-moz-selection {
  background: #f7b731;
  color: #ffffff;
  text-shadow: none;
}
::selection {
  background: #f7b731;
  color: #ffffff;
  text-shadow: none;
}

::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999999!important;}



/*==============================================
ヘッダー
==============================================*/
header {
background:none!important;
display: block;
}
header hgroup{ display:block; width:980px; height:80px; margin:0 auto;}
header h1{display:block;width:310px;height:85px; float:left;}
header h1 a{display:block;width:310px;height:85px; text-indent:-9999px;overflow:hidden;background:url(/img/images/hdr_logo.png) no-repeat 0 -20px;}
header h1 a:hover{filter: alpha(opacity=65);  -moz-opacity:0.65;  opacity:0.65;}
header h1 a:active{filter: alpha(opacity=85);  -moz-opacity:0.85;  opacity:0.85;}
header h2{font-size:12px;color:#666;font-weight:normal; display:block; width:400px;  padding:5px;float:left; line-height:1.5; margin:20px 10px 0 10px;}

header .headerMenu{overflow:hidden;float:right; font-size:12px; margin-top:10px;}
header .headerMenu li{display:block;float:left; margin-left:8px; padding-left:8px; border-left:solid 1px #CCC;}
header .headerMenu li:first-child{border:none;}
header .headerMenu li a{color:#ccc;}
header .headerMenu li a:hover{text-decoration:underline;}

/*ナビゲーション*/
#globalmenu{
	clear:both;
	display:block;
	margin:0 auto 20px 0;
	overflow:hidden;
	color:#FFF;
	border-top:1px solid #f7b731;
	box-shadow:0px 3px 5px #f7b731;
	background: #fed330;
}

#globalmenu ul{ width:980px; margin:0 auto;}
#globalmenu li{display:block;overflow:hidden; float:left; padding:3px 0; text-align:center; font-size:12px; text-shadow:1px 1px 1px #84817a; font-weight:bold; width:110px;}
#globalmenu li:hover{background:#f7b731;}
#globalmenu a:active{filter: alpha(opacity=35);  -moz-opacity:0.35;  opacity:0.35;}
#globalmenu li:last-child a{border-right:solid 1px #ffda79;}
#globalmenu li a{display:block;padding:7px 0;color:#fff; text-shadow:-1px -1px 1px #84817a,1px 1px 1px #84817a,0px 0px 1px #84817a,0px 0px 2px #333,0px 0px 2px #666,0 0 2px #f7b731; border-left:solid 1px #ffda79;}


em.alert{background: #ff3019;
background: #a9e4f7;
background: -moz-linear-gradient(-45deg, #a9e4f7 0%, #0fb4e7 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a9e4f7), color-stop(100%,#0fb4e7));
background: -webkit-linear-gradient(-45deg, #a9e4f7 0%,#0fb4e7 100%);
background: -o-linear-gradient(-45deg, #a9e4f7 0%,#0fb4e7 100%);
background: -ms-linear-gradient(-45deg, #a9e4f7 0%,#0fb4e7 100%);
background: linear-gradient(-45deg, #a9e4f7 0%,#0fb4e7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#0fb4e7',GradientType=1 );
color:#FFFFFF!important; position:absolute; padding:5px 8px; margin:-20px 0 0 3px!important; display:inline-block; font-style:normal; font-weight:bold; font-family:Arial, Helvetica, sans-serif; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; box-shadow:0px 0px 1px #ffffff; text-shadow:-1px -1px 1px #0099FF;}

/*==============================================
フッター
==============================================*/
footer{ font-size:12px;display:block;clear:both; border-top:5px solid #fed330!important; background: #4743bc;}
footer div{ width:980px;margin:0 auto;font-size:12px;padding:20px 0 10px 0;}
footer div ul{margin-bottom:15px; text-align:center;}
footer div li{ display: inline; margin-right:10px; padding-left:10px; border-left:solid 1px #CCC;}
footer div li:first-child{ padding:0; border:none;}
footer div li a{color:#666;}
footer div li a:hover{text-decoration:underline;}
footer div .copy{ color:#999;text-align:center;font-size:11px;}

/*==============================================
共通アイコン（16px）
==============================================*/
/*共通*/
.icons{display:inline-block;width:16px;height:16px; text-indent:-9999px; overflow:hidden; vertical-align:middle; }
/*メール*/
.icn_01{background:url(/img/images/icons16.gif) no-repeat 0 0;}
.icn_02{background:url(/img/images/icons16.gif) no-repeat -16px 0;}
.icn_03{background:url(/img/images/icons16.gif) no-repeat -32px 0;}
.icn_04{background:url(/img/images/icons16.gif) no-repeat -48px 0;}
.icn_05{background:url(/img/images/icons16.gif) no-repeat -64px 0;}
.icn_06{background:url(/img/images/icons16.gif) no-repeat -80px 0;}
.icn_07{background:url(/img/images/icons16.gif) no-repeat -96px 0;vertical-align:top;margin-right:3px;}
.icn_08{background:url(/img/images/icons16.gif) no-repeat -112px 0;vertical-align:top; margin-right:3px;}

.icn_100{background:url(/img/images/icons16.gif) no-repeat -128px 0; margin-right:5px;vertical-align:top;}
.icn_101{background:url(/img/images/icons16.gif) no-repeat -144px 0; margin-right:5px;vertical-align:top;}
.icn_102{background:url(/img/images/icons16.gif) no-repeat -160px 0; margin-right:5px;vertical-align:top;}
.icn_103{background:url(/img/images/icons16.gif) no-repeat -176px 0; margin-right:5px;vertical-align:top;}
.icn_104{background:url(/img/images/icons16.gif) no-repeat -192px 0; margin-right:5px;vertical-align:top;}
.icn_105{background:url(/img/images/icons16.gif) no-repeat -208px 0; margin-right:5px;vertical-align:top;}

.icn_500{background:url(/img/images/icons16.gif) no-repeat -224px 0; margin-right:5px;vertical-align:top;}
.icn_501{background:url(/img/images/icons16.gif) no-repeat -240px 0; margin-right:5px;vertical-align:top;}
.icn_502{background:url(/img/images/icons16.gif) no-repeat -256px 0; margin-right:5px;vertical-align:top;}
.icn_503{background:url(/img/images/icons16.gif) no-repeat -272px 0; margin-right:5px;vertical-align:top;}
.icn_504{background:url(/img/images/icons16.gif) no-repeat -288px 0; margin-right:5px;vertical-align:top;}
.icn_505{background:url(/img/images/icons16.gif) no-repeat -304px 0; margin-right:5px;vertical-align:top;}

.icn_09{background:url(/img/images/icons16.gif) no-repeat -320px 0;vertical-align:top; margin-right:3px;}
.icn_10{background:url(/img/images/icons16.gif) no-repeat -336px 0;vertical-align:top; margin-right:3px;}
.icn_11{background:url(/img/images/icons16.gif) no-repeat -352px 0;vertical-align:top; margin-right:3px;}
.icn_12{background:url(/img/images/icons16.gif) no-repeat -368px 0;vertical-align:top; margin-right:3px;}

.icn_13{background:url(/img/images/icons16.gif) no-repeat -384px 0;vertical-align:top; margin-right:3px;}
.icn_14{background:url(/img/images/icons16.gif) no-repeat -400px 0;vertical-align:top; margin-right:3px;}

.icn_15{background:url(/img/images/icons16.gif) no-repeat -416px 0;vertical-align:top; margin-right:0;}
.icn_16{background:url(/img/images/icons16.gif) no-repeat -432px 0;vertical-align:top; margin-right:0;}

.icn_17{background:url(/img/images/icons16.gif) no-repeat -448px 0;vertical-align:top; margin-right:3px;}
.icn_18{background:url(/img/images/icons16.gif) no-repeat -464px 0;vertical-align:top; margin-right:3px;}
.icn_19{background:url(/img/images/icons16.gif) no-repeat -480px 0;vertical-align:top; margin-right:3px;}
.icn_20{background:url(/img/images/icons16.gif) no-repeat -496px 0;vertical-align:top; margin-right:3px;}

/*==============================================
メイン
==============================================*/
#main{ width:980px; margin:0 auto 50px auto; text-align:left; font-size:12px; overflow:hidden; }
#main a:hover{text-decoration:underline;}
#contents{ width:765px; float:left; }

/*３カラム*/
#leftContents{width:200px; float:left;}
#centerContents{float:left; width:550px; margin:0 15px;}
#rightContents{width:200px; float:right;}
/*2カラム*/
#leftCenterContents{width:780px; float:left;margin-right:15px;}


#pagenation{color:#333; text-align:center; padding-bottom:10px; font-size:12px;}


/*paging*/
.paging{
     margin:10px auto;
     width:auto;
     font-size:13px;
     font-family: "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", "VL Pゴシック", "Takao Pゴシック", "IPA Pゴシック", sans-serif !important;
     font-weight:bold;
	 text-align:center;
    
}

#pagenation span,#pagenation a:active{
	padding:7px 9px!important;
	border:1px solid #cccccc;
    margin:0 1px;
    text-decoration:none;
    display:inline-block;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
	text-shadow:0 1px 1px #FFFFFF;
	box-shadow:0 1px 3px #bebebe inset!important;
	background: #eeeeee;
background: #dddddd;
background: -moz-linear-gradient(top, #dddddd 0%, #e0e0e0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#e0e0e0));
background: -webkit-linear-gradient(top, #dddddd 0%,#e0e0e0 100%);
background: -o-linear-gradient(top, #dddddd 0%,#e0e0e0 100%);
background: -ms-linear-gradient(top, #dddddd 0%,#e0e0e0 100%);
background: linear-gradient(top, #dddddd 0%,#e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#e0e0e0',GradientType=0 );
}

#pagenation a{
	padding:7px 9px!important;
    border:1px solid #e5e5e5;
    background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	text-shadow:0 1px 1px #FFFFFF;

    margin:0 1px;
    text-decoration:none;
    color:#555555;
    display:inline-block;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-ms-border-radius:2px;
	-o-border-radius:2px;
}


#pagenation a:hover{
     border:1px solid #cccccc;
     padding:1px;
     margin:0 1px;
     text-decoration:none;
	 box-shadow:0 1px 2px #ccc;
}
.paging .current{
     border:1px solid #999999;
     background:#CCC;
     padding:1px;
     margin:0 1px;
     text-decoration:none;
     color:#fff;
}
/*============================================================================================
----------------------------------------------------------------------------------------------
ログイン前TOPページ
----------------------------------------------------------------------------------------------
============================================================================================*/
#toparea{
	width:980px;
	height:350px;
	position:relative;
	background:url(/img/images/topimg.jpg) no-repeat top left;
}

#toparea #loginarea{
	width:240px;
	padding:0 20px;
	float:right;
	/**margin:0 15px;**/
	
}


#loginarea h2{
	padding:5px;
	text-shadow:0 0 1px #333333 ;
}

#loginarea table{
}

#loginarea td{
	vertical-align:middle;
}

#loginarea input{
	margin:0 3px 3px 0;
}

#loginarea input[type=text],
#loginarea input[type=password]{
	padding:5px;
	font-size:14px;
	width:150px;
}

.toplogin{
	height:60px;
	width:70px;
	padding:0;
	text-align:center;
}

a.registbutton{
	display:inline-block;
	border:1px solid #6C6;
	text-align:center!important;
	width:240px;
	padding:13px 0;
	font-weight:bold;
	letter-spacing:0px;
	font-size:15px;
	color:#FFF;
	box-shadow:0px 0px 2px #FFF inset;
	text-shadow:0 0 3px rgb(41,154,11);
	font-weight:bold;

background: rgb(158,226,106);
background: -moz-linear-gradient(top, rgba(158,226,106,1) 0%, rgba(97,196,25,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(158,226,106,1)), color-stop(100%,rgba(97,196,25,1)));
background: -webkit-linear-gradient(top, rgba(158,226,106,1) 0%,rgba(97,196,25,1) 100%);
background: -o-linear-gradient(top, rgba(158,226,106,1) 0%,rgba(97,196,25,1) 100%);
background: -ms-linear-gradient(top, rgba(158,226,106,1) 0%,rgba(97,196,25,1) 100%);
background: linear-gradient(to bottom, rgba(158,226,106,1) 0%,rgba(97,196,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ee26a', endColorstr='#61c419',GradientType=0 );

    border-radius: 3px;        /* CSS3草案 */ 
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */ 
    -moz-border-radius: 3px;   /* Firefox用 */	
	/****kokoni itsuka htc wo***/
	position:relative;
}

a:hover.registbutton{
	border:1px solid rgb(41,154,11);
	box-shadow:0px 0px 3px #FFF inset,0px 0px 2px #FFF inset,0px 0px 2px #FFF inset,0px 0px 2px #FFF inset;
	text-decoration:none!important;
background: rgb(143,200,0);
background: -moz-linear-gradient(top, rgba(143,200,0,1) 0%, rgba(143,200,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,200,0,1)), color-stop(100%,rgba(143,200,0,1)));
background: -webkit-linear-gradient(top, rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%);
background: -o-linear-gradient(top, rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%);
background: -ms-linear-gradient(top, rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%);
background: linear-gradient(to bottom, rgba(143,200,0,1) 0%,rgba(143,200,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc800', endColorstr='#8fc800',GradientType=0 );}

#aboutesta{
	margin:20px 0 10px 0;
	width:240px;
	line-height:1.4em;

}

/*============================================================================================
----------------------------------------------------------------------------------------------
 js-disabled class - set image sizes so they all fit in the viewer
 ----------------------------------------------------------------------------------------------
============================================================================================*/
.js-disabled img { width:100px!important; height:100px!important; display:block; float:left; margin:0 5px!important; border-right:2px #FFFFFF solid; }
.wrapper{ margin:0 5px;}
#outerContainer { width:980px; bottom:10px; height:112px; margin:auto;  position:absolute; float:left; background:#FFFFFF; z-index:7340709; }
#imageScroller { width:980px; height:112px; position:relative; }
#viewer { width:980px; height:92px; overflow:hidden; margin:auto; position:relative; top:10px; }
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }
#controls { width:980px; height:47px; background:url(../images/controlsBG.png) no-repeat; position:absolute; top:4px; left:4px; z-index:10;	}
#controls a { width:37px; height:35px; position:absolute; top:3px; }
#controls a:active, #controls a:visited { color:#0d0d0d; }
#title { color:#ffffff; font-family:arial; font-size:100%; font-weight:bold; width:100%; text-align:center; margin-top:10px; }
#rtl { background:url(../images/rtl.png) no-repeat; left:100px; }
#rtl:hover { background:url(../images/rtl_over.png) no-repeat; left:99px; }
#ltr { background:url(../images/ltr.png) no-repeat; right:100px; }
#ltr:hover { background:url(../images/ltr_over.png) no-repeat; }

table#about {
	wifth:100%;
	margin:15px auto;
}

#about td{
	width:310px;

}


#about td.ta01 h3{background:url(../images/topAbout01.jpg) no-repeat left top;}
#about td.ta02 h3{background:url(../images/topAbout02.jpg) no-repeat left top;}
#about td.ta03 h3{background:url(../images/topAbout03.jpg) no-repeat left top;}

#about td:nth-child(2){
	width:320px;
	padding:0 15px;
}
#about p{
	color:#666666;
	font-size:12px;
	line-height:15px;
	letter-spacing:0;
}

#about h3{
	padding:140px 0 5px 0;
	margin:0 0 5px 0;
	color:#036;
	font-size: 10px!important; text-indent: -10000px!important;
}

.resetPass{}

.over18{
	color:#F00;
	padding:5px;

}


/*============================================================================================
----------------------------------------------------------------------------------------------
日記
----------------------------------------------------------------------------------------------
============================================================================================*/
/*ナビゲーション*/
#main nav.diary{display:block; margin-bottom:20px; }
#main nav.diary h2{font-size:22px; margin:0 0 20px 0;}
#main nav.diary ul{display:block; height:30px; border:solid 1px #CCC;
	background:-webkit-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -o-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -moz-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -ms-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	-pie-background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f0f0f0', GradientType=0);
	/****kokoni itsuka htc wo***/
}
#main nav.diary li{float:left;}
#main nav.diary li a{ display:block; line-height:30px; padding:0 20px; font-size:13px; font-weight:bold; color:#666;border-right:solid 1px #CCC; }
#main nav.diary li.selected a{
	background: #ff3019;
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%);
background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%);
background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%);
background: linear-gradient(top, #ff3019 0%,#cf0404 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
	/****kokoni itsuka htc wo***/
	color:#FFF;
}
#main nav.diary li a:hover{ text-decoration:none;
color:#FFFFFF;
	background: #febbbb;
background: -moz-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c));
background: -webkit-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
background: -o-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
background: -ms-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
background: linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 );
	/****kokoni itsuka htc wo***/
}

#diary{width:765px; float:left;margin-right:15px;}
#bbs .more,#diary .more,#centerContents .more{ float:right; line-height:30px; font-size:11px; margin:-30px 10px 0 0;}

/*新着日記ピックアップ*/
#diary h3 {font-size:13px; color:#333; line-height:30px; padding-left:10px;
	background: -webkit-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -o-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -moz-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -ms-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	-pie-background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f0f0f0', GradientType=0);
	/****kokoni itsuka htc wo***/
	border:solid 1px #CCC; border-top:solid 2px #68c823; margin:0;
}
#diary h3.adult{border-top-color:#E10A7F;}
#diary .pickupNew { border:solid 1px #CCC; border-top:none; overflow:hidden; margin-bottom:20px;}
#diary .pickupNew ul{clear:both;margin-left:6px; }
#diary .pickupNew li{ float:left; width:100px; margin:15px 12px 15px 13px;}
#diary .pickupNew li h4{margin:0 0 5px 0; font-size:12px;}
#diary .pickupNew li .profile{ line-height:1.5;}
#diary .pickupNew li .info{ font-size:11px; color:#666;}

/*24時間ランキング*/
#diary .pickupRanking{border:solid 1px #CCC; border-top:none; overflow:hidden; margin-bottom:20px;}
#diary .top8 {overflow:hidden;}
#diary .top8 li{float:left; width:134px; margin:15px 0 15px 15px;}
#diary .top8 li.top3{float:left; width:234px; margin:15px 0 15px 15px;}
#diary .top8 li section{float:left; width:74px;}
#diary .top8 li.top3 section{float:left; width:124px;}
#diary .top8 li .rank{ font-weight:bold; color:#666; margin-bottom:5px; padding:5px; border-radius:5px;border:solid 1px #EEE;}
#diary .top8 li h4{margin:0 0 5px 0; font-size:12px;}
#diary .top8 li .profile{line-height:1.5;}
#diary .top8 li .info{font-size:11px; color:#666;}

/*その他期間ランキング*/
#diary .pickupRanking .otherRank{ width:234px; float:left; margin:15px 0 5px 15px; }
#diary .pickupRanking .otherRank li{clear:left; margin:15px 0; overflow:hidden;}
#diary .pickupRanking .otherRank li img{}
#diary .pickupRanking .otherRank li section{float:left; width:124px; }
#diary .pickupRanking .otherRank li .rank{ font-weight:bold; color:#666; margin-bottom:5px; padding:5px; border-radius:5px;border:solid 1px #EEE;}
#diary .pickupRanking .otherRank li h4{margin:0 0 5px 0;font-size:12px;}
#diary .pickupRanking .otherRank li .profile{line-height:1.5;}
#diary .pickupRanking .otherRank li .info{font-size:11px; color:#666;}

/*新着日記一覧*/
#diary .filter{ margin:15px 0;}
#diary .filter label{ margin:0 10px;}
#diary .diaryList{margin-bottom:15px;}
#diary .diaryList tr{border-top:dotted 1px #CCC;}
#diary .diaryList tr:last-child{border-bottom:dotted 1px #CCC;}
#diary .diaryList td{ vertical-align:top; padding:15px 0;}
#diary .diaryList td:first-child{width:110px;}
#diary .diaryList h4{font-size:16px; margin-bottom:10px;float:left;}
#diary .diaryList .date{float:right; font-size:11px; color:#999;}
#diary .diaryList .profile{clear:both; margin-bottom:10px;}
#diary .male{color:blue;margin-right:2px;}
#diary .female{color:red;margin-right:2px;}
#diary .diaryList .excerpt{color:#666; line-height:1.4;}

/*日記を書く*/
#diary h4{margin:15px 0; font-size:14px;color:#1E4892;}
#diary .write {padding:5px; border:solid 1px #CCC; background:#FCFCFC;margin-bottom:25px;}
#diary .write table{  width:100%; }
#diary .write th, #diary .write td{ border:solid 1px #CCC; padding:20px; vertical-align:middle; line-height:1.4;}
#diary .write th{width:150px; background:#FCFDFF url(/img/images/th_bg01.gif) no-repeat 20px center;; color:#666; padding-left:30px; }
#diary .write th span{margin-left:5px; color:red;}
#diary .write td{ background:#FFF;}
#diary .write td label{vertical-align:middle; margin:5px 15px 5px 0; display:inline-block;}
#diary .write td input[type=text]{width:491px; padding:5px; font-size:14px; border:solid 1px #999; border-radius:2px;}
#diary .write td input[type=password]{width:491px; padding:5px; font-size:14px; border:solid 1px #999; border-radius:2px;}
#diary .write td textarea{width:491px; height:150px; padding:5px; font-size:12px;border:solid 1px #999; border-radius:2px;}
#diary .write td .description{margin-top:2px; color:#999; font-size:11px;}
#diary .write td input[type=file]{ margin-top:15px;}
#diary .write td input[type=file]:first-child{ margin:0;}
.buttonBox{ text-align:center; margin:20px 0 50px 0;}
#diary .write td label{text-align:center;}
#diary .write td label img{margin-bottom:2px;}
#diary .write td label input[type=checkbox]{border:1px solid #999; padding:5px;}

/*自分の日記*/
#diary .select{ margin:15px 0;}
#diary .myDiaryList{margin-bottom:20px;}
#diary .myDiaryList tr{border-top:dotted 1px #CCC;}
#diary .myDiaryList tr:last-child{border-bottom:dotted 1px #CCC;}
#diary .myDiaryList td{ vertical-align:top; padding:15px 0; vertical-align:middle;}
#diary .myDiaryList td:first-child{width:30px;}
#diary .myDiaryList a.edit{ padding:5px 10px; border:solid 1px #999; color:#333; border-radius:5px;
	background:-webkit-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -o-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -moz-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -ms-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	-pie-background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f0f0f0', GradientType=0);
	/****kokoni itsuka htc wo***/
}
#diary .myDiaryList a.edit:hover{text-decoration:none;
	background:-webkit-linear-gradient(top, rgb(253,253,253) 0%, rgb(246,246,246) 100%);
	background: linear-gradient(top, rgb(253,253,253) 0%, rgb(246,246,246) 100%);
	background: -o-linear-gradient(top, rgb(253,253,253) 0%, rgb(246,246,246) 100%);
	background: -moz-linear-gradient(top, rgb(253,253,253) 0%, rgb(246,246,246) 100%);
	background: -ms-linear-gradient(top, rgb(253,253,253) 0%, rgb(246,246,246) 100%);
	-pie-background: linear-gradient(top, rgb(253,253,253) 0%, rgb(246,246,246) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f6f6f6', GradientType=0);
	/****kokoni itsuka htc wo***/
}
#diary .myDiaryList h4{font-size:16px; margin:0 0 10px 0; float:left;}
#diary .myDiaryList .date{float:right; font-size:11px; color:#999;}
#diary .myDiaryList .profile{clear:both; margin-bottom:10px;}
#diary .myDiaryList .excerpt{clear:both;color:#666; line-height:1.4;}

/*日記エントリー表示*/
#entry{padding:15px; border:solid 1px #CCC; margin-bottom:20px;overflow:hidden}
#entry h2{ border-left:solid 5px #EEE; font-size:18px; color:#333; padding:5px 5px 5px 10px;}
#entry .date{ border-left:solid 5px #EEE; font-size:11px; color:#999; line-height:1.5; padding:5px 5px 5px 10px; margin-bottom:20px;}
#entry .body{ margin:20px 0; font-size:13px; line-height:1.5; }
#entry .images img{ margin-right:15px; vertical-align:middle;}
#entry .images .thumb01,#entry .images .thumb02,#entry .images .thumb03{cursor:pointer;}

/*簡易プロフ*/
#diary .profTbl{width:100%; border-bottom: dotted 1px #CCC;}
#diary .profTbl td{ vertical-align:top; text-align:left; padding-bottom:15px; }
#diary .profTbl td:first-child{ width:188px;}
#diary .profTbl td:last-child{ width:170px;}
#diary .profTbl td .name{font-size:16px; margin-bottom:5px; margin-top:0; padding-top:0;}
#diary .profTbl td .female{font-size:14px; font-weight:normal; color:red;}
#diary .profTbl td .male{font-size:14px; font-weight:normal; color:blue;}
#diary .profTbl td dl{line-height:1.5;}
#diary .profTbl td dt{clear:left; float:left; width:5em; margin-right:10px;}
#diary .profTbl td dd{float:left;}

#diary .profTbl td .sendMail,
#diary .profTbl td .sendMail2,
#diary .profTbl td .viewProf,
#diary .profTbl td .viewProf{display:block;text-align:center;cursor:pointer; font-size:12px; font-weight:bold; color:#666; padding:15px 10px; border:solid 2px #CCC; border-radius:5px; margin:0 0 10px 0;}
#diary .profTbl td .sendMail:hover,
#diary .profTbl td .sendMail2:hover,
#diary .profTbl td .viewProf:hover{text-decoration:none; color:#00AFBC; border-color:#00AFBC;background-color:#FCFFFF;}
#diary .profTbl .profImgBig{display:block;margin-bottom:9px;cursor:pointer;}
#diary .profTbl .profImgThumb{display:block;float:left;margin:0 9px 10px 0;cursor:pointer;}

/*==============================================
年齢認証
==============================================*/
#verify{width:765px; float:left;margin-right:15px;}
#verify h3 {font-size:13px; color:#333; line-height:30px; padding-left:10px;
	background: -webkit-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -o-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -moz-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -ms-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	-pie-background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f0f0f0', GradientType=0);
	/****kokoni itsuka htc wo***/
	border:solid 1px #CCC; border-top:solid 2px #68c823; margin-bottom:15px;
}
#verify .verifyCredit{overflow:hidden; width:375px;float:left;margin-bottom:15px;}
#verify .verifyRight{overflow:hidden;width:375px;border:solid 1px #CCC; float:right;margin-bottom:15px;}
#verify .verifyCredit .sel,#verify .verifyRight .sel{display:block;overflow:hidden;border:solid 1px #CCC;padding:15px;}
#verify .verifyCredit .sel h4,#verify .verifyRight h4{text-decoration:none; font-size:18px; margin-bottom:20px; color:#1E4892;}
#verify .verifyCredit .sel img,#verify .verifyRight img{display:block; margin:0 auto 20px auto;}
#verify .verifyCredit .sel p,#verify .verifyRight p{line-height:1.5; color:#666;margin-bottom:20px;}
#verify .button{margin:0 auto;}
#verify .buttonBox{ text-align:center; margin:0;}
#verify .buttonBox a:hover{text-decoration:none;}

.verifyIdList{margin-bottom:15px;}
.verifyIdList tr{border-top:dotted 1px #CCC;}
.verifyIdList tr:last-child{border-bottom:dotted 1px #CCC;}
.verifyIdList td{ vertical-align:middle; text-align:center; padding:15px 0;line-height:1.5;}

.verifyIdList td strong{margin-top:15px; font-size:14px; font-weight:bold;color:#666;}
.verifyIdList .excerpt{color:#666; line-height:1.4;}

/*==============================================
画像拡大ボックス
==============================================*/
#zoomImg{display:none; min-width:640px; min-height:100px; background:#FFF;position:fixed; left:50%; top:120px; margin:-10px 0 0 -320px;border:solid 1px #CCC; box-shadow:0px 2px 5px rgba(0,0,0,0.5);border-radius:10px;padding:15px;/****kokoni itsuka htc wo***/z-index: 3}
#zoomImg h4 {line-height:20px;background:#EEE; border-radius:5px; padding:5px 10px; overflow:hidden;margin-bottom:10px; font-size:12px; }
#zoomImg h4 .close{float:right; cursor:pointer; color:#666;}
#zoomImg img{display:block; margin:0 auto;}
#zoomImg img.image01{display:block; margin:0 auto;}
#zoomImg img.image02{display:block; margin:0 auto;}
#zoomImg img.image03{display:block; margin:0 auto;}
#blackOverlay{display:none; height:100%; width:100%; position:fixed; background:rgba(0,0,0,0.5);z-index: 2;}


/*==============================================
メール送信ボックス
==============================================*/
#sendbox{display:none; width:640px; height:430px; background:#FFF;position:fixed; left:50%;top:120px; margin:-10px 0 0 -320px;border:solid 1px #CCC; box-shadow:0px 2px 5px rgba(0,0,0,0.5);border-radius:10px;padding:15px;/****kokoni itsuka htc wo***/z-index: 3;}
#sendbox h3{display:block;border-radius:5px;line-height:20px;padding:5px 10px;font-size:12px;background:#EEE; color:#1E4892;}

#sendbox .close{ float:right;line-height:20px; margin:-25px 15px 0 0;cursor:pointer; font-weight:bold; color:#666;}
#sendbox .close:hover{text-decoration:underline;}

#sendbox .subject {clear:both; border-bottom:dotted 1px #CCC; overflow:hidden; padding:15px;}
#sendbox .subject h4{ display:block; width:40px; float:left; color:#1E4892; font-weight:bold; font-size:12px;padding:11px 0;}
#sendbox .subject input{float:left; display:block; font-size:14px; padding:7px; width:554px;
	border:1px solid #a7b4c0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0f4f5), to(#fff));
	background: -moz-linear-gradient(#f0f4f5, #fff);
	-pie-background: linear-gradient(#f0f4f5, #fff);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f4f5', endColorstr='#ffffff', GradientType=0);
	/****kokoni itsuka htc wo***/
}
#sendbox .body {clear:both; border-bottom:dotted 1px #CCC; overflow:hidden; padding:15px 15px 5px 15px;}
#sendbox .body h4{color:#1E4892; font-weight:bold; font-size:12px;}
#sendbox .body textarea{display:block;font-size:14px; padding:10px; margin:10px 0 0 0;width:588px;height:105px;
	border:1px solid #a7b4c0;
	border-radius:2px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0f4f5), to(#fff));
	background: -moz-linear-gradient(#f0f4f5, #fff);
	-pie-background: linear-gradient(#f0f4f5, #fff);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f4f5', endColorstr='#ffffff', GradientType=0);
/****kokoni itsuka htc wo***/}
#sendbox .body .caption{margin:5px 0 10px 0; color:#999; font-size:11px;}
#sendbox .image{padding:15px; clear:both; border-bottom:dotted 1px #CCC;}
#sendbox .image h4{color:#1E4892; font-weight:bold; font-size:12px; padding-bottom:10px;}
#sendbox .sendbtn{text-align:center; margin:20px auto 0 auto;}

/*==============================================
メール送信ボックスjavascript無し
==============================================*/
#sendbox2{width:730px; height:430px; background:#FFF; margin:0 0 20px 0;border:solid 1px #CCC;padding:15px;/****kokoni itsuka htc wo***/float: left;}
#sendbox2 h3{border-radius:5px;line-height:20px;padding:5px 10px;font-size:12px;background:#EEE; color:#1E4892;}

#sendbox2 .subject {clear:both; border-bottom:dotted 1px #CCC; overflow:hidden; padding:15px;}
#sendbox2 .subject h4{ display:block; width:40px; float:left; color:#1E4892; font-weight:bold; font-size:12px;padding:11px 0;}
#sendbox2 .subject input{float:left; display:block; font-size:14px; padding:7px; width:554px;
	border:1px solid #a7b4c0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0f4f5), to(#fff));
	background: -moz-linear-gradient(#f0f4f5, #fff);
	-pie-background: linear-gradient(#f0f4f5, #fff);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f4f5', endColorstr='#ffffff', GradientType=0);
	/****kokoni itsuka htc wo***/
}
#sendbox2 .body {clear:both; border-bottom:dotted 1px #CCC; overflow:hidden; padding:15px 15px 5px 15px;}
#sendbox2 .body h4{color:#1E4892; font-weight:bold; font-size:12px;}
#sendbox2 .body textarea{display:block;font-size:14px; padding:10px; margin:10px 0 0 0;width:650px;height:105px;
	border:1px solid #a7b4c0;
	border-radius:2px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0f4f5), to(#fff));
	background: -moz-linear-gradient(#f0f4f5, #fff);
	-pie-background: linear-gradient(#f0f4f5, #fff);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f4f5', endColorstr='#ffffff', GradientType=0);
/****kokoni itsuka htc wo***/}
#sendbox2 .body .caption{margin:5px 0 10px 0; color:#999; font-size:11px;}
#sendbox2 .image{padding:15px; clear:both; border-bottom:dotted 1px #CCC;}
#sendbox2 .image h4{color:#1E4892; font-weight:bold; font-size:12px; padding-bottom:10px;}
#sendbox2 .sendbtn{text-align:center; margin:20px auto 0 auto;position: relative;z-index: 1;}


/*注意事項*/
#attention{ clear:both; overflow:hidden; background:url(/img/images/attention.gif) no-repeat 16px center; padding:16px; border:solid 3px #E10A7F; border-radius:10px;margin-bottom:20px;}
#attention div{margin-left:48px; padding-left:16px;border-left:solid 2px #E10A7F; line-height:1.5; color:#666;}
#attention h5{ font-size:14px; color:#E10A7F;margin-bottom:5px;}
#attentionLeft{padding:10px; border:solid 3px #E10A7F; border-radius:10px;}
#attentionLeft h5{ font-size:14px; color:#E10A7F;margin-bottom:5px;border-bottom:solid 2px #E10A7F;padding-bottom:5px;margin-bottom:10px;line-height:1;}
#attentionLeft div{line-height:1.5; color:#666;}
#attentionLeft div p{margin-bottom:5px;padding-bottom:5px; border-bottom:#EEE solid 1px;}

/*完了表示*/
#succeed{ clear:both; overflow:hidden; background:url(/img/images/succeed.gif) no-repeat 16px center; padding:16px; border:solid 3px #00afbc; border-radius:10px;margin-bottom:20px;}
#succeed div{margin-left:48px; padding-left:16px;border-left:solid 2px #00afbc; line-height:1.5; color:#666;}
#succeed h5{ font-size:14px; color:#00afbc;margin-bottom:5px;}

/*更新表示*/
#update{ clear:both; overflow:hidden; background:url(/img/images/update.gif) no-repeat 16px center; padding:16px; border:solid 3px #00afbc; border-radius:10px;margin-bottom:20px;}
#update div{margin-left:48px; padding-left:16px;border-left:solid 2px #00afbc; line-height:1.5; color:#666;}
#update h5{ font-size:14px; color:#00afbc;margin-bottom:5px;}
#update div span{color:red; font-weight:bold;}

/*お知らせフリーページ*/
#freeUpdate{ clear:both; overflow:hidden; padding:10px; border:solid 3px #ccc; margin-bottom:20px;}
#freeUpdate div.areaF{line-height:1.5; color:#666;}
#freeUpdate h5.titleF{ font-size:14px; color:#00afbc;margin-bottom:5px;}


/*==============================================
マイページ
==============================================*/
#leftContents .profile{border:solid 1px #CCC; padding:10px 15px;margin-bottom:15px;}
#leftContents .profile h3{margin-bottom:10px; font-size:14px; color:#1E4892;}
#leftContents .profile img{margin-bottom:10px;}
#leftContents .profile li{line-height:1.5;}
#leftContents .point{border:solid 1px #CCC; padding:15px;margin-bottom:15px;}
#centerContents h3 {font-size:13px; color:#333; line-height:30px; padding-left:10px;
	background: -webkit-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -o-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -moz-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -ms-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	border:solid 1px #CCC; border-top:solid 2px #68c823; margin:0;
	
	-pie-background: linear-gradien(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f0f0f0', GradientType=0);
	/****kokoni itsuka htc wo***/
}

#userid{display: inline-block; padding:0px 0 6px 0; font-size: 11px; font-family: sans-serif; color:#333333; letter-spacing: 1px; }
#userrank{background: #efefef; padding: 10px; text-shadow:-1px -1px 0 #ffffff; text-align: center; margin-bottom: 6px; border-radius: 5px;}

#centerContents .diaryList{clear:both;}
#centerContents .diaryList tr{border-top:dotted 1px #CCC;}
#centerContents .diaryList tr:last-child{border-bottom:dotted 1px #CCC;}
#centerContents .diaryList td{ vertical-align:top; padding:15px 0;}
#centerContents .diaryList td:first-child{width:110px;}
#centerContents .diaryList h4{font-size:16px; margin-bottom:10px;float:left;}
#centerContents .diaryList .date{float:right; font-size:11px; color:#999;}
#centerContents .diaryList .profile{clear:both; margin-bottom:10px;}
#centerContents .male{color:blue;margin-right:2px;}
#centerContents .female{color:red;margin-right:2px;}
#centerContents .diaryList .excerpt{color:#666; line-height:1.4;}

/*==============================================
ギフトメール
==============================================*/
#gift h3 {font-size:13px; color:#333; line-height:30px; padding-left:10px;
	background: -webkit-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -o-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -moz-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -ms-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	-pie-background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f0f0f0', GradientType=0);
	/****kokoni itsuka htc wo***/
	border:solid 1px #CCC; border-top:solid 2px #68c823; margin:0 0 10px 0;
}

#gift td .readMail{width:100px; display:block;color:#666; font-weight:bold; background:#FFF; border-radius:5px; padding:5px 10px; line-height:1; margin:5px auto 0 auto; border:solid 2px #CCC;}
#gift td .readMail:hover{text-decoration:none; color:#00afbc; background:#FFF; border-color:#00afbc;}

.giftpoint{text-align:center;}
.giftpoint span{display:inline-block; color:#666; padding:5px;}
.giftpoint strong{font-size:19px; color:#F39;}
.giftbody{ margin:10px; font-size:11px; color:#999;}

#gift .buyform {padding:5px; border:solid 1px #CCC; background:#FCFCFC;margin-bottom:25px; width:750px;}
#gift .giftform table{  width:100%; margin:10px auto; }
#gift .giftform th, #gift .giftform td{ border:solid 1px #CCC; padding:20px; vertical-align:middle; line-height:1.4;}
#gift .giftform th{width:150px; background:#FCFDFF url(/img/images/th_bg01.gif) no-repeat 20px center;; color:#666; padding-left:30px; }
#gift .giftform th span{margin-left:5px; color:red;}
#gift .giftform td{ background:#FFF;}
#gift .giftform td label{vertical-align:middle; margin:5px 15px 5px 0; display:inline-block;}
#gift .giftform td input[type=text]{width:491px; padding:5px; font-size:14px; border:solid 1px #999; border-radius:2px;}
#gift .giftform td textarea{width:491px; height:150px; padding:5px; font-size:12px;border:solid 1px #999; border-radius:2px;}
#gift .giftform td .description{margin-top:2px; color:#999; font-size:11px;}
#gift .giftform td input[type=file]{ margin-top:15px;}
#gift .giftform td input[type=file]:first-child{ margin:0;}
#gift .giftform label{font-weight:bold; font-size:14px; padding:5px;}
#gift .giftform label:hover{background:#CFF;}
#gift .giftform label input[type=radio]{margin:0 3px 0 0; vertical-align:middle; width:15px; height:15px;}
#gift form{margin-bottom:20px;}
#gift textarea{max-width:700px;}

/*==============================================
ポイント購入
==============================================*/
/*決済方法一覧*/
#payment{float:left;}
#payment h3 {font-size:13px; color:#333; line-height:30px; padding-left:10px;
	background: -webkit-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -o-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -moz-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -ms-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	-pie-background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f0f0f0', GradientType=0);
	/****kokoni itsuka htc wo***/
	border:solid 1px #CCC; border-top:solid 2px #68c823; margin:0;
	width: 750px;
}
#payment li{float:left;	margin:5px;	border:1px solid #CCC; width:314px;}
#payment h4{padding:7px; background:#EFEFEF; text-shadow:1px 1px 1px #FFFFFF; border-bottom:1px solid #CCC; margin:0 0 5px 0;}
#payment li p{margin:10px; padding-top:50px; height:3em;}
#payment p{margin:10px 0; line-height:1.5em;}
#payment a.button,#payment span.button{margin:10px auto; font-weight:bold;}
#payment span.button{background:#CCCCCC; color:#999999;}
#payment a:hover.button{text-decoration:none;}

#payment li p.credit{background:url(/img/images/payment/img_credit.gif) no-repeat top left;}
#payment li p.credit0{background:url(/img/images/payment/img_credit0.gif) no-repeat top left;}
#payment li p.creditvm{background:url(/img/images/payment/img_creditvm.gif) no-repeat top left;}
#payment li p.vpreca{background:url(/img/images/payment/img_vpreca.gif) no-repeat top left;}
#payment li p.bank{background:url(/img/images/payment/img_bank.gif) no-repeat top left;}
#payment li p.bitcash{background:url(/img/images/payment/img_bitcash.gif) no-repeat top left;}
#payment li p.cvs{background:url(/img/images/payment/img_cvs.gif) no-repeat top left;}
#payment li p.ccheck{background:url(/img/images/payment/img_ccheck.gif) no-repeat top left;}
#payment li p.edy{background:url(/img/images/payment/img_edy.gif) no-repeat top left;}
#payment li p.securitymoney{background:url(/img/images/payment/img_securitymoney.gif) no-repeat top left;}
#payment li p.gmoney{background:url(/img/images/payment/img_gmoney.gif) no-repeat top left;}
#payment li p.chocom{background:url(/img/images/payment/img_chocom.gif) no-repeat top left;}
#payment li p.gigapoint{background:url(/img/images/payment/img_gigapoint.gif) no-repeat top left;}
#payment li p.netride{background:url(/img/images/payment/img_netride.gif) no-repeat top left;}
#payment li p.payeasy{background:url(/img/images/payment/img_payeasy.gif) no-repeat top left;}
#payment li p.paycash{background:url(/img/images/payment/img_paycash.gif) no-repeat top left;}
#payment li p.transcheck{background:url(/img/images/payment/img_transcheck.gif) no-repeat top left;}
#payment li p.smartpit{background:url(/img/images/payment/img_smartpit.gif) no-repeat top left;}
#payment li p.loan{background:url(/img/images/payment/img_loan.gif) no-repeat top left;}
#payment li p.xcoin{background:url(/img/images/payment/img_xcoin.gif) no-repeat top left;}
#payment li p.webcoin{background:url(/img/images/payment/img_webcoin.gif) no-repeat top left;}

#payment em{display:block; font-size:11px; font-style:normal; text-indent:-369231px; height:50px; width:auto; padding:0; margin:15px 0 0 0;}
#payment em.credit{background:url(/img/images/payment/img_credit.gif) no-repeat top left;}
#payment em.credit0{background:url(/img/images/payment/img_credit0.gif) no-repeat top left;}
#payment em.creditvm{background:url(/img/images/payment/img_creditvm.gif) no-repeat top left;}
#payment em.vpreca{background:url(/img/images/payment/img_vpreca.gif) no-repeat top left;}
#payment em.bank{background:url(/img/images/payment/img_bank.gif) no-repeat top left;}
#payment em.bitcash{background:url(/img/images/payment/img_bitcash.gif) no-repeat top left;}
#payment em.cvs{background:url(/img/images/payment/img_cvs.gif) no-repeat top left;}
#payment em.ccheck{background:url(/img/images/payment/img_ccheck.gif) no-repeat top left;}
#payment em.edy{background:url(/img/images/payment/img_edy.gif) no-repeat top left;}
#payment em.securitymoney{background:url(/img/images/payment/img_securitymoney.gif) no-repeat top left;}
#payment em.gmoney{background:url(/img/images/payment/img_gmoney.gif) no-repeat top left;}
#payment em.chocom{background:url(/img/images/payment/img_chocom.gif) no-repeat top left;}
#payment em.gigapoint{background:url(/img/images/payment/img_gigapoint.gif) no-repeat top left;}
#payment em.netride{background:url(/img/images/payment/img_netride.gif) no-repeat top left;}
#payment em.payeasy{background:url(/img/images/payment/img_payeasy.gif) no-repeat top left;}
#payment em.transcheck{background:url(/img/images/payment/img_transcheck.gif) no-repeat top left;}
#payment em.smartpit{background:url(/img/images/payment/img_smartpit.gif) no-repeat top left;}
#payment em.loan{background:url(/img/images/payment/img_loan.gif) no-repeat top left;}
#payment em.xcoin{background:url(/img/images/payment/img_xcoin.gif) no-repeat top left;}
#payment em.webcoin{background:url(/img/images/payment/img_webcoin.gif) no-repeat top left;}


/*購入画面*/
#payment .buyform {padding:5px; border:solid 1px #CCC; background:#FCFCFC;margin-bottom:25px; width:750px;}
#payment .buyform table{  width:100%; }
#payment .buyform th, #payment .buyform td{ border:solid 1px #CCC; padding:20px; vertical-align:middle; line-height:1.4;}
#payment .buyform th{width:150px; background:#FCFDFF url(/img/images/th_bg01.gif) no-repeat 20px center; color:#666; padding-left:30px; }
#payment .buyform th span{margin-left:5px; color:red;}
#payment .buyform td{ background:#FFF;}
#payment .buyform td label{vertical-align:middle; margin:5px 15px 5px 0; display:inline-block;}
#payment .buyform td input[type=text]{width:491px; padding:5px; font-size:14px; border:solid 1px #999; border-radius:2px;}
#payment .buyform td textarea{width:491px; height:150px; padding:5px; font-size:12px;border:solid 1px #999; border-radius:2px;}
#payment .buyform td .description{margin-top:2px; color:#999; font-size:11px;}
#payment .buyform td input[type=file]{ margin-top:15px;}
#payment .buyform td input[type=file]:first-child{ margin:0;}
#payment .buyform label{font-weight:bold; font-size:14px; padding:5px;}
#payment .buyform label:hover{background:#CFF;}
#payment .buyform label input[type=radio]{margin:0 3px 0 0; vertical-align:middle; width:15px; height:15px;}
#payment form{margin-bottom:20px;}

/*購入完了画面*/
#payment div.done{width:750px; margin:20px 0; font-size:16px; color:#F03; line-height:1.6em; letter-spacing:1px;}

/*銀行振込*/
table#rateBank td strong{font-size:14px;}
table#rateBank td{ border:solid 1px #CCC; padding:10px; vertical-align:middle; line-height:1.4;}
table#rateBank th{ background:#efefef; color:#666; text-align:left; padding:10px; border:1px solid #CCC; }
table#rateBank th span{margin-left:5px; color:red;}
table#rateBank td{ background:#FFF;}
table#rateBank{width:400px; float:right;}
table#infoBank{width:300px; float:left;}
table#infoBank td{ border-bottom:dotted 1px #CCC; padding:10px; vertical-align:middle; line-height:1.4;}
table#infoBank th{ background:#efefef; color:#666; text-align:left; padding:10px; border-bottom:1px solid #CCC; }

/*==============================================
サイド
==============================================*/
/*ポイント確認*/
#rightContents .point{border:solid 2px #CCC;text-align:center; border-radius:3px; padding-bottom:10px; margin-bottom:15px;}
#rightContents .point h2{margin:10px; font-size:12px; color:#1E4892;}
#rightContents .point .currentPoint{font-size:13px; font-weight:bold; text-align:center; margin-bottom:10px; color:#0098ce;}
#rightContents .point .currentPoint strong{ margin-right:2px;font-size:18px;}
#rightContents .point .limit{ display:block; text-align:center;padding:10px; border:dotted 1px #CCC; border-width:1px 0 1px 0; margin-bottom:10px;}
#rightContents .point .showPoint,
#rightContents .point .getPoint{display:block;color:#E10A7F; font-weight:bold; display:block;margin:0 50px; background:#FFFCFE; margin-bottom:10px; border-radius:5px; padding:7px; border:solid 2px #E10A7F; cursor:pointer;}
#rightContents .point .showPoint{margin-bottom:0;color:#00AFBC; border-color:#00AFBC;background-color:#FCFFFF;}
#rightContents .point .showPoint:hover{background-color:#DEF9F8;}
#rightContents .point .getPoint:hover{text-decoration:none;background-color:#FFDCF1;}
/*#rightContents .point .pointStat{display:none;}*/

/*メニュー*/
#rightContents .rightMenu{border:solid 1px #CCC; padding:10px; margin-bottom:15px;}
#rightContents .rightMenu li{margin-bottom:10px;}
#rightContents .rightMenu li:last-child{margin-bottom:0;}
#rightContents .rightMenu .btn a{display:block;line-height:18px; text-align:center; font-weight:bold; font-size:13px; padding:10px 18px 10px 10px; border-radius:5px; background:#FFF; color:#666; border:solid 2px #CCC;}
#rightContents .rightMenu .btn a:hover{text-decoration:none;color:#00AFBC; border-color:#00AFBC;background-color:#FCFFFF;}
#rightContents .rightMenu .btn a.adult:hover{color:#E10A7F; border-color:#E10A7F;background-color:#FFFCFE;}



#side{width:200px;float:right;}
#rightContents #help {margin-bottom:15px;}
#help {	border:1px solid #CCCCCC;}

#help li{	padding:10px;	border-bottom:1px dotted #CCCCCC;}

#help h3{
	padding:5px 10px;
	font-size:13px;
	background:#f7f7f7;
	color:#555555;
	text-shadow:1px 1px 0px #FFFFFF;
	border-bottom:1px solid #CCC;
	
}
#help li strong{	display:inline-block;	padding:5px 0;}
#help li p{	font-size:10px;	line-height:13px;}





/******************
フォームスタイル
 *****************/
a.button {
	text-decoration: none;
	}

.button.danger,.button:hover{
	color:#ffffff;
	}


.button {
	cursor:pointer;
	display:inline-block;
	background-color:#e6e6e6;
	background-repeat:no-repeat;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
	background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
	background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
	padding:5px 14px 6px;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
	color:#333;
	font-size:13px;
	line-height:normal;
	border: 1px solid #ccc;
	border-bottom-color:#bbb;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition:0.1s linear all;
	-moz-transition:0.1s linear all;
	-ms-transition:0.1s linear all;
	-o-transition:0.1s linear all;
	transition:0.1s linear all;	/****kokoni itsuka htc wo***/
	position:relative;
	}

.button:hover {
	background-position:0 -15px;
	color:#333;
	text-decoration:none;
	}

.button:focus {
	outline:1px dotted #666;
	}


.button:active {
	-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);
	/****kokoni itsuka htc wo***/
	position:relative;
	}


.button.disabled {
	cursor:default;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	filter:alpha(opacity=65);
	-khtml-opacity:0.65;
	-moz-opacity:0.65;
	opacity:0.65;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	/****kokoni itsuka htc wo***/
	position:relative;
	}


.btn[disabled] {
	cursor:default;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
	filter:alpha(opacity=65);
	-khtml-opacity:0.65;
	-moz-opacity:0.65;
	opacity:0.65;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	/****kokoni itsuka htc wo***/
	position:relative;
	}

.button.large {
	font-size:15px;
	line-height:normal;
	padding:9px 14px 9px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	/****kokoni itsuka htc wo***/
	position:relative;
	}


.button.small {
	padding:7px 9px 7px;
	font-size:11px;
	}


:root .alert-message,:root .btn {
	border-radius:0 \0;
	}

button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner {
	padding:0;
	border:0;
	}


/*form*/
input[type=text],
input[type=password]{
	padding:3px;
	border:1px solid #CCC;
    border-radius: 3px;        /* CSS3草案 */ 
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */ 
    -moz-border-radius: 3px;   /* Firefox用 */	
	/****kokoni itsuka htc wo***/
	position:relative;
}



/*==============================================
登録フォーム
==============================================*/
#regist div#step{
	margin:50px 30px;
	
}

#regist .selectbox{
	font-size:15px;
	margin:30px;
	padding:30px;
	border:1px solid #CCC;
    border-radius: 5px;        /* CSS3草案 */ 
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */ 
    -moz-border-radius: 5px;   /* Firefox用 */	
	/****kokoni itsuka htc wo***/
	line-height:1.5;
}
#regist .selectbox{

}


#regist div#step li{
	width:265px;
	background:#CCCCCC;
	height:60px;
	float:left;
	padding:4px;
    border-radius: 5px;        /* CSS3草案 */ 
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */ 
    -moz-border-radius: 5px;   /* Firefox用 */
background-image: linear-gradient(top, rgb(223,223,223) 0%, rgb(205,205,205) 100%);
background-image: -o-linear-gradient(top, rgb(223,223,223) 0%, rgb(205,205,205) 100%);
background-image: -moz-linear-gradient(top, rgb(223,223,223) 0%, rgb(205,205,205) 100%);
background-image: -webkit-linear-gradient(top, rgb(223,223,223) 0%, rgb(205,205,205) 100%);
background-image: -ms-linear-gradient(top, rgb(223,223,223) 0%, rgb(205,205,205) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#cdcdcd', GradientType=0);
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(223,223,223)),
	color-stop(1, rgb(205,205,205))
);
	/****kokoni itsuka htc wo***/
	position:relative;
}

#stepactive{
background: #999999!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#999999',GradientType=0 )!important;
	/****kokoni itsuka htc wo***/
	position:relative!important;
}

#step li.steparrow{
	width:40px!important;
	background:#FFFFFF!important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0)!important;
	width: 0 10px;
	height: 0;
	text-align:center;
}


.arrowmark{
	border-top: 10px solid transparent;
	border-left: 10px solid #cccccc;
	border-bottom: 10px solid transparent;
	width:10px;
	margin:15px;
}

.stepcount{
	color:#FFF;
	line-height:20px;
	text-align:center;
	padding:5px 0 15px 0;
	width:45px;
	height:45px;
	float:left;
	font-family:'Questrial';
}

.stepcount strong{
	font-size:26px!important;
	font-style:italic;
	color:#FFF!important;
}

.stepabout{
	background:#FFFFFF;
	float:right;
	text-align:left;
	font-weight:bold;
	font-size:15px;
	height:20px;
	width:190px;
	padding:20px 10px;
	color:#CCCCCC;
}

#regist div#messege{
	padding:10px 20px;
	border-left:10px solid #EFEFEF;
	margin:0 30px;
	letter-spacing:1px;
}

#regist div#messege p{
	display:block;
	line-height:1.7em;
	margin:10px 0 0 0;
}


#regist form,
#registed{
	font-size:15px;
	text-align:center;
	margin:30px;
	padding:30px;
	border:1px solid #CCC;
    border-radius: 5px;        /* CSS3草案 */ 
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */ 
    -moz-border-radius: 5px;   /* Firefox用 */	
	/****kokoni itsuka htc wo***/
	position:relative;
}

#registed p{
	font-size:20px;
	line-height:1.5em;
}

#registed strong{
	color:#1e4892;
	font-size:24px!important;
}

#regist strong{
	color:#1e4892;
	font-size:15px;
}

#regist .regist {margin:0 auto;}
#regist .regist th{text-align:right; padding:15px 40px 15px 15px;vertical-align:middle;color:#1e4892;font-size:15px;}
#regist .regist th span{margin-left:5px;color:#F33;}
#regist .regist td{text-align:left; padding:15px;vertical-align:middle;}
#regist .regist td.btn_submit{text-align:center;}

#regist form strong{
	color:#1e4892;
	font-size:15px;
}

#regist input[type=text],#regist input[type=password]{
	border:1px solid #a7b4c0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0f4f5), to(#fff));
	background: -moz-linear-gradient(#f0f4f5, #fff);
	/****kokoni itsuka htc wo***/
	position:relative;
	width:354px;
	font-size:18px;
	padding:6px 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;	/****kokoni itsuka htc wo***/
	position:relative;
}


#regist input[type=text]:focus{
	background:#FFFFFF;
}


#regist input[type=submit]{
	margin:10px 0;
}


/*==============================================
ログインフォーム
==============================================*/
#login {margin:45px 0;
	
	border-radius: 5px;        /* CSS3草案 */ 
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */ 
	-moz-border-radius: 5px;   /* Firefox用 */	
	/****kokoni itsuka htc wo***/
	
}
#login form{
	float:left;
	width:620px;
	margin-right:;
	background:#FFF;
	min-height:310px;
	border:1px solid #CCC;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	/****kokoni itsuka htc wo***/
}

#login form h2{font-size:15px;padding:15px;color:#666;border-bottom:solid 1px #CCC;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	/****kokoni itsuka htc wo***/
}
#login form div{border-bottom:dotted 1px #CCC; margin:15px;}
#login form p{margin:15px 15px 15px 0;padding:10px 20px;
	border-left:10px solid #EFEFEF;}
#login form p.lostPass{text-align:center; margin:15px 15px 15px 15px;padding-top:20px; border:none;border-top:dotted 1px #CCC;}

#login table{margin:0 0;}
#login th,
#login td{font-size:15px;color:#1e4892;padding:15px;}
#login th{width:7em; text-align:right; padding-left: 30px;}

#login input[type=text],
#login input[type=password]{
	border:1px solid #a7b4c0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f0f4f5), to(#fff));
	background: -moz-linear-gradient(#f0f4f5, #fff);
	-pie-background: linear-gradient(#f0f4f5, #fff);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f4f5', endColorstr='#ffffff', GradientType=0);
	position:relative;
	width:304px;
	font-size:15px;
	padding:5px 3px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	/****kokoni itsuka htc wo***/
	position:relative;
}
#login .btn_submit{ text-align:center;}

#registinfo{
	width:310px;
	border:1px solid #CCC;
	float:right;
    border-radius: 5px;        /* CSS3草案 */ 
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */ 
    -moz-border-radius: 5px;   /* Firefox用 */	
	position:relative;

	
	background-image: linear-gradient(top, rgb(252,252,252) 0%, rgb(235,235,235) 100%);
	background-image: -o-linear-gradient(top, rgb(252,252,252) 0%, rgb(235,235,235) 100%);
	background-image: -moz-linear-gradient(top, rgb(252,252,252) 0%, rgb(235,235,235) 100%);
	background-image: -webkit-linear-gradient(top, rgb(252,252,252) 0%, rgb(235,235,235) 100%);
	background-image: -ms-linear-gradient(top, rgb(252,252,252) 0%, rgb(235,235,235) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#EBEBEB', GradientType=0)!important;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(252,252,252)),color-stop(1, rgb(235,235,235)));
	/****kokoni itsuka htc wo***/
}

#registinfo h2{font-size:15px;padding:15px;color:#1e4892;text-shadow: -1px 1px 2px rgba(255,255,255,0.8); border-bottom:solid 1px #CCC;

}

#registinfo a{
	display:inline-block;

	
}
#registinfo .about{display:block; margin:15px 15px 0 15px; background:#FFF;border-radius: 5px; padding:15px;color:#444;}
#registinfo .about strong{display:block;margin-bottom:15px; font-size:14px; color:#1e4892;}

#registinfo a.registBtn{display:block; margin:15px ; padding:15px;font-weight:bold; text-align:center; color:#666666; font-size:18px;

background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
	/****kokoni itsuka htc wo***/
	border:1px solid #999;
	border-radius: 5px;
	/****kokoni itsuka htc wo***/
}
#registinfo a.registBtn:hover{text-decoration:none;
	background: #febbbb;
background: -moz-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#febbbb), color-stop(45%,#fe9090), color-stop(100%,#ff5c5c));
background: -webkit-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
background: -o-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
background: -ms-linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
background: linear-gradient(top, #febbbb 0%,#fe9090 45%,#ff5c5c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=0 );
color:#FFF;
text-shadow:none;
	/****kokoni itsuka htc wo***/
}


/*page all*/
.left{float:left;text-align:left;}
.right{float:right;text-align:right;}
.center{text-align:center!important; margin:auto;}
.red{color:#FF0000;}
.grey{color:#999999;}
.noborder{border:none!important;}

.big{font-size:14px!important;}
.normal{font-size:12px!important;}
.xxsmall{font-size:9px!important;}
.xsmall{font-size:10px!important;}
.small{font-size:11px!important;}
.normal{font-weight:normal!important;}
.bold{font-weight:bold!important;}
.clear{clear:both; font-size:1px; height:1px;}
.clear hr{display:none;}


/*==============================================
メールボックス
==============================================*/
#mailbox{width:765px; float:left;}

/*タブナビゲーション*/
nav#tab a:hover{text-decoration:none;}
nav#tab ul{display:block; border-bottom:solid 2px #ff6bb7; height:36px;padding-left:8px;}
nav#tab li{text-align:center; font-size:12px; line-height:35px;float:left; display:block; width:10em; height:35px;  margin-right:8px; border:solid 1px #ff6bb7; border-bottom:solid 2px #ff6bb7; border-radius:5px 5px 0 0; background:#ffdcee;}
nav#tab li.selected{border-bottom:solid 2px #FFF; background:#FFF;font-weight:bold;}
nav#tab li:hover{border-bottom:solid 2px #FFF; background:#FFF;}
nav#tab li a{display:block; color:#FF66CC;}
nav#tab li.selected a{color:#666;}
/*表示フィルタ*/
#mailbox .filter{ margin-top:15px; font-weight:bold; color:#666;}
#mailbox .filter a{margin:0 10px; font-weight:normal;}
#mailbox .filter a.selected{font-weight:bold;color:#444;}
#mailbox .select{margin:15px 0;}

/*メールリスト*/
#mailbox .mailList{ margin-bottom:20px; clear:both;}
#mailbox .mailList tr{ border-bottom:dotted 1px #CCC; }
#mailbox .mailList tr:first-child{border-top:dotted 1px #CCC;}
#mailbox .mailList td{ vertical-align:middle; padding:20px 0;}
#mailbox .mailList .date{ color:#999; font-size:11px; margin-bottom:0; float:right; text-align:right; line-height:1.5}
#mailbox .mailList h3{font-size:16px; float:left;}

#mailbox .mailList td.check{width:15px;}
#mailbox .mailList td.mailStat{text-align:center; width: 4em; padding-right:10px;}
#mailbox .mailList td.mailStat strong{display:block; background:#CCC; color:#FFF; font-size:11px; font-weight:normal; text-align:center; border-radius:5px; padding:3px; margin:5px 5px 0 5px;}
#mailbox .mailList td.mailStat strong.r0{background:#e10a7f;}
#mailbox .mailList td.mailStat strong.r1{background:#00afbc;}
#mailbox .mailList td.mailStat strong.r2{background:#999;}

#mailbox .mailList td.profImg{width:65px;}
#mailbox .mailList td .profile{line-height:1; font-size:13px; color:#666; clear:both; float:left; margin-top:12px;}
#mailbox .mailList td .profile .male{color:blue; margin-right:3px;}
#mailbox .mailList td .profile .female{color:red; margin-right:3px;}
#mailbox .mailList td .readMail{float:right; display:block;color:#666; font-weight:bold; background:#FFF; border-radius:5px; padding:5px 10px; line-height:1; margin:5px 0 0 0; border:solid 2px #CCC;}
#mailbox .mailList td .readMail:hover{text-decoration:none; color:#00afbc; background:#FFF; border-color:#00afbc;}


/*戻るリンク*/
#mailbox .back{ margin-top:30px; color:#666;}
#mailbox .back a{font-weight:normal;}

/*お相手のプロフィール*/
/*簡易プロフ*/
#mailbox .profTbl{width:100%; border-bottom: dotted 1px #CCC;}
#mailbox .profTbl td{ vertical-align:top; text-align:left; padding-bottom:15px; }
#mailbox .profTbl td:first-child{ width:188px;}
#mailbox .profTbl td:last-child{ width:170px;}
#mailbox .profTbl td .name{font-size:16px; margin-bottom:10px; margin-top:0; padding-top:0;}
#mailbox .profTbl td .female{font-size:14px; font-weight:normal; color:red;}
#mailbox .profTbl td .male{font-size:14px; font-weight:normal; color:blue;}
#mailbox .profTbl td dl{line-height:1.5;}
#mailbox .profTbl td dt{clear:left; float:left; width:5em; margin-right:10px;}
#mailbox .profTbl td dd{float:left;}

#mailbox .profTbl td .sendMail,
#mailbox .profTbl td .sendMail,
#mailbox .profTbl td .viewProf,
#mailbox .profTbl td .viewProf{display:block;text-align:center;cursor:pointer; font-size:12px; font-weight:bold; color:#666; padding:15px 10px; border:solid 2px #CCC; border-radius:5px; margin:0 0 10px 0;}
#mailbox .profTbl td .sendMail:hover,
#mailbox .profTbl td .viewProf:hover{text-decoration:none; color:#00AFBC; border-color:#00AFBC;background-color:#FCFFFF;}

/*自己紹介*/
.selfIntroduction{border:solid 1px #CCC; padding:0 15px 15px 15px; margin-bottom:15px; border-radius:5px;background:#FCFCFC;}
.selfIntroduction p{line-height:1.5; color:#2b2b2b; font-size:13px;}

/*返信するボタン*/
#entry .sendMail{display:block;float:right;padding:5px 10px; background:#FAFAFA;cursor:pointer; border-radius:5px; border:solid 1px #CCC;}
#entry .sendMail:hover{background:#EEE;text-decoration:none;}

/*足あと*/
.footprint{margin-bottom:10px;}
.footprintList td{}
.footprintList{ margin-bottom:20px; clear:both;}
.footprintList tr{ border-bottom:dotted 1px #CCC; }
.footprintList tr:first-child{border-top:dotted 1px #CCC;}
.footprintList td{ vertical-align:middle; padding:20px 0;}
.footprintList .date{ color:#999; font-size:11px; margin-bottom:0; float:right;}
.footprintList h3{font-size:16px; float:left;}
.footprintList h4{font-size:16px;margin: 0 0 10px 0;padding: 0;}
.footprintList td.check{width:24px;}
.footprintList td.profImg{width:65px;}
.footprintList td .name{font-size:16px; margin-bottom:10px; margin-top:0; padding-top:0;}
.footprintList td .female{font-size:14px; font-weight:normal; color:red;}
.footprintList td .male{font-size:14px; font-weight:normal; color:blue;}
.footprintList td .info{line-height:1; clear:both;}


/*==============================================
料金案内
==============================================*/
#priceTop{height:150px; border:solid 1px #CCC; background:#FEFEFE url(/img/images/topimg_price2.jpg)no-repeat 0 0;; color:#666; margin-bottom:20px;}
#priceTop h2{font-size:26px;letter-spacing:0.5em;background:rgba(255,255,255,0.4); text-shadow : 0 1px 4px rgba(255,255,255,0.3);margin-top:15px; line-height:30px; padding: 10px 30px;color:#ff5cbd;}
#priceTop p{line-height:1.5;margin:10px 0 0 30px;}


#pages {width:765px; float:left;}

#pages h2 {font-size:13px; color:#333; line-height:30px; padding-left:10px;
	background: -webkit-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -o-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -moz-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	background: -ms-linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	-pie-background: linear-gradient(top, rgb(250,250,250) 0%, rgb(240,240,240) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f0f0f0', GradientType=0);
	/****kokoni itsuka htc wo***/
	border:solid 1px #CCC; border-top:solid 2px #68c823; margin-bottom:20px;
}
#pages h2.female{border-top-color:#E10A7F;}
#pages h3{vertical-align:middle; border-bottom:solid 2px #EEE;margin-bottom:10px;padding-bottom:10px;font-size:14px;color:#1E4892;}

#pages table{width:100%; margin-bottom:30px;}
#pages table tr:first-child th{background:#EEE;}
#pages table tr:first-child td.female{background:#FFDCF1; font-weight:bold; color:#E10A7F;}
#pages table tr:first-child td.male{background:#DEF9F8; font-weight:bold; color:#007691;}
#pages table tr:first-child td.vip{background:#F2F2A5; font-weight:bold; color:#C18102;}
#pages table th,#pages table td{ border:solid 1px #CCC; padding:10px 15px; vertical-align:middle; line-height:1.4;}
#pages table th{ color:#666;}
#pages table td.female{width:140px;background:#FFFCFE; text-align:center;}
#pages table td.male{width:140px;background:#FCFFFF; text-align:center;}
#pages table td.vip{width:140px;background:#FFFFE1; text-align:center;}

/*
青0.1　FCFFFF
青0.5　DEF9F8
青1.0　00AFBC

赤0.1　FFFCFE
赤0.5　FFDCF1
赤1.0　E10A7F
*/

select:focus,
textarea:focus,
input[type=password]:focus,
input[type=text]:focus{border-color:#F3C!important	outline:none;
	background:#FFFFFF!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.4);
	-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.4);
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(102, 102, 102, 0.4);}

textarea{resize:vertical;}
/*==============================================
プロフィール検索結果
==============================================*/

.searchTbl{width:100%;margin:15px 0; }
.searchTbl tr{border-bottom: dotted 1px #CCC;}
.searchTbl td{ vertical-align:top; text-align:left; padding:15px 0; }
.searchTbl td:first-child{ width:115px;}
.searchTbl td:last-child{ width:170px;}
.searchTbl td .name{font-size:16px; margin-bottom:5px; margin-top:0!important; padding-top:0;}
.searchTbl td .female{font-size:14px; font-weight:normal; color:red;}
.searchTbl td .male{font-size:14px; font-weight:normal; color:blue;}
.searchTbl td dl{line-height:1.5;}
.searchTbl td dt{clear:left; float:left; width:5em; margin-right:10px;}
.searchTbl td dd{float:left;}
.searchTbl td .profile{line-height:1.5;}
.searchTbl td .sendMail,
.searchTbl td .viewProf,
.searchTbl td .viewProf{display:block;text-align:center;cursor:pointer; font-size:12px; font-weight:bold; color:#666; padding:15px 10px; border:solid 2px #CCC; border-radius:5px; margin:0 0 10px 0;}
.searchTbl td .sendMail:hover,
.searchTbl td .viewProf:hover{text-decoration:none!important; color:#00AFBC; border-color:#00AFBC;background-color:#FCFFFF;}
.searchTbl .profImgBig{display:block;margin-bottom:9px;cursor:pointer;}
.searchTbl .profImgThumb{display:block;float:left;margin:0 9px 10px 0;cursor:pointer;}

/*==============================================
pages
==============================================*/
#pagesTop{height:150px; border:solid 1px #CCC; background:#FEFEFE url(/img/images/topimg_price.jpg)no-repeat 0 0;; color:#666; margin-bottom:20px;}
#pagesTop h2{font-size:26px;letter-spacing:0.5em;background:rgba(255,255,255,0.4); text-shadow : 0 1px 4px rgba(255,255,255,0.3);margin-top:85px; line-height:30px; padding: 10px 30px;color:#ff5cbd;}
#pagesTop p{line-height:1.5;margin:10px 0 0 30px;}

#pages dt{float:left;display:block; width:150px; font-weight:bold; padding:20px 0;line-height:1.5; color:#666;}
#pages dd{float:left;display:block;padding:20px 0; line-height:1.5;}
#pages hr{clear:left; margin:0; border:none;border-bottom:dotted 1px #CCC;}
#pages p{line-height:1.5; margin-bottom:20px;}
#pages ol li{list-style:decimal; margin-left:2em; line-height:1.5; margin-bottom:20px;}
#pages ol ul {margin-top:20px;}
#pages ul li{list-style:none; margin-left:0; line-height:1.5; margin-bottom:20px;}
#pages .question{cursor:pointer; padding:12px 0;}
#pages .question:hover{text-decoration:underline;cursor:pointer;}
#pages .answer{padding-bottom:10px;display:none;}
#pages .answer p{ background:#FAFAFA;padding:10px;}

/*==============================================
いいねボタン
==============================================*/
#btnLikeIt{margin:5px;display:block;float:left; border:solid 2px #CCC;color:#1e4892; border-radius:5px; padding:3px 5px 3px 20px; background:#FFF url(/img/images/btnLikeIt.gif) no-repeat 5px 4px; cursor:pointer; }
#btnLikeIt:hover{border:solid 1px #1e4892; background-color:#def3ff; background-position:6px 5px; padding:4px 6px 4px 21px; }
#btnFavorite{margin:5px 0 10px 5px;display:block; float:left; border:solid 2px #CCC;color:#1e4892; border-radius:5px; padding:3px 5px 3px 20px; background:#FFF url(/img/images/btnFavorite.gif) no-repeat 5px 4px;cursor:pointer; }
#btnFavorite:hover{border:solid 1px #1e4892; background-color:#def3ff; background-position:6px 5px; padding:4px 6px 4px 21px; }



/*==============================================
ブラウザアップデート
==============================================*/
#updateBrowser{
	width:970px;
	_width:980px;
	margin:10px auto;
	border:1px solid #F00;
	height:85px;
	_height:75px;
	padding:10px;
	text-align:left;
}

#icoWarning{width:90px; height:85px; float:left; background:url(../images/ico_warning.gif) no-repeat center; text-indent:-6327987px; margin:0 10px 0 0;}
#textWarning{float:left; width:480px; margin:0 10px; border:0px dashed #CCCCCC;}
#textWarning strong{display:inline-block; font-size:20px; color:#FF0000; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 0;}
#textWarning p{font-size:11px; line-height:14px; letter-spacing:2px; color:#666;}
#textWarning em{font-style:normal; color:#63C; font-weight:bold;}
#textWarning em:hover{font-style:normal; color:#3333CC; border-bottom:1px dotted #CCCCCC; font-weight:bold;}

#updateBrowser ul{float:right; width:360px;}
#updateBrowser li{float:left; width:90px; height:85px; background-image:url(../images/ico_browser.jpg); background-repeat:no-repeat;}
#updateBrowser li a{display:block; width:90px; height:85px; text-indent:-23769px;}
#updateBrowser li:hover{filter: alpha(opacity=65); -moz-opacity:0.65;	opacity:0.65;}
#updateBrowser li:active{filter: alpha(opacity=85); -moz-opacity:0.85;	opacity:0.85;}
#updateBrowser li.ie{background-position:-90px 0;}
#updateBrowser li.ff{background-position:-180px 0;}
#updateBrowser li.gc{background-position:0 0;}
#updateBrowser li.sf{background-position:-270px 0;}

.emoji{width: 12px!important; height: 12px!important; padding: 0!important; border:none!important; float: none!important; margin: 0!important;}