* {
margin: 0;
padding: 0;
}
body{
font-size:11px;
font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,Osaka,'MS P Gothic',sans-serif,Arial,Helvetica,Verdana;
color:#99aabb;
line-height:1.5em;
background:url(design/bg_line.gif) repeat-x left 85px #ffffff;
}
img{
vertical-align:bottom;
}
a{
text-decoration:none;
}
a img{
border:1px solid #232323;
text-decoration:none;
}
a:link{
font-weight:bold;
color:#cc3333;
}
a:visited{
font-weight:bold;
color:#cc3333;
text-decoration:none;
}
a:hover{
font-weight:bold;
color:#ff0000;
text-decoration:none;
}
a:active{
font-weight:bold;
color:#ff0000;
text-decoration:none;
}
hr{
margin:0;
padding:0;
border-width:1px 0px 0px 0px; 
border-style:solid; 
border-color:#eeeeee; 
height:1px; 
}
h1{
float:left;
margin:0;
padding:0;
font-size:11px;
color:#003333;
font-weight:bold;
}
table{
border:none;
}
td{
border:none;
text-align:left;
}
ul{
margin:0 0 0 1em;
padding:0;
line-height:1.2em;
text-indent:0;
list-style-type:none;
list-style-position:outside;
}
li{
margin:0 0 0 1em;
padding:3px 0 0 1em;
line-height:1.2em;
text-indent:0;
list-style-type:none;
list-style-position:outside;
}
p{
text-align:justify;
text-justify:inter-ideograph;
margin:0;
padding:0;
}
/* ■header.css■ */
#header{
width:900px;
height:80px;
margin:0 auto;
padding:10px 0 0 0;
}
#header a img{
border:0;
text-decoration:none;
}
#header p{
float:right;
font-size:10px;
padding:0 30px 0 0;
}
#header span{
float:right;
padding:0 0 0 10px;
}
/* ■wrapper.css■ */
#wrapper{
width:900px;
margin:0 auto 0 auto;
padding:0;
}
/* ■menu.css■ */
#menudiv{
float:left;
width:230px;
margin:15px 0 0 0;
background:url(./design/bg_menu.gif) repeat-y left top #EFEFE9;
}
#menu{
width:230px;
height:1330px;
margin:0;
text-align:center;
}
.menu_top{
width:230px;
height:20px;
margin:0;
background:url(./design/bg_menutop.gif) no-repeat left top;
}
.menu_bottom{
width:230px;
height:10px;
background:url(./design/bg_menubottom.gif) no-repeat left top;
_line-height:1px;
_font-size:1px;
overflow:hidden;
}
/* ■main.css■ */
#main{
float:right;
width:650px;
margin:5px 0 0 0;
}
/* ■right.css■ */
.right{
float:right;
width:320px;
margin:0;
text-align:left;
}
/* ■left.css■ */
.left{
float:left;
width:320px;
margin:0;
text-align:left;
}
/* ■footer.css■ */
#footer{
width:900px;
margin:0 auto;
clear:both;
}
/* ■main_box■ */
.mainbox{
width:320px;
height:156px;
background:url(./design/bg_box.gif) repeat-y left top #EFEFE9;
overflow:auto;
}
.mainbox_head{
width:320px;
height:27px;
margin:10px 0 0 0;
background:url(./design/bg_boxhead.gif) no-repeat left top;
}
.mainbox_top{
width:320px;
height:2px;
margin:10px 0 0 0;
background:url(./design/bg_boxtop.gif) no-repeat left top;
overflow:hidden;
}
.mainbox_bottom{
width:320px;
height:2px;
background:url(./design/bg_boxbottom.gif) no-repeat left top;
_line-height:1px;
_font-size:1px;
overflow:hidden;
}
.mainbox a:link{
font-weight:normal;
color:#336666;
}
.mainbox a:visited{
font-weight:normal;
color:#336666;
text-decoration:none;
}
.mainbox a:hover{
font-weight:normal;
color:#cc3333;
text-decoration:none;
}
.mainbox li{
padding:5px 0 0 5px;
}
.main2box{
width:650px;
height:140px;
background:url(./design/bg_2box.gif) repeat-y left top #EFEFE9;
overflow:auto;
}
.main2box2{
width:650px;
background:url(./design/bg_2box.gif) repeat-y left top;
}
.main2box2 p{
color:#333333;
padding:5px 10px 0 10px;
text-align:left;
font-size:16px;
line-height:1.3em;
text-align:justify;
text-justify:inter-ideograph;
}
.main2box li{
padding:5px 0 0 5px;
}
.main2box a:link{
font-weight:normal;
color:#336666;
}
.main2box a:visited{
font-weight:normal;
color:#336666;
text-decoration:none;
}
.main2box a:hover{
font-weight:normal;
color:#cc3333;
text-decoration:none;
}
.main2box_head{
width:650px;
height:27px;
margin:10px 0 0 0;
background:url(./design/bg_2boxhead.gif) no-repeat left top;
}
.main2box_top{
width:650px;
height:2px;
margin:10px 0 0 0;
background:url(./design/bg_2boxtop.gif) no-repeat left top;
overflow:hidden;
}
.main2box_bottom{
width:650px;
height:2px;
background:url(./design/bg_2boxbottom.gif) no-repeat left top;
overflow:hidden;
}
.mainbox2{
width:320px;
height:374px;
text-align:center;
background:url(./design/bg_box.gif) repeat-y left top;
}
.mainbox2 p{
color:#333333;
padding:5px 10px 0 10px;
text-align:left;
font-size:12px;
text-indent:0.6em;
text-align:justify;
text-justify:inter-ideograph;
}
.mainbox3{
width:320px;
height:180px;
background:url(./design/bg_box.gif) repeat-y left top;
overflow: hidden;
}
.mainbox3 img{
float:right;
margin:0 10px 0 10px;
}
.mainbox3 p{
color:#336666;
padding:5px 10px 0 10px;
text-align:left;
font-size:12px;
text-indent:0.6em;
text-align:justify;
text-justify:inter-ideograph;
}
.mainbox3 img{
border:1px solid #232323;
}
/* ■menu_box■ */
.menubox{
width:230px;
margin:10px 0 0 0;
text-align:left;
}
.menubox a:link{
font-weight:normal;
color:#336666;
}
.menubox a:visited{
font-weight:normal;
color:#336666;
text-decoration:none;
}
.menubox a:hover{
font-weight:normal;
color:#cc3333;
text-decoration:none;
}
.menubox li{
margin:0;
padding:5px 10px 0 10px;
text-align: justify;
text-justify:inter-ideograph;
}
.link li{
margin:0;
padding:0 10px 0 10px;
text-align: justify;
text-justify:inter-ideograph;
}
/* ■menu_naviline■ */
.red_naviline{
float:left;
width:30px;
height:30px;
line-height:30px;
font-size:10px;
margin:10px 0 0 11px;
_margin:8px 0 0 6px;
text-align:center;
background-color:#cc6666;
}
.blue_naviline{
float:left;
width:30px;
height:30px;
line-height:30px;
font-size:10px;
margin:10px 0 0 11px;
_margin:8px 0 0 6px;
text-align:center;
background-color:#6699cc;
}
.green_naviline{
float:left;
width:30px;
height:30px;
line-height:30px;
font-size:10px;
margin:10px 0 0 11px;
_margin:8px 0 0 6px;
text-align:center;
background-color:#66cc99;
}
.purple_naviline{
float:left;
width:30px;
height:30px;
line-height:30px;
font-size:10px;
margin:10px 0 0 11px;
_margin:8px 0 0 6px;
text-align:center;
background-color:#CC99FF;
}
.gray_naviline{
float:left;
width:30px;
height:30px;
line-height:30px;
font-size:10px;
margin:10px 0 0 11px;
_margin:8px 0 0 6px;
text-align:center;
background-color:#999999;
}
.box_naviline{
float:left;
width:160px;
height:30px;
line-height:1.2em;
font-size:14px;
margin:8px 0 0 8px;
text-align:left;
}
/* ■headline■ */
.head_headline{
padding:5px 0 0 10px;
font-size:12px;
font-weight:bold;
text-align:left;
}
.red_headline{
float:left;
width:45px;
height:45px;
line-height:45px;
font-size:12px;
margin:10px 0 0 11px;
_margin:10px 0 0 6px;
text-align:center;
background-color:#cc6666;
}
.green_headline{
float:left;
width:45px;
height:45px;
line-height:45px;
font-size:12px;
margin:10px 0 0 11px;
_margin:8px 0 0 6px;
text-align:center;
background-color:#66cc99;
}
.purple_headline{
float:left;
width:45px;
height:45px;
line-height:45px;
font-size:12px;
margin:10px 0 0 11px;
_margin:8px 0 0 6px;
text-align:center;
background-color:#CC99FF;
}
.orange_headline{
float:left;
width:45px;
height:45px;
line-height:45px;
font-size:12px;
margin:10px 0 0 11px;
_margin:8px 0 0 6px;
text-align:center;
background-color:#FF9933;
}
.blue_headline{
float:left;
width:45px;
height:45px;
line-height:45px;
font-size:12px;
margin:10px 0 0 11px;
_margin:8px 0 0 6px;
text-align:center;
background-color:#6699cc;
}
.gray_headline{
float:left;
width:45px;
height:45px;
line-height:45px;
font-size:12px;
margin:10px 0 0 11px;
_margin:8px 0 0 6px;
text-align:center;
background-color:#999999;
}
.box_headline{
float:left;
width:250px;
height:30px;
line-height:1.2em;
font-size:14px;
margin:15px 0 0 0;
padding:0 0 0 8px;
text-align:left;
}
.txt_headline{
float:left;
width:580px;
height:30px;
line-height:1.2em;
font-size:18px;
margin:20px 0 0 0;
padding:0 0 0 8px;
text-align:left;
}
/* ■txt■ */
.txt{
font-size:14px;
padding:5px 6px 0 12px;
}
/* ■table■ */
table#table-01 {
width: 530px;
border: 1px #E3E3E3 solid;
border-collapse: collapse;
border-spacing: 0;
}
table#table-01 th {
padding: 5px;
border: #E3E3E3 solid;
border-width: 0 0 1px 1px;
background: #F5F5F5;
font-weight: bold;
line-height: 120%;
text-align: center;
}
table#table-01 td {
padding: 5px;
border: 1px #E3E3E3 solid;
border-width: 0 0 1px 1px;
text-align: center;
}
/* ■font■ */
.white{
color:#ffffff;
}
.gray{
color:#336666;
}
.black{
color:#333333;
}
.red{
color:#cc3333;
}
.blue{
color:#556677;
}
.font20{
font-size:20px;
}
.font18{
font-size:18px;
}
.font16{
font-size:16px;
}
.font12{
font-size:12px;
}
.font10{
font-size:10px;
}
.bold{
color:#ff3333;
font-weight:bold;
}
/* other */
.blank{
text-indent:-9999px;
display:none;
}
.clear{
clear:both;
font-size:1px;
line-height:1px;
border:none;
text-indent:-9999px;
}
.none{
border:none;
}
.border{
border:1px solid #575757;
}
.center{
margin:0 auto;
text-align:center;
}
.fl{
float:left;
}
.fr{
float:right;
}
.form{
margin:5px 0 0 0;
padding:0 10px;
}
.p_usr{
width:200px;
}
.submit{
margin:5px 0 0 0;
}