@charset "utf-8";

body   {font-family: MS UI Gothic; background-color: #ffe6b8; text-align: center; margin: 0; padding: 0 }
a   { color: #060; text-decoration: underline }
img { border-style: none }
a:hover  { color: #060; text-decoration: none }
h1 span , h2 span , h3 span ,h4 span , h5 span { display: none }
h1 , h2 , h5 { margin: 0; padding: 0 }
h3  { font-weight: bold; margin: 0; padding: 0 0 15px }
h4   { color: #060; font-size: 95%; font-weight: bold; line-height: 120%; margin: 0; padding: 0 0 13px }

div#parent  { background-color: #fff; text-align: center; margin: 0 auto; padding: 0; width: 850px }
div#head { margin: 0 auto; padding: 0 }
div#content  { text-align: left; margin: 0 auto; padding: 0; width: 812px }
div#footer  { background-image: url("../images/common/f_img.gif"); background-repeat: no-repeat; background-position: right top; margin: 0 auto; padding: 0; height: 128px }
div#head address { text-align: right }
div#head address span { display: none }
.num { font-size: smaller }
/* navi */
div.navi   { margin: 0; padding: 0 }
div.navi ul  { list-style-type: none; margin: 0; padding: 0; width: 208px }
div.navi li  { margin: 0; padding: 0; width: 208px }
div.navi li span { display: none }
div.navi ul a { background-repeat: no-repeat; display: block; width: 208px; }
div.navi ul a:hover { background-position: -210 0px; }
div.navi ul a.active { background-position: -210 0px; }
div.navi li a.concept { background-image: url("../images/common/hmenu_concept.gif"); height: 65px }
div.navi li a.flow { background-image: url("../images/common/hmenu_flow.gif"); height: 59px }
div.navi li a.example { background-image: url("../images/common/hmenu_example.gif"); height: 59px }
div.navi li a.model { background-image: url("../images/common/hmenu_model.gif"); height: 59px }
div.navi li a.profile { background-image: url("../images/common/hmenu_profile.gif"); height: 59px }
div.navi li a.blog { background-image: url("../images/common/hmenu_blog.gif"); height: 59px }
div.navi li a.contact { background-image: url("../images/common/hmenu_contact.gif"); height: 59px }
div.navi li a.sc { background-image: url("../images/common/hmenu_sc.gif"); height: 59px }
div.navi li a.minus6 { background-image: url("../images/common/hmenu_-6.gif"); height: 59px }
/* subnavi */
div.subnavi { background-image: url("../images/common/bg_navi01.gif"); background-repeat: repeat-y; margin: 3px 0 0; padding: 0 }
div.subnavi ul   { color: #060; font-size: 95%; line-height: 170%; text-indent: 1.9em; margin: 0; padding: 0 }
div.subnavi ul a   { text-decoration: none }
div.subnavi ul a:hover { text-decoration: underline }
div.subnavi li  { background-image: url("../images/common/line.gif"); background-repeat: no-repeat; background-position: 0 bottom }
.subnavi_bg  { background-image: url("../images/common/bg_navi02.gif"); background-repeat: no-repeat; margin: 0; padding: 0 }

div.intro   { background-image: url("../images/index/img01.jpg"); background-repeat: no-repeat; background-position: right top; margin: 0 0 15px; padding: 0 0 0 0; height: 235px }
div.intro p  { color: #333; font-size: 95%; line-height: 135%; margin: 0; padding: 13px 250px 0 0 }
/*
div.news  { margin: 0 0 40px; padding: 0 }
div.news table  { font-size: 95%; line-height: 135%; text-align: left; margin: 5px 0 0; padding: 0 }
div.news table a  { color: #c00; text-decoration: underline }
div.news table a:hover  { color: #c00; text-decoration: none }
div.news table th  { margin: 0; padding: 0; width: 100px; vertical-align: top }
div.news table td { margin: 0; padding: 0 }*/

div.contents { margin: 20px 0 35px; padding: 0 }
div.contents p  { color: #333; font-size: 95%; line-height: 120%; margin: 0; padding: 0 }
div.indextopics a { color: #c00; text-decoration: none; border: solid 1px #fff }
div.indextopics a:hover { border: solid 1px #ccc }
div.indextopics ul { list-style-type: none }
div.flow   { margin: 0 0 35px; padding: 20px 0 0; border-top: 1px dashed #999 }
div.flow p { color: #333; font-size: 95%; line-height: 130%; background-color: #f2f2e3; margin: 0; padding: 0.5em 1em }
div.flow p.arrow  { background-color: #fff; text-align: center; margin: 6px 0; padding: 0 }

table.content  { text-align: left; margin: 0; padding: 0; width: 812px }
table.content td.left      { text-align: left; margin: 0; padding: 0 0 0 0; width: 241px; vertical-align: top }
table.content td.right  { text-align: left; margin: 0; padding: 0; width: 571px; vertical-align: top }

table.profile01  { color: #333; font-size: 75%; line-height: 150%; margin: 0; padding: 0 }
table.profile01 td { text-align: left; margin: 0; padding: 0; vertical-align: top }
table.profile01 td.tree { background-image: url("../images/profile/bg_img01.jpg"); background-repeat: no-repeat; background-position: right top; margin: 0; padding: 0 10px 0 0 }
table.profile02  { color: #333; font-size: 95%; line-height: 120%; margin: 0; padding: 0; width: 571px; border-top: 1px solid #999 }
table.profile02 th   { text-align: left; margin: 0; padding: 0.2em 0.5em 0.2em 0; width: 30%; border-bottom: 1px solid #999 }
table.profile02 td  { text-align: left; margin: 0; padding: 0.2em 0 0.2em 0.5em; width: 70%; vertical-align: top; border-bottom: 1px solid #999; border-left: 1px solid #999 }

table.model { margin: 0; padding: 0; width: 571px }
table.model td   { text-align: left; margin: 0; padding: 0; vertical-align: top }
table.model td.left  { margin: 0 0 0 0; padding: 0 11px 0 0; width: 291px }
table.model p  { color: #333; font-size: 75%; margin: 0 0 1.5em; padding: 0 }

table.example  { margin: 30px 0 0; padding: 0; width: 571px; border-top: 1px dashed #999 }
table.example td  { margin: 0; padding: 10px 0 15px; width: 190px; vertical-align: top; border-bottom: 1px dashed #999 }
table.example h4  { color: #060; font-size: 95%; line-height: 120%; margin: 0; padding: 0 }
table.example p.sub   { color: #333; font-size: 80%; margin: 0; padding: 0 }
table.example p.image   { margin: 5px 0 0; padding: 0 }

div.detail   { margin: 20px 0 35px; padding: 0 }
div.detail h3    { color: #060; font-size: 95%; line-height: 120%; margin: 1em 0; padding: 0 }
div.detail h4    { color: #060; font-size: 95%; font-weight: normal; line-height: 120%; margin: 0; padding: 0 0 0.3em }
table.data_part   { margin: 0; padding: 0; width: 571px }
table.data_part td.data_comment      { color: #333; font-size: 95%; line-height: 130%; background-color: #f2f2e3; margin: 0; padding: 0.5em 1em; width: 571px; border-bottom: 1px dashed #999 }
table.data_part td.data_image        { margin: 0; padding: 1.3em 0 0; width: 262px; vertical-align: top }
table.data_part td.img  { font-size: 12px; text-align: center }
table.data_part td.noimg { text-align: left }
table.data_part td.img { }
table.data_part td.data_image p   { color: #333; font-size: 95%; line-height: 120%; margin: 0; padding: 0.3em 0 1em }
table.data_part td.arrow  { margin: 0; padding: 1.3em 0 0; width: 47px; vertical-align: top }

table.style06  { color: #4d4d4d; font-size: 90%; line-height: 140%; text-align: left; margin: 30px 0 0; padding: 0; width: 503px; vertical-align: middle; border-collapse: collapse           }
table.style06 th  { text-align: left; margin: 0; padding: 5px 0 5px 10px; width: 30%; vertical-align: middle; border-top: 1px solid #ccc; border-collapse: collapse           }
table.style06 td { text-align: left; margin: 0; padding: 5px 0; vertical-align: middle; border-top: 1px solid #ccc; border-collapse: collapse          }

dl.privacy  { color: #333; font-size: 95%; line-height: 120%; margin: 20px 0 0; padding: 0 }
dl.privacy dt   { color: #060; font-weight: bold }
dl.privacy dd   { margin: 0; padding: 0 0 1em 1.5em }

.top  { color: #060; font-size: 95%; text-align: right; margin: 0 0 10px; padding: 0 }
.top a  { color: #060; text-decoration: underline }
.top a:hover  { color: #060; text-decoration: none }

.f_menu { color: #060; font-size: 80%; text-align: left; margin: 0; padding: 10px 0 0 20px }
.f_menu a { color: #060; text-decoration: none; text-align: left; margin: 0; padding: 0 }
.f_menu a:hover { color: #060; text-decoration: underline; text-align: left; margin: 20px 0; padding: 0 }

address.footer { color: #333; font-size: 80%; font-style: normal; font-weight: normal; text-align: left; margin: 0; padding: 0 0 0 20px }
.copy   { color: #333; font-size: 70%; text-align: left; margin: 0; padding: 0 0 0 20px }

/*FORM PARTS*/
@media screen{
.off    { border: solid 1px #060; ime-mode: disabled   }
.on   { border: solid 1px #060 }
.input-xs  { width: 2em }
.input-ss  { width: 3em }
.input-s  { width: 4em }
.input-m  { width: 8em }
.input-l  { width: 16em }
.input-ll  { width: 18em }
.input-xl  { width: 22em }
.text-m  { height: 5em }
.text-l  { height: 10em }
}

/* BLOG STYLE */
div.menu { margin: 0 0 0 0; padding: 0 0 0 0; width: 208px }
div.menu h3   { color: #fff; font-size: 90%; font-weight: bold; background-color: #690; text-indent: 1em; margin-top: 0; margin-bottom: 0.3em; padding-top: 0.3em; padding-bottom: 0.3em; width: 208px }
div.menu h3 a { text-decoration: none; display: block }
div.menu div   { margin: 0; padding: 0; width: 208px }
div.menu ul   { color: #333; font-size: 12px; list-style-type: none; margin: 0 0 15px; padding: 0 }
div.menu li  { margin: 0; padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 1em }
div.menu li a { color: #060; text-decoration: none }
div.menu li a:hover { color: #060; text-decoration: underline }
div.menu span.num  { font-size: 10px }

/* entry */
div.entry     { font-size: 95%; line-height: 120%; margin: 0; padding: 0; width: 571px }
div.entry h2    { font-size: 16px; margin: 0; padding: 0 }
div.entry h2 a  { color: #060; text-decoration: none }
div.entry p.date { text-align: right; padding-right: 3em }
div.entry_body  { color: #333; margin: 0; padding: 0 }
div.entry_body img.thumb     { margin: 0.5em; padding: 0; border: 0 }
div.entry_author  { color: #333; font-size: 12px; margin: 5px 0 20px; padding: 0 }
div.entry_author p { text-align: center }
div.entry_author a   { color: #933; text-decoration: none }
div.entry_more   { color: #333; margin: 0; padding: 1em 0 0 }
div.entry_state   { color: #333; font-size: 12px; background-color: #f2f2e3; text-align: right; margin: 20px 0 30px; padding: 0.2em 0.5em 0.2em 0; border-bottom: 1px dashed #999 }

/* comments */
div#comments  { margin: 0; padding: 0 }
div#comments h3   { color: #060; font-size: 14px; font-weight: bold; margin: 0; padding: 0 }
div#comments h4    { color: #060; font-size: 14px; font-weight: bold; margin: 2em 0 1em; padding: 2em 0 0; border-top: 1px dashed #ccc }
div#comments dl.comment_body  { color: #333; font-size: 95%; line-height: 120%; margin: 1em 0; padding: 0 }
div#comments dl.comment_body dt   { color: #333; font-size: 95%; margin: 1.5em 0 1em; padding: 0 }

dl#comment_form  { margin: 0; padding: 0 }
dl#comment_form dt  { color: #333; font-size: 95%; margin: 0; padding: 0 }
dl#comment_form dd  { margin: 0; padding: 0 0 15px }
dl#comment_form dd label  { padding: 0 10px }
dl#comment_form dt label#labelsubmit { display: none; }
dl#comment_form dd input.form  { background-color: #eee; border: solid 1px #ccc }
dl#comment_form dd textarea  { background-color: #eee; border: solid 1px #ccc }
dl#comment_form dd input.button { padding: 2px 5px; margin-right: 10px; }

/* pagenavi */
div#pagenavi   { color: #333; font-size: 95%; text-align: center; margin: 0; padding: 0 }

/* trackback */
div#trackback  { margin: 0; padding: 0 }
div#trackback h3  { color: #999; font-size: 14px; font-weight: bold; margin: 0; padding: 0 }
div#trackback dl.tb_body  { padding-bottom: 30px }
div#trackback dl.tb_body dt  { color: #333; text-align: right; margin-bottom: 5px; padding-bottom: 2px; border-bottom: 1px solid #ffe6c0 }

/* Calendar */
div#calendar  { margin: 20px 0 0; padding: 0; width: 208px }
div#calendar h3     { color: #fff; font-size: 90%; font-weight: bold; background-color: #690; text-indent: 1em; margin-top: 0; margin-bottom: 0.2em; padding-top: 0.3em; padding-bottom: 0.3em; width: 208px }
div#calendar p   { margin: 0; padding: 0; width: 208px }
div#calendar table { color: #333; margin: 5px 0 15px; padding: 0; width: 208px }
div#calendar table td.calendar_month  { color: #c00; font-weight: bold; padding-bottom: 10px }
div#calendar table td.weekday { color: #060; font-weight: bold }
div#calendar table th, div#calendar table td { font-size: 75%; line-height: 1em; text-align: center; padding: 2px 3px; }
div#calendar table th { padding-bottom: 5px; }
div#calendar table a  { color: #c00; font-weight: bold; text-decoration: underline }
/*<agl.folder "200806ADDITIONAL">*/
div#update { }
div#news { width: 350px; float: left }
div#news ul  { list-style-type: none; margin: 10px 0 0; padding: 0 }
div#news li { margin-bottom: 5px }
div#topmemo  { width: 200px; float: right }
div#topmemo .round   { background-color: #cae2b2; display: block; height: 1px; overflow: hidden }
div#topmemo h3 { color: #c00; font-size: 100% }
div#topmemo .memo { font-size: 80%; background-color: #cae2b2; padding: 5px }
.r1 { margin-right: 5px; margin-left: 5px; }
.r2 { margin-right: 3px; margin-left: 3px; }
.r3 { margin-right: 2px; margin-left: 2px; }
.r4 { height: 2px !important; margin-right: 1px; margin-left: 1px; }
.b1 { background-color: #690; margin-right: 5px; margin-left: 5px; }
.b2 { margin-right: 3px; margin-left: 3px; border-right: 2px solid #690; border-left: 2px solid #690; }
.b2b { background-color: #690; }
.b3 { margin-right: 2px; margin-left: 2px; border-right: 1px solid #690; border-left: 1px solid #690; }
.b3b { background-color: #690; }
.b4 { height: 2px !important; margin-right: 1px; margin-left: 1px; border-right: 1px solid #690; border-left: 1px solid #690; }
.b4b { background-color: #690; }
/*</agl.folder>*/