@charset "utf-8";


/* ------------------------------
共通部分
------------------------------ */

body {margin:0; padding:0; background-color: #3ff;}
h1 {font-size: 12px; margin: 0; padding: 0; font-weight: normal;}
h2,h3,h4 {font-size: 14px; margin: 0 0 2px 0; padding:0 0 3px 3px; border-bottom: solid 2px #f00;}
h5 {font-size: 12px; margin: 0 0 2px 0; padding: 0 0 3px 5px; border-bottom: solid 1px #f00;}
ul,li,p { margin: 0; padding: 0; }
img { border-style: none; }

a:link {text-decoration: none; }
a:visited {text-decoration: none; }
a:hover { text-decoration: none ;}
a:active { }

strong,em {font-weight: normal;text-decoration: none; font-style: normal;}


/* ------------------------------
全体,ボーダー角丸BOX
------------------------------ */
#wrapper {width: 810px;margin: 0px auto;   font-size: 12px; font-family: "メイリオ","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; line-height: 150%; }

.box1 { border: 5px solid #bbb; margin: 5px 0 ; padding: 5px 7px;background-color: #fff;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;behavior: url(border-radius.htc);}/* グレーボーダー*/
 
.box2 {width: 95%; margin: 5px auto ; padding: 5px 7px;background-color: #eee;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;behavior: url(border-radius.htc);}/* グレーバック */

.box3 { border: 5px solid #f00; margin: 5px 0 ; padding: 5px 7px;background-color: #fff;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;behavior: url(border-radius.htc);}/* 赤ボーダー */

.box4 { border: 5px solid #000; margin: 5px 0 ; padding: 5px 7px;background-color: #fff;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;behavior: url(border-radius.htc);}/* 黒ボーダー */

/* ------------------------------
ヘッダー
------------------------------ */

#header { width: 790px ;clear: both; } 
#navi { width: 790px ;height: 60px;clear: both; padding: 0 0 0 10px;} 
#navi ul {list-style:none;margin:0; }
#navi li {float:left;text-align:center; padding:0 1px;}

/* ------------------------------
メイン部分
------------------------------ */


#left {float:left;width:190px;text-align:center; font-size: 12px;line-height: 150% ;}
#left ul { padding: 0 0 0 25px;text-align: left; margin: 0;list-style:square;}

#left a:hover { text-decoration: none ;font-weight: bold;color: #fff; background-color: #000;}

#right {width: 610px ; float: right;text-align: left;  overflow: hidden;}
#right a:hover { text-decoration: none ;font-weight: bold;color: #fff; background-color: #000;}
#right ul {list-style: none;}

#right table {width: 550px ; margin: 5px auto; clear: both;}

#main {width: 790px ;  text-align: left; overflow: hidden; clear: both;}
#main a:hover { text-decoration: none ;font-weight: bold;color: #fff; background-color: #000;}
#main01 {width: 790px ;  text-align: left; overflow: hidden;clear: both; }
#main01 a:hover { text-decoration: none ;font-weight: bold;color: #fff; background-color: #000;}
#main01 dt { font-weight: bold; padding: 5px 0; border-bottom: 1px dotted #ccc;}
#main02 {width: 700px ;  text-align: right; overflow: hidden;clear: both; }

/* フッター
------------------------------ */
#footer { width: 790px ;  overflow: hidden; clear: both;  text-align: center;}


/* その他文字等
------------------------------ */

.fs01 {font-size: 11px; color: #888;}
.fs02 {font-size: 14px;}
.fs03 {font-size: 18px;}
.fs04 {font-size: 24px;}
.fs05 {color: #f00;}
.fs06 {color: #f00;font-weight: bold ; }

.tbr {background-color: #cff; font-weight: bold; }


.ac { text-align: center; }
.ar { text-align: right; }
.al { text-align: left; }

.fleft {float: left;}
.fright {float: right;}
.fcl {clear: both;}

.m5  {margin: 5px;}
.m10 {margin: 10px;}
.m20 {margin: 20px;}
.m30 {margin: 30px;}

.rm5  {margin:0 5px;}
.rm10 {margin:0 10px;}
.rm20 {margin:0 20px;}
.rm30 {margin:0 30px;}

.tm5  {margin-top:5px;}
.tm10 {margin-top:10px;}
.tm20 {margin-top:20px;}
.tm30 {margin-top:30px;}