@charset "UTF-8";
/*------------------------------------------------------------
共通スタイル
------------------------------------------------------------*/

/************************************************************
各ブラウザデフォルトCSSリフレッシュ
************************************************************/
* {
	margin: 0;
	padding: 0;
}


/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: header.css

		Setting of: Header area
			1: header setting
			2: headUserNav setting
			3: headNav setting
	}

****************************************************************** */

/*===================================================================
	1: container setting
===================================================================*/
div.common_wrapper{
	background:url(/images/wrapper_bg.gif) top center repeat-y;
	min-width:950px;
	*padding-left:1px;
}

div.common_container{
	width :950px;
	margin:0 auto;
	text-align:left;
}




/*===================================================================
	2: commonHeader setting
===================================================================*/

div#commonHeader{
	background-color: #333333;
	font-size:82%;
	color: #FFFFFF;
	margin-bottom: 10px;
}

div#commonHeader div#commonHeadLogo{
	padding-right: 5px;
}

div#commonHeader div#commonHeadLogo div a{
	display:block;
	float:left;
	margin: 0px;
}
div#commonHeader div#commonHeadLogo div a.icon{
	margin:0px 0 0 5px;
}
div#commonHeader div#commonHeadLogo div a.niftyLogo{
	margin:0px 0 0;
}
div#commonHeader div#commonHeadLogo div ul{
	float:right;
	padding:0 0 0 0;
	text-align:right;
	font-size:small;
	padding-right: 5px;
	padding-top: 3px;
}

div#commonHeader div#commonHeadLogo div ul li{
	float:left;
}

div#commonHeader div#commonHeadLogo div ul li a{
	color: #FFFFFF;
	padding-left: 5px;
}
div#commonHeader div#commonHeadLogo div span a{
	margin:3px 0 0;
}

#headBnn{
	padding-bottom: 5px;
	margin:0 0 0 4px;
	text-align:center;
}

#headBnn div{
	margin: 0 auto;
}

/*===================================================================
	3: commonHeadUserNav setting
===================================================================*/

div#commonHeadUserNav{
	width: 948px; 
	padding:6px 0px 5px;
	_padding-bottom:0;
	background:#FBFBFB url(/images/head_usernav_bg.gif) repeat-x left top;
	font-size:small;
}


div#commonHeadUserNav p{
	float:left;
	width:430px;
	margin-right:10px;
}

div#commonHeadUserNav p span{
	padding-left:12px;
	display:block;
}

div#commonHeadUserNav ul{
	float:right;
	width:490px;
	text-align:right;

}

div#commonHeadUserNav ul li{
	display:inline;
	padding:0 12px 0 0;
}

div#commonHeadUserNav ul li a{
	padding:3px 0 3px 20px;
	zoom:1;
}

div#commonHeadUserNav ul li.about a{
	background:url(/images/ico_headernavi_about.gif) no-repeat left center;
}

div#commonHeadUserNav ul li.support a{
	background:url(/images/ico_headernavi_support.gif) no-repeat left center;
}

div#commonHeadUserNav ul li.new a{
	background:url(/images/ico_headernavi_new.gif) no-repeat left center;
}

div#commonHeadUserNav ul li.login a{
	background:url(/images/ico_headernavi_login.gif) no-repeat left center;
}



/*===================================================================
	4: commonHeadNav setting
===================================================================*/

div#commonHeadNav{
	border-left:#dea303 1px solid;
	border-right:#dea303 1px solid;
	background:url(/images/headnavi_bg.gif) repeat-x 0 0;
}
div#commonHeadNav ul li{
	float:left;
}







/*===================================================================
	6: footer setting
===================================================================*/


div#footer{
	border-top:#fabf00 4px solid;
	padding:15px 0 20px;
	width:948px;
	margin:0;
	text-align:center;
	font-size:small;
}




/*clearfix*/
div#commonHeadNav ul:after,
div#commonHeadUserNav:after,
div#commonHeadNav:after,
div#commonHeader div#commonHeadLogo:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:hidden;
}

div#commonHeadNav ul,
div#commonHeadUserNav,
div#commonHeadNav,
div#commonHeader div#commonHeadLogo{ display: inline-block; }

/* no ie mac \*/
* html div#commonHeadNav ul,
* html div#commonHeadUserNav,
* html div#commonHeadNav,
* html div#commonHeader div#commonHeadLogo{ height: 1%; }
div#commonHeadNav ul,
div#commonHeadUserNav,
div#commonHeadNav,
div#commonHeader div#commonHeadLogo{ display: block; }
/* */



/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: common.css

		Setting of: General pages
			1: General setting
			2: container setting
	}

****************************************************************** */


/*===================================================================
	1: General setting
===================================================================*/

html {
	overflow-y:scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,em { 
	margin:0;
	padding:0;
	font-style:normal;
	/*font-size:100%;*/
}

body{
	/*font-size:small;*/
	font-family: 'MS PGothic',Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	text-align:center;
	background:#fff url(/images/body_bg.gif) top center;
	line-height:1.4;
	word-break:break-all;
}
/* ff3 */
body,x:-moz-broken {
	padding-right:0.5px;
}

/* html body{font-size:x-small;}*/

h1,h2,h3,h4,h5,h6{ font-weight:bold;}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { border:0;}
img{vertical-align:top;}

/*
a:link{color:#0066cc; text-decoration:underline;}
a:visited{color:#777; text-decoration:underline;}
a:hover{color:#00a1e4; text-decoration:none;}
a:active{color:#00a1e4; text-decoration:none;}
*/
hr{display:none;}

em , em a{font-weight:bold;}

address{font-style:normal;}

ul , ol{list-style:none;}

.dispNone,
.skipNav{
	display: none;
	/* Hides from IE5-Mac \*/ 
	display: block;
	position: absolute;
	top: -500px;
	left: -2500px;
	font-size:0;
	/*end  Hides from IE5-Mac */
	color:#000;
}
.dispNone a,
.skipNav a,
.dispNone a:visited,
.skipNav a:visited{
	color:#000;
}

.clearBoth{clear:both;}

/* clearfix */

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

.pkg{ display: inline-block; }

/* no ie mac \*/
* html .pkg{ height: 1%; }
.pkg{ display: block; }
/* */



/************************************************************
共通レイアウト
************************************************************/
html,body{
    height:100%;/*#wrapperでheightを100%にした時必要*/
}

body {
	color: #333333;
	background-color: #ffffff;
	font-size: 85%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.2;
	/*\*/
	/*letter-spacing: 0.2em; /* バックスラッシュハックMACIE5用-文字間をフォントサイズの0.1em分に指定 */
	/**/
	text-align: center;/* テキストを中央揃えに指定 -------------------------------------中央配置時必須*/
}

#wrapper {
	width: 950px; /* ボックスの幅を指定 */
	margin: 0 auto; /* 左右方向のマージンをautoに指定 -------------------------------------中央配置時必須*/
	text-align: left; /* テキストを左揃えに指定 -------------------------------------中央配置時必須*/
	/*background-image:url(/common_img/bg.gif);*/
	background-color:#ffffff;
	min-height:100%;
}

#body {
	background:transparent url(/images/bg.gif) repeat-y scroll center center;
}

#container {
	margin: 10px 0px;
}

#container02 {
	margin: 15px;
	font-size: 100%;
}


#footer {
	border-top: #FFB30D 3px solid;
	padding: 15px 0px 0px;
}

#footer-links {
  text-align: center;
  border-top: 4px solid #FABF00;
}

.box_01 {
	background:url(/images/frame_bg.gif) repeat-y center;
	margin-bottom: 10px;
	width: 605px;
}
/*
.box_sp {
	background:url(/images/waku_bg.gif) repeat-y center;
	margin: 20px 0px;
	width: 605px;
}
*/


.box_sp {
	border: 1px solid #999999;
	margin: 20px 0px;
	width: 920px;
}

.box_sp_w {
	border: 1px solid #999999;
	margin: 20px 0px 5px;
	width: 920px;
}

.box_sp h3 {
	background: #F2CB63;
}

.box_sp_w h3 {
	background: #F2CB63;
}



.box_02 {
	padding: 0px 0px 10px;
	margin-bottom: 20px;
}

.box_03 {
	background:url(/images/box03_main.gif) repeat-y center;
	margin-bottom:20px;
	color:#333333;
}


.box_main  {
	padding: 10px 10px 5px;
}

.sidebar_box .box_main {
	width: 280px;
}

.box_main ul {
	width: auto;
	overflow: hidden;
	margin: 0px;
}

.formbox_error ul {
	width: auto;
}

.box_sp .box_main {
	padding: 0px 10px 20px;
}

.box_main li.question {
  overflow: hidden;
}

.box_main li.tip {
  overflow: hidden;
}

.pagination, .box_center {
	text-align: center;
	margin: 10px 0px 20px;
}

.box_center02 {
	text-align: center;
	margin: 10px 0px 0px;
}

.box_tag {
	background:url(/images/tag.gif) no-repeat left top;
	padding:18px 15px 12px 22px;
	border: 1px solid #C5C5C5;
	margin-bottom:10px;
	font-size:85%;
}

.box_tag a {
	margin: 0px 10px;
}

.box_line {
	border-bottom: 1px dashed #CFCFCF;
	padding: 20px 5px;
}

.formbox_top {
	border-bottom: 1px dashed #CCCCCC;
	padding: 10px 5px 20px;
}

.formbox_inside {
	border-bottom: 1px dashed #CCCCCC;
	padding: 20px 5px;
}


.formbox_bottom {
	padding: 20px 5px 10px;
}

.formbox_error {
	background: #F6F4ED;
	border: 1px solid #CCCCCC;
	padding: 15px;
	margin: 10px 5px 20px 0px;
}

.box_error {
	background: #F6F4ED;
	border: 1px solid #CCCCCC;
	padding: 20px 30px;
	margin: 50px 0px;
}

.box_error .fc_black {
  background: url(/images/error_icon.gif) no-repeat left top;
  padding: 5px 0px 5px 35px;
  font-size:medium;
}


.field_with_errors input, .field_with_errors textarea, .field_with_errors select, .field_with_errors label {
  background-color: #ffaeae;
}

div.field_with_errors {
	display: inline;
}

#flash_notice {
	background: #F6F4ED;
	border: 1px solid #FFC000;
	padding: 10px;
	margin: 10px 5px 20px 0px;
	color: #FF3300;
}

#flash_notice_green {
	background: #D6E9C6;
	border: 1px solid #468847;
	padding: 10px;
	margin: 10px 5px 20px 0px;
	color: #468847;
}

#toppage_flash_notice {
	background: #F6F4ED;
	border: 1px solid #FFC000;
	padding: 10px;
	margin: 0 5px 5px 0px;
	color: #FF3300;
}

.box_main_l {
	float:left;
	width: 85px;
	font-weight:bold;
}

.box_main_r {
	float:right;
	width:470px;
	overflow: hidden;
}


.user_main_l {
	float:left;
	width: 110px;
	font-weight:bold;
}

.user_main_r {
	float:right;
	width:430px;
}

.button_l {
	display:inline;
	margin: 0px 10px 0px 0px;
	width:207px;
}

.button_r {
	display:inline;
	width:207px;
}

.formbox_error li {
	margin: 5px 0px 5px 15px;
	list-style-type: disc;
	color:#FF3300;
}


.formbox_error .fc_black {
	background: url(/images/error_icon.gif) no-repeat left;
	padding: 5px 0px 5px 35px;
	font-size:medium;
}

.prev_page, .page_back {
	background:url(/images/paging_back.gif) no-repeat left;
	padding: 5px 0px 5px 20px;
	display:inline;
	margin-right: 15px;
}
.next_page, .page_next {
	background: url(/images/paging_next.gif) no-repeat right;
	padding: 5px 20px 5px 0px;
	display:inline;
	margin-left: 15px;
}

.form_lineup {
	display:inline;
}



/************************************************************
見出しデフォルト
************************************************************/
h1 {
	display: inline;
	margin: 0px;
	font-size:small;
	font-weight:normal;
}
h2 {
	font-size:medium;
	color:#5A2E00;
}
h3 {
	background:url(/images/h3_bg.gif) no-repeat top;
	padding:10px 0px 7px 15px;
	color: #5A2E00;
	font-size:small;
}

h3 a:link,
h3 a:visited {
	color: #333333;
	font-size:small;
	text-decoration: underline; 
}

h3 a:hover,
h3 a:active {
	color: #333333;
	font-size:small;
	text-decoration: none; 
}


.h3_02 {
	background: url(/images/h3_bg.gif) no-repeat top;
	padding:10px 0px 7px 15px;
	color: #5A2E00;
	font-size: medium;
}


h4 {
	color: #333333;
	font-size:small;
}

h4 a:link,
h4 a:visited {
	color: #333333;
	font-size:small;
	text-decoration: underline; 
}

h4 a:hover,
h4 a:active {
	color: #333333;
	font-size:small;
	text-decoration: none; 
}


.h4_02 {
	font-size:medium;
	font-weight:bold;
	color:#333333;
	margin: 35px 0px 0px;
}

h5 {
	font-size: 100%;
}
h6 {
	font-size: 100%;
}

/************************************************************
リンク共通
************************************************************/

a { 
	text-decoration: underline; 
	}

a:link { 
	/*font-weight: bold; */
	text-decoration: underline; 
	color: #0062CE;
	}
a:visited { 
	/*font-weight: bold; */
	text-decoration: underline; 
	color: #0062CE;
	}
a:hover, a:active { 
	text-decoration: none; 
	color: #0062CE;
}

/************************************************************
その他共通のタグ規則
************************************************************/
ul{
	list-style:none;
}
img{border:none;}

/************************************************************
フォームタグclass
フォームで使う共通設定
************************************************************/
/*外観*/
.textbox1,.textbox2,.textbox3,.textbox4,.textbox5,.textbox6,.textbox_none {
	border: 1px solid #afafaf;
	background-color: #f5f5f5;
	padding: 1px;
}

/*幅*/
.textbox1 {
	width: 200px;/*検索用*/
}
.textbox2 {
	width: 98%;/*全体*/
}
.textbox3 {
	width: 50%;/*半分*/
}
.textbox4 {
	width: 4em;/*4文字分*/
}
.textbox5 {
	width: 74px;/*4文字分*/
	height:12px;
}
.textbox6 {
	width: 140px;/*公開設定用*/
}
.textbox_none {

}
/*フォーカス時*/
.textbox1:focus,.textbox2:focus,.textbox3:focus,.textbox4:focus,.textbox5:focus,.textbox6:focus,.textbox_none:focus {
	border-color: #7F9DB9; /* フォーカス時のボーダーの色を指定 */
	background-color: #FFFFFF; /* フォーカス時の背景色を指定 */
}


/*サブミットボタン単体*/
.submit_1btn{
margin-top:20px;
text-align:center;
}

/*サブミットボタン複数*/
.submit_2btn{
margin-top:20px;
}
.submit_2btn .l{
width:40%;
text-align:right;
}
.submit_2btn .r{
width:40%;
}

/*次へ前へ*/
.next_pre{
margin-top:20px;
font-size:85%;
}
.next_pre .l{
padding-left:10px;
background:url(/common_img/orange_triangle_left.gif) center left no-repeat;
}
.next_pre .r{
padding-right:10px;
background:url(/common_img/orange_triangle_right.gif) center right no-repeat;
}
/************************************************************
lr_box
共通で使えるfloat用box
************************************************************/
.lr_box{
}
.l{
float:left;
}
.r{
float:right;
}
/*flat解除*/
.lr_box:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/*\*//*/
.lr_box {
display:inline-block;
}
/**/

/* \*/
* html .lr_box {
height:1%;
}
/* */

.lr_box {
display:block;
}



/************************************************************
top_navi roolover
画像メニューロールオーバーなど
************************************************************/
#top_navi{
margin-top:5px;
padding-left:114px;
width:556px;
height:22px;
background:url(/common_img/navi.gif) no-repeat;
background-position:114px -22px;
text-indent: -9999px;
}
#top_navi li{
float:left;
width:111px;
}

