@charset "utf-8";

*         {margin:0; padding:0;}

body      {width:100%; line-height:160%; font-size:16px; color:#000000; font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}

#header, #footer  {position:fixed; display:block; width:100%; text-align:center; line-height:120%; color:#000000; margin:0px; padding:2px; z-index:9; white-space:nowrap; font-family:'Days One';}

#header   {top:0px;    left:0px;                 height:20px; background:#ffffff;}
#footer   {bottom:0px;           font-size:12px; height:auto; background:#ffcc00;}

#wrap     {            margin:50px auto;          width:950px; overflow:hidden;}
#content  {            margin:30px 0px 0px 320px;              overflow:auto;}
#content-sp{           margin:30px 0px 0px 0px;                overflow:auto;}
.main     {            margin:30px 0px 0px 320px;}
#img      {float:left; margin-top:50px;           width:300px;}
.img      {float:left; margin-top:50px;           width:300px;}

p         {margin:0px 0px 20px 0px;}
.red      {color:#e8383d;}
.yellow   {padding:4px; border:solid 1px #ffcc00; border-radius:7px;}
.white    {color:#ffffff;}
.bold     {font-weight:bold; font-family:'Days One', :"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
.large    {font-size:18px; line-height:150%;}
.small    {font-size:90%;}
.center   {                              text-align:left; padding-left:150px;}
.right    {font-size:80%; color:#333333; text-align:right;}
.next     {font-size:90%; }
img       {border:0;}

a           {text-decoration:underline; color:#0033ff;}
a:visited   {text-decoration:underline; color:#0033ff;}
a:hover {
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;}

a.red       {text-decoration:none; color:#ffffff; text-align:left;  padding:4px 10px; font-weight:bold; background:#e8383d; border-radius:7px;}

.link_box{
  position:relative;
  width:100%;
  height:70px;
  margin:0px;
  padding:8px;
  border:solid 1px #e8383d;
  }

 
.link_box a{
  text-decoration:none;
  color:#ffffff;
  background:#e8383d;
  text-align:left;
  font-weight:bold;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  padding:8px;
  }

h1        {color:#e8383d; font-size:22px; width:100%;  margin:35px 20px 15px 0px; border-bottom:dotted 2px #e8383d;}
h2        {               font-size:18px; width:100%;  margin:15px 20px 15px 0px; border-bottom:solid  1px #ffcc00;}

#copy     {font-size:14px; width:100%; top:0px; left:0px; padding:0px; background:#ffcc00; color:#000000; font-weight:normal; text-align:center; position:absolute; height:auto; z-index:98;}
hr        {margin:40px 0px 80px;      border:none; border-top:solid 1px #cccccc; clear:both;}
hr.head   {margin:21px 0px 0px -10px; border:1px #ffcc00 solid; background-color:#ffcc00; height:1px; position:related; z-index:99;}

ul        {margin-top:0px; margin-bottom:0px; margin-left:15px; padding-left:15px;}
li        {font-size:90%;}

ul.navi                 {font-family:'Days One';         margin:0px 20px; padding:3px 0px 0px;        text-align:left; vertical-align:bottom; background:#ffffff;}
ul.navi li              {display:inline; font-size:10pt; margin:0px;      padding:0px 10px 10px 0px;                   vertical-align:bottom; white-space:nowrap;}
ul.navi li.navi a       {color:#666666;  height:25px;    margin:0px;      text-decoration:none;}
ul.navi li.navi a:hover {                                                 text-decoration:underline;}
ul.navi li.sel          {color:#e8383d;  height:25px;    margin:0px;      text-decoration:none;}

dl, dt, dd              {margin:0px; padding:3px 0px; font-size:14px; text-align:left;}
dl                      {width:100%; background-color:#ffffff;}
dt                      {width:60px;       float:left; clear:both;}
dd                      {margin-left:60px;}

td, input {padding:5px;}