@charset "iso-2022-jp";
/*/////////////////////////////////////////////////////////////////////////


default_CSS//smartPhone//
/////////////////////////////////////////////////////////////////////////*/
/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}

body { text-align:center; font-family:"$B%R%i%.%N3Q%4(B ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
nav ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none;}

img { border:none;}
hr { display:none;}
ul { list-style:none;}
.alt{ position:absolute; top:-5000px; left:-9999px;}
.bold { font-weight:bold;}
.normal { font-weight:normal;}
.cover { background:url(/img/cover.gif); display:block;}

/*float*/
.floatL { float:left;}
.floatR { float:right;}
.clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { min-height: 1px;}
* html .clearfix {
	height: 1px;
	/*(J\(B*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/*font-color*/
.cWht { color:#fff;}
.cBlk { color:#252525;}
.cRed, .err { color:#d50000;}
.cRed2 { color:#de4949;}
.cYel { color:#fc0;}
.cCon { color:#00437a;}
/*font-size*/
.f140 { font-size:140%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%;}
.f85 { font-size:85%;}
.f75 { font-size:75%;}

/*/////////////////////////////////////////////////////////////////////////
$B%3%s%F%s%D@_Dj(B
/////////////////////////////////////////////////////////////////////////*/
body { width:100%; background:#333333;}
#bg { background:url(../img/bg_main.jpg) no-repeat top center;}
#container { width:320px; margin:0 auto; position:relative;}

/*TBS_head*/
#tbshead { width:100%; height:55px; position:relative; background:url(../img/tbshead_bg.png) repeat-x center bottom;}
	#tbshead a { display:block;}
	#tbshead h1 { position:absolute; top:0; left:0;}
	#tbshead p { position:absolute; top:0; right:10px;}
	#tbshead h1 a { width:100px; height:38px; background:url(../img/tbshead.png) no-repeat 0 0;}
	#tbshead p a { width:85px; height:38px; background:url(../img/tbshead.png) no-repeat -225px 0;}

/*main*/
#main { padding-top:220px;}

/*btn*/
#main #bottomBtn { position:relative;}
#bottomBtn #official { display:block; position:absolute; top:0; left:20px;}
#bottomBtn #ptop { display:block; position:absolute; top:0; right:20px;}
#bottomBtn #official a { display:block; width:100px; height:35px; background:url(../img/main_parts.png) no-repeat -100px 0px;}
#bottomBtn #ptop a { display:block; width:100px; height:35px; background:url(../img/main_parts.png) no-repeat 0px 0px;}

#main .textArea { width:296px; text-align:left; border:2px solid #fafafa; background:#fff url(../img/bg_unit.png); padding-bottom:20px; margin-left:10px;}
	#main .textArea h2 { font-size:18px; background:#333; color:#fff; padding:3px 10px;}
	#main .textArea p { font-size:15px; letter-spacing:0.05em; line-height:1.6em; color:#222; padding:15px 10px 5px 13px;}


/*footer*/
footer { font-size:12px; text-align:center; color:#fff;padding-top:50px;}
footer p { width:320px; margin:0 auto; padding-bottom:20px;}
footer a { color:#fff; text-decoration:none;}

/*eof*/