#top_navi li a{
display:block;
overflow:hidden;
width:100%;
height:0 !important;
height /**/:22px;
padding-top:22px;
background-image:url(/common_img/navi.gif);
}
#top_navi01 a {background-position:0 0;}
#top_navi02 a {background-position:-111px 0;}
#top_navi03 a {background-position:-222px 0;}
#top_navi04 a {background-position:-333px 0;}
#top_navi05 a {background-position:-444px 0;}

#top_navi01 a:hover {background-position:0 -22px;}
#top_navi02 a:hover {background-position:-111px -22px;}
#top_navi03 a:hover {background-position:-222px -22px;}
#top_navi04 a:hover {background-position:-333px -22px;}
#top_navi05 a:hover {background-position:-444px -22px;}

/************************************************************
その他ページ共通で使う要素
************************************************************/
/*ぱんくず*/
.pankuzu{
padding-top:10px;
padding-bottom:7px;
padding-left:12px;
background:url(/mytop../images/common/green_triangle.gif) center left no-repeat;
}
.pankuzu p{
font-size:85%;
}

/************************************************************
その他(ここは引き出し)
************************************************************/
.fsize_s{font-size: 85%;}
.fsize_s_bold_pink{font-size: 85%; font-weight:bold; color:#FF00FF;}
.fsize_m_bold_pink{font-size: 100%; font-weight:bold; color:#FF00FF;}
.vmd{ vertical-align:middle;}
.marginbottom5{margin-bottom:5px;}
.margintop10{margin-top:10px;}
.clear{ clear:both;}
.clear10{ clear:both; height:10px;}
.bg_happyougray{ background-color:#F3F3F3;}
.red{ color:#ff0000;}
.redb{ color:#ff0000; font-weight:bold;}
.blueb{ color:#3333ff; font-weight:bold;}
.blue{ color:#3333ff;}
.redb150{ color:#ff0000; font-weight:bold; font-size:150%;}
.b150{ font-size:150%; font-weight:bold;}
.redb200{ color:#ff0000; font-weight:bold; font-size:200%;}
.b200{ font-size:200%; font-weight:bold;}
.b85{ font-size:85%; font-weight:bold;}
.fsize85{ font-size:85%;}
.pink{ color:#fd81b3;}
.koipink85{ font-size:85%; font-weight:bold; color:#ff3399;}
.koipink{ color:#ff3399;}
.bkoipink{ color:#ff3399; font-weight:bold;}
.bg_blue{background-color:#e7eaff;}
.color_green{color:#339900;}
.orange{color:#ff6c00; font-weight:normal;}
.borange{color:#ff6c00; font-weight:bold;}
.bold_only{font-weight:bold;}
.test_l{background-color:#EEFFF7;}
.test_r{background-color:#FFF0F8;}
.t_center{text-align:center;}
.hissu{
color:#FF0000;
font-size:85%;
font-weight:normal;
}
.text_l{text-align:left;}
.text_c{text-align:center;}
.text_r{text-align:right;}


/************************************************************
共通タグ
************************************************************/
ul {
	margin:10px 0px;
}

.common_wrapper ul {
  margin: 0px;
}

.more {
	background:url(/images/allow.gif) no-repeat right;
	text-align:right;
	padding: 1px 20px;
	margin-bottom: 10px;
}

.more-no-icon {
	text-align:right;
	padding: 1px 20px;
	margin-bottom: 10px;
}

.more01 {
	background:url(/images/allow.gif) no-repeat right;
	text-align:right;
	padding: 1px 20px;
	padding-left: 0px;
	margin-bottom: 10px;
}

.more02 {
	background:url(/images/allow.gif) no-repeat right;
	text-align:right;
	padding: 1px 20px;
	margin: 5px 0px 0px;
}

.more03 {
	background:url(/images/allow.gif) no-repeat right;
	text-align:right;
	padding: 1px 20px;
	margin: 5px 0px 30px 0px;
}


.bg_y {
	background: url(/images/bg_yellow.gif) repeat-y left top;
	padding:4px 5px;
	margin: 2px 0px 5px;
}

.bg_b {
	background: url(/images/bg_blue.gif) repeat-y left top;
	padding:4px 5px;
	margin: 2px 0px 5px;
}

.bg_o {
	background: url(/images/bg_orange.gif) repeat-y left top;
	padding:4px 5px;
	margin: 15px 0px 5px;
}

.bg_faq {
	background: url(/images/bg_faq.gif) repeat-y left top;
	padding:4px 5px;
	margin: 2px 0px 5px;
}

.light-y_bg h4 {
	float:left;
}

.rss01 {
	background:url(/images/icon_rss.gif) no-repeat left;
	text-align: right;
	padding-left: 15px;
	float:right;
	width:20px;
}

.rss02 {
	background:url(/images/icon_rss.gif) no-repeat left;
	text-align: right;
	padding: 0px 0px 0px 15px;
}
#footpath {
	overflow: hidden;
	float: left;
}

#gadget_inner #footpath {
	margin: 0px 13px 0px;
	overflow: hidden;
}

#footpath_sp {
	margin: 10px 0px;
}

#footpath_sp span {
	margin: 0px 10px;
}

.entry  {
	line-height: 140%;
	padding-left: 10px;
	margin-bottom: 10px;
	width: 490px;
	overflow: hidden;
}

.entry_line  {
	line-height: 140%;
	padding: 10px 5px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #CCCCCC;
	width: 575px;
	overflow: hidden;
}

.entry li {
	margin: 5px 0px;
}


p.posted {
	text-align: right;
	padding:10px 10px 0px;
	border-top: #C5C5C5 1px solid;
	font-size: x-small;
}

p.posted02 {
	text-align: right;
	padding:0px 10px;
	font-size: x-small;
}

.posted02 {
	padding:0px 10px;
	font-size: x-small;
}

.separator {
  font-size: x-small;
}

.footer_custom_fields {
  padding: 0px 0px 10px 50px;
}

.post-name {
	background:url(/images/hito.gif) no-repeat left;
	padding: 3px 0px 3px 12px;
	text-align:right;
}

.post-push {
	background:url(/images/push_button.gif) no-repeat left;
	padding: 3px 0px 3px 16px;
}

.post-interpot {
	background:url(/images/interpot_icon.gif) no-repeat left;
	padding: 3px 0px 3px 16px;
	}

.today-like {
	background:url(/images/like-fukidashi.gif) no-repeat left;
	padding: 3px 0px 3px 16px;
}

.present {
	font-weight: bold;
}

.form_lineup div {
	  display:inline;
}




/*******************サイドバー******************************/

.side_btn {
	text-align:center;
	margin: 15px 0px 15px 0px;
}

.btn_c {
	margin: 30px 60px 15px 77px;
}

.side_contents {
	border:#cccccc 1px solid;
	margin: 10px 0px 0px;
}

.side_header {
	background:url(/images/bg_orange.gif) repeat-y center top;
	padding: 3px 10px;
}

/*
.side_title {
	background:url(/images/side_title_bg.gif) no-repeat center top;
	text-align:center;
	padding: 15px 0px;
}
*/

.side_main {
	padding: 5px 0px 0px;
}

.side_main .question {
	width: 220px;
	overflow: hidden;
}

.side_main .tip {
	width: 220px;
	overflow: hidden;
}

.box_02 .question {
	width: 550px;
	overflow: hidden;
}

.box_02 .tip {
	width: 550px;
	overflow: hidden;
}
  

/*******************ヘッダーナビ******************************/

div.headNav {
	background:#FFFFFF url(/images/headnav_bg.gif) repeat-x scroll top;
	padding:7px 15px 3px;
	width:920px;
	margin-bottom: 10px;
	font-size: 120%;
}

.headNav p {
	float:left;
	margin-right:10px;
	padding: 3pt 0pt 3px;
	width:250px;
}

div#contentsTop {
	background-image:none;
	border-bottom:4px solid #FFB30D;
	padding:0px;
}

div.headNav ul {
	float: left;
	padding:3pt 0pt 0px;
	text-align:right;
	width:919px;
	margin: 0px;
} 

div.headNav ul li {
	display:inline;
	padding:4px 0pt 0px 14px;
}

div.headNav ul li a {
	display:inline;
	padding:4px 0pt 3px 21px;
}

div.headNav ul li.headNavQuestion a {
	background:url(/images/hd_icon_question.gif) no-repeat left;
	height:18px;
}

div.headNav ul li.headNavknowhow a {
	background: url(/images/hd_icon_kh.gif) no-repeat left;
	height:18px;
}

div.headNav ul li.headNavLogin a {
	background: url(/images/hd_icon_login.gif) no-repeat left;
	height:18px;
}

div.headNav ul li.headNavRegister a {
	background: url(/images/hd_icon_register.gif) no-repeat left;
	height:18px;
}

.explanation {
	font-size: small;
	margin: 10px 0px;
}

p.textarea {
	float: right;
	width: 230px;
	text-align:right;
	margin: 0px;
	padding: 0px;
}

#header_search {
	width: 200px;
	display:inline;
}

#header_search:focus {
  background-color: #F9F8E4;
}

.first_search {
	width: 200px;
}








/***********************icon*********************************/
.sidebar_list {
	margin: 0px;
	padding: 5px 0px 5px 53px;
}

.question {
	background: url(/images/icon_answer_waiting.gif) no-repeat left;
	margin: 0px;
	padding: 5px 0px 5px 53px;
}

.answer {
	margin: 0px;
	padding-left: 10px;
}

.fixed_question {
	background: url(/images/icon_resolution.gif) no-repeat left;
	margin: 0px;
	padding: 5px 0px 5px 53px;
}

.interrogator {
	background: url(/images/icon_interrogator.gif) no-repeat left;
	margin: 0px;
	padding: 5px 0px 5px 53px;
	overflow: hidden;
}

.tip {
	background: url(/images/icon_knowhow.gif) no-repeat left;
	margin: 0px;
	padding: 5px 0px 5px 53px;
}

.comment {
	margin: 0px;
	padding: 5px 0px 5px 53px;
}

.faq {
	background: url(/images/icon_officialFAQ.gif) no-repeat left;
	margin: 0px;
	padding: 5px 0 5px 30px;
	margin-left: 2px;
}

.check {
	background: url(/images/icon_check.gif) no-repeat left;
	margin: 0px;
	padding: 8px 0px 8px 53px;
	border-bottom:1px dashed #999999;
	min-height: 30px;
}

.check_bottom {
	border-bottom: none;
}

.box_03 .answer,
.box_03 .interrogator {
	font-weight:bold;
}

/* 追加 h2　文字設定　xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

div.entries, div.faqs {
	background:url(/images/h2_faq_bg.gif) no-repeat top;
	margin:0px 0px 10px;
	padding: 17px;
}

div.entries h2, div.faqs h2 {
	color:#005643;
	}

div.tips {
	background:url(/images/h2_tips_bg.gif) no-repeat top;
	margin:0px 0px 10px;
	padding: 17px;
}

div.tips h2 {
	color:#005E90;
	}

.margin_h3 {
	margin:25px 0px 0px;	
}

/******************************h3背景*********************************/
.h3_question {
	background: url(/images/h3_bg_que.gif) no-repeat top;
	padding: 15px 15px 12px 80px;
}

.h3_fixed_question {
	background: url(/images/h3_bg_reso.gif) no-repeat top;
	padding: 15px 15px 12px 80px;
}
.h3_tip {
	background: url(/images/h3_bg_know.gif) no-repeat top;
	padding: 15px 15px 12px 80px;
}

.h3_answer {
	background: url(/images/h3_bg_ans.gif) no-repeat top;
	padding: 15px 15px 12px 80px;
}

.h3_comment {
	background: url(/images/h3_bg_comm.gif) no-repeat top;
	padding: 15px 15px 12px 80px;
}

.h3_faq {
	background:#ABEAE8 url(/images/h3_bg_faq.gif) no-repeat center top;
	padding:10px 0px 7px 15px;
}

.category-top {
	background:url(/images/cate_frame_top.gif) no-repeat center top;
	margin:50px 0px 0px;
	padding:10px 0px 0px;
	color:#333333;
}

.category-body {
	background:url(/images/cate_frame_bg.gif) repeat-y center top;
	padding:0px 10px 10px;
	font-size:90%;
}

.category-body h3 {
	color:#999999;
	border-bottom:1px solid #999999;
	background:none;
	padding:5px 0px 5px;
}


.category-bottom {
	background:url(/images/cate_frame_bottom.gif) no-repeat center top;
	height:9px;
	margin:0px 0px 20px;
	padding:0px;
}

.cate_left {
	float:left;
	width:175px;
}

.cate_right {
	float:right;
	width:390px;
}
.category-body ul {
	margin:0px;
	padding:5px 0px 0px;
}

.category-body li {
	float:left;
	padding:0px 0px 0px 7px;
	margin:0px;
	margin-bottom: 5px;
	line-height:140%;
	width:180px;
	background:url(/images/cate_list.gif) no-repeat left 6px
}

/*
.category-body li a, .category-body li a:link {
	width:250px;
	float:left;
	padding:0px;
	margin:0px;
	line-height:140%;
}*/

/* 追加 h3　文字設定　xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

h3.h3_question a, h3.h3_question a:link, h3.h3_question a:active, h3.h3_question a:visited,
h3.h3_answer a, h3.h3_answer a:link, h3.h3_answer a:active, h3.h3_answer a:visited {
	color:#5A2E00;
	font-size:120%;
	text-decoration:underline;
}

h3.h3_fixed_question a, h3.h3_fixed_question a:link, h3.h3_fixed_question a:active, h3.h3_fixed_question a:visited {
	color:#5A2E00;
	font-size:120%;
	text-decoration:underline;
}

h3.h3_faq a, h3.h3_faq a:link, h3.h3_faq a:active, h3.h3_faq a:visited {
	color:#005643;
	font-size:120%;
	text-decoration:underline;
}

h3.h3_tip a, h3.h3_tip a:link, h3.h3_tip a:active, h3.h3_tip a:visited,
h3.h3_comment a, h3.h3_comment a:link, h3.h3_comment a:active, h3.h3_comment a:visited {
	color:#005E90;
	font-size:120%;
	text-decoration:underline;
}

/* 追加 h3 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#thread-recoomendations h3.light-y_bg {
	background:url(/images/h3_thread_recoomend.gif) no-repeat left top;
	margin:15px 0px 5px;
	padding:7px 5px 0px 40px;
	height:28px;
}

h3.questionnaire {
	background:url(/images/h3_questionnaire.gif) no-repeat left top;
	padding:8px 0px 10px 60px;
	margin-bottom:10px;
	color:#333333;
}


/* h4 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.box_main div.entry h4 {
	background:#EDEDED;
	border-left:4px solid #018C87;
	padding:3px 10px;
	margin:5px 0px;
	color:#005F5B;
	font-size:110%;
}


.sub_navigation {
	border-bottom:1px solid #CCCCCC;
	border-left:4px solid #CCCCCC;
	margin:12px 0px 0px 5px;
	padding:5px;
}

h4.sub_navigation a, h4.sub_navigation a:link {
	color:#005643;
}


/* h5 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.box_main div.entry h5 {
	color:#16928d;
	border-bottom:1px solid #018C87;
	margin:12px 0px 8px;
	padding:0px;
	font-size:100%;
}

/* step xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.step01 { background:url(/images/step_01.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }

.step02 { background:url(/images/step_02.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }

.step03 { background:url(/images/step_03.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }

.step04 { background:url(/images/step_04.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }

.step05 { background:url(/images/step_05.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }

.step06 { background:url(/images/step_06.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }

.step07 { background:url(/images/step_07.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }

.step08 { background:url(/images/step_08.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }

.step09 { background:url(/images/step_09.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }

.step10 { background:url(/images/step_10.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }

.step11 { background:url(/images/step_11.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }

.step12 { background:url(/images/step_12.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }

.step13 { background:url(/images/step_13.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }

.step14 { background:url(/images/step_14.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }

.step15 { background:url(/images/step_15.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }

.step16 { background:url(/images/step_16.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }

.step17 { background:url(/images/step_17.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }

.step18 { background:url(/images/step_18.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }

.step19 { background:url(/images/step_19.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }

.step20 { background:url(/images/step_20.gif) no-repeat left top; width:570px; padding:40px 0px 0px 5px; margin:10px 0px; }


/* FAQ要素 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.one_point {
	background: #FFEDDE url(/images/one_point.gif) no-repeat center top;
	margin:15px 0px;
	padding:50px 15px 15px;
	font-weight:normal;
	color:#333333;
}

.attention {
	background: #F7EDED url(/images/attention.gif) no-repeat 8px 8px;
	margin:0px;
	padding:40px 15px 15px;
	border-left:#DB0000 4px solid; 
}

.important_box {
	background: #EBF0F5 url(/images/important.gif) no-repeat 8px 8px;
	margin:0px;
	padding:40px 15px 15px;
	border-left:#2892FF 4px solid; 
}

.note {
	background: #EAEAEA url(/images/note.gif) no-repeat left top;
	margin:0px;
	padding:25px 15px 15px;
	border:#C5C5C5 1px solid; 
}

.related_info {
	background: url(/images/related_info.gif) no-repeat left top;
	margin:0px;
	padding:22px 15px 15px;
	border:#81D29C 1px solid; 
}

blockquote {
	padding: 15px 15px 0px 15px;
	margin: 0px 10px;
	font-weight:normal;
	color:#655636;
}

.help-image {
	background-color:#EAEAEA;
	border:#C5C5C5 1px solid;
	padding:4px;
	margin:10px 0px 0px;
}

.no-border {
  background-color:transparent;
  border-style:none;
}

.link_icon {
	background:url(/images/link_icon.gif) no-repeat left top;
	padding-left:15px;
	margin:0px;
}

.box_main div.entry li {
	background:url(/images/list.gif) no-repeat left center;
	padding-left:18px;
	margin:5px 0px;
}

ul.link_list li { background:none !important; padding:0px !important; }

ul.link_list li a, ul.link_list li a:link, ul.link_list li a:link, ul.link_list li a:link{
	background:url(/images/link_icon.gif) no-repeat left top;
	padding-left:15px;
	margin:0px;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

pre.code {
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
  border: 1px dotted grey;
  padding: 0.5em;
}

/*===================================================================
 5: sub_common_header setting
===================================================================*/

div#header{
	padding:0 20px 0 15px;
	border-bottom: 2px solid #FABF00;
	border-top: 2px solid #FABF00;
	margin-top: 5px;
	margin-bottom: 10px;
}
div#header p.logo{
 float:left;
 padding:9px 0px 12px;
margin-right:23px;
 width:239px;
}
div#header div#headNav{
 float:left;
 width:919px;
 padding:5px 0 0;
 font-size: normal;
 margin-bottom: 5px;
}

div#header div#headNav h1{
font-size:small;
 font-weight:normal;
 color:#333;
}
#headNav h1{

}
div#header div#headNav li{
 display:inline;
 border-left:#999999 1px solid;
 padding:0 0 0 10px;
 margin:0 0 0 7px;
 zoom:1;
 *line-height:1;
 *margin-top:3px;
}
div#header div#headNav li.home{
 padding:0;
 margin:0;
 border:0;
}

div#commonHeadUserNav {
width:948px !important;
}


/***********
new sidebar
***********/

#header #header_search{
	width: 230px;
}

#header .textarea{
	width: 300px;
}

#header ul{
	margin-top: 4px;
}

.first-step-guide-box{
  width: 585px;
  padding-top:5px;
}

/*.first-step-guide{
	float:left;
	padding: 0px 7px 5px 0px;
	width:187px;
}*/

ul.guide {
	padding:5px 0px 17px;
}

.guide li {
	width:187px;
	min-height:40px;
	float:left;
	padding: 0px 7px 5px 0px;
}

.guide p.thumb {
	float:left;
	margin-right:8px
}

p.guide_ttl {
	font-weight:bold;
	font-size:100%;
}


p.guide_txt {
	font-size:80%;
}

.thumb_r {
	float:right;
	width:128px;
	height:48px;
}

.informations-box .box_main{
	padding: 0 10px 0 7px;
}

.informations-box ul{
	padding-top: 5px;
}

.informations-box li{
	background:url(/images/list_circle.gif) no-repeat left center;
	margin: 5px;
	padding-left: 15px;
	margin-bottom: 10px;
	width: auto;
}

.avatar-image {
	float: left;
	margin: 5px;
}

#user-menu{
	background:#D3D3D3 url(/images/guest_header_bg_t.gif) no-repeat center top;
	min-height:29px;
	height:29px;
	padding:0px;
	margin:0px 0px 10px;
}


