@charset "EUC-JP";/* CSS Document 日*/


/*------------------------------------
2011.07.07 kw
------------------------------------*/

*{ zoom:1; } /* FDA IE*/

html,body		{ width:100%;  height:100%;  }
html { -webkit-text-size-adjust:none; }/* for smf */

body			{ text-align:left; } 
body			{ line-height:1.5; }

#bg_wrap		{ width:100%; height:100%; min-height: 100%; position:relative; }
body > #bg_wrap			{ height: auto; min-height: 100%;} /*ie6*/

/* min width */
#bg_wrap,#footer		{ min-width:800px; }

/* gloval block */
#contents_wrapper			{ font-size:12px; } /* 12px */
#contents_wrapper			{ width:100%; margin:0 auto 0; height:auto; /* position:relative; */ }
#contents_body				{ width:780px; margin:30px auto 0; padding:0 0 90px; position:relative; } /* space  90-50(#footer_height)=40 */

#header ,
#FooterContainer			{ width:780px; }


/* back ground custom */
body		{ /* background:url(100s_back.jpg) center top no-repeat;*/ background:none; background-color:#fed999; }
#bg_wrap	{ background:none; }


/* float & clear and more */
.lefty			{ float:left; }
.righty			{ float:right; }

.clear			{ clear:both; height:0; } /* */
*html .clear	{ height: 0.1em; overflow:hidden; margin-top:-0.1em; }

/* <div class="clear"><hr /></div> | <span class="inv">Invisible</span> */
.clear hr		{ visibility:hidden; border:0; }
span.inv 		{ display:none; }

/* clear fix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display:block; }


/* ------------------------------------------------------------------------ */

.stock { /* pre wrap */
	white-space: normal;
	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+ */
}


/*　 */
.rd				{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }

/* font color */

body			{ color:#444; }

a				{ font-weight:normal; outline: none; border:none; overflow:hidden; text-decoration:underline; }
a:link 			{ color: #D6292C; text-decoration:underline; }
a:visited 		{ color: #8E1C1F; text-decoration:underline; }
a:hover 		{ color: #ff6000; }
a:active 		{ color: #ff6000; }


a.ss_gallery   { text-decoration:none !important; }

/* txt decorate */
strong		{ font-weight:bold; }
.atent		{ color:#FF4D00; }
a span		{ display:none }



/* common */


/* base */
.inner_wrapper				{ width:800px; margin:0 auto 0; overflow:hidden; clear:both; }

/* heading h3-h5 */
h3					{}
h4					{ font-weight:bold; font-size:18px; margin:0 0 5px; }
h5					{ font-weight:bold; font-size:12px; margin:0 0 5px; }

/* include block */

.dummy					{ height:150px; padding:5px; }
.dummy2					{ height:70px; padding:5px; }
.dummy3					{ height:80px; padding:5px; }

.dash_line				{ border:1px dotted #777; }


/* effect & size margin ctrl */

#block_main,
#block_sub				{ width:auto; margin:0 auto 20px;
						border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
						box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); }

/* padding ctrl */
#block_main				{ min-height:400px; } /* padding widthコントロール留意 */

/* color ctrl */
#block_main				{ background:url(64_white.png) 0 0 repeat; } /* option opacity:0.8 */


#mainimg_outer				{ margin:0 0 0; background:url(mainimg1.png) 0 0 no-repeat; width:780px; height:430px; overflow:hidden; position:relative; }

#mainimg_outer h3			{ background:url(copy_h1.png) 0 0 repeat; width:530px; height:150px; display:block; text-indent:100%; white-space:nowrap; overflow:hidden; display:none } /*  text-indent:-9999px; */

#mainimg_outer ul			{ width:900px; overflow:hidden; margin:436px auto 0;  }


#mainimg_outer .righty		{ margin:30px 20px 0 0;  }


.gobot				{ margin:0 auto 0; width:350px; }
.gobot a			{ background:url(bot_h1.png) 0 0 repeat; text-indent:-9999px; width:350px; height:128px; display:block; }
.gobot a:hover		{ background-position:0 -131px; }

.go_txt				{ text-align:center; margin-top:-6px; }


#bot_item_p.gobot a				{ background:url(bot_item_p.png) 0 0 repeat; margin:0 0 0 0; }
#bot_item_p.gobot a:hover		{ background-position:0 0; }

#bot_coin_p.gobot a				{ background:url(bot_coin_p.png) 0 0 repeat; margin:0 0 0 0; }
#bot_coin_p.gobot a:hover		{ background-position:0 0; }


/* catch */
#bal1			{ position:absolute; left: 513px; top: -63px; }
#bal1 h4		{ background:url(neko_1.png) 0 0 repeat; width:250px; height:160px; text-indent:100%; white-space:nowrap; overflow:hidden; }


/* arrow */
#arrow			{ position:absolute; left: 690px; top: 200px; }
#arrow h4		{ background:url(arrow.png) 0 0 repeat; width:170px; height:310px; text-indent:100%; white-space:nowrap; overflow:hidden; }


#mainimg					{ margin:0 0 20px; }
#mainimg h3					{ background:url(head_img_shorty.png) 0 0 repeat; width:750px; height:120px; text-indent:100%; white-space:nowrap; overflow:hidden; }

#main_cont				{ padding:0 40px 25px; }



.innercont				{ margin:0 auto 20px; overflow:hidden; }
.whbase					{ background-color:#fff; padding:10px 20px; }




/* header banner area */
#hd_bn					{ margin:-40px auto 10px }

#hd_bn .img1				{ margin:0 auto 8px; }



/* any block exclusive */

/*
#col1 h5,
#col2 h5,				
#col3 h5				{ text-indent:100%; white-space:nowrap; overflow:hidden; }


#col1 h5				{ background:url(t_h5_01.png) 0 0 repeat; }
#col2 h5				{ background:url(t_h5_02.png) 0 0 repeat; }
#col3 h5				{ background:url(t_h5_03.png) 0 0 repeat; }
*/

/* col1 */
#col1			{  }



.app_block					{ width:auto; overflow:hidden; clear:both; margin:10px auto 25px; padding:0 0 5px; border-bottom:1px #999 dotted; }
.app_block .sub_area		{ width:125px; float:left; }
.app_block .main_area		{ width:480px; float:right; }

.app_block h5				{ font-size:16px; font-weight:bold; border-bottom:2px solid #ccc; margin:0 0 10px; padding:0 0 1px; }

.app_block .sub_area .icon			{ }
.app_block .sub_area dl				{ margin:10px 0 0 5px; }
.app_block .sub_area dt				{ width:4em; float:left;  }
.app_block .sub_area dd				{ font-weight:bold; }

/*  camp */

.app_block .sub_area s				{ color:#999; text-decoration:line-through; }		

.app_block .sub_area .camp			{ color:#C30; font-size:36px; font-weight:bold; text-align:center; line-height:1.0  }

.app_block .sub_area .camp.midsz		{  font-size:28px; }

.app_block .sub_area .cam_disc		{ font-size:10px; line-height:1.2; color:#666; text-align:center; }



.hdimg						{ width:auto;  text-align:center }
.hdimg img					{ display:block; margin:0 auto 0; }

.hdimg.mter img				{ margin-top: -7px;  }



.desc					{ margin:10px 10px 0;  }

.desc h6.catch			{ font-size:15px; font-weight:bold;  }
.desc .intro 			{ font-size:14px; margin:10px 0;  }

.desc h6				{ font-size:13px; }


.more					{ font-weight:bold; border-bottom:1px dotted #aaa; text-align:right; padding:0 1.5em 0 0; }

.desc .desc_sub			{ border-bottom:1px dotted #aaa; margin:0 1em 0; }


.desc .desc_sub dl			{}
.desc .desc_sub dt			{ font-weight:bold; margin:5px 0 0; }
.desc .desc_sub dd			{ margin:0 0 0 1.1em }


.ssimage					{ width:auto; margin:10px auto 0 }
.ssimage img				{ width:80px; margin:0 6px 0; }

.ssimage.lds img				{ width:145px; margin:10px 5px 0; }




/* col2 */

#col2					{  }

#col2 .lefty			{ width:370px; background-color:#Fb6; padding:8px; margin:0 0 8px; }
#col2 .righty			{ width:370px; background-color:#FC6; padding:8px; }

#col2 h6				{ font-size:18px; font-weight:bold; height:25px; vertical-align:top; margin:0 0 10px }

#col2 dl				{ width:370px; overflow:hidden; }

#col2 dt				{ margin:0 0 4px; font-weight:bold; font-size:12px; color:#555; }

#col2 .pitem			{ float:left; margin:0 5px 0 0; height:98px;   }
#col2 .pcapt			{  }

#col2 .pcapt p			{ font-weight:bold; }



#col2 .lefty .pitem			{  }
#col2 .pcapt ul li			{ line-height:1.2; font-size:12px  }

#col2 .extra				{ clear:both; padding:8px 20px; background-color:#Fa6; margin:10px auto; }
#col2 .extra dl				{ width:auto }



/* h_info block */
.h_info				{ clear:both; width:auto; margin:0 0 20px; background:#fff; overflow:hidden; padding:10px 10px 10px; }

.h_info h6			{ font-size:12px; text-align:right; margin:10px 10px 5px auto; padding:0 0 5px; border-bottom:1px #666 dotted;  } 

.h_info h5			{ font-weight:bold; margin:0 0 10px; width:100%; padding:0 0 5px; border-bottom:1px #666 dotted }
.h_info dl			{ clear:both; margin: 0 0 5px 5px; line-height:1.4; overflow:hidden; padding:0 0 3px 0; border-bottom:1px #999 dotted; }
.h_info dt			{ float:left; font-weight:bold; height:100%; width:90px;  }
.h_info dd			{ float:left; width:580px;  }

.h_info strong		{ color:#fc4e01; }

.h_info	dd.info_text		{ margin:0.5em 0 0 7em;  }


/* class example */
ul.atention				{ padding:4px 0; overflow:hidden; color:#F15A24; clear:both; margin:10px 0 0; }
ul.atention li			{ line-height:1.2; margin:0 0 0 2em; text-indent:-1em; }


.append ul.atention			{ padding:0 0; overflow:hidden; color:#A00; clear:both; margin:5px 0 0; }
.append ul.atention li		{ margin:0 0 0 1.5em; text-indent:-1em; }






/* class atention */
dl.atention				{ font-size:12px; margin:10px 0 0; background:#FFF; padding:10px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border:1px solid #F15A24; }
dl.atention dt			{ font-size:14px; color:#F15A24; font-weight:bold; }
dl.atention dd			{ margin:0.25em 0 0 2em; clear:both; text-indent:-0.5em; }
dl.atention strong		{ color:#F15A24; font-weight:bold; }


/* attention_block */

.at_block h6 		{ color: #990000; font-size: 14px; margin: 5px 0 0; }
.at_block 			{ border: 4px double #990000; margin: 20px auto ; overflow: hidden; padding: 5px 20px; width: auto; background:#FFF; }
.at_block .lefty 	{ width: 440px; }
.at_block .righty 	{ width: 330px; }



/* camp end */
.end_patch			{ margin:0 0 0 5px; height:25px; }
#col2 .end			{ color:#999 !important; background:#ccc; }

#col2 .end li,

#col2 .end dt		{ color:#999 !important; }


.end img			{ filter:alpha(opacity=60); opacity: 0.6; }
#col2 .end h6				{ font-size:13px }
