@charset "UTF-8";

/****************************
  Gloval Setting
*****************************/

body {
    margin:              0px 0 0px 0;
    padding:             0;
    text-align:          left;
    font-size:           small;
    font-family:         verdana, arial, palatino, georgia, sans-serif;
    background:          #F9E99F url(/img_common/back.gif) repeat-x;
}

form {
    margin:              0;
    padding:             0;
}

h1, h2, h3, h4 {
    margin:              0;
    padding:             0;
    font-size:           small;
    font-weight:         normal;
}

.cr {
    clear:               both;
    margin:              0;
    padding:             0;
}

/****************************
  Link
*****************************/

a:link {
    text-decoration:     none;
    color:               #336699;
}
a:visited {
    text-decoration:     none;
    color:               #336699;
}
a:hover, 
a:active {
    text-decoration:     underline;
    color:               #336699;
}

/****************************
  Container
*****************************/

#container_top_bg {
    width:               810px;
    height:              10px;
    margin:              0 auto;
    padding:             0;
    background:          url(/img_common/back_con1.gif) no-repeat;
    background-position: bottom;
}

#container {
    width:               810px;
    margin:              0 auto;
    padding:             0;
    background-color:    #ffffff;
    background:          url(/img_common/back_con2.gif) repeat-y;
}

#container_bg {
    width:               810px;
    margin:              0;
    padding:             0;
    background:          url(/img_common/back_con0.gif) no-repeat;
    background-position: top;
}

#footer_bg {
    clear:               both;
    width:               810px;
    height:              17px;
    margin:              0 auto;
    padding:             0;
    background:          url(/img_common/back_con3.gif) no-repeat;
    background-position: top;
}

/****************************
  Header
*****************************/

#header {
    width:               780px;
    height:              50px;
    margin:              0 15px 0 15px;
    padding:             15px 0 12px 0;
}

#logo {
    float:               left;
    width:               225px;
    margin:              0;
    padding:             0 0 0 18px;
}

#logo img {
    vertical-align:      bottom;
}

#navigation {
    float:               left;
    height:              20px;
    margin:              0;
    padding:             26px 0 0 50px;
}

/****************************
  Navigation
*****************************/

#navigation ul {
    margin:              0;
    padding:             0;
    list-style:          none;
}

#navigation li {
    margin:              0;
    padding:             0 7px 0 0;
    height:              20px;
    text-indent:         -9999px;
}

#navigation li a {
    display:             block;
    text-decoration:     none;
    height:              20px;
}



#navigation li#infomation {
    float:            left;
    width:            82px;
    background:       url(/img_common/navi_01.gif)   no-repeat;
}
#navigation li#infomation a:hover {
    background:       url(/img_common/navi_01_2.gif) no-repeat;
}

#navigation li#gallery {
    float:            left;
    width:            59px;
    background:       url(/img_common/navi_02.gif)   no-repeat;
}
#navigation li#gallery a:hover {
    background:       url(/img_common/navi_02_2.gif) no-repeat;
}

#navigation li#works {
    float:            left;
    width:            59px;
    background:       url(/img_common/navi_03.gif)   no-repeat;
}
#navigation li#works a:hover {
    background:       url(/img_common/navi_03_2.gif) no-repeat;
}

#navigation li#life {
    float:            left;
    width:            36px;
    background:       url(/img_common/navi_04.gif)   no-repeat;
}
#navigation li#life a:hover {
    background:       url(/img_common/navi_04_2.gif) no-repeat;
}

#navigation li#study {
    float:            left;
    width:            59px;
    background:       url(/img_common/navi_05.gif)   no-repeat;
}
#navigation li#study a:hover {
    background:       url(/img_common/navi_05_2.gif) no-repeat;
}

#navigation li#store {
    float:            left;
    width:            59px;
    background:       url(/img_common/navi_06.gif)   no-repeat;
}
#navigation li#store a:hover {
    background:       url(/img_common/navi_06_2.gif) no-repeat;
}

#navigation li#column {
    float:            left;
    width:            63px;
    background:       url(/img_common/navi_07.gif)   no-repeat;
}
#navigation li#column a:hover {
    background:       url(/img_common/navi_07_2.gif) no-repeat;
}

/****************************
  Footer
*****************************/

#footer {
    clear:               both;
    width:               780px;
    height:              43px;
    margin:              0 15px;
    padding:             0;
    font-size:           10px;
    line-height:         1.4;
    border-width:        1px 0 0 0;
    border-style:        solid;
    border-color:        #999966;
}

#footer a:link, 
#footer a:visited {
    text-decoration:     none;
    color:               #000000;
}
#footer a:hover, 
#footer a:active {
    text-decoration:     underline;
    color:               #000000;
}

#footer_copy {
    float:               left;
    width:               49%;
    margin:              6px 0 0 10px;
    padding:             0;
}
#footer_navi {
    float:               right;
    margin:              6px 12px 0 0;
    padding:             0;
    font-size:           11px;
    vertical-align:      top;
}

#footer address {
    font-style:          normal;
}

#footer a:link.cur, 
#footer a:visited.cur {
    text-decoration:     none;
    color:               #000000;
}
#footer a:hover.cur, 
#footer a:active.cur {
    text-decoration:     underline;
    color:               #000000;
}

#footer a:link.cur_c, 
#footer a:visited.cur_c {
    color:               #000000;
    font-weight:         bold;
}

/****************************
  Bread Navi
*****************************/

#bread_navi {
    clear:            both;
    width:            744px;
    font-size:        11px;
    margin:           0px 15px 0px 15px;
    padding:          5px 18px 7px 18px;
}
#bread_navi a:link, 
#bread_navi a:visited {
    text-decoration:  none;
    color:            #000000;
}
#bread_navi a:hover, 
#bread_navi a:active {
    text-decoration:  underline;
    color:            #000000;
}

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

.storycontent p {
	font-size:   100%;
	line-height: 170%;
}

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