#user-menu ul{
	margin:0px;
	padding:7px 0px 0px;
}

#user-menu li{
	display:inline;
}

.user-menu_b {
	background:url(/images/guest_header_bg_b.gif) no-repeat center bottom;
	min-height:29px;
	_height:29px;
	padding:0 10px;
}

img{vertical-align:baseline;}
#commonHeadNav img{vertical-align:top;}


div#header div#headNav li {
	padding:2px 0px 0px 10px;
}

.faq_categories {
	padding:10px 12px 0px;
	margin-top:10px;
	line-height:1.2;
}

.category_cont {
	float:left;
	width:270px;
	padding:0px;
	margin:0px 5px 0px 0px;	
}

.category_cont_r {
	float:right;
	margin:0px;
	width:270px;
	padding:0px;
}

.faq_categories h4 {
	background:#EDEDED;
	border-left:4px solid #018C87;
	text-align:center;
	font-size:100%;
	padding:2px 0px;
	margin-bottom:10px;
}

.category_cont li, .category_cont_r li {
	margin:0px 0px 5px 0px;
	width:250px;
	background:url(/images/list_circle.gif) no-repeat left 5px;
	padding-left: 10px;

}

li.check_mark {
	background:transparent url(/images/list.gif) no-repeat scroll left center;
	margin-left:10px;
	padding-left:18px;
	padding-bottom:5px;
	padding-top:5px;
}

#inner .box_bottom {
	background: transparent url(/images/frame_bottom.gif) no-repeat scroll left bottom;
	height: 9px;
}

#inner .box_03 .box_bottom {
	background: none;
	height: 0px;
} 

.disabled {
  display: none;
}

.community_list {
  font-size: smaller;
}
.community_list a:link, .community_list a:visited {
  text-decoration: none;
}
.community_list a:hover, .community_list a:active {
  text-decoration: underline;
}

.close_res_voice {
	text-align: right;
}

#footer-links {
  text-align: center;
  border-top: 4px solid #FABF00;
}

.entry-box {
  margin-left: 80px;
  min-height: 80px;
  height: auto !important;
  height: 80px;
}

.entry-images {
	padding-left: 10px;
	margin-bottom: 10px;
}

.entry-images img {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #CCCCCC;
	padding:4px;
}

.entry-images a {
	margin-right: 10px;
}

.centering {
  text-align: center;
}

/*************************************************************
2カラムレイアウト用
*************************************************************/
#box_left {
	float:left;
	width: 620px;
}

#box_right {
	float:right;
	width:330px;
}

#box_header {
	float:left;
	width: 950px;
	margin-bottom:8px;
}

#box_all {
	float:left;
	width: 950px;
}


#sidebar {
	padding:0px 15px 0px 14px;
}

#inner {
	padding-left:15px;
}

#gadget_inner {
	padding-left:0px;
	padding-right:0px;
}


#box_center {
	padding: 0px 15px;
	width:920px;
}


.login_l {
	float:left;
	background:url(/images/waku_login.gif) repeat-y center;
	width: 450px;
}

.login_r {
	float:right;
	background:url(/images/waku_login.gif) repeat-y center;
	width: 450px;
}

/*------------------------------------------------------------
コンテンツの中身レイアウト
------------------------------------------------------------*/

/************************************************************
index
************************************************************/

.title {
	background:url(/images/title_bg.gif) no-repeat;
	width: 555px;
	height: 168px;
	margin:0px 0px 20px;
	padding: 25px;
}

.title h2 {
	margin-bottom: 50px;
}

.title_note {
	background: #FFF9DA;
	margin:18px 280px 18px 0px;
	padding: 20px 10px;
	line-height: 160%;
}

/*
.question_title {
	background:url(/images/h3_question.gif) no-repeat top;
	padding:15px 0px 15px 55px;
	font-size:medium;
}
*/

h3.faq_title {
	background:none;
	padding:0px;
	margin:0px;
}


.contribute li {
	float:left;
	margin: 2px 15px;
	width: 110px;
}

.title02 {
	background:url(/images/h2_02_bg.gif) no-repeat top;
	margin:0px 0px 10px;
	padding: 17px;
}

.title03  {
	background:url(/images/h2_03_bg.gif) no-repeat top;
	margin:0px 0px 10px;
	padding: 15px;
}

.title_sp {
	background: #E6A226;
	padding: 15px;
	color:#3A1E00;
}


.header_nav {
	text-align: right;
	width: 600px;
	margin-bottom: 10px;
}

.notation {
	width: 600px;
	text-align:right;
	margin: 5px 0px;

}


.indi_form {
	width: 100px;
	float:left;
	background:#CCFF00;
}


div.box_02 ul {
	margin: 0px;
}

.tag_line {
	padding: 3px;
	border-bottom: 1px dotted #CCCCCC;
	width: 250px;
}

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

.tag_btn {
	float:right;
}

#comment-text {
	width:600px;
	height: 300px;
	margin: 5px 0px 10px;
}

.box_tag a.tag_color,
.box_tag a:link.tag_color,
.box_tag a:visited.tag_color,
.box_tag a:active.tag_color {
	color:#FF6600;
	text-decoration:underline;
	
}

.box_tag a:hover.tag_color {
	text-decoration:none;
}

#tag_register {
	width: 250px;
	margin-right: 5px;
}


.box_main_r ul {
	margin: 0px;
}

.box_main_r li {
	margin: 0px 0px 15px;
}


.box_main_r ul.caution {
	width: auto;
}


ul.caution li {
	margin:5px 15px;
	font-size:x-small;
}

.box_main_r li select {
	margin: 5px 0px;
}

.box_main_r textarea {
	width: 430px;
}

.box_main_r #title {
	width: 430px;
}


.form_notice {
	width: 400px;
	margin-top: 10px;
}

.box_main_r input {
	width: 100px;
	margin-right: 15px;
}

.fc_orange { color: #FF9900}
.fc_black { color: #000000}


input.user_edit_text_field {
	width: 400px !important;
}

.user_main_r input {
	width: 100px;
}

.user_info {
	margin-bottom: 20px;
	padding: 0px 10px;
}

.thanks {
	margin-bottom: 20px;
	padding: 0px 10px;
	font-size:medium;
	font-weight:bold;
}

#thanks_notice {
	font-size: x-small;
}

.user_info li {
	font-size:small;
	font-weight:bold;
}

div#header_search_box {
	float:left;
	padding-left: 10px;
}

div#header_search_box form{
	margin-top: 2px;
}

div.search_target{
	float:left;
	font-size: small;
}

div.search_target a {
	padding-bottom: 1px;
	padding-top: 1px;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
}

div.search_target a:hover {
	background-color: #e7e7e7;
	color: #333333;
}

a.search_targeted {
	background-color: #e7e7e7;
	color: #333333;
}

a.clear_search_targeted {
	background-color: none;
	color: #0062CE;
}

div#header_search_box input.search_area {
	width: 250px;
	padding: 0px;
	margin: 0px;
}

.box_search form {
	margin-bottom: 5px;
}

div#search_keyword_label {
	font-weight: bold;
}

.box_search {
	background: none repeat scroll 0 0 #FFFFE5;
	border: 1px solid #F5E082;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 10px;
}

.search_notice {
	padding-left: 5px;
	font-weight: bold;
}

#query {
	width: 300px;
	margin-right: 10px;
	margin-left: 10px;
}

#search_area {
	width: 300px;
	margin-right: 10px;
	margin-left: 5px;
}

#search_button {
	width: 70px;
	margin-right: 10px;
}

.search_title {
	font-size: small;
	font-weight:bold;
}

.search_body {
	line-height: 140%;
	margin: 3px 0px 10px
}

ul.search_list {
	margin: 0px;
	width: 585px;
	overflow: hidden;
}

.search_list li {
	margin-left: 15px;
	padding: 15px 0px;
	border-bottom: 1px dashed #CCCCCC;
}

.ret {
	background:#E5FF7D;
	padding:1px;
	font-weight:bold;
}


/*******************login***********************/

h3.h3_login {
	background:url(/images/h3_login_bg.gif) no-repeat center top;
	padding: 10px;
	color:#5A2E00;
	font-size:medium;
}

.login_main {
	margin: 10px 20px;
}

.login_formbox {
	width: 350px;
	padding: 10px 0px 0px;
	margin: 10px auto;
}

.login_formbox02 {
	text-align: right;
	width: 350px;
	padding:0px;
	margin: 10px auto;
}

.login_main_l {
	float:left;
	width: 120px;
	font-weight:bold;
}

.login_main_r {
	float:right;
	width:230px;
}

.login_main_r input {
	width: 100%;
}

.login_main_r .check {
	text-align: left;
	width: 15px;
}

ul.login_list {
	margin: 20px auto;
	width: 350px;
}

.login_list li {
	background:url(/images/allow.gif) no-repeat left;
	padding: 5px 0px 5px 20px;
}

.login_center {
	margin:30px 0px;
	text-align:center;
}

.box_login {
	margin: 10px 0px 30px;
}


/*******************サポート***************************/
div.top-navigation {
	padding: 5px;
	background:#F3F3E5;
}


.top-navigation li {
	float:left;
	margin-right: 10px;
}

.form_radio input {
	width: 30px;
}

.form_check input {
	width: 30px;
}


.form_radio li,
.form_check li {
	margin: 5px 0px;
}

.box_sp ul {
	margin: 10px 10px 15px;
}

.box_sp li {
	margin: 0px 0px 5px;
}

.box_table {
	margin: 30px 0px;
}

.box_table02 {
	margin: 30px 15px;
}

.box_table02 table,
.box_table02 td,
.box_table02 th,
.box_table table,
.box_table td,
.box_table th {
	border: 1px solid #CFCFB9;
}

.box_table02 table th,
.box_table table th {
	background-color:#E7E7D0;
	color:#6B9100;
	text-align:center;
	padding: 10px 0px;
}

.box_table02 table td,
.box_table table td {
	padding: 3px;
}

.table_data {
	text-align: center;
}

.entry_id {
	width: 100px;
}

td.table_entry_title {
	font-size:medium;
	padding:10px !important;
}

td.table_entry {
	padding: 10px !important;
}


.odd {
	background:#FFFFFF;
}

.even {
	background:#FFFFCC;
}

.edit_service,
.form_box,
.edit_badword {
	margin: 30px;
}

.sp_main_l {
	float:left;
	width: 110px;
	font-weight:bold;
	margin: 10px;
}

.sp_main_r {
	float:right;
	width:750px;
	margin: 10px 0px;
}

.box_main form {
	margin: 10px 5px;
}

input#badword_label {
	width: 250px;
}

select#badword_level {
	width: 100px;
}

.edit_service textarea {
	width: 750px;
}

#popular-recent-search-keywords {
	margin: 5px 0px 0px 5px;
}

.tag-x-small { font-size:  50%; }
.tag-small   { font-size:  75%; }
.tag-medium  { font-size: 100%; }
.tag-large   { font-size: 150%; }
.tag-x-large { font-size: 200%; }
#tag_cloud {
	margin: 10px;
}

#entry-template-list {
	margin: 10px 0px 0px 0px;
}

#thread-recoomendations {
	padding: 0px 0px 20px 30px;
}

#messsage-chars-notice {
	text-align: right;
}

