@charset "UTF-8";

*{ font-size:1em; line-height:1.25em; font-family:"メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka,  sans-serif; color:#333; }

body{ margin:0; padding:0 0 20px 0; background: #FFF url(../img/cmn/bg_texture.gif) repeat 0 0; text-align:center; }

h1.header{ margin:0 auto; padding:0; text-align:center; width:720px; }
h1.header img{ display:block; vertical-align:top; margin:0; padding:0; }

#wrap{ width:720px; margin:0 auto; padding: 0 0 12px 0; background: #FFF url(../img/cmn/bg_bottom.jpg) no-repeat left bottom; font-size:.75em; border-bottom:2px solid #EE4972; }

#hdwrap{background: #FFF url(../img/cmn/bg_cnttop.jpg) no-repeat 0 0;}

#cwrap{ width:696px; text-align:left; padding:64px 0 0 0; margin:0 auto;}

#main{ width:480px; float:left; }
#main p{ margin-left:1em;}
#main h3{ margin:1.5em 0; padding:0; }
#main h3.notopmargin{ margin-top:0; }


#side{ width:200px; float:right; background-color:#FFF; margin-top:1.75em; }
#side h4{ margin:1.5em 0 1em 0;}


hr.clear{ display:block; clear:both; border:1px solid #FFF; visibility:hidden; }

a:link{ color: #EE4972; font-weight: bold; text-decoration: none; }
a:visited{ text-decoration: none; font-weight: bold; color: #EE4972; }
a:hover{ text-decoration: underline; font-weight: bold; color: #EE4972; }
a:active{ text-decoration: none; font-weight: bold; color: #EE4972; }

a:hover img{ text-decoration: none; }



/* usual classes */

.fright{ float:right; }
.fleft{ float:left; }
.aleft{ text-align:left; }
.aright{ text-align:right; }
.acenter, #mc .acenter{ text-align:center; }
.clear{ clear:both; }

.vatop, #mc table .vatop{ vertical-align:top; }
.vamiddle, #mc table .vamiddle{ vertical-align:middle; }

.nodisp{ display:none; }
.nowrap{ white-space:nowrap; }
.nomargin, #mc .nomargin{ margin:0; }
.marginhalfem, #mc .marginhalfem{ margin:1em 0;}
.notopmargin{ margin-top:0; }
.smaller, #mc p.smaller{ font-size:smaller; }
.x-small{ font-size:.64em; }
.larger{ font-size:larger; }


/* special classes */
.boxwrap{ margin:18px 10px; /*border-bottom:1px dotted #EE4972;*/ }
.boxwrap .otboxl, .boxwrap .otboxr{ width:220px; }
.boxwrap .otboxl{ float:left; }
.boxwrap .otboxr{ float:right; }
#main .boxwrap .otboxl p, #main .boxwrap .otboxr p{ margin:0 0 12px 10px; }
#main .boxwrap .otboxl h4, #main .boxwrap .otboxr h4{ margin:0 0 2px 0; }


ul.linklist{ margin:1.5em 0; padding:0; }
ul.linklist li{ list-style:none; margin:4px 0; padding:0; }


/* navigation classes */
.navigation{ margin:0; padding:12px 0; }
.navigation img{ vertical-align:top; }
.navigation .prev, .navigation .next{ width:45%; padding:0; margin: }
.navigation .prev{ float:left; text-align:left; }
.navigation .next{ float:right; text-align:right; }