@charset "UTF-8";
/*////////////////////////////////////////////////////////////
mansion100% - common.css for all pages.

Copyright (C) NEXT Co,. Ltd. All right reserved.
------------------------------------------------------------
/* ################################################################################
    [Reset] Resetting HTML elements styles
   ################################################################################ */

/* ------------------------------------------------------------
    0. Yahoo UI Library: Reset CSS, Fonts CSS
   ------------------------------------------------------------ */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}/* to preserve line-height and selector appearance */sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}/*because legend doesn't inherit in IE */legend{color:#000;}
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

/* ------------------------------------------------------------
    1. HTML, Body, Anchor
   ------------------------------------------------------------ */
/*
html {}
*/
body {
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: #000000;
    font-family:
        "ヒラギノ角ゴ Pro W3",
        "ＭＳ Ｐゴシック",
        sans-serif;
    line-height: 1.5;
}

*+html body { /* For IE7 */
    font-family:
        "ＭＳ Ｐゴシック",
        "ヒラギノ角ゴ Pro W3",
        sans-serif;
}

* html body { /* For IE6 */
    font-family:
        "ＭＳ Ｐゴシック",
        "ヒラギノ角ゴ Pro W3",
        sans-serif;
    text-align: center;
}

a:link,
a:visited { color: #003366; }

a:hover,
a:active  { color: #003366; text-decoration: none; }

/* ------------------------------------------------------------
    2. Heading, Paragraph
   ------------------------------------------------------------ */
/*
h1, h2, h3, h4, h5, h6 {
    clear: both;
}

p {
    margin: 1em 0;
    padding: 0;
}
*/

/* ------------------------------------------------------------
    3. List
   ------------------------------------------------------------ */
/*
ul, ol, dl {
    clear: both;
    margin-top: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
}

li, dd {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

dt {
    clear: both;
    font-weight: bold;
}
*/

/* ------------------------------------------------------------
    4. Table
   ------------------------------------------------------------ */
/*
table {
    clear: both;
    width: 100%;
    overflow: auto;
    margin: 1em 0;
    empty-cells: show;
}

caption {}
thead {}
tfoot {}
tbody {}

colgroup {}
col {}

th {
    vertical-align: top;
    }

td {
    vertical-align: top;
    }

thead th {}
tbody th {}
tfoot th {}
*/

/* ------------------------------------------------------------
    5. Form
   ------------------------------------------------------------ */
/*
form {}
fieldset {
    margin: 1em 0;
    padding: 1em;
    border: 0;
    }
*/
legend { display: none; }
/*
input, textarea, select { font-size: 99%; }
textarea { font-family: "ＭＳ ゴシック", monospace; }
*/
label { cursor: pointer; }

button {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    font-family:
        "ヒラギノ角ゴ Pro W3",
        "ＭＳ Ｐゴシック",
        sans-serif;
}
/*
optgroup {}
option {}
*/

/* ------------------------------------------------------------
    6. Quotation
   ------------------------------------------------------------ */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/*
blockquote {}
q    { border-bottom: 1px dotted #d90000; background: #ffeeee; }
cite { font-style: normal; }
*/

/* ------------------------------------------------------------
    7. Others
   ------------------------------------------------------------ */

/*  7-1. Inline-level Elements 
   ------------------------------------------------- */
img { vertical-align: top; }

/*
address {}
object, iframe {}
em {}
*/
strong { font-weight: bold; }

/*
abbr, acronym {
    border-bottom: 1px dotted #fdfdfd;
}
dfn {}
code, samp, kbd { font-family: "ＭＳ ゴシック", monospace; }
var { font-style: italic; }

ins {}
del {}
param {}
sup {}
sub {}
*/

/*  7-2. Block-level Elements
   ------------------------------------------------- */
hr { display: none; }
pre { overflow: auto; font-family: "ＭＳ ゴシック", monospace; }

/*  7-3. For IE7 Page Zoom
   ------------------------------------------------- */
body,
br { letter-spacing: 0; }


/* ################################################################################
   [Main Layout] blogparts
   ################################################################################ */
div#container {
    width: 850px;
    margin: 0 auto;
}

* html div#container { text-align: left; }

div#header {
    /*position: relative;
    width: 980px;
    height: 115px;*/
	margin-top:40px;
}

div#content {
    position: relative;
    width: 850px;
	margin:0 auto;
}
div#contentGenerater{
width:800px;
margin:0 auto;
}

div#footer {
    clear: both;
    width: 850px;
	height:37px;
	margin:0 auto;
	/*margin: 15px 0 150px;*/
	padding: 0 0 20px;
}
div#footer.generater{
	background:url(/blogparts/shared/images/bp_footer.gif) no-repeat 33px top;
}
div#footer address{
font-style:normal;
text-align:right;
/*padding:9px 50px;*/
padding:5px 10px;
color:#999;
}
div#footer.generater  address{
font-style:normal;
text-align:right;
padding:9px 50px;
}

/*--bp_index--*/
div#contentbpindex{
background:url(/blogparts/shared/images/bg_bp.gif) no-repeat center bottom;
height:871px;
}
div#contentbpindex ul{
position:relative;
}
div#contentbpindex ul li{
float:left;
margin:0;
padding:0;
}
div#contentbpindex div#btn_about{
position:absolute;
width:317px;
height:74px;
top:527px;
right:77px;
}
div#contentbpindex div#btn_sample{
position:absolute;
width:217px;
height:40px;
top:624px;
right:103px;
}
div#btn_start{
clear:both;
width:411px;
height:101px;
position:absolute;
top:700px;
left:231px;
padding:10px;
margin:0;
}
/*--bp_about--*/
div#content.about{
background:url(/blogparts/shared/images/bg_about.gif) no-repeat center top;
position:relative;
border-bottom:solid 1px #ffcc99;
padding-top:51px;
}

div#contentbpabout{
background:#FFFFFF;
border:solid 1px #ffcc99;
padding:30px;
width:705px;
margin:0 auto 50px;
line-height:1.8em;
}
div#contentbpabout h2{
font-size:18px;
}
div#contentbpabout p{
margin-top:10px;
}
p.about_source{
font-size:11px;
line-height:1.8em;
}
div#container div#btn_top{
position:absolute;
width:152px;
height:51px;
top:0;
right:51px;
}