.bgcolor_n {
	background:#FFC299 none repeat scroll 0 0;
	margin:10px 0;
	overflow:hidden;
	padding:10px;
}

.bgcolor_f {
	background:#FFF5B5 none repeat scroll 0 0;
	margin:10px 0;
	overflow:hidden;
	padding:10px;
}

div#thread-recoomendations div.box_main ul {
	width: auto;
}

/* sidebar要素 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
.sidebar_box h3 {
	background:url(/images/side_ttl.gif) no-repeat top;
	padding:10px 0px 10px 15px;
	color: #333333;
	font-size:small;	
}

.sidebar_mini_box h3 {
	background:url(/images/side_ttl_mini.gif) no-repeat top;
	padding:10px 0px 10px 15px;
	color: #333333;
	font-size:small;	
}

div.sidebar_box_faq ul {
	padding-left: 10px;
}

.sidebar_box_faq h3 {
	background:url(/images/side_ttl_faq.gif) no-repeat top;
	padding:10px 0px 10px 15px;
	color: #333333;
	font-size:small;	
}

.sidebar_box {
	background:url(/images/side_bg.gif) repeat-y center top;
	margin-bottom: 12px;
	width: 300px;
}

.sidebar_mini_box {
	background:url(/images/side_mini_bg.gif) repeat-y center top;
	margin-bottom: 12px;
	width: 151px;
}

h3.side_ttl {
	background:none;
	padding:0px;
	margin:0px;
	font-size:medium;
}

.search {
margin-top:12px;	
}

.genre {
	padding-left: 5px;
}

.categories {
	padding-left: 15px;
	margin-bottom: 10px;
	line-height: 20px;
	font-size: small;
}

.favorite-blog {
	padding: 10px;
}

.box_main_r ul li input {
	margin-right: 10px;
	margin-left: 1px;
	width: auto;
}

.box_main_r ul li {
	margin: 0px;
	height: auto;
	padding-bottom: 7px;
	padding-top: 3px;
}

.disabled-label {
	text-decoration: line-through;
}

.disabled-notice {
	font-size: xx-small;
	color: #828282;
}

input.wide-text-field {
	width: 300px;
}

li.friend-image-list {
	height: 100px;
	width: 76px;
	float: left;
	text-align: center;
	font-size: small;
	margin: 6px;
}

.sidebar-banner{
	padding-bottom: 10px;
}

.form-note {
	padding-top: 5px;
	padding-left: 30px;
	font-size: x-small;
}

div.reader-public-radio input {
	margin-right: 10px;
	margin-left: 1px;
	width: auto;
}

.box_main_r div.reader-public-radio {
	padding-top: 3px;
	padding-bottom: 10px;
}

#favorite_blog_id {
	width: 400px;
}

.box_main_r ul li.check_mark{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}

ul.informations-box  li.action_stream {
	font-style: italic;
	color: #666666;
}

ul.informations-box  li.notification {
	font-style: italic;
	color: #FF6666;
}

.new_voice {
	margin-bottom: 20px;
	padding: 10px 10px 10px 10px;
	background-color: #ffffcc;
	vertical-align: middle;
	border: 1px #ffcc66 solid;
}

.new_voice label {
	font-weight: bold;
}

.voice_form_label {
	padding-bottom: 5px;
}

input.very-wide-text-field {
	width: 440px;
}

input#voice_submit {
	padding-right: 0.4em;
	padding-left: 0.4em;
}

.box_main_inner {
	padding-top: 10px;
	padding-left: 5px;
}

.voice_delete_link {
	font-size: x-small;
}
.ranking_notice {
	  text-align:right;
		padding-top: 10px;
}

.ranking_notice2 {
		padding: 10px;
}

li.message{
	background:transparent url(/images/list_circle.gif) no-repeat scroll left center;
	padding:0px 10px 5px 10px;
}

a.voice_list {
	text-decoration: none;
	color: #333333;
}

a.voice_list:hover {
	text-decoration: underline;
	color: #0062CE;
}

.side_main p {
	padding: 2px 3px;
}

.voice_form_bottom {
	padding-top: 5px;
	text-align: right;
}

.voice_notice{
	padding-bottom: 5px;
	font-size: x-small;
}

span.by{
	padding-left: 3px;
	padding-right: 3px;
	font-style: italic;
	font-size: x-small;
}

span.human_post_days{
	padding-left: 3px;
	padding-right: 3px;
	font-size: x-small;
}


#profile-area {
	padding: 0px 10px 10px 5px;
}
#category_voice_notice {
	padding: 0px 10px 10px 10px;
}

.voice-text-field {
	width: 573px;
}

#res_voice {
	z-index:2;
	position:absolute;
	display: none;
}

#res_voice form{
	margin: 0px;
	width: 575px;
}

.res_voice_notice {
	float: left;
	line-height: normal;
}

li.voice {
  margin-left: 10px;
  padding: 5px 0px 5px 10px;
}

input.text:focus {
  background-color: #FFFFCC;
}

form#search {
  margin-left: 20px;
}

#categories h3 {
  padding-right: 10em;
}

.search-link {
  margin-top: -1.5em;
  margin-right: 20px;
  margin-bottom: 4px;
  float: right;
}

#box_left #adviceUnit{
	margin:0 0 12px;
}

/* appears from http://www.webdesignerwall.com/demo/css-buttons.html,
 * http://www.zurb.com/playground/super-awesome-buttons and
 * http://abouthalf.com/2010/10/25/internet-explorer-9-gradients-with-rounded-corners/
 */
.orange {
  color: #fef4e9;
  border: solid 1px #da7c0c;
  background-image: url(/images/orange-gradient.svg);
  background-size: 100% 100%;
  background-repeat: repeat-x;
  background-position: 0 0;
  background-color: #f78d1d;
  background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
  background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover, .orange:focus {
  color: #fef4e9;
  border: 1px solid grey;
  background-image: url(/images/orange-gradient-hover.svg);
  background-size: 100% 100%;
  background-repeat: repeat-x;
  background-position: 0 0;
  background-color: #f78d1d;
  background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
  background: -moz-linear-gradient(top,  #f88e11,  #f06015);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
  color: #fcd3a5;
  background-image: url(/images/orange-gradient-active.svg);
  background-size: 100% 100%;
  background-repeat: repeat-x;
  background-position: 0 0;
  background-color: #f78d1d;
  background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
  background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

.large_button {
  display: inline-block;
  zoom: 1l
  *display: inline;
  vertical-align: baseline;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  padding: 8px 0px 8px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.3);
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  box-shadow: 0 1px 3px rgba(0,0,0,0.25);
  border-bottom: 1px solid rgba(0,0,0,0.25);
	font-size: large;
}

.large_button:hover {
  text-decoration: none;
}

.large_button:active {
  position: relative;
  top: 1px;
}

.question_creator{
	text-align: right;
	padding-bottom: 10px;
}

.ajax-loader {
	padding-right: 10px;
}

#sync_button {
	font-weight: bold;
	font-size: large;
}

#sync_button input {
	width: 200px;
}

.mask_loading_period {
	color: #FFFFFF;
}

#inner .box_03 .voice_box_bottom {
	background: none;
	height: 0px;
}

.voice_box {
	padding-bottom: 0px;
	min-height: 30px;
	height: auto !important;
  margin-top: 1em;
}

.voice_box .box_main {
	min-height: 30px;
	padding-left: 35px;
	padding-top: 3px;
}

.voice_box_fukidashi {
	margin-left: 76px;
	background:url(/images/voice_frame_bg.gif) repeat-y center; 
	margin-bottom: 20px;
}

#sidebar .voice_box_fukidashi {
	margin-left: 76px;
	background:url(/images/voice_frame_bg_sidebar.gif) repeat-y scroll left bottom;
	margin-bottom: auto;
}

.voice_box .posted {
	margin-left: 30px;
	margin-right: 10px;
	padding-top: 7px;
  padding-bottom: 1em;
  line-height: 120%;
}

.box_main .posted {
  padding-bottom: 1em;
  line-height: 120%;
}

.voice_box img.avatar {
	margin: 10px 0px 0px 5px;
	border: 1px solid #CFCFB9;
	padding: 2px;
	width: 64px;
	height: 64px;
}

img.content_img {
	margin: 10px 0px 0px 5px;
	border: 1px solid #CFCFB9;
	padding: 2px;
}

.circle_thread img.avatar, .circle_thread_comment img.avatar, .circle_thread_list img.avatar {
	border: 1px solid #CFCFB9;
	padding: 2px;
	width: 64px;
	height: 64px;
}

.leader {
	background-color: #ffff99;
}

.voice_box .box_header {
  height: 9px;
	padding-left: 24px;
}

#inner .voice_box_bottom {
	background: transparent url(/images/voice_frame_bottom.gif) no-repeat scroll left bottom;
	min-height: 33px;
}

#sidebar .voice_box_bottom {
	background: transparent url(/images/voice_frame_bottom_sidebar.gif) no-repeat scroll left bottom;
	height: 33px;
}

.voice_flows {
	margin-bottom: 10px;
}

.voice_body {
	padding-left: 10px;
}

.voice_action {
	text-align: right;
	padding-right: 5px;
	padding-top: 5px;
}

.voice_box a.orange {
	display: inline-block;
	zoom: 1l
	*display: inline;
	vertical-align: baseline;
	font-size: small;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 0.1em 0.5em 0.1em;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	color: #FFFFFF;
}

#voice_profile_overlay {
	z-index:2;
	position:absolute;
	width: 300px;
	background-color: #FFFDE9;
	text-align: left;

	padding: 10px;
	border: 1px solid #CFCFB9;


	display: inline-block;
	zoom: 1l
	*display: inline;
	vertical-align: baseline;
	font-size: small;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
}

.close_profile {
	text-align: right;
	padding-bottom: 5px;
	font-weight: bold;
}

#voice_profile_overlay li {
	padding: 2px;
}

.voice-answer-link {
	text-align: right;
	padding-top: 10px;
}

img.blog-thumbnail {
	padding:2px;
	border: 1px solid #CCCCCC;
}

div.recent-image {
	float: left;
	padding: 7px;
}

div.sidebar_box img.blog-thumbnail {
	width: 50px;
	height: 50px;
}

.float_subject {
	font-weight: bold;
}

.float_body {
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
}

.float_footer{
	padding-top: 5px;
}

.voice-text-area {
	height: 40px;
	width: 573px;
}

.push-user {
	padding: 10px;
	border-bottom: 1px dotted #CCCCCC;
	min-height: 66px;
}

.push-left {
	float: left;
	width: 66px;
}

.push-right {
	padding: 5px;
	padding-top: 0px;
	padding-left: 80px;
}

.push-user img.avatar {
	border: 1px solid #CFCFB9;
	padding: 2px;
}

.push-user .nickname {
	padding: 3px;
	padding-top: 0px;
}

.push-user .participated-blogs{
	padding: 3px;
}

.push-voice a.orange {
	display: inline-block;
	zoom: 1l
	*display: inline;
	vertical-align: baseline;
	font-size: x-small;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding: 0.1em 0.5em 0.1em;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	box-shadow: 0 1px 3px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	color: #FFFFFF;
}

.push-date {
	font-size: 120%;
	font-weight: bold;
	padding-top: 10px;
}

.push-notice {
	font-size: 90%;
	padding-bottom: 10px;
}

.push-voice {
		padding: 3px;
}

.more04{
	text-align:right;
	padding: 1px 20px;
	margin: 5px 0px 0px;
}

.more05{
	text-align:right;
	padding: 1px 20px;
	margin: 5px 0px 10px;
}

#push-banner-tag {
	width: 600px;
	height: 80px;
	margin-bottom: 10px;
}

#push-botton-color-selector a:hover {
	cursor: pointer;
}

iframe.remote_gadgets_iframe {
	width: 945px;
	border: 0px;
	margin-bottom: 10px;
	height: 680px;
}

#nicotto-avatar {
	margin: 10px 0;
}

.friend-image-list img.avatar {
	margin: 0px 0px 0px 5px;
	border: 1px solid #CFCFB9;
	padding: 3px;
}

.sidebar-contents-subject {
	text-decoration: none;
	font-weight: bold;
}

.sidebar-contents-body {
	padding-left: 10px;
	padding-right: 5px;
}

.sidebar-contents-body .posted {
	padding-right: 0px;
	padding-left: 0px;
}

.sidebar-contents-date {
	font-size: x-small;
}

.sidebar-contents-box {
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px dotted #CCCCCC;
}

#mypage-profile-box-left {
	width: 135px;
	float: left;
}

#mypage-profile-box-right {
	width: 130px;
	float: left;
	padding-top: 10px;
	padding-left: 5px;
}

#mypage-profile-box-right div{
	margin-bottom: 5px;
}

div#voice_user_guide{
	padding: 10px;
	margin: 10px;
	background-color: #fffce9;
	border: 1px solid #FFCC66;
	display: none;
}

input.search-textarea {
	width: 200px;
}

input.search-textarea:focus {
	background-color: #FFE992;
}

#res_voice_alert {
	width: 200px;
}

li h4.genre_icon {
	height: 20px;
	line-height: 20px;
	padding-left: 25px;
}

li h4.genre_icon a {
	font-size: 105%;
}

ul.genre_list div.categories {
	padding-left: 25px;
}

.genre_icon_1 {
	background:url(/images/genres/icon_1.gif) no-repeat;
}

.genre_icon_2 {
	background:url(/images/genres/icon_2.gif) no-repeat;
}

.genre_icon_3 {
	background:url(/images/genres/icon_3.gif) no-repeat;
}

.genre_icon_4 {
	background:url(/images/genres/icon_4.gif) no-repeat;
}

.genre_icon_5 {
	background:url(/images/genres/icon_5.gif) no-repeat;
}

.genre_icon_6 {
	background:url(/images/genres/icon_6.gif) no-repeat;
}

.genre_icon_7 {
	background:url(/images/genres/icon_7.gif) no-repeat;
}

.genre_icon_8 {
	background:url(/images/genres/icon_8.gif) no-repeat;
}

.genre_icon_9 {
	background:url(/images/genres/icon_9.gif) no-repeat;
}

.genre_icon_10 {
	background:url(/images/genres/icon_10.gif) no-repeat;
}

.genre_icon_11 {
	background:url(/images/genres/icon_11.gif) no-repeat;
}

.edit-avatar {
	background:url(/images/avatar_edit_icon.gif) no-repeat;
	height: 13px;
	padding-left: 16px;
	margin-bottom: 5px;
	padding-bottom: 3px;
}

.friend_request {
	background:url(/images/friend_request_icon.gif) no-repeat;
	height: 13px;
	padding-left: 16px;
}

.reader_registration {
	background:url(/images/reader-icon.gif) no-repeat;
	padding-left: 16px;
	padding-bottom: 3px;
}

#gadget_footpath {
	margin: 0px 13px 10px;
	overflow: hidden;
	float: left;
}

#gadget_session_nav {
	text-align: right;
	margin-right: 10px;
}

#blogparts {
  margin-top: 2em;
  text-align: center;
}

#blogparts_submit {
  width: 200px;
}

#install-avatar-blogparts {
	background:url(/images/setting_icon.gif) no-repeat;
	padding-left: 16px;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

#widget-NIFTY_Cocolog_Squares {
	padding: 20px;
	border: 1px dotted #999999;
}

.blogparts_installer_right {
	width: 250px;
	float: left;
}

.blogparts_installer_left {
	float: left;
	width: 220px;
	margin: 10px 40px 30px 0px;
	padding-left: 40px;
}

.blogparts_notice {
	padding-top: 50px;
}

.blogparts_preview_notice {
	font-weight: bold;
	text-align: center;
	font-size: 110%;
	padding-bottom: 10px;
}

p.blogparts_notice_inner {
	padding-bottom: 5px;
}

.new {
	font-size: x-small;
	color: #ff0000;
}

.num_voices {
  margin-bottom: 1em;
}

.num_voices select {
  margin-left: 1em;
  width: 4em;
}

