* {
	margin: 0;
	padding: 0;
	text-decoration:none;
	vertical-align:baseline;
	color:#333;
	font-size:small;
}

img, table { border-width: 0px; }
input { vertical-align: middle; }

/* Headings
----------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:bold; font-style: normal; }

/* Structured Text
----------------------------------------------------------------------------- */
dfn, code, samp, kbd, var, blockquote, q, cite, pre, abbr, acronym, ins
{ font-weight: normal; font-style: normal; }

/* Font style elements
----------------------------------------------------------------------------- */
b, strong { font-weight:bold; }
i, em     { font-style:italic; }
del       { text-decoration:line-through; }

/* 区切り - CSS無効の場合のため
----------------------------------------------------------------------------- */
hr.nonvisible { display: none; }

/* Break Point 
----------------------------------------------------------------------------- */
br.clr { clear:both; font-size:0; line-height:0; }

/* Hidden
----------------------------------------- */
.alt { display: block; font-size:0; line-height:1.1; width:0; height:0; overflow:hidden; text-indent:-50000px; }

/* List
----------------------------------------------------------------------------- */
ul, ol, dl, menu, dir, dt, dd { list-style: none; }

/* Pre
----------------------------------------------------------------------------- */
pre { margin:5px 0; padding:10px; background-color:#D9E8F7; font-size:90%; overflow-x:auto; }

/* Anchor
----------------------------------------------------------------------------- */
a,         #whatsnew a,
a:link,    #whatsnew a:link,
a:visited, #whatsnew a:visited { color:#06C; text-decoration:underline; }
a:hover,   #whatsnew a:hover   { color:#f80; }

/* 装飾
----------------------------------------------------------------------------- */
em.new { font-weight:bold; font-style:normal; color:#f00; }

/* header
----------------------------------------------------------------------------- */
/*height:62*/
#head{  
	background: url(./back_hategashi.gif);background-repeat: repeat-x;
	width:768px; _width:770px; height:120px; margin-bottom:1px; padding:0 1px; float:left; }

hr.nonvisible { display: none; }

/*  search area   */
#search_Area_v02{ width: auto; padding: 8px 15px 5px 15px; float: right; }


/* body and container
----------------------------------------------------------------------------- */
body {
	font-family: "MS UI Gothic","HiraMaruPro-W4","\004D\0053\0020\0055\0049\0020\0047\006F\0074\0068\0069\0063","MS PGothic", "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
	height:100%; background: url("./bg.gif"); background-position:center;
	line-height:135%; font-size: small; text-align: center;
}
#container {
	display:block; width:770px; height:100%;
	margin-right:auto; margin-left:auto; text-align:left;
}


/* コンテンツ部分
----------------------------------------------------------------------------- */
#body { clear:both; width:770px; _width:766px; _margin:0 1px 1px 1px; background:url("./slash_blue.png"); }
#contents { clear:both; width:770px; padding-bottom:20px; _width:766px; background:url(".bar.gif") left bottom repeat-x; }
#whatsnew  { clear:both; width:728px; margin:10px 20px; border:1px solid #cccccc; background-color:#ffffff; }
#bmark2  { width:180px; float:right; text-align:right; margin:10px 0; }

#wrap { width:730px; margin:10px 20px; }
#cont, .tool, .col, .top_sp { width:525px; float:left; }
#sidebar { width:180px; float:right; }
.tool, .col, #sidebar { margin:10px 0; border:1px solid #cccccc; background-color:#ffffff; }
.top_sp { margin:10px 0; }

/* 新着情報 部分
----------------------------------------------------------------------------- */
#whatsnew { min-height:100px; background-color:#ffffff; }
#whatsnew img { margin:3px; width:40px; float:left; }
#whatsnew dl { margin:5px 0 0 0; width:623px; padding-right:20px; line-height:120%; float:left; }
#whatsnew dt { margin:0 15px; float:left; }

/* 紹介＆コラム記事 部分
----------------------------------------------------------------------------- */
/* 紹介 */
.tool_txt { width:325px; padding:10px; float:left; }
.tool_img { width:180px; height:168px; float:left; }
img.ttl { width:325px; float:left; }
a.btn_enter, a.btn_help, a.btn_down { width:68px; height:28px; margin:.5em 0; float:right; }
p.exp { margin-top:20px; }
div.rel { margin:10px; padding:5px 10px; border:1px solid #cccccc; }

/* コラム記事 */
.col_txt          { width:505px; padding:0 10px 16px 10px; float:left; }
.col_txt h2       { margin:1.2em 0 1em 0; padding:.5em; border:1px solid #ccc; font-size:120%; color:#06c; }
.col_txt h3       { margin:.6em .2em .4em .2em; color:#06c; }
.col_txt h4       { margin:.8em .2em .4em .2em; font-weight:normal; color:#06c; }
.col_txt .section { margin:1em .2em 1.8em .2em; }
         .section p  { margin:0 0 8px 0; }
.imgLeft   { margin:0 .8em .8em 0; float:left; }
.imgRight  { margin:0 0 .8em .8em; float:right; }
.imgCenter { display:block; margin:.8em auto; }
.cap p { margin:.2em .2em .2em 1.2em; text-indent:-1em; font-size:80%; color:#666; }

/* サイドメニュー 部分
----------------------------------------------------------------------------- */
#sidebar p  { padding-left:25px;padding-top:10px; padding-bottom:10px; font-weight:bold; color:#444; }
#sidebar .topics  { margin:6px;}
#sidebar .topics_title {margin:10px 0px; background:url("./yy006_24.gif") no-repeat left center; border-bottom:1px dotted #cccccc;}
.t {padding-left:15px;}
#sidebar .topics_link {margin:1px; background:url("./yy005_13.gif") no-repeat left center;}

#sidebar a { font-size:90%; }
#sidebar a.sub_title {margin-bottom:.3em; padding:.3em; background-color:#eee; color:#333; text-decoration:none; display:block;}

#sidebar #app { margin:16px 10px 10px 10px; padding:.5em; font-size:80%; border:1px solid #ccc; }

#sidebar ul { margin:0; padding:.3em .3em 1.5em .3em; }
#sidebar .banner { border:none; }


/* トップへ戻る
----------------------------------------------------------------------------- */
.gotop   { clear:both; margin:0 0 1em 0; }
.gotop a { display:block; margin-left:10px; font-size:80%; float:right; }

/* foot - ページ全体のフッター
----------------------------------------------------------------------------- */
#foot { width:770px; margin:1px 0 20px 0; _margin:1px 1px 20px 1px; border-top:1px solid #5a5a5a; }

#footL { width:300px; float:left; padding:11px 0 0 15px; }
#footR { width:250px; float:right; padding:11px 10px 0 0; text-align:right; }
#footL li { display:inline; }

/* ----- フッター下 - コピーライトなど ----- */
#foot a.footSignup   { display:block; width:89px; height:17px; float:left; margin:0 0 0 15px; background:url("http://www.nifty.com/labs/common/img/footsignup.gif") 0 0; }
#foot .footPolicy    { }
#foot .footCopyright a { float:right; display:block; width:188px; height:12px; margin:1px 0 0 0; background:url("http://www.nifty.com/labs/common/img/footcopy.gif") 0 0; }