.num_voices input {
  display: none;
  width: 20px;
  height: 120px;
}

.num_voices output {
  display: none;
}

.avatar-footer-nickname {
	text-align: center;
}

.select_push_button{
  margin-bottom: 1em;
}

div.activity_media_items {
	height: 106px;
}

div.action_stream_image{
	width: 100px;
	height: 106px;
	overflow: hidden;
}

div.action_stream_image img, div.action_stream_image canvas{
	height: 100px;
	border: 1px solid #CFCFB9;
	padding: 2px;
}

img.spread_image {
	z-index: 12;
	position: absolute;
	border: 1px solid #CFCFB9;
	padding: 2px;
	background-color: #FFFFFF;
}

.voice_lesson_btns {
	text-align: center;
	margin: 30px 0px;
	height: 50px;
}

div.voice_lesson_btn {
	width: 225px;
	height: 50px;
	float: left;
	position: relative;
	margin: 0 20px;
}

.voice_lesson_btn img {
	position: absolute;
	left: 37px;
	clip: rect(0 225px 50px 0);
	margin-top: 0px;
}

a:hover.voice_lesson_btn_link img {
	clip: rect(51px 225px 101px 0);
	margin-top: -51px;
}

div#voice_lesson {
	display: none;
}

#campaign p#apply {
  margin-top: 2em;
}

#campaign-description p, #campaign-quiz p {
  line-height: 1.5;
  margin-bottom: 1em;
}

#campaign-quiz select, #campaign-prize select {
}

.sidebar_box_main {
	padding-left: 10px;
	min-height: 30px;
	width: 190px;
	float: left;
}

.header_nav_notice {
	padding-left: 10px;
	padding-bottom: 15px;
}

div#footer-links a {
	padding-left: 10px;
}


div#footer-links {
	padding: 5px 0;
}

.new_campaign input, .edit_campaign input {
  width: auto;
}

fieldset {
  margin-top: 1em;
  padding-bottom: 1em;
  border: groove 2px ThreeDFace;
}

ul.user_menu li {
	margin-left: 16px;
	padding-left: 10px;
	padding-bottom: 5px;
	background:url("/images/list_circle.gif") no-repeat scroll left 5px transparent;
}

.new_campaign .more, .edit_campaign .more {
  margin-right: 2em;
}

.new_campaign .delete, .edit_campaign .delete {
  float: right;
  margin-right: 2em;
}

span.newly-nav {
	background:url("/images/ico_date.gif") no-repeat scroll left transparent;
	padding-left: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 20px;
}

span.pv-nav {
	background:url("/images/icon_rank.gif") no-repeat scroll left transparent;
	padding-left: 14px;
	line-height: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 20px;
}

.togglable .button, #sidebar .button {
  padding-right: 1em;
}

.togglable .button a {
  line-height: 16px;
  float: right;
  text-align: right;
  color: #666666;
  display: block;
  height: 16px;
  padding: 0 20px 0 0;
  margin-top: 10px;
}

#sidebar .mini a:before {
  content: '最小化する';
}

#sidebar .close a:before {
  content: '今日は閉じる';
}

#sidebar .max a:before {
  content: '表示する';
}

.mini a {
  background: url(/images/mini.gif) no-repeat scroll right 0 transparent;
}

.close a {
  background: url(/images/mini.gif) no-repeat scroll right 0 transparent;
}

.mini a:hover {
  background: url(/images/mini.gif) no-repeat scroll right -16px transparent;
}

.max a {
  background: url(/images/max.gif) no-repeat scroll right 0 transparent;
}

.max a:hover {
  background: url(/images/max.gif) no-repeat scroll right -16px transparent;
}

div.thum_type {
	margin-bottom: 15px;
}

div.friend-nickname {
	width: 70px;
	text-align: center;
	margin-left: 6px;
	font-size: 90%;
}

span.voice_mini_res {
  background: url(/images/paging_right.gif) no-repeat scroll left 0px transparent;
	padding-left: 18px;
}

span.voice_long_res {
  background: url(/images/paging_down.gif) no-repeat scroll left 0px transparent;
	padding-left: 18px;
}

span.voice_root_res {
  background: url(/images/paging_up.gif) no-repeat scroll left 0px transparent;
	padding-left: 18px;
}

span.recommend_func {
	font-size: x-small;
	color: #ff0000;
}

span.login {
  background: url(/images/icon_login.gif) no-repeat scroll left 0px transparent;
	padding-left: 18px;
	margin-left: 10px;
	padding-bottom: 3px;
}

span.register {
  background: url(/images/icon_register.gif) no-repeat scroll left 0px transparent;
	padding-left: 18px;
	margin-left: 10px;
	padding-bottom: 3px;
}

div#render_after_agree {
	display: none;
}

div#form_check_list{
	margin-bottom: 20px;
}

.sortable {
  cursor: move;
}

div.lets_res{
	margin-bottom: 20px;
	font-weight: bold;
	text-align: right;
}

span.beginner {
  background: url(/images/help-icon.gif) no-repeat scroll left 0px transparent;
}

span.edit_blog {
  background: url(/images/edit_blog_icon.gif) no-repeat scroll left 0px transparent;
}

span.mypage {
  background: url(/images/mypage-icon.gif) no-repeat scroll left 0px transparent;
}

span.home {
  background: url(/images/home-icon.gif) no-repeat scroll left 0px transparent;
}

span.blog-square {
  background: url(/images/blog-square-icon.gif) no-repeat scroll left 0px transparent;
}

span.voice-square {
  background: url(/images/tubuyaki-icon.gif) no-repeat scroll left 0px transparent;
}

div#headNav ul span {
	padding-top: 1px;
	padding-bottom: 5px;
	padding-left: 24px;
	font-size: 120%;
	font-weight: bold;
}

div#headNav a {
}


div#tutorial_box {
	z-index:2;
	position:absolute;
}

.sidebar-contents-left {
	float:left;
	border: 1px solid #CFCFB9;
	padding: 2px;

	margin-right: 5px;
}

#squares-informations-inner a{
	font-weight: normal;
}

#interpot_menu {
	background:url(/images/interpot_icon.gif) no-repeat;
	height: 13px;
	padding-left: 16px;
	margin-bottom: 5px;
	padding-bottom: 3px;
}

table.participations td, table.participations th {
  padding: 1em;
}

.gadget_install_button {
	text-align: center;
	margin: 20px;
}

div.gadget_install_button input.orange {
	padding: 10px;
}

.right_link {
	text-align:right;
	margin: 5px 0px 0px;
}

table.arpu {
	border: 2px solid black;
}

table.arpu td{
	padding: 5px;
	border: 1px solid grey;
}

span.gotomyinterpot {
  background: url(/images/interpot-header-icon.png) no-repeat scroll left 0px transparent;
}

.module-guide {
	width:605px;
	margin-bottom:60px;
}

.module-guide h2 {
	background:url(/images/guide/title_guide.png) no-repeat;
	width:605px;
	height:50px;
	margin-bottom:13px;
}

.module-guide .description {
	margin-bottom:2px;
	padding:0 10px;
	line-height:1.4;
}

.module-guide li {
	border-bottom:1px dotted #CCCCCC ;
	padding:12px 10px 9px;
	overflow:hidden;
	_zoom:1;
}

.module-guide p.text {
	background:url(/images/guide/icon_arrow.gif) no-repeat 0 2px;
	padding-left:19px;
	float:left;
}

.module-guide p.btn a{
	background:url(/images/guide/btn_try.gif) no-repeat;
	width:63px;
	height:20px;
	float:right;
}

/* module-window */
.module-window {
	text-align: left;
}

.module-window .header {
	background:url(/images/guide/guide_upper.png) no-repeat;
	width:515px;
	height:37px;
	position:relative;
}

.module-window .header a {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:25px;
	height:22px;
}

.module-window .inner {
	background:url(/images/guide/guide_middle.png) repeat-y;
	width:502px;
	padding-bottom:1px;
}

.module-window h2 {
	border-bottom:2px solid #91BC2C;
	font-size:large;
	font-weight:bold;
	margin:0 13px 20px 10px;
	padding:6px 0 4px 0;
}

.module-window .image {
	text-align:center;
	margin-bottom:14px;
}

.module-window .text {
	padding:0 19px 17px 16px;
	line-height:1.6;
	text-align: left;
}

.module-window ul {
	padding:0 19px 3px 16px;
	overflow:hidden;
	_zoom:1;
}

.module-window li {
	display:inline;
}

.module-window li.prev a {
	background:url(/images/guide/icon_prev.gif) no-repeat 0 0;
	padding-left:20px;
	float:left;
}

.module-window li.next a {
	background:url(/images/guide/icon_next.gif) no-repeat right 0;
	float:right;
	padding-right:20px;
}

.module-window .lower {
	background:url(/images/guide/guide_lower.png) no-repeat;
	width:502px;
	height:10px;
}

div#headInner {
	padding-bottom: 3px;
}

div.search_data_notice{
	text-align: right;
	font-size: x-small;
}


/* 20110119 machi_login */
#machi #container{
	margin:0 auto;
	width:948px !important;
	text-align:center;
}

#machi h1,
#machi h2{
	text-indent: -5000px;
	display:none;
}

#machi ul{
	overflow:hidden;
	_zoom:1;
}

#machi ul.block-contents li{
	float:left;
	height:277px;
}

#machi li.content01{
	width:322px;
	background: url(/images/top/img_01.jpg) no-repeat 1px top;
}
#machi li.content02{
	width:303px;
	background: url(/images/top/img_02.jpg) no-repeat center top;
}
#machi li.content03{
	width:321px;
	background: url(/images/top/img_03.jpg) no-repeat center top;
}
#machi li.content04{
	width:625px;
	background: url(/images/top/img_04.jpg) no-repeat center top;
}

#machi li.content05{
	width:321px;
	background: url(/images/top/img_05.jpg) no-repeat center top;
}

#machi #mainImage {
	width:948px !important;
	background: url(/images/top/img_main.jpg) no-repeat center top;
	height:366px;
	text-align:left;
	position:relative;
}

#machi ul.module-login{
	width:196px;
	padding:40px 13px 0;
	position:absolute;
	left:700px;
	top:57px;
	list-style-position:outside;
	margin: 0px;
}

#machi ul.module-login li.member{
	margin:0 0 55px;
	padding:0;
}

#machi ul.module-login li.login{
}

#machi ul.block-contents {
	margin: 0px;
}

#machi .block-button{
	background: url(/images/top/img_btn_bg.jpg) no-repeat center top;
	height:133px;
	padding:92px 0 0 170px;
	text-align:left;
}

#machi .module-button{
	padding-right:30px;
}

#machi .more01 {
    background: url("/images/top/allow.gif") no-repeat scroll right center transparent;
    margin: 5px 0 10px;
    padding: 1px 20px;
    text-align: right;
	width:550px;
}

#machi li.member {
	height: 84px;
	width: 170px;
}

#machi li.member img {
	position: absolute;
	clip: rect(0 170px 84px 0);
	margin-top: 0px;
}

#machi li.member a:hover img, #machi li.member a:focus img {
	clip: rect(84px 170px 168px 0);
	margin-top: -84px;
}

#machi li.member a div {
	width: 170px;
	height: 84px;
	overflow:hidden;
}

#machi li.login {
	height: 50px;
	width: 170px;
}

#machi li.login img {
	position: absolute;
	clip: rect(0 170px 50px 0);
	margin-top: 0px;
}

#machi li.login a div {
	width: 170px;
	height: 50px;
	overflow:hidden;
}

#machi li.login a:hover img, #machi li.login a:focus img {
	clip: rect(50px 170px 100px 0);
	margin-top: -50px;
}

#machi div.block-button div.login img {
	position: absolute;
	clip: rect(0 280px 84px 0);
	margin-top: 0px;
}

#machi div.block-button div.member a div{
	width: 280px;
	height: 84px;
	overflow: hidden;
}

#machi div.block-button div.login a div{
	width: 280px;
	height: 84px;
	overflow: hidden;
}

#machi div.block-button div.login a:hover img, #machi div.block-button div.login a:focus img {
	clip: rect(84px 280px 168px 0);
	margin-top: -84px;
}

#machi div.block-button div.member {
	float:left;
	width: 280px;
	height: 84px;
	margin-right: 30px;
}

#machi div.block-button div.login {
	float: left;
	width: 280px;
	height: 84px;
}

#machi div.block-button div.member img {
	position: absolute;
	clip: rect(0 280px 84px 0);
	margin-top: 0px;
}

#machi div.block-button div.member a:hover img, #machi div.block-button div.member a:focus img {
	clip: rect(84px 280px 168px 0);
	margin-top: -84px;
}

#sidebar div.gototown img{
	position: absolute;
	clip: rect(0 146px 44px 0);
}

#sidebar div.gototown a:hover img, #sidebar div.gototown a:focus img{
	position: absolute;
	clip: rect(44px 146px 88px 0);
	margin-top: -44px;
}

#sidebar div.gotogarden img{
	position: absolute;
	clip: rect(0 146px 44px 0);
}

#sidebar div.gotogarden a:hover img, #sidebar div.gotogarden a:focus img{
	position: absolute;
	clip: rect(44px 146px 88px 0);
	margin-top: -44px;
}

body.toppage div#header_search_box {
	display: none;
}

body.toppage div#header {
	display: none;
}

#sidebar div.gototown {
	float: left;
	height: 44px;
	margin: 1px 8px 12px 0;
	width: 146px;
}

#sidebar div.gotogarden {
	float: left;
	height: 44px;
	margin: 1px 0;
	width: 146px;
}

#sidebar #opinion #cocolog-staff {
  float: left;
}

div.post-like {
	margin-top: 3px;
}

ul#like-list li {
	margin-bottom: 5px;
}

ul.like-list li {
	margin-left: 16px;
	padding-left: 55px;
	padding-top: 7px;
	padding-bottom: 13px;
	background:url("/images/like-min.gif") no-repeat scroll left 5px transparent;
}

div.like_box_main {
	background:url("/images/like-large.gif") no-repeat scroll 460px 0px transparent;
  height: 50px;
	padding-right: 80px;
}

div.box-like-others {
	text-align: right;
	padding-top: 13px;
}

span.inline_attention {
	font-weight: bold;
	color: #ff0000;
}

p.box_main_r_notice {
	padding-bottom: 5px;
}

div.box_main_r_link {
	background:url(/images/allow.gif) no-repeat left;
	padding: 1px 20px;
	margin-bottom: 10px;
}

input.wide_button {
	width: 230px;
}

div#how_to_gatya_button {
	margin-top: 5px;
}

div#oekakiFlash {
	text-align:center;
	margin-bottom: 30px;
}

div#oekakiFlashArea {
	text-align:center;
	margin-bottom: 30px;
}

div#oekaki_notice {
	text-align:center;
}

div#oekaki_notice p {
	padding: 5px;
}

.center_box {
	background:url(/images/frame_bg.gif) repeat-y center;
	margin-bottom: 10px;
	width: 605px;
	margin-left: 170px;
	margin-top: 30px;
	margin-bottom: 20px;
}

.center_box_bottom {
	background: transparent url(/images/frame_bottom.gif) no-repeat scroll left bottom;
	height: 9px;
}

#circle_image {
	float:left;
}

div.sidebar_circle_image {
	margin-bottom: 12px;
}

span#circle-square-tab {
  background: url(/images/genres/icon_2.gif) no-repeat scroll left 0px transparent;
}

div.circle_thread p.posted, div.circle_thread_comment p.posted {
	text-align: right;
	padding:10px 10px 0px;
	border-top: #C5C5C5 1px solid;
	font-size: x-small;
}

div.circle_thread_left {
	float: left;
}

div.circle_thread_list div.circle_thread_right {
	padding-left: 80px;
}

div.circle_thread_list {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #CFCFCF;
}

div.circle_thread_body {
	padding-top: 5px;
}

div.circle_thread_footer {
	text-align: right;
	padding-top: 20px;
}

div.sidebar_blank_box {
	text-align: center;
	margin-bottom: 12px;
}

div#circle_voice_form {
	padding-top: 0px;
	background: none repeat scroll 0 0 #FFFFE5;
	border: 1px solid #F5E082;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 10px;
	padding-bottom: 0px;
}

div#circle_voice_form div#voice_form_bottom {
	padding: 10px;
	text-align: right;
}

div#circle_voice_form label {
	font-weight: bold;
}

div.circle_attention {
	text-align: center;
	padding: 10px;
}

.box_main_r input.checkbox {
	width: auto;
	margin-right: 5px;
}

.circle_setting_menu {
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px dashed #CFCFCF;
}

div.profile_leader {
	margin-top: 10px;
}


div#circle_note {
	padding: 10px;
	margin-bottom: 10px;
}

div.box_notice {
	font-size: x-small;
	text-align: right;
}

textarea.ad_user_keys {
	width: 450px;
	height: 600px;
}

div#squares-banner-inner div {
	margin-top: 15px;
	margin-bottom: 15px;
}

.circle_thread_footer ul {
  float: right;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.circle_thread_footer li {
  border-right: 1px solid gray;
  display: inline;
  float: left;
  list-style: none outside none;
  padding: 0 5px;
}

div.circle_thread_footer ul li:last-child {
  border-right: 0px solid white;
  padding-right: 0;
}

ul li.last {
  border-right-width: 0;
  padding-right: 0;
}


/* 2011 05 17 */
/* ↓↓↓ヘッダー↓↓↓ */

div#headNav ul span {}
div#headNav ul span.mypage{background: url(/images/icon_mypage.gif) 0 0 no-repeat;}
div#headNav ul span.blog-square{background: url(/images/icon_blog_square.gif) 0 0 no-repeat;}
div#headNav ul span.voice-square{background: url(/images/icon_voice_square.gif) 0 0 no-repeat;}
div#headNav ul span.circle-square{background: url(/images/icon_circle_square.gif) 0 0 no-repeat; padding-left: 27px;}
div#headNav ul span.game-square{background: url(/images/icon_game_square.gif) 0 0 no-repeat; padding-left: 27px;}
div#headNav ul span.faq-square{background: url(/images/icon_faq_square.gif) 0 0 no-repeat;}
div#headNav ul span.calendar-square{background: url(/images/genres/icon_11.gif) 0 0 no-repeat;}
div#headNav ul span.point-square{background: url(/images/icon_point.gif) 0 0 no-repeat;}

/* ↑↑↑ヘッダー↑↑↑ */


/* ↓↓↓メインカラム↓↓↓ */

/* ==============================
		mypage_contents
  ============================== */

#mypage_contents {
	background:url(/images/bg_mypagecnt.gif) 0 0 repeat-y;
	margin:0 0 20px;
}

div#mypage_contents .section-list{
	padding:0 19px 1px;
}

.mypage-cnt-btm{
	background:url(/images/bg_mypagecnt.gif) 100% 0 repeat-y;
	height:10px;
	overflow:hidden;
}

#mypage_contents h2 {
	background:#93cc34 url(/images/bg_ttl_mypage.gif) 0 0 no-repeat;
	padding:10px 10px 10px 45px;
	font-size:1.5em;
}

#mypage_contents h2#other-page-title{
	background:#93cc34 url(/images/bg_ttl_otherpage.gif) 0 0 no-repeat;
}



/* ----------------------------
		div#view-mypage
  ---------------------------- */

#mypage_contents div#view-mypage {
	background:#F1FFCD url(/images/bg_ttl_mypageview.gif) 0 100% repeat-x;
	padding:8px 15px;
	margin:0 1px;
}

#mypage_contents div#view-mypage h3 {
	float:left;
	background-image:none;
	padding:0;
	color:#000000;
}
#mypage_contents div#view-mypage p {
	float:right;
}
#mypage_contents div#view-mypage p a {}
   

/* ----------------------------
		div#my_avatar
  ---------------------------- */

#my_avatar{
	padding:20px;
}

/* div#my_avatar_wrap */
#my_avatar_wrap {
	width:220px;
	float:left;
}

#my_avatar_wrap #my_avatar_img{
	margin:0 0 5px;
	position:relative;
	height:300px;
	
}

#my_avatar_wrap #my_avatar_img #abatarimg{
	position:absolute;
}

#my_avatar_wrap #my_avatar_img #toggle_abatarimg{
	position:absolute;
	cursor:pointer;
	right:6px;
	top:267px;
}

#my_avatar_wrap #setting-blog{
	font-size:0.9em;
	text-align: right;
}

/* div#avatar_nav */
#avatar_nav{
	width:330px;
	float:right;
}

/* div#avatar_menu */
#avatar_nav #avatar_menu {
	margin:0px;
}

#avatar_nav #avatar_menu_bottom {
	margin:0 0 22px;
}

#avatar_nav #avatar_menu li, #avatar_nav #avatar_menu_bottom li{
	float:left;
	height:76px;
	overflow:hidden;
	margin:0 5px 5px 0;
}

#avatar_nav #avatar_menu li#setting{
	clear:both;
}

/* div#history */
#history {
	padding:0 0 10px;
	position:relative
	
}

.history-top{
}

#history p {
	background:none !important;
	float:left;
	margin:0 !important;
	padding:0;
	position:relative;
	width:165px;
}

#history p a{}

#history p span{
	position:absolute;
	left:106px;
	top:12px;
}

#avatar_nav .profile{
	padding:15px 0 0 5px;
}


/* div#active_entry */
#avatar_active{
	clear:both;
	background:url(/images/bg_abatar_active.gif) 0 0 repeat-y;
	margin:10px 0 0;
}

#active_title{
	background:none;
	padding:0;
}

#active_title img{}

#active_entry{
	padding:10px;
}

#active_entry p{}

#active_foot{
	text-align:left;
}

#active_foot p{}

#active_foot .voice_action{
	padding:0 10px;
}

#active_foot div.voice_box_bottom{
	background:none;
	padding:10px 10px 0;
}

#active_foot .active_foot_btm{
	background:url(/images/bg_abatar_active.gif) 100% 100% no-repeat;
	height:10px;
}

/* -----------------------------------------------
		div#mypage_contents div.module
  ----------------------------------------------- */

div#mypage_contents div.module {
	background:url(/images/bg_mypage_module.gif) 0 0 repeat-y;
	margin:0 0 20px;
}

div#mypage_contents div.module-top {background:url(/images/bg_mypage_moduletb.gif) 0 0 no-repeat; height:10px;}
div#mypage_contents div.module-bottom{
	background:url(/images/bg_mypage_moduletb.gif) 100% 0 no-repeat; height:10px; overflow:hidden;
}

div#mypage_contents div.module .module-inner{
	margin:0 10px;
	padding:10px 0 0;
}

div#mypage_contents div.module h3 {
	background:none;
	padding:0;
	float:left;
}
div#mypage_contents div.module ul.images-list, ul.pushes-images-list {
	float:left;
	margin:0 -10px 10px 0;
	overflow:hidden;
}
div#mypage_contents div.module ul.images-list li, ul.pushes-images-list li {
	float:left;
	margin-right:10px;
	width:72px;
}
div#mypage_contents div.module ul.images-list li p.image, ul.pushes-images-list li p.image {
	border:1px solid #E5E5E5;
	padding:3px;
}
div#mypage_contents div.module ul.images-list li p.image a img { vertical-align:middle;}
div#mypage_contents div.module ul.images-list li p.name { text-align:center;}
div#mypage_contents div.module .more-link {float:right;}
div#mypage_contents div.module .more-link .more {float:left;}


/* -----------------------------------------------
		div#myblog
  ----------------------------------------------- */

div#mypage_contents div#myblog {}
div#mypage_contents div#myblog h3 {
	background:none;
	padding:0;
	margin:0 0 10px;
	width:80px;
}
div#mypage_contents div#myblog table td{vertical-align:top; width:276px;}
div#mypage_contents div#myblog table td p {
	background:url(/images/arrow_li.gif) 0 2px no-repeat;
	margin:0 0 7px;
	padding-left:10px;
}
 
/* -----------------------------------------------
		div#otherblog
  ----------------------------------------------- */

div#mypage_contents div#otherblog {}
div#mypage_contents div#otherblog h3 {
	background:none;
	padding:0;
	margin:0 0 10px;
	width:50px;
}
div#mypage_contents div#otherblog table td{vertical-align:top;}
div#mypage_contents div#otherblog table td p {
	background:url(/images/arrow_li.gif) 0 2px no-repeat;
	margin:0 0 7px;
	padding-left:10px;
}
div#mypage_contents div#otherblog table td p img{
	vertical-align:middle;
	margin-left:3px;
}
 /* ↑↑↑メインカラム↑↑↑ */


 /* ↓↓↓右カラム↓↓↓ */

/* -----------------------------------------------
		div#welcomeSQ (ココログ広場へようこそ)
  ----------------------------------------------- */

#welcomeSQ{
	margin:0 0 10px;
	background:url(/images/bg_welcomesq.gif) 0 0 repeat-y;
}

#welcomeSQ h3{
	padding:0;
}

#welcomeSQ dl dd ul{
	padding:0 33px 20px;
	margin:0;
}
#welcomeSQ dl dd ul li{
	background:url(/images/arrow_howtoplay.gif) 0 2px no-repeat;
	padding:0 0 10px 15px;
}

#welcomeSQ dl dd ul li a{}

#welcomeSQ .baner{
	text-align:center;
}
#welcomeSQ p.comment{
	padding:0;
}
#welcomeSQ p.comment img{}

/* -----------------------------------------------
		div#squares-informations (お知らせ)
  ----------------------------------------------- */

#squares-informations{
	background:url(/images/bg_sqinformations.gif) -300px 0 repeat-y;
}

#squares-informations h3 {
	background:url(/images/bg_sqinformations.gif) 0 0 no-repeat;
	padding:3px 0 6px 9px
}

.squares-informations-inner{
	padding:10px 10px 0;
}

#squares-informations .box_bottom{
	background:url(/images/bg_sqinformations.gif) -600px 100% no-repeat;
	height:10px;
}

#sidebar .togglable .button a {
	color: #666666;
	display: block;
	float: right;
	height: 16px;
	line-height: 16px;
	margin-top: 7px;
	padding: 0 20px 0 0;
	text-align: right;
}

 /* ↑↑↑右カラム↑↑↑ */


table.qr {
	border-width: 0;
	border-style: none;
	border-color: #0000ff;
	border-collapse: collapse;
}

table.qr td {
	border-width: 0;
	border-style: none;
	border-color: #0000ff;
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 3px;
	height: 3px;
}

table.qr td.black {
	background-color: #000;
}

table.qr td.white {
	background-color: #fff;
}

div#invitation_alert {
	margin-bottom: 10px;
	padding: 5px;
	border: #ff6666 2px solid;
	background-color: #fff0f0;
}

.tracking_from_to_form input {
	margin: 5px;
}

div.invitation_step_block {
	padding-left: 20px;
	margin-bottom: 10px;
}

div.invitation_step_block textarea {
	margin-top: 5px;
}

div#uid_activation_qrcode {
	float: left;
	height: 140px;
}

div#uid_activation_notice {
	padding-left: 130px;
}

div#invitation_url_sync_button {
	margin: 5px;
}

div#invitation_alert {
	font-size: normal;
	padding: 10px;
}

div#invitation_alert p {
	font-weight: bold;
	font-size: large;
	margin-bottom: 5px;
}

/* ==============================
	campaign01.html
  ============================== */

/* 「メインコンテンツ」枠 */
#invitation_main_contents{
	margin-bottom:20px;
}

#invitation_main_contents h3{
	background:none;
	padding:0;
}

#invitation_main_contents div.lead{
	position:relative;
}

#invitation_main_contents div.lead p.term{
	position:absolute;
	top:4px;
	left:90px;
}

#invitation_main_contents #present{
	background:url(/images/images_cp/01_bg_re_present.gif) 0 0 repeat-y;
}

#invitation_main_contents #present .cont_inner{
	padding:0 28px 0 30px;
	background:url(/images/images_cp/01_bg_bottom_present.jpg) 0 bottom no-repeat;
	zoom:1;
}

#invitation_main_contents #present .cont_inner ul{
	margin:0;
	background:url(/images/images_cp/01_bg_plus_present.jpg) 147px 92px no-repeat;
	width:547px;
}

#invitation_main_contents #present .cont_inner ul li{
	float:left;
}

#invitation_main_contents #present .cont_inner ul li p.photo{
	padding:10px 10px 0;
}

#invitation_main_contents #present .cont_inner ul li p.txt{
	padding:0 10px 10px;
	background:url(/images/images_cp/01_bgbtm02_frame_present.jpg) 0 bottom no-repeat;
}

#invitation_main_contents #present .cont_inner ul li.first p.txt{
	background:url(/images/images_cp/01_bgbtm01_frame_present.jpg) 0 bottom no-repeat;
}

#invitation_main_contents #present .cont_inner div.lead{
	padding: 20px 20px 35px;
	margin-top:15px;
	background:url(/images/images_cp/01_boader_present.gif) 0 0 repeat-x;
	position:inherit;
}

#invitation_main_contents #present .cont_inner div.lead p{
	float:left;
}

#invitation_main_contents #present .cont_inner ul li.first{
	background:url(/images/images_cp/01_bg01_frame_present.jpg) 0 0 no-repeat;
	margin-right:50px;
}

#invitation_main_contents #present .cont_inner ul li.second{
	background:url(/images/images_cp/01_bg02_frame_present.jpg) 0 0 no-repeat;
	margin-right:4px;
}

#invitation_main_contents #present .cont_inner ul li.third{
	background:url(/images/images_cp/01_bg03_frame_present.jpg) 0 0 no-repeat;
	margin-right:4px;
}

#invitation_main_contents #present .cont_inner ul li.fourth{
	background:url(/images/images_cp/01_bg04_frame_present.jpg) 0 0 no-repeat;
}

/* 「最初に必ずお読み下さい」枠 */
#matter_contents, #invitation_notice{
	width:565px;
	margin:0 auto 10px;
	color:#414141;
}

#matter_contents h3, #invitation_notice h3 {
	background:none;
	padding:0;
}

#matter_contents .cont_inner, #invitation_notice .cont_inner {
	background:url(/images/images_cp/01_bg_re_matter.gif) 0 0 repeat-y;
	padding:0 20px 10px;
}

#matter_contents .cont_inner p.lead, #invitation_notice .cont_inner p.lead{
	font-weight:bold;
	margin-bottom:1em;
}

#matter_contents .cont_bottom, #invitation_notice .cont_bottom {
	background:url(/images/images_cp/01_bg_bottom_matter.gif) 0 0 no-repeat;
	height:5px;
	font-size:0;
}

/* 「さあ、お友達を招待しよう！」 */
.lead_invite{
	text-align:center;
	margin-bottom:10px;
}


/* ==============================
	campaign02.html
  ============================== */

/* 「メインコンテンツ」枠 */

.lead_matter{
	text-align:center;
	margin-bottom:10px;
}

#fault-informations {
	margin-top: 1em;
}

span.mail_address_period {
	font-weight: bold;
	font-size: large;
}

span.alert_notice {
	font-weight: bold;
	color: #cc0000
}

ul.mail_address_list {
	padding-top: 10px;
	padding-left: 30px;
}

div#interpot_opinion div.voice_box {
	padding-right: 10px;
}

div.box_error p {
	margin: 5px;
}

div.entry-inner-comments {
	margin: 5px;
	margin-top: 10px;
	padding: 5px;
	margin-left: 80px;
}

div.entry-inner-comment {
  min-height: 70px;
	margin-top: 5px;
	padding: 10px 5px;
	margin-bottom: 5px;
	background-color: #fffffe;
}

div.entry-inner-comment-avatar {
	padding-left: 5px;
	float: left;
	min-width: 75px;
	width: 75px;
}

div.entry-inner-comment-body {
	padding-left: 10px;
	margin-left: 75px;
	margin-bottom: 5px;
	min-height: 70px;
}
ul#pings {
	position: fixed;
	z-index: 10;
	left: 20px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}

ul#pings li {
	border: 1px solid #f6ac00;
	background-color: #fbf0e4;
	margin: 0px;
	padding: 5px;
	width: 200px;
	min-height: 64px;
	font-size: x-small;
	font-weight: bold;
	list-style-type: none;
}

/* -----------------------------------------------
		div#squares-information-notifications (通知)
  ----------------------------------------------- */

#squares-information-notifications{
	position: absolute;
	z-index: 10;
	left: 20px;
	top: 0px;
	background:url(/images/bg_sqinformation_notifications.png) -300px 0 repeat-y;
	display: none;
}

#squares-information-notifications h3 {
	background:url(/images/bg_sqinformation_notifications.png) 0 0 no-repeat;
	padding:8px 0 6px 9px
}

.squares-informations-inner{
	padding:10px 10px 0;
}

#squares-information-notifications .box_bottom{
	background:url(/images/bg_sqinformation_notifications.png) -600px 100% no-repeat;
	height:10px;
}

#sidebar .togglable .button a {
	color: #666666;
	display: block;
	float: right;
	height: 16px;
	line-height: 16px;
	margin-top: 7px;
	padding: 0 20px 0 0;
	text-align: right;
}

div#squares-information-notifications .close a:before {
  content: '閉じる';
}


#squares-information-body{
	position: absolute;
	z-index: 11;
	left: 20px;
	top: 0px;
	background:url(/images/bg_sqinformation_body.png) -600px 0 repeat-y;
	width: 600px;
	text-align: left;
}

div#squares-information-body h3.squares-information-subject {
	background:url(/images/bg_sqinformation_body.png) 0 0 no-repeat;
	padding: 15px 0 6px 9px;
	font-size: large;
}

div.squares-information-body-inner {
	padding: 10px;
}

#squares-information-body .box_bottom{
	background:url(/images/bg_sqinformation_body.png) -1200px 100% no-repeat;
	height:10px;
}

span.information_is_read {
	font-size: small;
	color: #FF0000;
}

span#information_unread_num {
	padding: 0 0 0 4px;
	margin: 0px;
	font-size: 100%;
	color: #ff0000;
}

div#commonHeader ul li.nickname {
	background:url(/images/hito_grey.gif) no-repeat left;
	padding: 1px 0px 3px 6px;
}

div#commonHeader ul li.login {
	background:url(/images/icon_login_grey.gif) no-repeat left;
	padding: 1px 0px 3px 12px;
}

div#commonHeader ul li.info {
	background:url(/images/icon_info_grey.gif) no-repeat left;
	padding: 1px 0px 3px 12px;
}

div#commonHeader ul li.search_link {
	background:url(/images/icon_search_grey.gif) no-repeat left;
	padding: 1px 0px 3px 12px;
}
 /* ↑↑↑右カラム↑↑↑ */


div.squares-information-date {
	text-align: right;
	padding-right: 20px;
	color: #656565;
}

div#squares-informations-search{
	display:none;
	position: absolute;
	z-index: 12;
}
div#squares-informations-search .close a:before {
  content: '閉じる';
}

#squares-informations-search-inner{
	background:url(/images/bg_sqinformations_search.gif) -300px 0 repeat-y;
}

#squares-informations-search h3 {
	background:url(/images/bg_sqinformations_search.gif) 0 0 no-repeat;
	padding:9px 0 5px 9px
}

.squares-informations-search-inner{
	padding:10px 10px 0;
}

#squares-informations-search .box_bottom{
	background:url(/images/bg_sqinformations_search.gif) -600px 100% no-repeat;
	height:10px;
}

div#commonHeader div#commonHeadLogo div ul li.gotoniftytop a {
	padding-top: 3px;
	padding-left: 10px;
	text-decoration: none;
	font-size: x-small;
}

p.voice_blog_pr_ng {
	color: #ff0000;
	font-weight: bold;
}

img#tutorialArrow {
	position: absolute;
	z-index: 12;
}

div#express_installation {
	margin-top: 10px;
	padding: 10px;
}

div#howto_update_flash div.entry, div#howto_reinstall_flash div.entry {
	width: auto;
}

div#howto_update_flash, div#howto_reinstall_flash {
	display: none;
}

div#express_installation_note {
	margin-top: 10px;
	margin-bottom: 10px;
}

div#gadget_inner div.formbox_error {
	margin: 10px;
}

 /* tutorial  */
.tutorialFrontBox {
	display: none;
	width:728px;
	position: fixed;
	top:0;
	z-index: 22;
}
.tutorialFrontBox .inner {
	width:728px;
	position:absolute;
	top:100px;
}
.tutorialFrontBox img {
	vertical-align:bottom;
}
.tutorialFrontBox h3 {
	padding:0;
}
.tutorialFrontBox dl {
	background:url(/images/tutorial/bg_front_box.gif) repeat-y 0 0;
}
.tutorialFrontBox dt {
	margin:0 0 20px;
}
.tutorialFrontBox dd {
	width:560px;
	text-align:left;
	padding:0 0 0px;
	margin: 0 84px;
	zoom:1;
}
.tutorialFrontBox dd:after {
	content:'';
	clear:both;
	display:block;
}
.tutorialFrontBox .left {
	width:280px;
	float:left;
}
.tutorialFrontBox .right {
	width:280px;
	float:right;
}
.tutorialFrontBox ul {
	padding:15px 0 0;
	margin:0;
}
.tutorialFrontBox li {
	min-height:15px;
	_height:15px;
	padding:0 0 0 18px;
	margin:0 0 10px;
	background-repeat:no-repeat;
	background-position:0 .25em;
}
.tutorialFrontBox .left li {
	background-image:url(/images/tutorial/icon_dot_blue.gif);
}
.tutorialFrontBox .right li {
	background-image:url(/images/tutorial/icon_dot_orange.gif);
}
.tutorialFrontBox .baner {
	padding:20px 0 0;
}
.tutorialFrontBox .comment {
	padding:0;
}
.tutorialFrontBox .closeBtn {
	width:62px;
	height:61px;
	position:absolute;
	top:-28px;
	right:-26px;
}
#greyField {
	background-color: #000000;
	position: fixed;
	z-index: 10;
	top: 0px;
	left: 0px;
	opacity: 0.8;
	filter: Alpha(opacity=80);
}
.tutorialFixed {
	text-decoration: line-through;
}

#tutorialNotice {
	text-align: center;
	font-weight: bold;
	color: #FF0000;
	padding: 5px 0 5px 0;
}
 /* tutorial  */


div#recent_first_voice p.posted {
	margin-top: 5px;
}

table#releases_calender {
	width: 910px;
	margin: 5px;
	margin-left: 20px;
	line-height: normal;
}
table#releases_calender tr#label{
	background-color: #EEEEEE;
	text-align: center;
	height: 16px;
}
table#releases_calender tr{
	vertical-align: top;
	height: 60px;
}
table#releases_calender th{
	width: 130px; 
	border: 1px solid #6E6E6E;
	padding: 2px;
}
table#releases_calender th ul li{
	font-size: x-small;
	margin-bottom: 10px;
}
table#releases_calender th.sunday{
	background-color: #FFEEEE;
	color: #CC3333;
}
table#releases_calender th.holiday{
	background-color: #FFEEEE;
	color: #CC3333;
}
table#releases_calender th.saturday{
	background-color: #EEF9FF;
	color: #3399CC;
}
table#releases_calender tr#label th.sunday{
	color: #CC3333;
	background-color: #EEEEEE;
}
table#releases_calender tr#label th.saturday{
	color: #3399CC;
	background-color: #EEEEEE;
}
table#releases_calender th.holiday span.holiday_name{
	padding-left: 5px;
}

div#releases_calender_month{
	text-align: center;
	font-weight: bold;
	margin: 10px;
	font-size: large;
}
div#releases_calender_month span{
	padding: 10px;
}

div#releases_calender_notice {
	text-align: right;
	padding-right: 20px;
	padding-top: 10px;
}

div.sidebar-contents-date {
	margin-bottom: 7px;
}

div#gadget_header_note {
	margin: 15px;
}

input#installation_header_note_disabled_at {
	width: auto;
}

div.push_box {
	text-align: center;
}

#avatar_nav .push_box #avatar_menu {
	height: auto;
	width: 250px;
	margin-left: 40px;
}

#mypage_contents h2#push-page-title {
	background:#93cc34 url(/images/bg_ttl_pushpage.gif) 0 0 no-repeat;
	padding-left: 20px;
}

#nifty-official-blogs img.thumbnail {
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid #CCC;
  float: left;
  margin: 0 5px 0 0;
  padding: 2px;
}

#nifty-official-blogs li {
  line-height: 1.2;
  margin: 10px 5px;
}

#nifty-official-blogs p:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

ul.pushes-images-list {
	margin-left: 5px;
}
ul.pushes-images-list li {
	margin-right: 15px;
}

div.action_stream_image div.select_link {
	text-align: center;
	margin-bottom: 3px;
}

textarea#contest_candidate_voice {
	height: 100px;
}

textarea#contest_vote_voice {
	height: 100px;
}

div#contest_entry_thanks {
	margin: 30px 0px;
	font-weight: bold;
}

div#contest_term_subject{
	font-weight: bold; 
}

div#contest_term_notice li {
	padding: 5px 10px;
}

div#contest_term_notice {
	margin: 20px;
}

div#contest_voted {
	margin: 20px;
	padding: 20px;
	border: 1px solid #ff0000;
	background-color: #ffeaea;
	font-weight: bold;
}

div.contest_entry_item {
	margin: 20px;
	border-bottom: 1px dashed #cccccc;
}

div.contest_entry_item div{
	margin: 5px 0px;
}

div.contest_ranking {
	font-weight: bold;
	font-size: large;
}

div#contest_html_area {
	margin: 30px 0px;
}

ul#mypage_task_list {
	background: #F6F4ED;
	border: 1px solid #FFC000;
	padding: 10px;
	color: #FF3300;
}

ul#mypage_task_list li.check_mark {
	margin-left: 0px;
}

table.inquiries {
	border: 2px solid black;
	width: 950px;
	font-size: small;
	margin-top: 5px;
	margin-bottom: 5px;
}

table.inquiries td{
	padding: 5px;
	border: 1px solid grey;
}

table.inquiries tr.label {
	background-color: #fffde2;
	font-weight: bold;
}

table.inquiries td.label {
	background-color: #fffde2;
	font-weight: bold;
	width: 80px;
}

div.inquiry h2 {
	margin-top: 20px;
	margin-bottom: 5px;
}

.inquiries_search {
	background: none repeat scroll 0 0 #FFFFE5;
	border: 1px solid #F5E082;
	margin: 10px;
	padding: 10px;
}

.inquiries_search div {
	margin: 10px;
	font-weight: bold;
}

.inquiries_search div label {
	width: 300px;
}

.inquiries_search input {
	width: 300px;
}

input#search_from {
	width: 200px;
}

input#inquiry_reedit {
	float: left;
	margin-right: 15px;
}

input#search_to {
	width: 200px;
}

input#search_closed {
	width: 50px;
}

#inquiry_comment_text {
	width:600px;
	height: 150px;
	margin: 5px 0px 10px;
}

ul.inquiry_template_body li {
	display: none;
}
div#trouble_user {
	font-size: x-small;
	text-align: right;
	margin-bottom: 5px;
}
div#trouble_user div{
	padding-bottom: 3px;
}

textarea#inquiry_comment_body, textarea#sp_inquiry_body {
	background-color: #ffcccc;
}

div.squares-information-footer {
	text-align: right;
	color: #656565;
	margin-top: 20px;
}

.yim {
  border: 1px black solid;
  margin: auto;
}

.yim-header {
  min-height: 90px;
  width: 728px;
}

.yim-sidebar {
  min-height: 250px;
  width: 300px;
}

.yim-content {
  margin: 0;
  min-height: 280px;
  width: 336px;
  border: none;
}

.yim ul {
  padding: 0;
}

.yim-content ul {
  margin-bottom: 4px;
}

.yim li {
  cursor: pointer;
  text-align: left;
  display: block;
  background: url("/images/allow.gif") no-repeat scroll left center transparent;
  margin-left: 0.5em;
  line-height: 120%;
}

.yim-sidebar li {
  min-height: 66px;
}

.yim-sidebar .about {
  height: 18px;
}

.yim-content li {
  min-height: 60px;
}

.yim a.yim-ad {
  cursor: pointer;
  text-decoration: none;
  display: block;
  margin: 4px 0 4px 1em;
  padding-left: 0.5em;
}

.yim a.yim-ad:hover {
  background: none repeat scroll 0 0 #F1EEE7;
}

.yim span.yim-title {
  text-decoration: underline;
  color: #0062CE;
  font-weight: bold;
  font-size: small;
}

.yim span.desc {
  color: #000;
  font-size: small;
}

.yim span.host {
  color: #008000;
  font-size: x-small;
  word-wrap: break-word;
}

.yim .about {
  font-size: small;
  text-align: right;
  width: auto;
  color: #FFF;
  background-color: #333;
  padding: 3px;
}

.yim-content .about {
  color: #000;
  background-color: transparent;
}

.yim .about a {
  color: #FFF;
}

.yim-content .about a {
  color: #000;
}

.yim .about a:hover {
  text-decoration: underline;
}

div.myroom_frame {
	width: 945px;
	border: 0px;
	margin-left: 2px;
	margin-bottom: 10px;
	text-align: center;
}

/* ==============================
	cardalbum
  ============================== */

#roomphoto h3 {
	background: none;
}

#cardalbum{
	margin:0 16px;
	padding:0 0 30px;
}

#cardalbum h2{
	background:url(/images/card/cardalbum_bgtop.gif) no-repeat 0 0;
	padding:21px 0 0 60px;
}  

#cardalbum_inner{
	background:url(/images/card/cardalbum_bg.gif) repeat-y 0 0;
	padding:11px 30px 20px 61px
}

div.edit-cardlist {
	padding-bottom: 80px;
}

div.edit-cardlist-first {
	padding-bottom: 50px;
}

div.edit-cardlist img {
	padding-bottom: 5px;
}

div.gray img{
	filter: grayscale(100%); /* Current draft standard */
	-webkit-filter: grayscale(100%); /* New WebKit */
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */ 
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: gray; /* IE */
}

div.edit-cardlist div.cardlist_line div{
	text-align: center;
	line-height : 20px;
}

div.edit-cardlist div.cardlist_line a{
	text-decoration: none;
}

#cardalbum_inner .cardlist{
	background:url(/images/card/cardalbum_cardbg.gif) no-repeat 0 0;
	height:144px;
	margin:0;
	zoom:1;
}

#cardalbum_inner .cardlist div.cardlist_group {
	height:130px;
	zoom:1;
	margin:0;
	line-height:1;
	vertical-align:top;
}

#cardalbum_inner .cardlist div.cardlist_line{
	width:130px;
	height:130px;
	margin:0 0 0 9px;
	float:left;
	position:relative;
	display:inline;
}

#cardalbum_inner .cardlist div.cardlist_line a:hover div.cardalbum_popup {
	display: block;
}

#cardalbum_inner .cardlist div.first{
	margin-left:0;
}

#cardalbum_inner .cardlist div.cardlist_line img.card {
	z-index:1;
	position:absolute;
	right:0;
	top:0;
	display:block;
	margin:0;
	height:130px;
}

#cardalbum_inner .cardlist div.cardlist_line a:hover span{
	cursor: pointer;
	display:block;
	z-index:10;
	position:absolute;
	right:0;
	top:0;
	border: solid 4px #ff6000;
	width:122px;
	height:122px;
	line-height:1;
	_width:130px;
	_height:130px;
}

#cardalbum_btm .more-link{
	padding:22px 0 0;
	background:url(/images/card/cardalbum_btmline.gif) repeat-x 0 0;
	font-weight:bold;
	min-height: 27px;
}

#cardalbum_inner .more-link {
	font-weight:bold;
}

#cardalbum_btm{
	background:url(/images/card/cardalbum_bgbtm.gif) no-repeat 0 100%;
	padding:5px 31px 15px 61px
}

#cardalbum_btm .pagination{
	margin-top:0;
}

#roomphoto{
	padding:0 15px 0px;
}

#roomphoto .roomtitle{
	background:url(/images/card/box_01_wide.gif);
	margin:0 0 10px;
	padding:6px 0 0;
	zoom:1;
}

#roomphoto .roomtitle .inner{
	background:url(/images/card/box_01_wide.gif) no-repeat 0 100%;
}

#roomphoto .roomtitle h3{
	padding: 4px 0 10px 15px;	
}

#roomphoto .room{
	background:url(/images/card/room_bg.gif) no-repeat 0 0;
	padding:12px 13px 0 13px;
	margin:0px;
	position:relative;
	height: 602px;
}

#roomphoto .room div{
	position:relative;
	z-index:1;
}

#roomphoto .room p{
	position:absolute;
	z-index:10;
	right:22px;
	_right:36px;
	top:476px;
}

#roomphoto .roompush{
	zoom:1;
	padding:0 0 20px;
}

#roomphoto .push_box{
	overflow:hidden;
	width:240px;
	float:left;
	margin:0px;
}

#roomphoto .push_box img{
	margin-left:-15px;
}

#roomphoto .push_box img a{
	width:240px;
	display:block;
	overflow:hidden;
}

#roomphoto .push_info{
	width:680px;
	float:left;
	background:url(/images/card/roompush_infobg.gif) no-repeat 0 100%;
	padding:0 0 20px;
	font-size:.92em;
}

#roomphoto .push_info h4{
	padding:20px 26px 12px 40px;
	background:url(/images/card/roompush_infobg.gif) no-repeat 0 0;
	
}

#roomphoto .push_faq{
	padding:0 26px 10px 40px;
	zoom:1;
}

#roomphoto .push_faq ul{
	width:300px;
	float:left;
	margin:0 7px 5px 0;
	_width:294px;
}

#roomphoto .push_faq ul li{
	margin:0 0 8px;
}

#roomphoto .push_history{
	padding:15px 0 0;
	margin:0 26px 0 40px;
	background:url(/images/card/line_dot.gif) repeat-x 0 0;
	zoom:1;
}

#roomphoto .push_history .info{
	width:82px;
	float:left;
	margin-right:4px;
	
}

#roomphoto .push_history .info .more{
	padding-left:0;
	padding-right:18px;
	margin-top:5px;
	font-size:.92em;
}

#roomphoto .push_history ul.images-list{
	width:528px;
	float:left;
	margin:0;
}

#roomphoto .push_history ul.images-list li{
	float:left;
	margin:0 8px;
	width:72px;
	display:inline;
}

#roomphoto .push_history ul.images-list li p.image {
	border:1px solid #E5E5E5;
	padding:3px;
	background:#fff;
	margin-bottom:3px;
}

#roomphoto .push_history ul.images-list li a img { vertical-align:middle;}

#roomphoto .push_history ul.images-list li p.name { text-align:center; font-size:.92em;}


div.cardalbum_popup{
	width:207px;
	text-align:left;
	position: absolute;
	z-index: 11;
	margin-top: 10px;
	margin-left: -37px;
	display: none;
	color: #333333;
}

div.cardalbum_popup .card_head{
	background:url(/images/card/cardpop_bg.gif) no-repeat 0 0;
	padding:7px 10px 2px 15px;
	zoom:1;
}

div.cardalbum_popup .card_head p{
	width:150px;
	float:left;
	font-weight: bold;
	margin:5px 0 0;
}

div.cardalbum_popup .card_head div{
	float:right;
	width:25px;
}

div.cardalbum_popup .info{
	background:url(/images/card/cardpop_bg.gif) no-repeat 0 100%;
	padding:3px 7px 12px 6px;
	font-size:.92em;
}

div.cardalbum_popup .info dl{
	background:#fff;
	padding:8px 8px 2px;
}

div.cardalbum_popup .info dt{
	width:3.5em;
	float:left;
	color:#c76d00;
	margin:0 0 3px;
}

div.cardalbum_popup .info dd{
	padding:0 0 5px;
	zoom:1;
	overflow:hidden;
}

div.cardalbum_popup .info dt.profile{
	float:none;
	width:auto;
	margin:0 0 2px;
}

#cardalbum_inner .cardlist ul:after,
#roomphoto .roompush:after,
#roomphoto .push_faq:after,
#roomphoto .push_history:after,
#cardalbum_popup .card_head{content:'';display:block;clear:both;}


/************************************************************
 カードガチャ説明ページ用CSS
************************************************************/

 /* --------- メインエリア ---------- */

div#cardGacha {
	background:url(/images/card/bg_main.gif) 0 0 repeat-y;
	width:920px;
	margin:0 auto;
	padding:0 0 20px;
	color:#333333;
}

div#cardGacha div#gHead {
	margin: 0 0 10px;
}

div#cardGacha div#gHead h3 {
	padding:0;
	background:none;
}

div#cardGacha ol#gDescription {
	width:780px;
	margin:0 auto 20px;
	font-size:0;
}

div#cardGacha ol#gDescription li#description01 {
	width:780px;
	background:url(/images/card/bg_description01.gif) left bottom no-repeat;
	padding-bottom:21px;
}

div#cardGacha ol#gDescription .descriptionL {
	width:390px;
	float:left;
}

div#cardGacha ol#gDescription li#description02 {
	width:390px;
	background:url(/images/card/bg_description02.gif) left bottom no-repeat;
	padding-bottom:21px;
}

div#cardGacha ol#gDescription li#description03 {
	width:390px;
	background:url(/images/card/bg_description03.gif) left bottom no-repeat;
	padding-bottom:21px;
}



 /* --------------------- 説明エリア -------------------- */
 
div#cardGacha div.gContentsArea {
	margin-bottom:20px;
	width:780px;
	margin:0 auto 20px;
}

div#cardGacha div.gContentsArea .explanation {
	font-size: x-small;
}

div#cardGacha div.gContents {
	border:6px solid #5e4024;
	border-top:none;
	padding:0 15px 15px;
	background-color:#fff;
}

div#cardGacha div.gContents h5 {
	margin-bottom:15px;
}

div#cardGacha div#rareContents  ul {
	margin:0;
}

div#cardGacha div#rareContents li {
	width:246px;
	float:left;
	text-align:center;
}

div#cardGacha div.gContents table {
	margin: 0 0 15px;
	background:url(/images/card/bg_table.gif) 0 0 repeat-y;
}

div#cardGacha div.gContents table th,
div#cardGacha div.gContents table td {
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
}

div#cardGacha div.gContents table td {
	width:180px;
	padding: 10px;
	text-align:left;
}

div#cardGacha div.gContents tr.gachaImg td {
	padding: 0;
}

div#cardGacha div.gContents td.lastChild {
	border-right:none;
}


div#cardGacha div.gContents dl {
	width:235px;
	float:left;
	padding-right:15px;
	text-align:left;
}

div#cardGacha div.gContents dl.lastChild {
	padding-right:0;
}

div#cardGacha div.gContents dt {
	font-weight:bold;
	border-bottom:dotted 1px ;
	padding:0 5px 4px;
}

div#cardGacha div.gContents dd {
	padding:0 5px;
	font-size:90%;
	line-height:1.6;
}

div#cardGacha div.gContents dd li {
	margin-bottom:10px;
	padding-left:11px;
	background: url(/images/card/icon_dott.gif) 0 5px no-repeat;
}

div#cardGacha div.gContents dd p {
	text-align:center;
}

div#cardGacha div.gContents  div.gContentsL {
	float:left;
	width:543px;
}

div#cardGacha div.gContents  div.gContentsR {
	float:right;
	width:195px;
}

div#cardGacha div.gContents p.gPageTop {
	text-align:right;
	padding:15px 0 0 0;
	clear:both;
}

/* ------------------- ボタンセッティング -------------------- */

div#cardGacha a,
div#cardGacha a:hover {
	text-indent:-9999px;
	display:block;
	margin:0 auto;
	overflow:hidden;
}

div#cardGacha a.link_icon
{
	text-indent:0px;
	display: inline;
	margin:0 auto;
	overflow:hidden;
}

div#cardGacha ol#gDescription a{ height:44px; line-height:normal;}
div#cardGacha ol#gDescription a.btnKind { background:url(/images/card/btn_description.gif) 0 0 no-repeat; width:173px;}
div#cardGacha ol#gDescription a.btnKind:hover {	background:url(/images/card/btn_description.gif) 0 -44px no-repeat;}
div#cardGacha ol#gDescription a.btnRare { background:url(/images/card/btn_description.gif) -173px 0 no-repeat; width:189px;}
div#cardGacha ol#gDescription a.btnRare:hover {	background:url(/images/card/btn_description.gif) -173px -44px no-repeat;}
div#cardGacha ol#gDescription a.btnCombination { background:url(/images/card/btn_description.gif) -362px 0 no-repeat; width:173px;}
div#cardGacha ol#gDescription a.btnCombination:hover {	background:url(/images/card/btn_description.gif) -362px -44px no-repeat;}
div#cardGacha ol#gDescription a.btnRoom { background:url(/images/card/btn_description.gif) -535px 0 no-repeat; width:173px;}
div#cardGacha ol#gDescription a.btnRoom:hover {	background:url(/images/card/btn_description.gif) -535px -44px no-repeat;}

div#cardGacha div.gBtnArea { padding-bottom:20px;}
div#cardGacha div.gBtnArea a{ height:87px;}
div#cardGacha div.gBtnArea a { background:url(/images/card/btn_gacha.gif) 0 0 no-repeat; width:477px;}
div#cardGacha div.gBtnArea a:hover { background:url(/images/card/btn_gacha.gif) 0 -87px no-repeat; width:477px;}

div#cardGacha div.gContents dd p a,
div#cardGacha div.gContents dd p a:hover{ height:35px; margin-top:10px;}
div#cardGacha div.gContents dd p a { background:url(/images/card/btn_machi.gif) 0 0 no-repeat; width:121px;}
div#cardGacha div.gContents dd p a:hover { background:url(/images/card/btn_machi.gif) 0 -35px no-repeat; width:121px;}

div#cardGacha p.gPageTop a,
div#cardGacha p.gPageTop a:hover{
	height:13px;
	text-indent:0;
	display:inline;
}

li.friend-image-hidden {
	display: none;
}

div#friends-pagination {
	text-align: right;
	margin-bottom: 5px;
}

ul#friend-list p.name {
	font-size: small;
}

.box_main_r img {
	max-width: 450px;
}

div#contest_entry_items img {
	max-width: 565px;
}

span.highlight {
	background-color: #FFCC33;
}

ul#gadgetpage_task_list {
	background: #F6F4ED;
	border: 1px solid #FFC000;
	padding: 10px;
	margin: 0px 10px;
	margin-bottom: 10px;
}

ul#gadgetpage_task_list li.notice {
	font-weight: bold;
}

div#popup_pushes {
	text-align: left;
}

div.popup_push {
	padding: 3px 15px;
}

.popup-push-date {
	font-weight: bold;
	padding-top: 10px;
	padding-left: 10px;
}

div#push_popup_window_link {
	text-align: right;
	padding-right: 15px;
	margin-bottom: 10px;
}

a.popup_push_init_link {
	font-weight: bold;
}

div.popup_push_notice {
	font-size: x-small;
}

div#popup_pushes div.pagination {
	font-size: x-small;
}

div.popup_push_notice div.auto_scroll_off {
	text-align: right;
	margin-bottom: 5px;
	padding-right: 5px;
}

div.popup_push_notice div.auto_scroll_off input {
	width: 10px;
}

div#transparent_element {
	background-color: #FFFFFF;
	position: fixed;
	z-index: 11;
	top: 0px;
	left: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
}

div.action_stream {
	font-size: x-small;
	text-align: center;
	width: 100px;
	float: left;
	margin: 10px;
}

div.action_stream div{
	margin-bottom: 3px;
}

img.action_stream_image_tag {
	display: none;
}

div#rakuten_left_box_footer_ad {
	text-align: center;
	margin-top: 50px;
}

li.ext-login {
	margin-top: 23px;
	text-align: right;
	margin-right: 27px;
}

li.ext-login {
	background:url(/images/allow.gif) no-repeat right;
	padding-right: 20px;
	padding-top: 1px;
}

div#login_sso_alert {
	margin-bottom: 10px;
}

span.push_fixed {
	color: #ff6666;
	padding-right: 3px;
}

body#bodystg {
	background:transparent url(/images/stg_background.gif) repeat scroll center center;
}

body#bodyprod {
	background:transparent url(/images/prod_background.gif) repeat scroll center center;
}

textarea#invitation_url_text_area {
	height: 250px;
}

div.ad_profile_form {
	margin: 15px;
}

div.ad_profile_form label {
	margin-right: 10px;
}

table#point_bankbook, table#fox_point_bankbook {
	width: 580px;
	border: 1px solid #666666;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #ffffff;
	empty-cells: show;
}

table#point_bankbook th, table#fox_point_bankbook th {
	border: 1px solid #666666;
	background-color: #CCCCCC;
	text-align: center;
	padding: 5px;
}

table#point_bankbook td, table#fox_point_bankbook td {
	border: 1px solid #666666;
	text-align: center;
	padding: 5px;
}

table#point_bankbook td.plus_point, table#fox_point_bankbook td.plus_point {
	font-weight: bold;
	color: #FF0000;
}

table#point_bankbook td.minus_point, table#fox_point_bankbook td.minus_point {
	font-weight: bold;
	color: #0000CC;
}

table#point_bankbook th.date {
	width: 100px;
}

table#point_bankbook th.date {
	width: 100px;
}

table#point_bankbook th.pointe {
	width: 100px;
}

table#point_bankbook th.description {
	width: 380px;
}

div#total_point {
	text-align: right;
	font-weight: bold;
	padding-right: 5px;
	margin-bottom: 5px;
}

div.go2poncan {
	background:url(/images/allow.gif) no-repeat right;
	text-align:right;
	padding: 1px 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: bold;
}

ul#point_item_list li {
	margin-bottom: 10px;
}

ul#point_item_list li.point_item_disabled label {
	text-decoration: line-through;
	color: #666666;
}

ul#point_item_list li.point_item_enabled label {
	font-weight: bold;
}

tr.present_api_error {
	background-color: #ffcccc;
}

table#fox_point_bankbook th.id {
	width: 30px;
}

table#fox_point_bankbook th.date {
	width: 90px;
}

table#fox_point_bankbook th.user {
	width: 80px;
}

table#fox_point_bankbook th.pointe {
	width: 50px;
}

table#fox_point_bankbook th.description {
	width: 280px;
}

div.header_pagination div.pagination{
	margin-bottom: 0px;
}

form#new_push {
	display: none;
}

div#render_after_category {
	display: none;
}

div.inquiry_suggests {
	display: none;
}

div.inquiry_suggests div {
	margin-top: 10px;
}

div.inquiry_suggests div p {
	margin-bottom: 5px;
}

div.inquiry_suggests input {
	width: 200px;
}

div.jugem_login_notice {
	margin: 0 40px;
}

div.jugem_login_notice p.fc_black {
	margin-top: 0;
}

div.jugem_login_notice p {
	margin-top: 20px;
}

iframe.remote_game_iframe {
	width: 665px;
	border: 0px;
	margin-bottom: 10px;
	height: 500px;
	float: left;
	margin-left: 15px;
}

div#game_manual {
	padding-right: 15px;
	width: 255px;
	float: right;
}

div#game_manual img {
	margin-bottom: 10px;
}

div.game_copyright {
	text-align: right;
	font-size: small;
	padding-right: 20px;
	padding-bottom: 10px;
}

div.banner {
	margin-bottom: 10px;
	text-align:center;
}

div.banner div{
	margin: 0 auto;
}